@font-face{font-family:System;src:local("Arial")}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#050309;max-width:100%;overflow-x:hidden;overflow-x:clip}body{margin:0;background:#050309;color:#f5f1ff;font-family:System,Arial,sans-serif;max-width:100%;overflow-x:hidden;overflow-x:clip;cursor:crosshair}::selection{background:#ff2bd6;color:#050309}:root{--pink:#ff2bd6;--cyan:#25f6ff;--lime:#c6ff3e;--violet:#7b3cff;--ink:#050309;--line:rgba(255,255,255,.16);--pad:clamp(20px,4vw,68px)}.skip-link{position:fixed;top:10px;left:10px;z-index:1000;padding:12px 18px;background:var(--lime);color:#050309;transform:translateY(-160%);transition:.2s}.skip-link:focus{transform:none}.atmosphere,#void{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}#void{z-index:0}.atmosphere{z-index:1}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,rgba(255,255,255,.025) 4px);mix-blend-mode:overlay}.noise{position:absolute;inset:-50%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:noise .18s steps(2) infinite}.vignette{position:absolute;inset:0;background:radial-gradient(circle at 50% 45%,transparent 20%,rgba(2,0,8,.34) 68%,rgba(2,0,8,.88) 100%)}@keyframes noise{0%{transform:translate(0)}25%{transform:translate(3%,-2%)}50%{transform:translate(-2%,4%)}75%{transform:translate(4%,2%)}}main,.hud,footer{position:relative;z-index:2}.hud{position:fixed;top:0;left:0;right:0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);border-bottom:1px solid var(--line);background:linear-gradient(#050309d9,#05030942);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.08em;font-size:15px}.brand i{width:10px;height:10px;background:var(--cyan);box-shadow:0 0 18px var(--cyan);margin-right:10px;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);animation:pulse 1.7s infinite}.brand span{color:var(--pink)}.brand b{color:#707080;margin:0 3px}.hud nav{display:flex;gap:clamp(18px,3vw,50px)}.hud nav a{color:#aaa6b5;text-decoration:none;font:700 10px/1 monospace;letter-spacing:.22em;transition:.25s}.hud nav a:hover,.hud nav a:focus-visible{color:var(--cyan);text-shadow:0 0 12px var(--cyan)}button{font:inherit}.motion-toggle{border:1px solid var(--line);color:#b8b2c3;background:#0b0812cc;padding:10px 12px;display:flex;align-items:center;gap:8px;font:700 9px monospace;letter-spacing:.12em;min-height:44px}.toggle-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 9px var(--lime)}.hero{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center;padding:130px var(--pad) 70px;position:relative}.hero-copy{max-width:950px}.eyebrow,.kicker{font:700 10px/1.4 monospace;letter-spacing:.26em;color:#c6bfd0}.eyebrow{display:flex;gap:12px;align-items:center}.eyebrow span{width:42px;height:1px;background:var(--pink);box-shadow:0 0 10px var(--pink)}h1,h2{margin:22px 0;font-weight:950;letter-spacing:-.075em;line-height:.82;text-transform:uppercase}h1{font-size:clamp(62px,10.3vw,178px);max-width:9ch}h1 em,h2 em{color:transparent;-webkit-text-stroke:1px var(--cyan);font-style:normal;text-shadow:0 0 24px rgba(37,246,255,.26)}.lede{max-width:590px;color:#bbb4c7;font-size:clamp(15px,1.35vw,20px);line-height:1.7}.actions{display:flex;align-items:center;gap:30px;margin-top:35px}.enter-button{display:flex;align-items:center;justify-content:space-between;min-width:240px;padding:17px 20px;text-decoration:none;color:#050309;background:var(--lime);font:900 11px monospace;letter-spacing:.14em;clip-path:polygon(0 0,93% 0,100% 28%,100% 100%,7% 100%,0 72%);transition:.25s}.enter-button:hover,.enter-button:focus-visible{transform:translate(-3px,-3px);filter:drop-shadow(8px 8px 0 var(--pink))}.status{font:700 9px monospace;color:#a7a1b0;letter-spacing:.13em}.status i{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:50%;box-shadow:0 0 12px var(--lime);margin-right:8px;animation:pulse 1s infinite}.coordinates{position:absolute;top:112px;right:var(--pad);display:flex;gap:25px;font:9px monospace;color:#8f8998}.scroll-cue{position:absolute;bottom:28px;left:var(--pad);display:flex;gap:14px;align-items:center;font:8px monospace;letter-spacing:.2em;color:#8f8998;writing-mode:vertical-rl}.scroll-cue i{height:58px;width:1px;background:linear-gradient(var(--cyan),transparent);animation:scroll 1.8s infinite}.orbital{width:min(40vw,580px);aspect-ratio:1;justify-self:end;position:relative;filter:drop-shadow(0 0 30px rgba(123,60,255,.3))}.orbit,.core{position:absolute;border-radius:50%;inset:10%;border:1px solid rgba(37,246,255,.28)}.orbit-1{animation:spin 11s linear infinite}.orbit-2{inset:21%;border-style:dashed;border-color:rgba(255,43,214,.52);animation:spin 7s linear infinite reverse}.orbit-3{inset:32%;border-width:5px;border-top-color:var(--lime);border-left-color:transparent;animation:spin 3.7s linear infinite}.orbit i{position:absolute;width:12px;height:12px;background:var(--pink);box-shadow:0 0 20px var(--pink);left:12%;top:12%;transform:rotate(45deg)}.orbit-2 i{background:var(--cyan);box-shadow:0 0 18px var(--cyan);left:85%;top:68%}.core{inset:41%;display:grid;place-items:center;background:#080510aa;border-color:var(--lime);box-shadow:inset 0 0 30px rgba(198,255,62,.12),0 0 30px rgba(198,255,62,.1);animation:pulse 2s infinite}.core span{font:900 22px monospace;color:var(--lime)}.orbital-label{position:absolute;font:8px monospace;letter-spacing:.14em;color:#8a8494}.l1{top:14%;right:1%}.l2{bottom:14%;left:2%}.reveal{opacity:0;transform:translateY(30px);animation:reveal .9s cubic-bezier(.16,1,.3,1) forwards}.reveal:nth-child(2){animation-delay:.15s}.reveal:nth-child(3){animation-delay:.3s}.reveal:nth-child(4){animation-delay:.45s}.glitch{position:relative}.glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch::before{color:var(--pink);transform:translateX(3px);clip-path:inset(18% 0 58% 0)}.glitch::after{color:var(--cyan);transform:translateX(-3px);clip-path:inset(68% 0 12% 0)}.glitch:hover::before{opacity:.6;animation:glitch .18s steps(2) infinite}.glitch:hover::after{opacity:.55;animation:glitch .23s steps(2) infinite reverse}.section{position:relative;min-height:100svh;padding:130px var(--pad) 100px;border-top:1px solid var(--line)}.section-index{position:absolute;top:38px;right:var(--pad);font:900 12px monospace;color:var(--pink)}.section-heading h2{font-size:clamp(60px,9vw,150px)}.signal{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.signal-visual{height:min(52vw,660px);position:relative;border:1px solid rgba(37,246,255,.2);overflow:hidden;background:linear-gradient(135deg,rgba(123,60,255,.12),transparent 60%);clip-path:polygon(7% 0,100% 0,100% 93%,93% 100%,0 100%,0 7%)}.wave{position:absolute;inset:50% -10%;height:1px;background:var(--cyan);box-shadow:0 0 12px var(--cyan);animation:wave 3s ease-in-out infinite}.wave::after{content:"";position:absolute;left:0;right:0;top:-100px;height:200px;background:repeating-linear-gradient(90deg,transparent 0 16px,var(--cyan) 17px 18px);mask:linear-gradient(transparent,black 50%,transparent);opacity:.22}.wave-b{transform:rotate(60deg);background:var(--pink);animation-delay:-1s}.wave-c{transform:rotate(-60deg);background:var(--lime);animation-delay:-2s}.reticle{position:absolute;inset:28%;border:1px solid rgba(255,255,255,.25);border-radius:50%;animation:spin 12s linear infinite}.reticle::before,.reticle::after{content:"";position:absolute;inset:12%;border:1px dashed var(--pink);border-radius:50%}.reticle::after{inset:38%;background:var(--cyan);box-shadow:0 0 28px var(--cyan)}.frequency{position:absolute;bottom:25px;left:28px;font:900 clamp(30px,5vw,70px) monospace;color:#fff}.frequency small{font-size:11px;color:var(--cyan)}.signal-copy{align-self:end;padding-bottom:30px}.signal-copy>p{max-width:530px;color:#aaa4b2;font-size:18px;line-height:1.8;margin-bottom:42px}.data-row{border-top:1px solid var(--line);padding:16px 0;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em}.data-row span{color:#8f8998}.data-row b{color:var(--cyan)}.data-row .hot{color:var(--pink)}.districts{min-height:auto}.wide h2{font-size:clamp(60px,11vw,180px);white-space:nowrap}.district-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,32px);margin-top:60px}.district{position:relative;min-height:550px;border:1px solid var(--line);background:#080610;overflow:hidden;transition:transform .45s cubic-bezier(.16,1,.3,1),border-color .3s;outline:none}.district:hover,.district:focus-visible{transform:translateY(-15px);border-color:var(--cyan)}.district::after{content:attr(data-code);position:absolute;top:14px;right:14px;font:8px monospace;color:var(--lime);z-index:3}.district-art{height:64%;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 80%,var(--violet),transparent 40%),linear-gradient(160deg,#170926,#050309 70%)}.district-art::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 9%,rgba(37,246,255,.12) 9.2% 9.5%),repeating-linear-gradient(0deg,transparent 0 9%,rgba(255,43,214,.1) 9.2% 9.5%);transform:perspective(400px) rotateX(65deg) scale(1.7);transform-origin:bottom;animation:gridmove 4s linear infinite}.district-art i{position:absolute;left:22%;right:22%;bottom:0;height:85%;background:linear-gradient(90deg,#0a0611,var(--pink),#09050e);clip-path:polygon(20% 100%,25% 24%,41% 24%,47% 0,58% 0,64% 36%,78% 36%,86% 100%);filter:drop-shadow(0 0 14px var(--pink))}.district-art b{position:absolute;width:85px;height:85px;border:1px solid var(--cyan);border-radius:50%;top:18%;left:18%;box-shadow:0 0 30px rgba(37,246,255,.3);animation:float 3s ease-in-out infinite}.art-2{filter:hue-rotate(70deg)}.art-2 i{transform:scaleX(.7) translateY(-8%)}.art-3{filter:hue-rotate(170deg)}.art-3 i{clip-path:polygon(8% 100%,18% 48%,34% 48%,40% 18%,55% 18%,65% 58%,84% 58%,96% 100%)}.district-info{padding:28px}.district-info span{font:8px monospace;letter-spacing:.2em;color:var(--pink)}.district-info h3{font-size:clamp(25px,2.4vw,42px);margin:12px 0 8px;letter-spacing:-.04em}.district-info p{color:#918b99;line-height:1.6;font-size:13px;max-width:35ch}.protocol{display:grid;place-items:center;text-align:center;overflow:hidden}.protocol-content{position:relative;z-index:2}.protocol h2{font-size:clamp(62px,10vw,170px)}.protocol-content>p:not(.kicker){color:#9c95a5}.protocol-rings{position:absolute;width:min(85vw,1100px);aspect-ratio:1;border:1px solid rgba(37,246,255,.12);border-radius:50%}.protocol-rings i{position:absolute;inset:10%;border:1px dashed rgba(255,43,214,.28);border-radius:50%;animation:spin 20s linear infinite}.protocol-rings i:nth-child(2){inset:25%;animation-duration:12s;animation-direction:reverse;border-color:rgba(198,255,62,.25)}.protocol-rings i:nth-child(3){inset:39%;animation-duration:7s;border-style:solid}.protocol-rings b{position:absolute;inset:48%;border-radius:50%;background:var(--pink);box-shadow:0 0 100px 35px rgba(255,43,214,.25);animation:pulse 1.5s infinite}.transmit{position:relative;margin-top:25px;padding:18px 28px;border:1px solid var(--cyan);color:var(--cyan);background:rgba(5,3,9,.8);font:900 11px monospace;letter-spacing:.15em;min-height:52px;overflow:hidden}.transmit::before{content:"";position:absolute;inset:0;background:var(--cyan);transform:translateX(-102%);transition:.3s}.transmit:hover::before,.transmit:focus-visible::before{transform:none}.transmit span{position:relative;z-index:1}.transmit:hover span,.transmit:focus-visible span{color:#050309}.response{height:24px;margin-top:15px;font:10px monospace;color:var(--lime);letter-spacing:.12em}footer{min-height:90px;border-top:1px solid var(--line);padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;color:#8b8594;font:8px monospace;letter-spacing:.13em}.cursor{position:fixed;left:0;top:0;width:38px;height:38px;border:1px solid rgba(37,246,255,.65);border-radius:50%;z-index:100;pointer-events:none;transform:translate(-50%,-50%);transition:width .2s,height .2s,border-color .2s;mix-blend-mode:screen}.cursor i{position:absolute;inset:46%;background:var(--pink);box-shadow:0 0 8px var(--pink)}.cursor.active{width:70px;height:70px;border-color:var(--pink)}.boot{position:fixed;inset:0;background:#030106;z-index:999;display:grid;place-items:center;transition:opacity .65s,visibility .65s;animation:bootfailsafe .01s 2.8s forwards}.boot.done{opacity:0;visibility:hidden}.boot-grid{position:absolute;inset:0;background:linear-gradient(rgba(37,246,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,246,255,.05) 1px,transparent 1px);background-size:44px 44px;animation:gridmove 2s linear infinite}.boot-core{position:relative;width:140px;height:140px;display:grid;place-items:center}.boot-core span{font:950 35px monospace;color:var(--lime);text-shadow:0 0 25px var(--lime)}.boot-ring{position:absolute;inset:0;border:1px solid var(--cyan);border-radius:50%;animation:spin 2s linear infinite}.ring-b{inset:15%;border-style:dashed;border-color:var(--pink);animation-direction:reverse;animation-duration:1.2s}.ring-c{inset:30%;border-width:3px;border-top-color:transparent;animation-duration:.65s}.boot-log{position:absolute;bottom:12%;left:var(--pad);font:9px/1.7 monospace;color:var(--cyan);white-space:pre-line}.boot-progress{position:absolute;bottom:8%;left:var(--pad);right:var(--pad);height:2px;background:#17121f}.boot-progress i{display:block;height:100%;width:0;background:var(--pink);box-shadow:0 0 15px var(--pink);animation:bootprogress 2.25s cubic-bezier(.5,0,.2,1) forwards}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.45;transform:scale(.94)}}@keyframes scroll{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes reveal{to{opacity:1;transform:none}}@keyframes glitch{50%{transform:translate(6px,-2px)}}@keyframes wave{50%{transform:translateY(30px) scaleY(1.5)}}@keyframes gridmove{to{background-position:44px 44px}}@keyframes float{50%{transform:translateY(-18px) rotate(30deg)}}@keyframes bootprogress{to{width:100%}}@keyframes bootfailsafe{to{opacity:0;visibility:hidden}}body.paused *,body.paused *::before,body.paused *::after{animation-play-state:paused!important}
@media(max-width:900px){body{padding-bottom:58px}.hud{height:70px;backdrop-filter:none;background:#050309e8}.hud nav{position:fixed;left:0;right:0;bottom:0;height:58px;display:flex;align-items:center;justify-content:space-around;gap:0;padding:0 10px;background:#050309f2;border-top:1px solid var(--line);backdrop-filter:blur(14px)}.hud nav a{min-height:44px;display:grid;place-items:center;padding:0 10px}.hero{grid-template-columns:1fr;padding-top:110px}.orbital{position:absolute;right:-20%;top:18%;width:70vw;opacity:.52;z-index:-1}.coordinates{display:none}.signal{grid-template-columns:1fr}.signal-visual{height:65vw;min-height:350px}.signal-copy{padding-bottom:0}.district-grid{grid-template-columns:1fr}.district{min-height:450px}.district-art{height:300px}.wide h2{white-space:normal}.cursor{display:none}}
@media(max-width:560px){:root{--pad:20px}.toggle-copy{display:none}.motion-toggle{width:44px;justify-content:center}.brand{font-size:13px}.hero{min-height:100svh;padding-bottom:80px}.eyebrow{font-size:8px}.hero h1{font-size:clamp(56px,19vw,90px);max-width:8ch}.lede{font-size:14px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.enter-button{width:100%;min-width:0}.orbital{width:95vw;right:-43%;top:20%}.scroll-cue{display:none}.section{padding-top:100px}.section-heading h2,.protocol h2{font-size:clamp(52px,17vw,84px)}.signal-copy>p{font-size:15px}.district{min-height:420px}.district-art{height:260px}.district-info{padding:22px}.protocol-rings{width:150vw}footer{padding:25px var(--pad);gap:14px;align-items:flex-start;flex-direction:column}.boot-log{bottom:14%;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.boot{display:none}.booting main,.booting .hud,.booting footer{visibility:visible}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.cursor{display:none}}