/* Compliance tokens from palette table: | Rare accent — ONLY interactive reveals strip's "live" indicator */
:root{
  --deep:#0b1420;
  --ground:#152232;
  --wire:#1e3a4f;
  --ice:#c8dce8;
  --mist:#7eb8d4;
  --phantom:#a3e0f5;
  --muted:#5a7f8f;
  --coral:#d4826a;
  --ease-in:cubic-bezier(0.0,0.0,0.2,1.0);
  --ease-out:cubic-bezier(0.4,0.0,0.2,1.0);
}

*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#0b1420;color:#c8dce8;font-family:"Share Tech Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:clamp(.85rem,1.2vw,1.05rem);line-height:1.7;letter-spacing:.04em}
button{font:inherit;color:inherit;background:transparent;border:0;padding:0}

.grain-source{position:absolute;inset:0;pointer-events:none}
.site-shell{position:fixed;inset:0;overflow:hidden;background:radial-gradient(ellipse at 30% 40%,#152232 0%,#0b1420 70%)}
.void-gradient{position:absolute;inset:0;z-index:0;background:linear-gradient(120deg,rgba(126,184,212,.06),transparent 32%,rgba(11,20,32,.8)),repeating-linear-gradient(90deg,rgba(30,58,79,.16) 0 1px,transparent 1px 9vw),repeating-linear-gradient(0deg,rgba(30,58,79,.12) 0 1px,transparent 1px 8vh)}
.standing-waves{position:absolute;inset:8vh 0 8vh 12vw;z-index:1;opacity:.8;pointer-events:none}.standing-waves path{fill:none;stroke:#7eb8d4;stroke-width:1;opacity:.04;vector-effect:non-scaling-stroke}
.grain-overlay{position:fixed;inset:-10%;z-index:2;pointer-events:none;filter:url(#grain-filter);opacity:.12;mix-blend-mode:soft-light;background:#c8dce8;transform:translateZ(0)}
.static-flash{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:0;background:repeating-radial-gradient(circle at 30% 50%,rgba(163,224,245,.18) 0 1px,transparent 1px 3px),repeating-linear-gradient(0deg,rgba(200,220,232,.12) 0 1px,transparent 1px 4px);mix-blend-mode:screen;transition:opacity 200ms var(--ease-in)}
.static-flash.active{opacity:.35}

.top-band,.telemetry-strip{position:absolute;left:0;right:0;height:8vh;z-index:4;background:rgba(21,34,50,.58);border-color:#1e3a4f;backdrop-filter:blur(12px)}
.top-band{top:0;border-bottom:1px solid #1e3a4f;display:grid;grid-template-columns:minmax(180px,20vw) 1fr minmax(170px,18vw);align-items:center;padding:0 2vw;gap:1vw}.frequency-label{color:#c8dce8;text-shadow:0 0 10px rgba(126,184,212,.25)}.cursor{animation:blink 1s steps(2,end) infinite;color:#a3e0f5}.header-wave{height:80%;width:100%;overflow:visible}.header-wave polyline{fill:none;stroke:#7eb8d4;stroke-width:1.5;filter:drop-shadow(0 0 6px rgba(126,184,212,.4))}.clock-block{font-family:"Inconsolata",ui-monospace,monospace;font-weight:300;font-size:clamp(.65rem,.9vw,.8rem);color:#5a7f8f;display:flex;justify-content:flex-end;align-items:center;gap:.75rem}.live-dot{display:inline-block;width:.48rem;height:.48rem;border-radius:50%;background:#d4826a;box-shadow:0 0 12px rgba(212,130,106,.75);animation:dotPulse 2.4s var(--ease-out) infinite}
.telemetry-strip{bottom:0;border-top:1px solid #1e3a4f;display:flex;align-items:center;overflow:hidden;font-family:"Inconsolata",ui-monospace,monospace;font-size:clamp(.65rem,.9vw,.8rem);color:#5a7f8f}.ticker-track{white-space:nowrap;animation:scroll-ticker 30s linear infinite;padding-left:100%;min-width:max-content}.coral{color:#d4826a;text-shadow:0 0 10px rgba(212,130,106,.4)}

.radar-column{position:absolute;left:0;top:8vh;bottom:8vh;width:12vw;z-index:4;border-right:1px solid rgba(30,58,79,.9);background:linear-gradient(90deg,rgba(21,34,50,.48),rgba(21,34,50,.08));backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.radar-node{position:relative;width:7vw;height:7vw;min-width:70px;min-height:70px;cursor:pointer;display:grid;place-items:center;color:#5a7f8f}.radar-node .core{width:12px;height:12px;border-radius:50%;background:#7eb8d4;box-shadow:0 0 14px rgba(126,184,212,.5);z-index:2}.radar-node .ring{position:absolute;inset:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:1px solid #7eb8d4;border-radius:50%;opacity:0;animation:radarPulse 4s var(--ease-out) infinite;animation-delay:calc(var(--i) * .18s)}.radar-node .r2{animation-delay:calc(var(--i) * .18s + .4s)}.radar-node .r3{animation-delay:calc(var(--i) * .18s + .8s)}.radar-node em{position:absolute;left:55%;top:55%;font-family:"Inconsolata",monospace;font-style:normal;font-size:clamp(.58rem,.78vw,.72rem);opacity:.7;letter-spacing:.12em;white-space:nowrap}.radar-node.active{color:#a3e0f5}.radar-node.active .core{background:#a3e0f5;box-shadow:0 0 20px rgba(163,224,245,.9)}.radar-node.active .ring{border-color:#a3e0f5;animation-duration:2.2s}

.content-zone{position:absolute;left:12vw;right:0;top:8vh;bottom:8vh;z-index:3;display:grid;place-items:center;padding:4vh 6vw}.channel-panel{position:absolute;inset:4vh 6vw;display:grid;grid-template-columns:1fr minmax(220px,.36fr);gap:2vw;align-items:center;opacity:0;transform:scale(.97);pointer-events:none;transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out)}.channel-panel.active{opacity:1;transform:scale(1);pointer-events:auto}.channel-panel.leaving{opacity:0;transform:scale(.97);transition-duration:400ms;transition-timing-function:var(--ease-in)}
.panel-frame,.side-panel{position:relative;background:rgba(21,34,50,.52);border:1px solid #1e3a4f;backdrop-filter:blur(12px);box-shadow:inset 0 0 0 1px rgba(126,184,212,.05),0 0 44px rgba(11,20,32,.5);padding:clamp(1.3rem,3vw,3.4rem);overflow:hidden}.panel-frame::before,.side-panel::before{content:"";position:absolute;inset:0;border:1px solid rgba(126,184,212,.0);pointer-events:none}.channel-panel.active .panel-frame::before,.channel-panel.active .side-panel::before{animation:borderDraw 1200ms var(--ease-out) both}.primary-frame{min-height:54vh}.side-panel{align-self:end;min-height:28vh}.split-frame,.origami-frame,.table-frame,.final-frame{min-height:52vh}.micro-grid{align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:1px;padding:0;background:#1e3a4f}.micro-grid div{background:rgba(21,34,50,.86);padding:1.1rem}.micro-grid span{display:block;font-family:"Inconsolata",monospace;font-size:clamp(.65rem,.9vw,.8rem);color:#5a7f8f;opacity:.7}.micro-grid strong{display:block;font-weight:400;color:#c8dce8;margin-top:.5rem}
h1,h2{font-family:"Megrim","Trebuchet MS",sans-serif;font-weight:400;color:#7eb8d4;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 0 18px rgba(126,184,212,.3);line-height:1.05;margin:.35em 0}h1{font-size:clamp(3rem,8vw,8rem)}h2{font-size:clamp(2.2rem,5vw,4.4rem)}p{max-width:62ch}.annotation{font-family:"Inconsolata",ui-monospace,monospace;font-weight:300;font-size:clamp(.65rem,.9vw,.8rem);color:#5a7f8f;opacity:.7;letter-spacing:.16em;text-transform:uppercase}.signal-line span{opacity:0;display:inline-block;transform:translateY(4px);animation:resolveChar 900ms var(--ease-out) forwards;animation-delay:calc(var(--n) * 30ms)}.resolve-wave{width:100%;height:18vh;margin:1vh 0 2vh}.resolve-wave path{fill:none;stroke:#7eb8d4;stroke-width:1.2;opacity:.68;filter:drop-shadow(0 0 10px rgba(126,184,212,.3));vector-effect:non-scaling-stroke}
.corner{position:absolute;width:22px;height:22px;border-color:#7eb8d4;opacity:.7}.c1{left:14px;top:14px;border-left:1px solid;border-top:1px solid}.c2{right:14px;top:14px;border-right:1px solid;border-top:1px solid}.c3{left:14px;bottom:14px;border-left:1px solid;border-bottom:1px solid}.c4{right:14px;bottom:14px;border-right:1px solid;border-bottom:1px solid}.fold-lines{position:absolute;right:7%;bottom:10%;width:26%;height:34%;opacity:.35}.fold-lines i{position:absolute;left:0;right:0;top:50%;border-top:1px solid #7eb8d4;transform:rotate(calc((var(--k,1))*18deg))}.fold-lines i:nth-child(1){--k:1}.fold-lines i:nth-child(2){--k:-1}.fold-lines i:nth-child(3){--k:3}.fold-lines i:nth-child(4){--k:-3}.fold-lines i:nth-child(5){--k:0;border-color:#d4826a}.chevron-control{position:absolute;right:5%;bottom:7%;display:flex;align-items:center;gap:.8rem;color:#5a7f8f;cursor:pointer}.chevron-control svg{width:80px;height:40px}.chevron-control path{fill:none;stroke:#7eb8d4;stroke-width:1.5;stroke-dasharray:90;stroke-dashoffset:25;transition:stroke-dashoffset 600ms var(--ease-out),stroke 600ms}.chevron-control:hover path{stroke-dashoffset:0;stroke:#a3e0f5}.coordinate-map{position:relative;height:18vh;margin-top:2rem;border:1px solid rgba(30,58,79,.9);background:repeating-linear-gradient(90deg,rgba(126,184,212,.06) 0 1px,transparent 1px 18%),repeating-linear-gradient(0deg,rgba(126,184,212,.06) 0 1px,transparent 1px 26%)}.coordinate-map span{position:absolute;left:var(--x);top:var(--y);width:8px;height:8px;border-radius:50%;background:#7eb8d4;box-shadow:0 0 18px rgba(126,184,212,.8)}.final-pulse{height:22vh;display:grid;place-items:center}.final-pulse span{width:18px;height:18px;border-radius:50%;background:#d4826a;box-shadow:0 0 0 18px rgba(212,130,106,.05),0 0 36px rgba(212,130,106,.7);animation:finalBreath 4s var(--ease-out) infinite}
.ripple-layer{position:absolute;inset:8vh 0 8vh 0;z-index:4;pointer-events:none;overflow:hidden}.tuning-ripple{position:absolute;width:10px;height:10px;border-radius:50%;border:1px solid #a3e0f5;transform:translate(-50%,-50%);animation:tuningRipple 800ms var(--ease-out) forwards;opacity:.9}.crane{position:absolute;z-index:5;width:22px;height:22px;opacity:.78;animation:craneDrift 8s var(--ease-out) infinite alternate}.crane svg{width:100%;height:100%;animation:craneRotate 60s linear infinite}.crane path{fill:none;stroke:#5a7f8f;stroke-width:2;vector-effect:non-scaling-stroke}.crane-a{left:5vw;top:3vh}.crane-b{right:17vw;top:2.5vh;width:18px}.crane-c{left:3.8vw;top:28vh;width:20px;animation-delay:-2s}.crane-d{left:7.2vw;top:49vh;width:16px;animation-delay:-5s}.crane-e{left:3vw;top:68vh;width:24px;animation-delay:-3s}.crane-f{left:16vw;bottom:2.6vh;width:18px}.crane-g{right:8vw;bottom:3vh;width:22px;animation-delay:-4s}
@keyframes blink{50%{opacity:0}}@keyframes dotPulse{0%,100%{transform:scale(.85);opacity:.75}50%{transform:scale(1.25);opacity:1}}@keyframes scroll-ticker{to{transform:translateX(-100%)}}@keyframes radarPulse{0%{width:18px;height:18px;margin:-9px 0 0 -9px;opacity:.42}80%,100%{width:7vw;height:7vw;margin:calc(-3.5vw) 0 0 calc(-3.5vw);opacity:0}}@keyframes borderDraw{0%{border-color:rgba(126,184,212,0);clip-path:inset(0 100% 100% 0)}45%{border-color:rgba(126,184,212,.55);clip-path:inset(0 0 100% 0)}100%{border-color:rgba(126,184,212,.18);clip-path:inset(0)}}@keyframes resolveChar{to{opacity:1;transform:translateY(0)}}@keyframes tuningRipple{to{width:130vw;height:130vw;margin-left:-65vw;margin-top:-65vw;opacity:0}}@keyframes craneDrift{from{transform:translateY(-4px)}to{transform:translateY(4px)}}@keyframes craneRotate{to{transform:rotate(360deg)}}@keyframes finalBreath{0%,100%{transform:scale(.88);box-shadow:0 0 0 18px rgba(212,130,106,.04),0 0 32px rgba(212,130,106,.55)}50%{transform:scale(1.12);box-shadow:0 0 0 42px rgba(212,130,106,.01),0 0 54px rgba(212,130,106,.8)}}
@media (max-width:768px){.top-band{grid-template-columns:1fr 1fr;padding:0 14px}.header-wave{grid-column:1/3;position:absolute;inset:0;opacity:.35}.clock-block{font-size:.68rem}.radar-column{width:48px}.radar-node{min-width:46px;min-height:46px;width:46px;height:46px}.radar-node em{display:none}.content-zone{left:48px;bottom:0;padding:3vh 14px}.channel-panel{inset:3vh 14px;grid-template-columns:1fr;gap:14px}.telemetry-strip{display:none}.side-panel,.micro-grid{display:none}h1{font-size:clamp(2.7rem,15vw,5rem)}h2{font-size:clamp(2rem,10vw,3.6rem)}.standing-waves{left:48px}.crane-f,.crane-g{display:none}}