@font-face { font-family:"Azonix"; src:url("/static/fonts/Azonix.otf") format("opentype"); font-style:normal; font-weight:400; font-display:swap; }
:root { color-scheme:dark; }
* { box-sizing:border-box; }
html,body { width:100%; height:100%; margin:0; overflow:hidden; background:#000; }
body { color:#fff; font-family:Inter,Montserrat,"Helvetica Neue",Arial,sans-serif; }
.brand-landing { position:relative; width:100%; height:100dvh; min-height:420px; display:grid; place-items:center; isolation:isolate; background:#000; }
.brand-landing::before { content:""; position:absolute; inset:-30%; z-index:-1; opacity:.45; background:radial-gradient(circle at 50% 50%,#151515 0,#050505 26%,#000 58%); animation:atmosphere 8s ease-in-out infinite; }
.brand-lockup { position:relative; width:min(76vmin,720px); aspect-ratio:1; display:grid; place-items:center; color:#fff; }
.brand-lockup::after { content:""; position:absolute; left:50%; top:50%; width:1px; height:1px; border-radius:50%; box-shadow:0 0 90px 42px rgba(255,255,255,.11); animation:core-breathe 4.8s ease-in-out infinite; }
.brand-orbit { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.ambient-halo { animation:halo-breathe 6s ease-in-out infinite; }
.orbit,.crosshair,.mark-aura,.sweep { fill:none; stroke:#fff; vector-effect:non-scaling-stroke; transform-origin:360px 360px; }
.orbit-far { opacity:.2; stroke-width:.7; stroke-dasharray:2 10; animation:orbit-clockwise 46s linear infinite; }
.orbit-mid { opacity:.34; stroke-width:.8; stroke-dasharray:1 7; animation:orbit-counter 31s linear infinite; }
.orbit-near { opacity:.52; stroke-width:1; stroke-dasharray:34 15 2 14; animation:orbit-clockwise 22s linear infinite; }
.orbit .node { fill:#fff; stroke:none; filter:drop-shadow(0 0 7px #fff); }
.sweep { stroke:url(#arcLight); stroke-width:1.5; stroke-linecap:round; filter:drop-shadow(0 0 4px rgba(255,255,255,.7)); }
.sweep-one { stroke-dasharray:125 900; animation:sweep-one 8s cubic-bezier(.55,.05,.35,1) infinite; }
.sweep-two { opacity:.58; stroke-dasharray:75 900; animation:sweep-two 11s cubic-bezier(.55,.05,.35,1) infinite; }
.crosshair { opacity:.2; stroke-width:.75; stroke-dasharray:4 8; animation:crosshair-pulse 5s ease-in-out infinite; }
.mark-aura { opacity:.34; stroke-width:1; stroke-dasharray:1 8; animation:orbit-counter 16s linear infinite; }
.official-mark { filter:invert(1) drop-shadow(0 0 16px rgba(255,255,255,.22)); transform-origin:360px 360px; animation:mark-arrive 1.8s cubic-bezier(.16,1,.3,1) both, mark-float 5s ease-in-out 1.8s infinite; }
.brand-lockup h1 { position:absolute; top:calc(50% + 93px); left:50%; margin:0; transform:translateX(-50%); font-family:"Azonix",sans-serif; font-size:clamp(18px,3.2vmin,30px); font-weight:400; letter-spacing:.48em; text-indent:.48em; line-height:1; text-shadow:0 0 22px rgba(255,255,255,.2); animation:wordmark-arrive 2s .2s cubic-bezier(.16,1,.3,1) both; }
.brand-filing { position:fixed; z-index:5; left:0; right:0; bottom:max(18px,env(safe-area-inset-bottom)); text-align:center; }
.brand-filing a { color:rgba(255,255,255,.34); font-size:11px; font-weight:400; letter-spacing:.08em; text-decoration:none; transition:color .25s ease; }
.brand-filing a:hover,.brand-filing a:focus-visible { color:rgba(255,255,255,.72); }
@keyframes atmosphere { 0%,100%{transform:scale(.92);opacity:.35} 50%{transform:scale(1.08);opacity:.58} }
@keyframes halo-breathe { 0%,100%{opacity:.42;transform:scale(.92);transform-origin:center} 50%{opacity:.82;transform:scale(1.04);transform-origin:center} }
@keyframes core-breathe { 0%,100%{opacity:.48;box-shadow:0 0 78px 32px rgba(255,255,255,.08)} 50%{opacity:1;box-shadow:0 0 118px 58px rgba(255,255,255,.14)} }
@keyframes orbit-clockwise { to{transform:rotate(360deg)} }
@keyframes orbit-counter { to{transform:rotate(-360deg)} }
@keyframes sweep-one { 0%{transform:rotate(-45deg);stroke-dashoffset:0;opacity:0} 16%{opacity:1} 76%{opacity:.9} 100%{transform:rotate(315deg);stroke-dashoffset:-260;opacity:0} }
@keyframes sweep-two { 0%{transform:rotate(130deg);stroke-dashoffset:100;opacity:0} 22%{opacity:.62} 100%{transform:rotate(-230deg);stroke-dashoffset:-180;opacity:0} }
@keyframes crosshair-pulse { 0%,100%{opacity:.12;transform:scale(.97)} 50%{opacity:.34;transform:scale(1.025)} }
@keyframes mark-arrive { from{opacity:0;transform:scale(.62) rotate(-12deg);filter:invert(1) blur(9px)} to{opacity:1;transform:scale(1) rotate(0);filter:invert(1) drop-shadow(0 0 16px rgba(255,255,255,.22))} }
@keyframes mark-float { 0%,100%{transform:translateY(0) scale(1)} 50%{transform:translateY(-4px) scale(1.025)} }
@keyframes wordmark-arrive { from{opacity:0;transform:translate(-50%,18px);letter-spacing:.76em;filter:blur(6px)} to{opacity:1;transform:translate(-50%,0);letter-spacing:.48em;filter:blur(0)} }
@media (max-width:640px) { .brand-lockup { width:min(96vw,620px); }.brand-lockup h1 { top:calc(50% + 78px); } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; } }