/* Pattern* Interaction* Pattern:** Interaction:** */
*{margin:0;padding:0;box-sizing:border-box}
:root{--bg-abyss:#06080d;--bg-graphite:#0e1219;--neon-green:#00ff94;--neon-amber:#ffb800;--neon-magenta:#ff2d6b;--text-slate:#b8c5d4;--ui-steel:#5a6b80;--font-display:'Orbitron',Inter,sans-serif;--font-body:'Space Grotesk',Inter,sans-serif;--font-mono:'Share Tech Mono','Courier New',monospace;--font-accent:'Black Ops One',Lora,serif}
html{font-size:16px;scroll-behavior:smooth}
body{background:#06080d;color:#b8c5d4;overflow-x:hidden;min-height:100vh;font-family:var(--font-body);font-weight:300;line-height:1.65}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:4;background:radial-gradient(circle at 18% 14%,rgba(0,255,148,.13),transparent 24rem),radial-gradient(circle at 78% 45%,rgba(255,45,107,.1),transparent 28rem),radial-gradient(circle at 48% 88%,rgba(255,184,0,.08),transparent 24rem)}
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:999;background:repeating-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,0) 2px,rgba(0,0,0,.18) 3px,rgba(0,0,0,.18) 4px);mix-blend-mode:multiply}
.crt-noise{position:fixed;inset:-50%;z-index:3;pointer-events:none;opacity:.08;background-image:linear-gradient(115deg,transparent 0 49%,rgba(184,197,212,.35) 50%,transparent 51%),radial-gradient(circle,rgba(184,197,212,.5) 1px,transparent 1px);background-size:23px 23px,17px 17px;animation:noise-shift .28s steps(2,end) infinite}
.global-grid{position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.32;background-image:linear-gradient(rgba(0,255,148,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,148,.08) 1px,transparent 1px);background-size:8.333vw 8.333vw;mask-image:linear-gradient(to bottom,rgba(0,0,0,.75),transparent 78%)}
@keyframes noise-shift{0%{transform:translate(0,0)}100%{transform:translate(2%,1%)}}
.hud-overlay{position:fixed;top:0;left:0;right:0;height:72px;z-index:50;background:linear-gradient(180deg,rgba(14,18,25,.96),rgba(6,8,13,.68));border-bottom:1px solid rgba(0,255,148,.48);box-shadow:0 0 28px rgba(0,255,148,.14),inset 0 -1px 0 rgba(255,184,0,.18);backdrop-filter:blur(8px)}
.scan-line{position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,transparent,#00ff94,#ffb800,#00ff94,transparent);box-shadow:0 0 18px #00ff94;animation:scan-flicker 1.7s linear infinite}
@keyframes scan-flicker{0%,100%{opacity:.38;transform:scaleX(.65)}45%{opacity:1;transform:scaleX(1)}48%{opacity:.18}52%{opacity:.9}}
.hud-content{height:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1rem,4vw,4rem);gap:1rem;font-family:var(--font-mono);letter-spacing:.12em;font-size:.82rem;text-transform:uppercase}
.frequency-indicator,.signal-status,.coordinates{display:flex;align-items:center;gap:.7rem;white-space:nowrap}.coordinates{justify-content:flex-end}.indicator-label,.coord-label,.status-text{color:#5a6b80}.indicator-value,.coord-value{color:#00ff94;text-shadow:0 0 10px rgba(0,255,148,.76)}.status-pulse{width:9px;height:9px;border-radius:50%;background:#00ff94;box-shadow:0 0 8px #00ff94,0 0 24px rgba(0,255,148,.55);animation:pulse 1.1s infinite}@keyframes pulse{50%{opacity:.22;transform:scale(.72)}}
.signal-scroll{position:relative;z-index:2}.zone{min-height:100vh;position:relative;overflow:hidden;padding:clamp(7rem,14vh,10rem) clamp(1.25rem,6vw,6rem) clamp(5rem,10vh,8rem);display:flex;align-items:center}.zone::before{content:attr(data-layer);position:absolute;right:clamp(1rem,4vw,3rem);bottom:clamp(1rem,4vw,3rem);font-family:var(--font-accent);font-size:clamp(2.8rem,11vw,10rem);line-height:.8;color:rgba(90,107,128,.045);letter-spacing:.08em;white-space:nowrap}.zone-alpha{background:linear-gradient(135deg,#06080d 0%,#0e1219 68%,#06080d 100%)}.zone-beta{background:linear-gradient(155deg,#0e1219 0%,#06080d 72%)}.zone-gamma{background:radial-gradient(circle at 50% 46%,rgba(255,45,107,.12),transparent 28rem),linear-gradient(135deg,#06080d,#0e1219)}.zone-delta{background:linear-gradient(160deg,#0e1219,#06080d 48%,#0e1219)}.zone-epsilon{background:radial-gradient(circle at 50% 50%,rgba(0,255,148,.1),transparent 26rem),#06080d}.section-label{position:absolute;top:104px;left:clamp(1.25rem,6vw,6rem);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;color:rgba(0,255,148,.55);text-transform:uppercase}.content-wrapper{width:min(1060px,100%);margin:0 auto;position:relative;z-index:5}.drift-left{transform:translateX(-5vw)}.drift-right{transform:translateX(4vw)}.center-stack{text-align:center;display:flex;flex-direction:column;align-items:center}.split-grid{display:grid;grid-template-columns:minmax(0,.86fr) minmax(320px,1.14fr);gap:clamp(2rem,6vw,5rem);align-items:center}.payload-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(1.5rem,5vw,4rem);align-items:center}.eyebrow{font-family:var(--font-mono);color:#ffb800;letter-spacing:.22em;text-transform:uppercase;font-size:.76rem;margin-bottom:1.15rem}.eyebrow.magenta{color:#ff2d6b}.eyebrow.amber{color:#ffb800}.headline{font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.18em;line-height:1.05;margin-bottom:clamp(1.5rem,4vw,2.5rem)}.headline-primary{font-size:clamp(2.4rem,6vw,5.6rem);color:#00ff94;text-shadow:0 0 4px rgba(0,255,148,.8),0 0 20px rgba(0,255,148,.3),0 0 60px rgba(0,255,148,.15)}.headline-secondary{font-size:clamp(1.8rem,4vw,3.2rem);color:#00ff94;text-shadow:0 0 4px rgba(0,255,148,.8),0 0 20px rgba(0,255,148,.26)}.kinetic-char{display:inline-block;min-width:.28em}.body-text{font-size:clamp(.95rem,1.8vw,1.15rem);max-width:56ch;color:#b8c5d4;letter-spacing:.02em}.centered{margin-left:auto;margin-right:auto}.closing-text{font-style:italic;color:rgba(184,197,212,.82)}
.waveform-deck{margin-top:clamp(2rem,6vw,4rem);padding:1rem;border:1px solid rgba(0,255,148,.18);background:linear-gradient(180deg,rgba(0,255,148,.035),rgba(14,18,25,.32));box-shadow:inset 0 0 0 1px rgba(255,184,0,.06),0 0 40px rgba(0,255,148,.06)}.waveform{display:block;width:100%;height:clamp(6rem,18vw,11rem);overflow:visible}.wave-path{fill:none;stroke:#00ff94;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px rgba(0,255,148,.75));stroke-dasharray:1450;stroke-dashoffset:1450;animation:wave-draw 3s linear infinite}.wave-path-secondary{stroke:#ffb800;opacity:.72;animation-duration:4.6s}@keyframes wave-draw{to{stroke-dashoffset:0}}.signal-readout{display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:.7rem 1.3rem;color:#5a6b80;font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em}.signal-readout b{color:#00ff94;font-weight:400}.diagonal-panel{position:absolute;width:44vw;height:54vh;border:1px solid rgba(0,255,148,.12);transform:skewX(-18deg);background:linear-gradient(135deg,rgba(0,255,148,.045),transparent);filter:drop-shadow(0 0 26px rgba(0,255,148,.08))}.panel-one{left:-14vw;top:18vh}.panel-two{right:-18vw;bottom:10vh;border-color:rgba(255,45,107,.12);background:linear-gradient(135deg,rgba(255,45,107,.055),transparent)}
.grid-instrument{position:relative;min-height:420px;padding:1.5rem;background:rgba(6,8,13,.46);border:1px solid rgba(90,107,128,.38)}.coordinate-grid{width:100%;height:100%;min-height:370px}.grid-lines path{fill:none;stroke:rgba(0,255,148,.08);stroke-width:1}.telemetry-line{fill:none;stroke:#ffb800;stroke-width:2;filter:drop-shadow(0 0 5px rgba(255,184,0,.72));stroke-dasharray:920;stroke-dashoffset:920;animation:wave-draw 5s linear infinite}.grid-dot{fill:#ff2d6b;filter:drop-shadow(0 0 8px #ff2d6b);animation:pulse 1.4s infinite}.hud-bracket,.hud-bracket-large{position:absolute;border:2px solid #5a6b80;width:42px;height:42px;transition:border-color .3s ease,box-shadow .3s ease}.grid-instrument:hover .hud-bracket,.message-box:hover{border-color:#00ff94}.bracket-tl{top:0;left:0;border-right:0;border-bottom:0}.bracket-tr{top:0;right:0;border-left:0;border-bottom:0}.bracket-bl-small{bottom:0;left:0;border-right:0;border-top:0}.bracket-br-small{bottom:0;right:0;border-left:0;border-top:0}.data-block{font-family:var(--font-mono);font-size:.8rem;letter-spacing:.11em;color:#00ff94;text-transform:uppercase;margin-top:2rem;padding:1.25rem 1.4rem;border-left:2px solid #00ff94;background:rgba(0,255,148,.035)}.data-line{margin:.52rem 0;color:rgba(184,197,212,.74)}.data-value{color:#ff2d6b}.ripple-container{width:min(520px,100%);margin:2rem auto}.ripple-waves{width:100%;overflow:visible}.axis{stroke:rgba(90,107,128,.45);stroke-width:1;stroke-dasharray:8 10}.ripple{fill:none;stroke:#ff2d6b;stroke-width:1.2;filter:drop-shadow(0 0 5px rgba(255,45,107,.68));transform-origin:320px 320px;animation:ripple-expand 2.7s ease-out infinite}.ripple-2{animation-delay:.45s}.ripple-3{animation-delay:.9s}.ripple-core{fill:#00ff94;filter:drop-shadow(0 0 12px #00ff94)}@keyframes ripple-expand{0%{transform:scale(.45);opacity:.9}100%{transform:scale(1.32);opacity:0}}
.message-box{position:relative;overflow:hidden;min-height:260px;padding:clamp(1.5rem,5vw,3.6rem);display:flex;align-items:center;background:linear-gradient(135deg,rgba(0,255,148,.07),rgba(255,45,107,.035));border:1px solid rgba(0,255,148,.32);box-shadow:0 0 46px rgba(0,255,148,.08),inset 0 0 50px rgba(0,0,0,.24);transition:.35s ease}.message-box::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translateX(-120%);animation:shimmer 3s infinite}.message-box::after{content:"";position:absolute;inset:12px;border:1px dashed rgba(184,197,212,.16)}@keyframes shimmer{60%,100%{transform:translateX(120%)}}.message-content{position:relative;z-index:2}.message-text{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;letter-spacing:.4em;color:#00ff94;text-shadow:0 0 10px rgba(0,255,148,.75),0 0 32px rgba(0,255,148,.25);margin-bottom:1rem}.message-subtext{font-size:.98rem;color:#b8c5d4;max-width:35ch}.beacon-field{position:absolute;inset:0;display:grid;place-items:center}.beacon-field span{position:absolute;width:min(70vmin,680px);height:min(70vmin,680px);border:1px solid rgba(0,255,148,.16);border-radius:50%;animation:beacon 4s ease-out infinite}.beacon-field span:nth-child(2){animation-delay:1s;border-color:rgba(255,184,0,.14)}.beacon-field span:nth-child(3){animation-delay:2s;border-color:rgba(255,45,107,.12)}.beacon-field span:nth-child(4){animation-delay:3s}@keyframes beacon{0%{transform:scale(.2);opacity:0}20%{opacity:.8}100%{transform:scale(1.28);opacity:0}}.final-lock{width:min(980px,100%)}.final-bracket-container{position:absolute;inset:-3rem -1rem;pointer-events:none}.hud-bracket-large{width:64px;height:64px;border-color:#00ff94;box-shadow:0 0 20px rgba(0,255,148,.14)}.bracket-final-tl{top:0;left:0;border-right:0;border-bottom:0}.bracket-final-tr{top:0;right:0;border-left:0;border-bottom:0}.bracket-final-bl{bottom:0;left:0;border-right:0;border-top:0}.bracket-final-br{bottom:0;right:0;border-left:0;border-top:0}.recalibrate{margin-top:2.2rem;background:transparent;color:#ffb800;border:1px solid rgba(255,184,0,.58);font-family:var(--font-mono);letter-spacing:.18em;padding:.9rem 1.2rem;cursor:pointer;box-shadow:0 0 20px rgba(255,184,0,.06);transition:.25s}.recalibrate:hover{color:#06080d;background:#ffb800;box-shadow:0 0 28px rgba(255,184,0,.34)}.click-ripple{position:fixed;border:1.5px solid #00ff94;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:80;animation:click-burst .82s ease-out forwards}@keyframes click-burst{0%{width:0;height:0;opacity:.55}100%{width:620px;height:620px;opacity:0}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.glitching{animation:headline-glitch .42s steps(2,end)}@keyframes headline-glitch{0%{filter:none;transform:translate(0)}25%{filter:hue-rotate(70deg);transform:translate(2px,-1px)}50%{transform:translate(-2px,1px)}100%{filter:none;transform:translate(0)}}
@media (max-width:900px){.hud-content{grid-template-columns:1fr;font-size:.72rem;gap:.2rem;padding:.65rem 1rem}.hud-overlay{height:auto}.frequency-indicator,.signal-status,.coordinates{justify-content:center}.zone{padding-top:8.5rem}.split-grid,.payload-grid{grid-template-columns:1fr}.drift-left,.drift-right{transform:none}.grid-instrument{min-height:320px}.payload-grid .waveform{grid-column:auto}.message-text{letter-spacing:.22em}.section-label{top:92px}.final-bracket-container{inset:-2rem 0}}
@media (max-width:520px){.headline{letter-spacing:.11em}.headline-primary{font-size:clamp(2rem,13vw,3.3rem)}.headline-secondary{font-size:clamp(1.45rem,10vw,2.2rem)}.zone{padding-left:1rem;padding-right:1rem}.message-text{letter-spacing:.12em}.signal-readout{grid-template-columns:1fr 1fr}.global-grid{background-size:25vw 25vw}}