:root {
  --ink: #070b0b;
  --ink-soft: #101615;
  --paper: #e8e0ce;
  --paper-bright: #f1ebdf;
  --paper-deep: #c4b99e;
  --acid: #42f5ad;
  --acid-dark: #28795a;
  --rust: #9a6040;
  --line: rgba(232, 224, 206, .22);
  --pointer-x: 50vw;
  --pointer-y: 50vh;
  --background: #070b0b;
  --foreground: #e8e0ce;
  --card: #111716;
  --card-foreground: #e8e0ce;
  --popover: #111716;
  --popover-foreground: #e8e0ce;
  --primary: #42f5ad;
  --primary-foreground: #07110d;
  --secondary: #d7ccb5;
  --secondary-foreground: #070b0b;
  --muted: #171d1b;
  --muted-foreground: #9a9e94;
  --accent: #42f5ad;
  --accent-foreground: #07110d;
  --destructive: #c8533f;
  --border: rgba(232, 224, 206, .22);
  --input: rgba(232, 224, 206, .22);
  --ring: #42f5ad;
  --radius: .2rem;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; overflow-x: hidden; background: var(--ink); color: var(--paper); font-family: "Arial Narrow", "Helvetica Neue", Arial, sans-serif; }
body::after { content: ""; pointer-events: none; position: fixed; inset: 0; z-index: 1000; opacity: .085; mix-blend-mode: screen; 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='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }
a { color: inherit; text-decoration: none; }
button, input, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
::selection { color: var(--ink); background: var(--acid); }

.cursor-light { pointer-events: none; position: fixed; z-index: 80; left: var(--pointer-x); top: var(--pointer-y); width: 220px; height: 220px; border-radius: 50%; background: radial-gradient(circle, rgba(66,245,173,.09), transparent 66%); transform: translate(-50%,-50%); mix-blend-mode: screen; }
.signal-pop { pointer-events:none; position:fixed; z-index:999; width:8px; height:8px; margin:-4px; border:1px solid var(--acid); border-radius:50%; animation:signal-pop .7s ease-out forwards; }

.nav-shell { position: fixed; z-index: 50; top: 0; left: 0; width: 100%; height: 82px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 3vw; border-bottom: 1px solid var(--line); background: rgba(7,11,11,.78); backdrop-filter: blur(18px); }
.brand { display: flex; align-items: center; gap: 10px; font: 900 18px/1 "Arial Black", Impact, sans-serif; letter-spacing: -.04em; }
.brand sup { color: var(--acid); font: 700 8px/1 monospace; align-self: flex-start; }
.brand-moon { display: grid; place-items: center; width: 34px; height: 34px; color: var(--acid); border: 1px solid currentColor; border-radius: 50%; box-shadow: 0 0 18px rgba(66,245,173,.25); }
.brand-moon svg { width: 17px; }
.nav-signal { margin: 0; font: 700 10px/1 monospace; letter-spacing: .16em; color: #aaa89f; }
.nav-signal i { display: inline-block; width: 6px; height: 6px; margin-right: 8px; background: var(--acid); border-radius: 50%; box-shadow: 0 0 10px var(--acid); animation: blink 1.5s infinite; }
.nav-links { justify-self: end; display: flex; align-items: center; gap: clamp(13px, 1.7vw, 28px); }
.nav-links > a:not(.btn) { position: relative; color: #aaa89f; font: 700 9px/1 monospace; letter-spacing: .12em; }
.nav-links > a:not(.btn)::after { content:""; position:absolute; left:0; bottom:-7px; width:0; height:1px; background:var(--acid); transition:width .2s; }
.nav-links > a:not(.btn):hover { color:var(--paper); }.nav-links > a:not(.btn):hover::after{width:100%;}
.menu-button { display:none; justify-self:end; width:40px; height:40px; padding:0; color:var(--acid); border:1px solid var(--line); background:transparent; }
.btn { display: inline-flex; align-items: center; justify-content: center; gap: 9px; min-height: 44px; padding: 0 18px; border: 1px solid var(--line); border-radius: 0; font: 800 10px/1 monospace; letter-spacing: .08em; text-transform: uppercase; transition: transform .2s, color .2s, background .2s, box-shadow .2s; }
.btn:hover { transform: translate(-2px,-2px); }
.btn svg { width: 15px; }
.btn-hot { color: var(--ink); background: var(--acid); border-color: var(--acid); box-shadow: 4px 4px 0 var(--paper); }
.btn-paper { color:var(--ink); background:var(--paper); border-color:var(--paper); box-shadow:4px 4px 0 var(--rust); }
.btn-outline { color:var(--paper); background:rgba(7,11,11,.5); }
.btn-large { min-height:58px; padding:0 27px; font-size:11px; }

.hero { --tilt-x: 0px; --tilt-y: 0px; position: relative; min-height: 100svh; overflow: hidden; display: grid; grid-template-columns: .95fr 1.05fr; align-items: center; gap: 5vw; padding: 122px 7vw 70px; isolation: isolate; background: radial-gradient(circle at 75% 45%, rgba(31,91,69,.23), transparent 30%), linear-gradient(115deg,#0b1110,#050707 70%); }
.hero::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.15; 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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E"); }
.star-dust { position:absolute; inset:0; z-index:-1; background-image: radial-gradient(circle,#eee 0 1px,transparent 1.5px), radial-gradient(circle,#906849 0 1px,transparent 1.5px); background-position: 0 0, 44px 38px; background-size: 127px 117px, 89px 103px; opacity:.3; mask-image:linear-gradient(to right,black,transparent 48%,black); transform:translate(calc(var(--tilt-x) * -.4),calc(var(--tilt-y) * -.4)); transition:transform .12s linear; }
.hero-copy { position:relative; z-index:3; transform:translate(calc(var(--tilt-x) * -.22),calc(var(--tilt-y) * -.22)); transition:transform .12s linear; }
.eyebrow { margin:0 0 26px; color:var(--acid); font:700 11px/1 monospace; letter-spacing:.18em; }
.hero h1 { margin:0; max-width: 660px; font: 900 clamp(54px,7.3vw,122px)/.77 "Arial Black", Impact, sans-serif; letter-spacing:-.09em; transform:scaleY(1.08); transform-origin:left; text-wrap:balance; }
.hero h1 span { color:transparent; -webkit-text-stroke:1.5px var(--acid); filter:drop-shadow(0 0 14px rgba(66,245,173,.25)); }
.intro { max-width:540px; margin:36px 0 30px; color:#b9b6ac; font:500 clamp(15px,1.25vw,19px)/1.55 Georgia, serif; }
.hero-actions { display:flex; align-items:center; gap:14px; }
.round-control { display:grid; place-items:center; width:46px; height:46px; padding:0; color:var(--acid); border:1px solid var(--acid); border-radius:50%; background:transparent; cursor:pointer; animation:pulse 2.2s infinite; }
.round-control svg { width:18px; }
.scribble-note { color:#827f76; font:italic 11px/1.3 Georgia,serif; transform:rotate(-6deg); }
.hero-portrait { position:relative; justify-self:center; width:min(44vw,650px); aspect-ratio:1; transform:translate(var(--tilt-x),var(--tilt-y)); transition:transform .12s linear; }
.portrait-card { position:absolute; inset:6%; overflow:hidden; border-radius:48% 48% 45% 45%; border:1px solid rgba(232,224,206,.4); box-shadow:0 0 0 12px rgba(232,224,206,.04), 0 30px 80px #000; transform:rotate(1deg); }
.portrait-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.88) contrast(1.06); }
.portrait-halo { position:absolute; inset:-2%; border:1px dashed rgba(66,245,173,.5); border-radius:50%; animation:spin 38s linear infinite; }
.portrait-halo::before,.portrait-halo::after { content:"✦"; position:absolute; color:var(--acid); background:var(--ink); padding:10px; font-size:20px; }
.portrait-halo::before { left:7%; top:14%; }.portrait-halo::after{right:7%;bottom:14%;}
.portrait-label { position:absolute; left:1%; bottom:8%; z-index:3; padding:9px 12px; color:var(--ink); background:var(--paper); font:800 9px/1 monospace; letter-spacing:.1em; transform:rotate(-4deg); }
.portrait-stamp { position:absolute; right:-2%; top:14%; z-index:3; display:grid; place-items:center; width:78px; height:78px; text-align:center; color:var(--acid); border:1px solid var(--acid); border-radius:50%; font:800 9px/1.1 monospace; transform:rotate(9deg); }
.orbit { position:absolute; z-index:4; display:grid; place-items:center; width:62px; height:62px; padding:0; color:var(--paper); border:1px solid var(--line); border-radius:0; background:#101615; box-shadow:0 12px 30px #000; transform:rotate(var(--r)); cursor:pointer; transition:color .2s, border-color .2s, transform .2s; }
.orbit::after { content:""; position:absolute; inset:-7px; border:1px dashed rgba(232,224,206,.15); }
.orbit svg { width:24px; }.orbit span{position:absolute; top:calc(100% + 12px); white-space:nowrap; color:#7e817b; font:700 7px/1 monospace; letter-spacing:.12em;}
.orbit:hover{color:var(--acid);border-color:var(--acid);transform:rotate(var(--r)) scale(1.08)}
.orbit-one{right:44%;top:17%;--r:8deg}.orbit-two{right:3%;bottom:19%;--r:-9deg}.orbit-three{left:47%;bottom:13%;--r:7deg}
.scroll-ticket { position:absolute; bottom:0; left:0; width:100%; display:flex; align-items:center; gap:22px; padding:12px 3vw; border-top:1px solid var(--line); color:#777a74; font:700 9px/1 monospace; letter-spacing:.13em; }
.scroll-ticket i { flex:1; height:1px; background:var(--line); }

.marquee-band { overflow:hidden; border-top:1px solid #778077; border-bottom:1px solid #778077; color:var(--ink); background:var(--acid); transform:rotate(-1.1deg) scale(1.02); }
.marquee-band div { display:flex; align-items:center; gap:28px; width:max-content; padding:15px 0; font:900 15px/1 "Arial Black",sans-serif; letter-spacing:.02em; animation:marquee 20s linear infinite; }
.marquee-band svg{width:18px;}
.section-tag { display:flex; align-items:center; gap:16px; color:#675d4d; font:800 10px/1 monospace; letter-spacing:.15em; }
.section-tag span { display:grid; place-items:center; width:36px; height:36px; color:var(--paper); background:var(--ink); border-radius:50%; }
.section-tag i { flex:1; height:1px; background:rgba(7,11,11,.18); }
.section-tag-dark { color:#9c9f98; }.section-tag-dark span{color:var(--ink);background:var(--acid)}.section-tag-dark i{background:var(--line)}

.origin-section { position:relative; padding:13vh 6vw 15vh; color:var(--ink); background:var(--paper); }
.origin-heading { display:grid; grid-template-columns:1.5fr .5fr; align-items:end; gap:8vw; margin:7vh 0 9vh; }
.origin-heading h2,.anatomy-copy h2,.tuner-copy h2,.roadmap-head h2,.terminal-intro h2,.final-copy h2 { margin:0; font:900 clamp(46px,7.2vw,108px)/.84 "Arial Black",Impact,sans-serif; letter-spacing:-.075em; }
.origin-heading h2 em,.roadmap-head h2 em,.final-copy h2 em { color:var(--acid-dark); font-family:Georgia,serif; font-weight:400; }
.origin-heading > p,.roadmap-head > p { max-width:320px; color:#625f57; font:italic 15px/1.55 Georgia,serif; }
.story-console { min-height:540px; display:grid; grid-template-columns:.42fr 1fr .25fr; border:1px solid rgba(7,11,11,.35); box-shadow:12px 12px 0 var(--rust); background:var(--paper-bright); }
.story-index { display:flex; flex-direction:column; border-right:1px solid rgba(7,11,11,.2); }
.story-index button { flex:1; display:grid; grid-template-columns:44px 1fr; align-items:center; gap:10px; padding:22px; text-align:left; color:#6b675f; border:0; border-bottom:1px solid rgba(7,11,11,.15); background:transparent; cursor:pointer; transition:background .2s,color .2s; }
.story-index button:last-child{border-bottom:0}.story-index button span{font:900 22px/1 "Arial Black",sans-serif}.story-index button small{font:700 8px/1.3 monospace;letter-spacing:.1em}.story-index button:hover,.story-index button.active{color:var(--paper);background:var(--ink)}.story-index button.active span{color:var(--acid)}
.story-card { position:relative; display:flex; flex-direction:column; padding:70px clamp(28px,5vw,80px) 42px; overflow:hidden; animation:story-in .45s ease-out; }
.tape-edge { position:absolute; top:0; left:0; width:100%; padding:12px 18px; color:#777169; border-bottom:1px solid rgba(7,11,11,.18); font:700 8px/1 monospace; letter-spacing:.14em; }
.story-kicker { color:var(--acid-dark); font:800 10px/1 monospace; letter-spacing:.13em; }
.story-card h3 { max-width:750px; margin:22px 0 30px; font:900 clamp(32px,4.2vw,68px)/.9 "Arial Black",sans-serif; letter-spacing:-.065em; }
.story-text { max-width:800px; margin:0; color:#3f3e39; font:18px/1.7 Georgia,serif; }
.story-note { margin:auto 0 22px; padding-top:32px; color:#6e4f3e; font:italic 14px/1.4 Georgia,serif; }
.story-controls{display:flex;align-items:center;gap:14px}.story-controls button{width:42px;height:42px;padding:0;color:var(--ink);border:1px solid rgba(7,11,11,.3);background:transparent}.story-controls span{font:800 9px/1 monospace;letter-spacing:.1em}
.story-side { display:flex;flex-direction:column;justify-content:space-between;padding:35px 24px;color:var(--paper);background:var(--rust);border-left:1px solid rgba(7,11,11,.2)}.story-side svg{width:48px;height:48px}.story-side p{font:900 15px/1.1 "Arial Black",sans-serif}.story-side small{font:700 8px/1.5 monospace;letter-spacing:.1em}

.anatomy-section { position:relative; overflow:hidden; padding:13vh 6vw 12vh; background:linear-gradient(145deg,#0c1110,#050707); }
.anatomy-section::after { content:""; position:absolute; right:-12%; top:22%; width:500px; height:500px; border:1px dashed rgba(66,245,173,.18); border-radius:50%; }
.anatomy-grid { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; margin:10vh 0; }
.anatomy-photo { position:relative; aspect-ratio:.88; }
.photo-window { position:absolute; inset:0; overflow:hidden; clip-path:polygon(8% 0,100% 4%,94% 100%,0 94%); box-shadow:0 25px 80px #000; }
.photo-window::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 50%,rgba(7,11,11,.5));}
.photo-window img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.08);filter:saturate(.72) contrast(1.1)}
.hotspot { position:absolute; z-index:3; display:grid;place-items:center;width:40px;height:40px;color:var(--ink);border-radius:50%;background:var(--acid);box-shadow:0 0 0 7px rgba(66,245,173,.12);font:900 9px/1 monospace;animation:pulse 2s infinite}.hs-one{left:15%;top:8%}.hs-two{right:19%;top:32%}.hs-three{left:27%;bottom:12%}
.scan-line{position:absolute;z-index:2;left:3%;top:5%;width:94%;height:1px;background:var(--acid);box-shadow:0 0 10px var(--acid);animation:scan 4s ease-in-out infinite alternate}
.anatomy-copy h2 span,.tuner-copy h2 span,.terminal-intro h2 span { color:transparent;-webkit-text-stroke:1.3px var(--acid) }
.anatomy-list { margin-top:55px; }
.anatomy-list article { display:grid; grid-template-columns:165px 1fr; gap:25px; padding:24px 0; border-top:1px solid var(--line); }
.anatomy-list b{color:var(--acid);font:800 9px/1.4 monospace;letter-spacing:.11em}.anatomy-list p{margin:0;color:#a7a79f;font:15px/1.6 Georgia,serif}
.giant-why { margin:0; text-align:center; color:transparent;-webkit-text-stroke:1px rgba(232,224,206,.18);font:900 clamp(90px,19vw,290px)/.75 "Arial Black",sans-serif;letter-spacing:-.1em; }
.green-answer { position:relative;z-index:2;display:flex;align-items:center;gap:35px;max-width:800px;margin:-1vw auto 0;padding:34px;color:var(--ink);background:var(--acid);box-shadow:10px 10px 0 var(--paper)}.green-answer p{margin:0;font:18px/1.55 Georgia,serif}.green-knot{display:grid;place-items:center;flex:0 0 85px;height:85px;border:2px solid var(--ink);border-radius:50%}.green-knot svg{width:48px;height:48px;animation:spin 8s linear infinite}

.artifacts-section { min-height:900px;display:grid;grid-template-columns:.72fr 1.28fr;align-items:center;gap:4vw;padding:12vh 6vw;color:var(--ink);background:var(--paper); }
.artifact-copy h2{margin:60px 0 28px;font:900 clamp(54px,7vw,105px)/.8 "Arial Black",sans-serif;letter-spacing:-.085em}.artifact-copy h2 em{color:var(--rust);font-family:Georgia,serif;font-weight:400}.artifact-copy>p{max-width:450px;color:#5a554c;font:17px/1.6 Georgia,serif}.artifact-output{display:flex;gap:15px;align-items:flex-start;max-width:480px;min-height:84px;margin-top:40px;padding:20px;color:var(--acid);background:var(--ink);box-shadow:8px 8px 0 var(--rust);font:700 10px/1.6 monospace;letter-spacing:.08em}.artifact-output svg{flex:0 0 22px;margin-top:2px}
.artifact-orbit { position:relative;justify-self:center;width:min(58vw,760px);aspect-ratio:1; }
.orbit-ring { position:absolute;border:1px dashed rgba(7,11,11,.28);border-radius:50%;animation:spin 45s linear infinite}.ring-a{inset:6%}.ring-b{inset:24%;animation-direction:reverse;animation-duration:30s}
.artifact-core{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:120px;height:120px;color:var(--acid);border:2px solid var(--acid-dark);border-radius:50%;background:var(--ink);box-shadow:0 0 0 18px rgba(7,11,11,.08),0 0 45px rgba(66,245,173,.28);transform:translate(-50%,-50%)}.artifact-core svg{width:58px;height:58px}
.artifact { position:absolute;display:grid;place-items:center;width:110px;height:110px;padding:0;color:var(--ink);border:1px solid rgba(7,11,11,.35);background:var(--paper-bright);box-shadow:7px 7px 0 var(--rust);cursor:pointer;transition:transform .2s,background .2s,color .2s}.artifact:hover{color:var(--acid);background:var(--ink);transform:rotate(4deg) translate(-3px,-3px)}.artifact svg{width:38px;height:38px}.artifact span{position:absolute;bottom:10px;font:800 7px/1 monospace;letter-spacing:.1em}.artifact-1{left:8%;top:9%;transform:rotate(-7deg)}.artifact-2{right:5%;top:15%;transform:rotate(6deg)}.artifact-3{right:1%;bottom:22%;transform:rotate(-5deg)}.artifact-4{left:10%;bottom:9%;transform:rotate(5deg)}.artifact-5{left:40%;top:0;transform:rotate(3deg)}.artifact-6{left:36%;bottom:1%;transform:rotate(-4deg)}

.tuner-section { display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw;align-items:center;padding:14vh 7vw;background:#0b100f; }
.tuner-copy h2{font-size:clamp(48px,6.8vw,100px)}.tuner-copy>p:last-child{max-width:430px;color:#9d9f98;font:16px/1.6 Georgia,serif}
.radio-console{position:relative;padding:26px;border:1px solid #4e514c;background:#171a18;box-shadow:14px 14px 0 #33291f,0 30px 80px #000}.radio-console::before{content:"";position:absolute;inset:8px;border:1px dashed rgba(232,224,206,.12);pointer-events:none}.radio-top{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;padding-bottom:18px;color:#8a8c85;border-bottom:1px solid #3b3d39;font:700 8px/1 monospace;letter-spacing:.15em}.radio-top button{display:grid;place-items:center;width:34px;height:34px;padding:0;color:var(--acid);border:1px solid #4e514c;border-radius:50%;background:transparent;cursor:pointer}.radio-top svg{width:15px}
.frequency{display:flex;align-items:baseline;gap:12px;margin:30px 0 10px;color:var(--acid)}.frequency small,.frequency span{color:#777b74;font:700 8px/1 monospace;letter-spacing:.14em}.frequency strong{font:900 clamp(58px,8vw,120px)/1 "Arial Black",sans-serif;letter-spacing:-.08em}
.waveform{height:75px;display:flex;align-items:center;gap:4px;margin-bottom:24px}.waveform i{flex:1;min-width:2px;background:var(--acid);opacity:.7;transition:height .08s}
.radio-console input[type="range"]{width:100%;height:3px;appearance:none;background:#52564f;outline:none}.radio-console input[type="range"]::-webkit-slider-thumb{appearance:none;width:30px;height:30px;border:3px solid var(--ink);border-radius:50%;background:var(--acid);box-shadow:0 0 0 2px var(--acid);cursor:grab}.radio-console input[type="range"]::-moz-range-thumb{width:26px;height:26px;border:2px solid var(--ink);border-radius:50%;background:var(--acid);cursor:grab}
.channel-readout{display:flex;gap:16px;min-height:96px;margin:35px 0 24px;padding:20px;border:1px solid #383b37;background:#0b0e0d}.channel-readout>i{flex:0 0 8px;height:8px;margin-top:5px;border-radius:50%;background:var(--acid);box-shadow:0 0 12px var(--acid);animation:blink 1.2s infinite}.channel-readout b{color:var(--acid);font:800 9px/1 monospace;letter-spacing:.15em}.channel-readout p{margin:10px 0 0;color:#a5a69f;font:14px/1.5 monospace}
.preset-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.preset-row button{padding:13px 4px;color:#85877f;border:1px solid #3f423e;background:transparent;font:700 8px/1 monospace;cursor:pointer}.preset-row button:hover,.preset-row button.active{color:var(--ink);border-color:var(--acid);background:var(--acid)}

.roadmap-section{position:relative;overflow:hidden;min-height:1200px;padding:13vh 6vw 8vh;color:var(--paper);background:#080b0b}.roadmap-section::before{content:"";position:absolute;inset:0;opacity:.2;background-image:radial-gradient(circle,#fff 0 1px,transparent 1.4px);background-size:91px 83px}.roadmap-head{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:10vw;margin:6vh 0}.roadmap-head h2 em{color:var(--acid)}.roadmap-head>p{color:#999c95}
.orbit-map{position:relative;width:min(82vw,900px);aspect-ratio:1;margin:4vh auto 0;transition:transform .8s cubic-bezier(.2,.8,.2,1)}.map-ring{position:absolute;border:1px solid rgba(232,224,206,.18);border-radius:50%}.map-ring-one{inset:3%;border-style:dashed;animation:spin 70s linear infinite}.map-ring-two{inset:19%}.map-ring-three{inset:35%;border-color:rgba(66,245,173,.35);box-shadow:0 0 60px rgba(66,245,173,.06)}
.map-center{position:absolute;left:50%;top:50%;z-index:3;width:min(38vw,370px);min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px;text-align:center;border:1px solid var(--acid);border-radius:50%;background:#0b1110;box-shadow:0 0 0 18px rgba(66,245,173,.035),0 0 90px rgba(66,245,173,.12);transform:translate(-50%,-50%)}.map-center::before{content:"";position:absolute;inset:10px;border:1px dashed rgba(66,245,173,.3);border-radius:50%;animation:spin 30s linear infinite}.map-center small,.map-center b{position:relative;z-index:2;color:var(--acid);font:800 8px/1 monospace;letter-spacing:.15em}.map-center>span{position:relative;z-index:2;margin:12px 0;color:transparent;-webkit-text-stroke:1px var(--acid);font:900 65px/.9 "Arial Black",sans-serif}.map-center h3{position:relative;z-index:2;margin:0;font:900 24px/.95 "Arial Black",sans-serif;letter-spacing:-.05em}.map-center p{position:relative;z-index:2;margin:18px 0;color:#a5a69f;font:13px/1.55 Georgia,serif}.map-node{position:absolute;z-index:4;display:flex;align-items:center;gap:13px;padding:0;color:var(--paper);border:0;background:transparent;cursor:pointer}.map-node>span{display:grid;place-items:center;width:68px;height:68px;color:var(--ink);border:1px solid var(--paper);border-radius:50%;background:var(--paper);box-shadow:0 0 0 8px rgba(232,224,206,.04);font:900 17px/1 "Arial Black",sans-serif;transition:background .2s,color .2s,transform .2s}.map-node small{max-width:100px;text-align:left;font:800 8px/1.3 monospace;letter-spacing:.1em}.map-node:hover>span,.map-node.active>span{color:var(--ink);border-color:var(--acid);background:var(--acid);transform:scale(1.12);box-shadow:0 0 35px rgba(66,245,173,.3)}.node-1{left:2%;top:45%}.node-2{left:39%;top:0;flex-direction:column}.node-2 small{text-align:center}.node-3{right:0;top:46%;flex-direction:row-reverse}.node-3 small{text-align:right}.node-4{left:41%;bottom:0;flex-direction:column-reverse}.node-4 small{text-align:center}.orbit-comet{position:absolute;left:14%;top:13%;display:grid;place-items:center;width:48px;height:48px;color:var(--acid);border:1px solid var(--acid);border-radius:50%;animation:float 3s ease-in-out infinite}.orbit-comet::after{content:"";position:absolute;width:80px;height:1px;right:38px;background:linear-gradient(to left,var(--acid),transparent);transform:rotate(-25deg);transform-origin:right}.orbit-comet svg{width:23px}.roadmap-mobile{display:none}

.terminal-section{display:grid;grid-template-columns:.78fr 1.22fr;align-items:center;gap:8vw;padding:14vh 7vw;color:var(--ink);background:var(--paper)}.terminal-intro h2{font-size:clamp(50px,7vw,102px)}.terminal-intro h2 span{-webkit-text-stroke-color:var(--acid-dark)}.terminal-intro>p:last-of-type{max-width:420px;color:#625e55;font:16px/1.6 Georgia,serif}.prompt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}.prompt-chips button{padding:9px 12px;color:var(--ink);border:1px solid rgba(7,11,11,.3);background:transparent;font:700 8px/1 monospace;text-transform:uppercase;cursor:pointer}.prompt-chips button:hover{color:var(--paper);background:var(--rust)}
.terminal{overflow:hidden;border:1px solid #4b504a;background:#090d0c;box-shadow:12px 12px 0 var(--rust),0 30px 80px rgba(7,11,11,.25)}.terminal-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 16px;color:#8d918a;border-bottom:1px solid #343834;background:#171b19;font:700 8px/1 monospace;letter-spacing:.1em}.terminal-bar>span{display:flex;gap:5px}.terminal-bar i{width:8px;height:8px;border-radius:50%;background:#6d706b}.terminal-bar i:first-child{background:var(--rust)}.terminal-bar b{color:var(--paper)}.terminal-bar small{text-align:right}.terminal-screen{min-height:340px;padding:35px;color:#aeb3aa;font:13px/1.6 monospace}.terminal-screen p{margin:0 0 12px}.terminal-screen .query{color:var(--acid)}.terminal form{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:13px 16px;border-top:1px solid #343834;background:#101412}.terminal label{color:var(--acid);font:700 10px/1 monospace}.terminal input{width:100%;padding:10px 0;color:var(--paper);border:0;outline:0;background:transparent;font:13px/1 monospace}.terminal form button{width:39px;height:39px;padding:0;color:var(--ink);border:0;background:var(--acid)}

.final-call{position:relative;min-height:92vh;display:grid;place-items:center;overflow:hidden;padding:12vh 6vw;text-align:center;background:#070a09;isolation:isolate}.final-call::before{content:"";position:absolute;inset:0;z-index:-2;background:url('assets/og.png') center/cover no-repeat;filter:grayscale(.2) contrast(1.05);opacity:.24}.final-call::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at center,rgba(7,11,11,.2),#070a09 75%)}.final-copy{position:relative;z-index:2}.final-copy>p{color:var(--acid);font:800 9px/1 monospace;letter-spacing:.2em}.final-copy h2{font-size:clamp(58px,10vw,150px)}.final-copy h2 em{color:var(--acid)}.final-copy>div{display:flex;justify-content:center;gap:14px;margin-top:50px}.final-orbit{position:absolute;width:min(85vw,930px);aspect-ratio:1;border:1px dashed rgba(66,245,173,.24);border-radius:50%;animation:spin 80s linear infinite}.final-orbit::before,.final-orbit::after{content:"";position:absolute;inset:16%;border:1px solid rgba(232,224,206,.12);border-radius:50%}.final-orbit::after{inset:31%}.final-orbit span,.final-orbit b{position:absolute;padding:10px;color:var(--acid);background:#070a09;font:800 9px/1 monospace;letter-spacing:.15em}.final-orbit span{left:7%;top:22%}.final-orbit b{right:5%;bottom:28%}.final-orbit i{position:absolute;right:15%;top:12%;width:18px;height:18px;border-radius:50%;background:var(--acid);box-shadow:0 0 30px var(--acid)}

footer{display:grid;grid-template-columns:1.1fr 1.2fr .8fr .8fr;align-items:center;gap:4vw;padding:50px 4vw;border-top:1px solid var(--line);background:#050707}.footer .brand{font-size:19px}footer p{margin:0;color:#777b74;font:700 8px/1.6 monospace;letter-spacing:.09em}footer>div{display:flex;gap:18px}footer>div a{color:#a3a69f;font:700 8px/1 monospace;letter-spacing:.1em}footer>span{text-align:right;color:#656962;font:700 8px/1.4 monospace}

.signal-room{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:25px;overflow:hidden;background:rgba(3,6,5,.96);animation:room-in .35s ease-out}.signal-room-grid{position:absolute;inset:0;opacity:.17;background-image:linear-gradient(rgba(66,245,173,.35) 1px,transparent 1px),linear-gradient(90deg,rgba(66,245,173,.35) 1px,transparent 1px);background-size:60px 60px;transform:perspective(500px) rotateX(55deg) scale(1.5);transform-origin:bottom}.signal-close{position:absolute;right:30px;top:30px;z-index:3;width:48px;height:48px;padding:0;color:var(--acid);border:1px solid var(--acid);border-radius:50%;background:transparent}.signal-room-core{position:relative;z-index:2;max-width:850px;text-align:center}.signal-moon{display:grid;place-items:center;width:100px;height:100px;margin:0 auto 35px;color:var(--acid);border:1px solid var(--acid);border-radius:50%;box-shadow:0 0 0 18px rgba(66,245,173,.035),0 0 70px rgba(66,245,173,.2);animation:pulse 2s infinite}.signal-moon svg{width:44px;height:44px}.signal-room-core>p{color:var(--acid);font:800 9px/1 monospace;letter-spacing:.18em}.signal-room-core h2{margin:25px 0;font:900 clamp(55px,9vw,135px)/.8 "Arial Black",sans-serif;letter-spacing:-.08em}.signal-room-core blockquote{margin:35px auto;color:#a6aaa2;font:italic clamp(16px,2vw,23px)/1.5 Georgia,serif}.signal-room-core .btn{margin-top:15px}

.icon { display:inline-grid; place-items:center; font:900 24px/1 monospace; }
.orbit .icon { font-size:24px; }
.artifact .icon { font-size:34px; }
.artifact-core .icon,.green-knot .icon { font-size:52px; }
.signal-moon .icon { font-size:42px; }
.is-hidden { display:none!important; }
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.reveal.is-visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes blink{50%{opacity:.25}}
@keyframes pulse{50%{box-shadow:0 0 30px rgba(66,245,173,.3);transform:scale(1.04)}}
@keyframes signal-pop{to{width:80px;height:80px;margin:-40px;opacity:0}}
@keyframes marquee{to{transform:translateX(-50%)}}
@keyframes scan{to{top:88%}}
@keyframes story-in{from{opacity:.2;transform:translateX(20px)}}
@keyframes float{50%{transform:translateY(-12px) rotate(6deg)}}
@keyframes room-in{from{opacity:0;transform:scale(1.03)}}

@media(max-width:1100px){
  .nav-signal{display:none}.nav-shell{grid-template-columns:1fr 1fr}.nav-links{gap:14px}.nav-links>a:not(.btn){display:none}
  .story-console{grid-template-columns:.36fr 1fr}.story-side{display:none}
  .artifacts-section{grid-template-columns:.85fr 1.15fr}.artifact{width:90px;height:90px}.artifact-core{width:100px;height:100px}
  .tuner-section,.terminal-section{gap:5vw}
}
@media(max-width:820px){
  .cursor-light{display:none}.nav-shell{height:70px}.nav-links{position:absolute;left:0;top:70px;width:100%;display:none;flex-direction:column;align-items:stretch;padding:22px;background:rgba(7,11,11,.97);border-bottom:1px solid var(--line)}.nav-links.is-open{display:flex}.nav-links>a:not(.btn){display:block;padding:14px;border-bottom:1px solid var(--line);font-size:10px}.nav-links .btn{margin-top:8px}.menu-button{display:grid;place-items:center}.hero{grid-template-columns:1fr;min-height:auto;padding:105px 6vw 75px;gap:45px}.hero-portrait{width:min(88vw,570px);order:-1}.hero-copy{transform:none}.hero h1{font-size:clamp(55px,17vw,94px)}.orbit-one{right:auto;left:3%;top:38%}.orbit-two{right:3%;bottom:15%}.orbit-three{display:none}.scroll-ticket span:last-child{display:none}
  .origin-section,.anatomy-section,.artifacts-section,.tuner-section,.roadmap-section,.terminal-section{padding-left:6vw;padding-right:6vw}.origin-heading,.roadmap-head{grid-template-columns:1fr;gap:25px}.origin-heading>p,.roadmap-head>p{max-width:520px}.story-console{grid-template-columns:1fr;box-shadow:8px 8px 0 var(--rust)}.story-index{display:grid;grid-template-columns:repeat(4,1fr);border-right:0;border-bottom:1px solid rgba(7,11,11,.2)}.story-index button{display:block;padding:16px 8px;text-align:center;border-right:1px solid rgba(7,11,11,.15);border-bottom:0}.story-index button small{display:none}.story-card{min-height:500px;padding:65px 26px 30px}.story-text{font-size:16px}
  .anatomy-grid{grid-template-columns:1fr;gap:70px}.anatomy-photo{width:min(90vw,650px);justify-self:center}.anatomy-list article{grid-template-columns:125px 1fr}.green-answer{max-width:90%;margin-top:25px}
  .artifacts-section{grid-template-columns:1fr;gap:60px;min-height:auto}.artifact-copy h2{margin-top:45px}.artifact-orbit{width:min(90vw,660px)}
  .tuner-section,.terminal-section{grid-template-columns:1fr;gap:55px}.radio-console{box-shadow:8px 8px 0 #33291f}.frequency strong{font-size:clamp(56px,16vw,100px)}
  .roadmap-section{min-height:auto}.orbit-map{display:none}.roadmap-mobile{position:relative;z-index:2;display:grid;gap:10px;margin-top:55px}.roadmap-mobile button{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:22px;text-align:left;color:var(--paper);border:1px solid var(--line);background:#0d1211}.roadmap-mobile button>span{font:900 35px/1 "Arial Black",sans-serif}.roadmap-mobile button small{display:block;color:#898d85;font:700 8px/1 monospace;letter-spacing:.12em}.roadmap-mobile button b{display:block;margin:8px 0;color:var(--acid);font:900 20px/1 "Arial Black",sans-serif}.roadmap-mobile button p{margin:0;color:#a0a39c;font:14px/1.5 Georgia,serif}.roadmap-mobile button.active{border-color:var(--acid);box-shadow:5px 5px 0 var(--acid)}
  footer{grid-template-columns:1fr 1fr}footer>span{text-align:left}
}
@media(max-width:520px){
  .brand{font-size:15px}.brand-moon{width:30px;height:30px}.menu-button{width:38px;height:38px}.hero{padding-top:92px}.hero-portrait{width:94vw}.portrait-stamp{width:64px;height:64px;right:0}.hero h1{font-size:clamp(49px,17vw,75px)}.hero-actions{flex-wrap:wrap}.scribble-note{display:none}.orbit{width:52px;height:52px}.orbit-two{bottom:30%}.marquee-band div{padding:12px 0;font-size:12px}
  .origin-section{padding-top:10vh}.origin-heading h2,.anatomy-copy h2,.tuner-copy h2,.roadmap-head h2,.terminal-intro h2,.final-copy h2{font-size:clamp(42px,13vw,68px)}.story-card h3{font-size:34px}.story-index button span{font-size:17px}
  .anatomy-list article{grid-template-columns:1fr;gap:10px}.green-answer{flex-direction:column;max-width:100%;padding:26px}.giant-why{font-size:24vw}.artifact-orbit{width:100%;margin-top:20px}.artifact{width:72px;height:72px}.artifact svg{width:27px;height:27px}.artifact span{display:none}.artifact-core{width:80px;height:80px}.artifact-core svg{width:40px}.artifact-1{left:0}.artifact-2{right:0}.artifact-3{right:0}.artifact-4{left:0}.artifact-5{left:39%}.artifact-6{left:39%}
  .radio-console{padding:18px}.waveform{gap:2px}.channel-readout{min-height:120px}.preset-row{grid-template-columns:1fr 1fr}.terminal-bar{grid-template-columns:1fr auto}.terminal-bar small{display:none}.terminal-screen{min-height:300px;padding:25px 18px}.terminal form{grid-template-columns:1fr auto}.terminal label{grid-column:1/-1}.final-copy>div{flex-direction:column}.btn-large{width:100%}.final-call{min-height:80vh}.final-orbit{width:130vw}footer{grid-template-columns:1fr;gap:25px}footer>div{flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hero-copy,.hero-portrait,.star-dust{transform:none!important}}