@font-face{font-family:Alexandria;src:url('/assets/alexandria-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/montserrat-variable.ttf') format('truetype');font-style:normal;font-weight:100 900;font-display:swap}
:root{font-family:Alexandria,sans-serif;color:#17213d;background:#f8f9fd;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}
body{margin:0}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
.page{max-width:1680px;min-height:100svh;margin:auto;padding:0 48px;display:flex;flex-direction:column}
.header{display:flex;align-items:center;justify-content:space-between;min-height:126px;gap:24px}
.brand{display:block;line-height:0;border-radius:8px}
.brand img{width:170px;height:auto}
.language{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 15px;background:transparent;border:1px solid #cdd2e4;border-radius:100px;color:#17213d;font-family:Montserrat,Alexandria,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .2s,border-color .2s}
.language:hover{background:#e9edff;border-color:#3f55e8}
:focus-visible{outline:3px solid #17213d;outline-offset:5px}
.hero{isolation:isolate;position:relative;display:grid;grid-template-columns:1.16fr 1fr;align-items:center;flex:1;min-height:600px;border-radius:28px;overflow:hidden;background:#3f55e8;color:white;padding:72px clamp(36px,5vw,84px);gap:30px}
.hero-copy{position:relative;z-index:2}
.coming-soon{display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:600;line-height:1.5;padding:10px 24px;border:1px solid #95a3f4;border-radius:100px;margin:0 0 32px}
h1{font-size:clamp(2.9rem,4.5vw,4.8rem);font-weight:650;letter-spacing:-.05em;line-height:1.55;margin:0 0 24px}
h1 span{display:block}
.accent{color:#dbee9a}
.description{max-width:510px;font-size:1.05rem;font-weight:350;line-height:2.05;margin:0;color:#f2f4ff}
.under-construction{display:flex;align-items:center;gap:12px;margin-top:48px;font-size:.875rem;font-weight:350;line-height:1.8;color:#e9edff}
.small-line{width:28px;height:2px;background:#dbee9a;flex-shrink:0}
.hero-identity{position:relative;display:flex;min-width:0;aspect-ratio:1;align-items:center;justify-content:center;direction:ltr}
.symbol{width:75%;height:auto;z-index:1;transform:rotate(-9deg);animation:arrive 1s ease both}
.orbit{position:absolute;border:1px solid #ffffff26;border-radius:50%;aspect-ratio:1;pointer-events:none}
.orbit-outer{width:124%}
.orbit-inner{width:102%}
.identity-label{position:absolute;bottom:-20px;font-family:Montserrat,sans-serif;font-size:.75rem;font-weight:600;letter-spacing:.16em;color:#e9edff;text-align:center;white-space:nowrap}
.footer{min-height:110px;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:24px 8px;font-size:.875rem;line-height:1.9}
.footer p{margin:0;font-weight:500}
.footer-end{display:flex;align-items:center;gap:24px;font-family:Montserrat,sans-serif;direction:ltr}
.domain{font-weight:600}
.copyright{font-size:.75rem;color:#5c6377}
html[lang=en]{font-family:Montserrat,sans-serif}
html[lang=en] h1{font-size:clamp(2.75rem,4.3vw,4.6rem);font-weight:650;line-height:1.16;letter-spacing:-.055em;margin-bottom:30px}
html[lang=en] .description{font-size:1.0625rem;line-height:1.85;font-weight:400}
html[lang=en] .under-construction{font-weight:400}
@keyframes arrive{from{opacity:0;transform:translateY(10px) rotate(-9deg)}to{opacity:1;transform:translateY(0) rotate(-9deg)}}
@media(min-width:1500px){.hero{max-height:860px}}
@media(max-width:1000px){.page{padding:0 28px}.hero{min-height:590px;padding:48px 38px;grid-template-columns:1.2fr .85fr;gap:24px}h1{font-size:3rem}.description{font-size:1rem}.identity-label{font-size:.65rem;letter-spacing:.08em}.footer-end{gap:16px}}
@media(max-width:760px){.page{padding:0 20px}.header{min-height:104px}.brand img{width:147px}.hero{grid-template-columns:1fr;gap:26px;padding:38px 28px 40px;border-radius:24px;min-height:0;flex:none}.coming-soon{margin-bottom:22px;padding:8px 19px}h1{font-size:clamp(2.2rem,7.5vw,3.8rem);line-height:1.55;letter-spacing:-.045em;margin-bottom:16px}.description{max-width:520px;font-size:1rem;line-height:1.95}.under-construction{margin-top:28px;font-size:.8125rem;gap:10px}.hero-identity{width:210px;margin:0 auto 17px}.symbol{width:83%}.orbit-outer{width:105%}.orbit-inner{width:84%}.identity-label{bottom:-12px;font-size:.625rem;letter-spacing:.12em}.footer{margin-top:auto;min-height:120px;flex-direction:column;align-items:center;gap:10px;text-align:center;padding:24px 0;font-size:.8125rem}.footer-end{gap:20px}html[lang=en] h1{font-size:clamp(2.35rem,7.6vw,3.8rem);margin-bottom:23px}html[lang=en] .description{font-size:1rem}.language{font-size:.8125rem;gap:8px;padding:9px 13px}}
@media(max-width:370px){.page{padding:0 12px}.hero{padding:30px 23px}.brand img{width:136px}.header{min-height:94px}.hero-identity{width:174px}.under-construction{align-items:flex-start}.small-line{margin-top:11px;width:18px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
