:root {
  --ink: #020402;
  --acid: #86ff31;
  --lime: #b8ff82;
  --paper: #efffe8;
  --muted: #8ca18a;
  --line: rgba(134, 255, 49, 0.28);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: Arial, Helvetica, sans-serif; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--acid); color: #020402; }

.site-shell { --mx: 50vw; --my: 50vh; min-height: 100vh; position: relative; overflow: hidden; background: #020402; }
.site-shell.is-locked { height: 100vh; overflow: hidden; }
.noise { position: fixed; inset: 0; opacity: .12; pointer-events: none; z-index: 60; 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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E"); }
.cursor-aura { position: fixed; inset: 0; z-index: 50; pointer-events: none; background: radial-gradient(280px circle at var(--mx) var(--my), rgba(134,255,49,.09), transparent 68%); mix-blend-mode: screen; }

.boot { position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; background: #010201 url('./void-junkyard.png') center / cover; transition: opacity .7s ease, visibility .7s, transform .7s cubic-bezier(.77,0,.18,1); }
.boot::before { content:''; position:absolute; inset:0; background:radial-gradient(circle at center, rgba(1,3,1,.28), #010201 72%); }
.boot-away { opacity: 0; visibility: hidden; transform: scale(1.09); }
.boot-field { position:absolute; width:min(75vw,760px); aspect-ratio:1; }
.boot-ring { position:absolute; inset:5%; border:1px solid rgba(134,255,49,.25); border-radius:50%; box-shadow:0 0 50px rgba(134,255,49,.08); animation:spin 16s linear infinite; }
.boot-ring::before,.boot-ring::after { content:''; position:absolute; width:8px; height:8px; border-radius:50%; background:var(--acid); box-shadow:0 0 18px var(--acid); }
.boot-ring::before { top:17%; left:12%; }.boot-ring::after { right:3%; bottom:29%; }
.boot-ring.ring-two { inset:20%; border-style:dashed; animation-direction:reverse; animation-duration:11s; }
.boot-dot { position:absolute; border-radius:50%; background:var(--acid); filter:blur(1px); box-shadow:0 0 25px var(--acid); animation:float 3s ease-in-out infinite; }
.boot-dot.d1{width:5px;height:5px;left:8%;top:42%}.boot-dot.d2{width:11px;height:11px;right:14%;top:21%;animation-delay:-1s}.boot-dot.d3{width:4px;height:4px;right:7%;bottom:27%;animation-delay:-2s}
.boot-copy { position:relative; z-index:2; text-align:center; width:min(92vw,850px); }
.boot-copy>p { color:var(--acid); font:700 10px/1 monospace; letter-spacing:.25em; margin:0 0 24px; }
.boot-copy h2 { font-size:clamp(70px,10vw,152px); letter-spacing:-.09em; line-height:.72; margin:0; font-weight:950; }
.boot-copy h2 i { font-style:normal; color:transparent; -webkit-text-stroke:1.4px var(--acid); filter:drop-shadow(0 0 12px rgba(134,255,49,.62)); }
.boot-warning { display:block; max-width:480px; margin:32px auto 27px; color:#a7b4a3; font-size:14px; line-height:1.55; }
.boot-actions { display:flex; justify-content:center; flex-wrap:wrap; gap:10px; }
.boot-actions button { min-height:50px; border:1px solid var(--acid); background:var(--acid); color:#020402; padding:0 22px; cursor:pointer; font:900 11px/1 monospace; letter-spacing:.1em; }
.boot-actions .quiet { background:rgba(0,0,0,.58); color:#dcead8; border-color:rgba(255,255,255,.3); }

.site-nav { height: 82px; position: absolute; z-index: 40; top:0; left:0; right:0; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 3vw; border-bottom: 1px solid var(--line); background: rgba(2,4,2,.48); backdrop-filter: blur(14px); }
.brand { font-size: 13px; letter-spacing: .17em; font-weight: 800; display: flex; gap: 11px; align-items: center; white-space:nowrap; }
.brand-orb { width: 13px; height: 13px; border-radius: 50%; background: var(--acid); box-shadow: 0 0 12px var(--acid), 0 0 30px var(--acid); }
.site-nav nav { display: flex; gap: 36px; font: 700 10px/1 monospace; letter-spacing: .14em; color: #b5c6b1; }
.site-nav nav a:hover { color: var(--acid); }
.nav-tools{justify-self:end;display:flex;gap:10px;align-items:center}.sound-toggle{border:0;background:none;color:#98a795;cursor:pointer;font:700 9px/1 monospace;letter-spacing:.08em}
.nav-buy { border: 1px solid var(--acid); padding: 13px 17px; color: var(--acid); font: 800 10px/1 monospace; letter-spacing: .08em; box-shadow: inset 0 0 0 0 var(--acid); transition: .25s; white-space:nowrap; }
.nav-buy:hover { color: #020402; box-shadow: inset 180px 0 0 var(--acid), 0 0 28px rgba(134,255,49,.35); }

.hero { position: relative; min-height: 100svh; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; padding: 120px 4vw 80px; isolation:isolate; }
.hero::before { content: ''; position: absolute; inset: 0; z-index:-2; background: linear-gradient(90deg, rgba(2,4,2,.88), transparent 48%), url('./void-junkyard.png') center / cover; opacity: .48; filter: saturate(1.2); transform: scale(1.03); }
.hero::after { content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 70% 50%, transparent 0 24%,rgba(2,4,2,.2) 48%,#020402 96%); }
.hero-grid { position:absolute; inset:0; z-index:-1; opacity:.17; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,black 30%,transparent 94%); }
.hero-copy { position: relative; z-index: 2; padding-left: 2vw; }
.eyebrow,.section-kicker { margin: 0 0 25px; color: var(--muted); font: 700 10px/1.2 monospace; letter-spacing: .18em; }
.eyebrow span,.section-kicker { color: var(--acid); }
h1 { margin: 0; font-size: clamp(76px, 10.4vw, 178px); line-height: .73; letter-spacing: -.085em; font-weight: 950; transform: scaleX(.86); transform-origin: left; text-shadow: 0 0 25px rgba(189,255,161,.15); }
h1 span { display: block; color: transparent; -webkit-text-stroke: 1.5px var(--acid); filter: drop-shadow(0 0 9px rgba(134,255,49,.55)); }
.hero-deck { max-width: 510px; margin: 38px 0 32px; color: #c8d5c5; font-size: clamp(17px,1.5vw,23px); line-height: 1.42; letter-spacing: -.02em; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.action { min-height: 54px; display: inline-flex; align-items: center; justify-content: center; gap: 20px; padding: 0 22px; border: 1px solid rgba(234,255,227,.42); font: 900 11px/1 monospace; letter-spacing: .08em; transition: transform .2s, box-shadow .2s; }
.action:hover { transform: translateY(-4px) rotate(-1deg); box-shadow: 0 10px 40px rgba(134,255,49,.22); }
.action.primary { background: var(--acid); border-color: var(--acid); color: #061003; }
.action.ghost { backdrop-filter: blur(10px); background: rgba(2,4,2,.55); }
.live-status{margin-top:30px;color:#9caa98;font:700 9px/1.2 monospace;letter-spacing:.1em;display:flex;align-items:center;gap:10px}.live-status i{width:6px;height:6px;border-radius:50%;background:var(--acid);box-shadow:0 0 10px var(--acid);animation:pulse 1.4s infinite}.live-status span{color:var(--acid)}
.hero-visual { appearance:none;border:0;background:none;padding:0;cursor:crosshair; position: relative; justify-self: end; width: min(760px, 58vw); aspect-ratio: 1; border-radius: 50%; display: grid; place-items: center; }
.hero-visual::before { content:''; position:absolute; inset:7%; border:1px solid rgba(134,255,49,.2); border-radius:50%; box-shadow: 0 0 90px rgba(134,255,49,.12), inset 0 0 90px rgba(134,255,49,.08); animation: spin 22s linear infinite; }
.hero-visual::after { content:''; position:absolute; inset:16%; border:1px dashed rgba(235,255,229,.18); border-radius:50%; animation: spin 15s linear infinite reverse; }
.hero-visual img { width: 92%; height: 92%; object-fit: contain; mix-blend-mode: screen; filter: contrast(1.08) drop-shadow(0 0 34px rgba(118,255,37,.35)); animation: hoverfly 4s ease-in-out infinite; }
.scanline { position:absolute; z-index:2; width:86%; height:2px; background:linear-gradient(90deg, transparent, var(--acid), transparent); box-shadow:0 0 22px var(--acid); animation: scan 4s ease-in-out infinite; }
.specimen-tag { position:absolute; z-index:3; padding:9px 12px; border:1px solid var(--line); color:var(--lime); background:rgba(3,8,3,.72); font:700 9px/1 monospace; letter-spacing:.12em; backdrop-filter:blur(8px); }
.tag-a { top:17%; right:3%; transform:rotate(2deg); }.tag-b { left:5%; bottom:19%; transform:rotate(-3deg); }
.puff-zone{position:absolute;right:0;bottom:30%;width:35%;height:30%;z-index:5}.puff-zone i{position:absolute;border-radius:50%;background:radial-gradient(circle at 35% 35%,#caff8f,var(--acid) 22%,rgba(35,255,0,.38) 55%,transparent 72%);filter:drop-shadow(0 0 12px var(--acid));animation:puff .9s ease-out both}.puff-zone .p1{width:46px;height:46px;left:0;top:40%}.puff-zone .p2{width:72px;height:72px;left:22%;top:8%;animation-delay:.06s}.puff-zone .p3{width:38px;height:38px;left:54%;top:40%;animation-delay:.12s}.puff-zone .p4{width:24px;height:24px;left:74%;top:13%;animation-delay:.18s}
.descend { position:absolute; bottom:28px; left:50%; translate:-50% 0; font:700 9px/1 monospace; letter-spacing:.14em; color:#a9bba6; display:flex; gap:15px; align-items:center; }.descend span { color:var(--acid);animation:bob 1.3s ease-in-out infinite; }
.ticker{position:relative;z-index:3;overflow:hidden;border-block:1px solid var(--line);background:var(--acid);color:#030703;height:42px;display:flex;align-items:center;transform:rotate(-1deg) scale(1.02);font:950 11px/1 monospace;letter-spacing:.12em}.ticker div{white-space:nowrap;animation:ticker 24s linear infinite}

.story-section { min-height:100svh; position:relative; display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;padding:12vw 6vw;background:radial-gradient(circle at 12% 44%,rgba(100,255,30,.09),transparent 30%),#020402; }
.story-section::before{content:'THE MEMORY CLOUD';position:absolute;top:4vw;right:-1vw;color:transparent;-webkit-text-stroke:1px rgba(134,255,49,.09);font-size:11vw;font-weight:950;letter-spacing:-.08em;white-space:nowrap}
.story-intro{align-self:start;position:sticky;top:8vh}.story-intro h2,.anatomy h2,.mixer h2,.flight-head h2,.final-call h2{font-size:clamp(58px,7.2vw,116px);line-height:.83;letter-spacing:-.075em;margin:0;font-weight:950}.story-intro h2 em,.mixer h2 em,.flight-head h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.3px var(--acid)}
.story-intro>p:not(.section-kicker){max-width:440px;color:#a9b5a6;line-height:1.65;font-size:15px;margin:30px 0}
.memory-nav{margin-top:38px;display:grid;border-top:1px solid var(--line)}.memory-nav button{appearance:none;text-align:left;background:none;border:0;border-bottom:1px solid rgba(134,255,49,.18);color:#667365;padding:17px 10px;cursor:pointer;font:700 10px/1 monospace;letter-spacing:.11em;transition:.2s}.memory-nav button span{display:inline-block;width:55px;color:#93a490}.memory-nav button:hover,.memory-nav button.active{color:var(--paper);padding-left:20px;background:linear-gradient(90deg,rgba(134,255,49,.13),transparent)}.memory-nav button.active span{color:var(--acid)}
.memory-console{align-self:center;border:1px solid var(--line);background:rgba(5,10,5,.72);box-shadow:0 0 90px rgba(75,255,19,.07);transform:rotate(.4deg)}.console-top,.console-controls{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line);color:#7d8c7a;font:700 9px/1 monospace;letter-spacing:.1em}.memory-visual{height:clamp(280px,34vw,530px);position:relative;overflow:hidden;background:#000}.memory-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(134,255,49,.09),transparent);animation:sweep 4s linear infinite}.memory-visual img{width:100%;height:100%;object-fit:cover;opacity:.72;filter:saturate(1.25) contrast(1.1);mix-blend-mode:screen}.waveform{position:absolute;z-index:2;left:4%;right:4%;bottom:8%;height:62px;display:flex;align-items:center;gap:4px}.waveform i{flex:1;display:block;background:var(--acid);box-shadow:0 0 8px var(--acid);opacity:.6;animation:wave .75s ease-in-out infinite alternate}.waveform i:nth-child(3n){animation-delay:-.3s}.waveform i:nth-child(4n){animation-delay:-.5s}.crosshair{position:absolute;z-index:2;background:rgba(229,255,220,.25)}.crosshair.h{height:1px;left:0;right:0;top:50%}.crosshair.v{width:1px;top:0;bottom:0;left:50%}
.memory-copy{padding:30px 34px 34px;min-height:260px;animation:materialize .45s ease both}.memory-copy>span{color:var(--acid);font:700 9px/1 monospace;letter-spacing:.13em}.memory-copy h3{font-size:clamp(28px,3vw,48px);line-height:.92;letter-spacing:-.05em;margin:17px 0}.memory-copy p{color:#b6c2b2;font-size:15px;line-height:1.65;max-width:710px}.memory-copy small{display:block;margin-top:24px;color:#71806f;font:700 9px/1 monospace;letter-spacing:.12em}.console-controls{border-top:1px solid var(--line);border-bottom:0}.console-controls button{border:0;background:none;color:#aabbA6;cursor:pointer;font:700 9px/1 monospace;letter-spacing:.09em}.console-controls button:hover{color:var(--acid)}

.anatomy{padding:9vw 6vw 11vw;background:#e9ffe1;color:#071005;position:relative}.anatomy-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:6vw}.anatomy .section-kicker{align-self:flex-start;color:#39711e}.anatomy h2{text-align:right}.anatomy-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #1a3314}.anatomy-grid article{min-height:390px;padding:24px 25px 30px;border-right:1px solid rgba(14,40,8,.28);position:relative;transition:.3s}.anatomy-grid article:first-child{border-left:1px solid rgba(14,40,8,.28)}.anatomy-grid article:hover{background:var(--acid);transform:translateY(-10px) rotate(-.6deg);box-shadow:0 25px 50px rgba(9,44,2,.18)}.anatomy-grid article>b{font:800 10px/1 monospace;color:#3a5c31}.glyph{display:block;font-size:75px;margin:45px 0 70px;text-shadow:0 0 20px rgba(73,181,25,.23)}.anatomy-grid h3{font-size:22px;margin:0 0 14px;letter-spacing:-.04em}.anatomy-grid p{color:#33442f;font-size:13px;line-height:1.65;margin:0}

.mixer{min-height:110svh;padding:11vw 6vw;display:grid;grid-template-columns:.78fr 1fr .7fr;gap:4vw;align-items:center;position:relative;isolation:isolate;overflow:hidden}.mixer-backdrop{position:absolute;z-index:-2;inset:0;background:url('./void-junkyard.png') center / cover;opacity:.26;filter:hue-rotate(var(--buzz-hue)) blur(var(--fog-blur));transform:scale(1.08)}.mixer::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020402 2%,rgba(2,4,2,.8) 30%,rgba(2,4,2,.2) 55%,#020402 100%)}.mixer-copy h2{font-size:clamp(55px,6.4vw,105px)}.mixer-copy>p:not(.section-kicker){color:#a4b1a0;font-size:14px;line-height:1.7;max-width:390px}.chaos-button,.pressure-button{margin-top:25px;background:transparent;border:1px solid var(--acid);color:var(--acid);min-height:48px;padding:0 18px;cursor:pointer;font:800 10px/1 monospace;letter-spacing:.1em;transition:.25s}.chaos-button:hover,.pressure-button:hover{background:var(--acid);color:#030603;box-shadow:0 0 35px rgba(134,255,49,.32)}
.mixer-specimen{position:relative;aspect-ratio:1;display:grid;place-items:center}.mixer-specimen::before{content:'';position:absolute;inset:14%;border-radius:50%;background:rgba(134,255,49,var(--stink-alpha));filter:blur(40px);box-shadow:0 0 100px rgba(134,255,49,var(--stink-glow))}.mixer-specimen img{position:relative;width:120%;height:120%;object-fit:contain;mix-blend-mode:screen;filter:saturate(var(--stink-saturation)) contrast(1.1) blur(var(--fly-blur));transform:translateY(var(--buzz-shift)) rotate(var(--buzz-rotate));transition:filter .2s,transform .2s}.radar-lines{position:absolute;inset:2%;border:1px solid var(--line);border-radius:50%;animation:spin 13s linear infinite}.radar-lines::before,.radar-lines::after{content:'';position:absolute;border:1px dashed rgba(255,255,255,.15);border-radius:50%;inset:12%}.radar-lines::after{inset:25%;border-color:rgba(134,255,49,.18)}
.pressure{position:absolute;left:0;right:0;bottom:-25px;border:1px solid var(--line);background:rgba(2,5,2,.85);padding:12px;display:grid;grid-template-columns:auto 1fr auto;gap:13px;align-items:center;font:700 8px/1 monospace;letter-spacing:.09em;color:#8f9e8c}.pressure div{height:5px;background:#142111}.pressure div i{display:block;height:100%;background:var(--acid);box-shadow:0 0 10px var(--acid);transition:width .4s}.pressure b{color:var(--acid)}.pressure-button{position:absolute;bottom:-88px;margin:0;width:100%}
.mix-controls{border-top:1px solid var(--line)}.mix-controls label{display:block;padding:25px 0;border-bottom:1px solid var(--line)}.mix-controls label>span{display:grid;grid-template-columns:32px 1fr auto;gap:8px;color:#cfddcb;font:700 10px/1 monospace;letter-spacing:.08em}.mix-controls label b,.mix-controls output{color:var(--acid)}.mix-controls small{display:block;color:#677464;margin:10px 0 0 40px;font:9px/1.4 monospace}.mix-controls input{appearance:none;width:100%;height:18px;background:transparent;margin:16px 0 0;cursor:crosshair}.mix-controls input::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,var(--acid),#172116)}.mix-controls input::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:var(--acid);margin-top:-6px;box-shadow:0 0 15px var(--acid)}

.objects{padding:6vw 0 7vw;border-block:1px solid var(--line);overflow:hidden}.objects>p{margin:0 6vw 30px;color:var(--acid);font:700 9px/1 monospace;letter-spacing:.16em}.object-belt{display:grid;grid-template-columns:repeat(6,minmax(180px,1fr));gap:1px;background:var(--line);border-block:1px solid var(--line)}.object-belt button{appearance:none;border:0;background:#030603;color:#a8b4a5;min-height:285px;padding:18px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;font:700 9px/1 monospace;letter-spacing:.1em;transition:.25s}.object-belt button:hover{background:#091107;color:var(--acid);transform:translateY(-6px)}.object-belt button b{color:#52604f;margin-bottom:7px}.object-crop{width:100%;height:190px;margin-bottom:auto;background-image:url('./void-junkyard.png');background-repeat:no-repeat;background-size:1100px auto;filter:drop-shadow(0 0 14px rgba(134,255,49,.3));}.crop-1{background-position:87% 14%}.crop-2{background-position:28% 7%}.crop-3{background-position:3% 2%}.crop-4{background-position:4% 82%}.crop-5{background-position:70% 3%}.crop-6{background-position:73% 70%}

.flightpath{min-height:120svh;padding:10vw 6vw;position:relative;background:radial-gradient(circle at 55% 55%,rgba(92,255,26,.08),transparent 28%),#020402}.flight-head{max-width:730px}.flight-head>p:not(.section-kicker){max-width:470px;color:#94a291;font-size:14px;line-height:1.65}.orbit{position:relative;width:min(75vw,960px);aspect-ratio:1;margin:-6vw auto -11vw;transition:.7s}.orbit-ring{position:absolute;border-radius:50%;border:1px solid rgba(134,255,49,.25);transition:.8s}.orbit-ring::after{content:'';position:absolute;width:9px;height:9px;border-radius:50%;background:var(--acid);box-shadow:0 0 18px var(--acid)}.ring-a{inset:8%;border-style:dashed;animation:spin 45s linear infinite}.ring-a::after{top:11%;left:18%}.ring-b{inset:20%;transform:rotate(30deg);border-color:rgba(255,255,255,.16);border-style:dotted}.ring-b::after{right:-5px;top:50%}.ring-c{inset:34%;border-color:rgba(134,255,49,.15)}.ring-c::after{left:20%;bottom:5%}.orbit-core{position:absolute;z-index:2;left:50%;top:50%;translate:-50% -50%;width:26%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle,rgba(134,255,49,.2),rgba(0,0,0,.8) 68%);border:1px solid var(--acid);box-shadow:0 0 80px rgba(134,255,49,.2),inset 0 0 40px rgba(134,255,49,.12)}.orbit-core span{color:#748170;font:700 7px/1 monospace;letter-spacing:.14em}.orbit-core b{font-size:clamp(56px,7vw,100px);line-height:.85;color:var(--acid);letter-spacing:-.08em}.orbit-core small{font:800 10px/1 monospace;letter-spacing:.15em}.orbit-node{position:absolute;z-index:4;width:104px;aspect-ratio:1;border-radius:50%;border:1px solid rgba(134,255,49,.35);background:rgba(2,4,2,.88);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.3s;box-shadow:0 0 0 0 rgba(134,255,49,.2)}.orbit-node span{color:#647260;font:700 8px/1 monospace}.orbit-node b{font:900 10px/1 monospace;letter-spacing:.1em;margin-top:8px}.orbit-node:hover,.orbit-node.active{border-color:var(--acid);color:#071005;background:var(--acid);box-shadow:0 0 40px rgba(134,255,49,.4);transform:scale(1.12) rotate(-4deg)}.orbit-node.active span{color:#203919}.node-1{left:8%;top:31%}.node-2{right:10%;top:16%}.node-3{right:3%;bottom:26%}.node-4{left:21%;bottom:5%}.fly-marker{position:absolute;left:50%;top:50%;font-size:32px;color:var(--acid);filter:drop-shadow(0 0 12px var(--acid));transition:transform .9s cubic-bezier(.2,.9,.2,1);transform-origin:-280px center}.phase-0 .fly-marker{transform:rotate(12deg) translateX(280px) rotate(-12deg)}.phase-1 .fly-marker{transform:rotate(105deg) translateX(280px) rotate(-105deg)}.phase-2 .fly-marker{transform:rotate(195deg) translateX(280px) rotate(-195deg)}.phase-3 .fly-marker{transform:rotate(288deg) translateX(280px) rotate(-288deg)}
.phase-card{position:relative;z-index:5;max-width:900px;margin:0 auto;border:1px solid var(--line);background:rgba(2,6,2,.88);backdrop-filter:blur(16px);padding:30px;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:30px;animation:materialize .45s ease both}.phase-card>div>span{color:var(--acid);font:700 8px/1 monospace;letter-spacing:.1em}.phase-card h3{font-size:30px;letter-spacing:-.04em;margin:12px 0 0}.phase-card p{color:#a5b2a2;font-size:13px;line-height:1.55;margin:0}.phase-card button{border:0;background:none;color:var(--acid);cursor:pointer;font:800 9px/1 monospace;letter-spacing:.08em;white-space:nowrap}

.final-call{min-height:100svh;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:9vw 5vw;overflow:hidden;background:#010201}.final-cloud{position:absolute;inset:0;background:url('./void-junkyard.png') center / cover;opacity:.46;filter:saturate(1.3);animation:breathe 7s ease-in-out infinite}.final-call::after{content:'';position:absolute;inset:0;background:radial-gradient(circle,rgba(1,2,1,.15),#010201 78%)}.final-call>*:not(.final-cloud){position:relative;z-index:2}.final-call>p{color:#a9b6a6;font:700 9px/1.6 monospace;letter-spacing:.14em}.final-call h2{font-size:clamp(78px,13vw,210px);line-height:.71;margin:30px 0 55px}.final-call h2 span{display:block;color:transparent;-webkit-text-stroke:1.5px var(--acid);filter:drop-shadow(0 0 16px rgba(134,255,49,.45))}.final-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.final-actions a{min-height:58px;display:flex;align-items:center;justify-content:center;gap:24px;padding:0 25px;background:var(--acid);color:#030703;border:1px solid var(--acid);font:900 11px/1 monospace;letter-spacing:.09em;transition:.25s}.final-actions a+ a{background:rgba(0,0,0,.56);color:#e6f4e1;border-color:rgba(255,255,255,.35)}.final-actions a:hover{transform:translateY(-5px) rotate(-1deg);box-shadow:0 12px 50px rgba(134,255,49,.22)}
footer{min-height:100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 4vw;color:#687565;font:700 8px/1 monospace;letter-spacing:.1em}footer .brand{color:#d8e4d4;font-size:10px}footer button{justify-self:end;border:0;background:none;color:#a7b4a3;cursor:pointer;font:700 8px/1 monospace;letter-spacing:.1em}footer button:hover{color:var(--acid)}

@keyframes spin { to { transform: rotate(360deg); } }
@keyframes float { 50%{transform:translateY(-18px) scale(1.25)} }
@keyframes hoverfly { 50% { transform: translate(6px,-15px) rotate(-1deg); } }
@keyframes scan { 0%,100% { transform:translateY(-210px); opacity:0; } 20%,80%{opacity:1} 50%{transform:translateY(210px)} }
@keyframes bob { 50% { transform:translateY(5px) } }
@keyframes pulse { 50%{opacity:.25;transform:scale(.7)} }
@keyframes puff { from{transform:translate(-15px,15px) scale(.2);opacity:1}to{transform:translate(110px,-65px) scale(1.5);opacity:0} }
@keyframes ticker { to{transform:translateX(-50%)} }
@keyframes sweep { from{transform:translateX(-100%)}to{transform:translateX(100%)} }
@keyframes wave { to{transform:scaleY(.36);opacity:.25} }
@keyframes materialize { from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:none;filter:none} }
@keyframes breathe { 50%{transform:scale(1.05);opacity:.58} }

@media (max-width: 1050px) {
  .site-nav nav{gap:18px}.story-section{gap:4vw}.mixer{grid-template-columns:1fr 1fr}.mixer-copy{grid-column:1/-1}.mix-controls{align-self:center}.anatomy-grid{grid-template-columns:1fr 1fr}.anatomy-grid article:nth-child(3){border-left:1px solid rgba(14,40,8,.28)}.phase-card{grid-template-columns:1fr 1fr}.phase-card button{grid-column:2;justify-self:end}
}

@media (max-width: 760px) {
  .cursor-aura{display:none}.site-nav { grid-template-columns: 1fr auto; height:70px;padding:0 18px}.site-nav nav,.sound-toggle{display:none}.nav-buy{padding:11px;font-size:8px}
  .hero { min-height:100svh; grid-template-columns:1fr; padding:110px 22px 95px;align-items:start; }
  .hero-copy { padding:18px 0 0; } h1{font-size:clamp(68px,22vw,128px)}.hero-deck { max-width:350px; margin:26px 0; font-size:16px; }.hero-visual { position:absolute; width:92vw; right:-32vw; bottom:-2vw; opacity:.44; }.specimen-tag{display:none}.descend{left:22px;translate:0 0}.live-status{max-width:280px;line-height:1.6}
  .boot-field{width:100vw}.boot-copy h2{font-size:20vw}.boot-warning{max-width:310px;font-size:12px}.boot-copy>p{font-size:8px}
  .story-section{display:block;padding:110px 22px 90px}.story-intro{position:relative;top:auto}.story-intro h2,.anatomy h2,.mixer h2,.flight-head h2{font-size:15.5vw}.memory-nav{grid-template-columns:1fr 1fr;margin-bottom:30px}.memory-nav button{padding:14px 7px}.memory-console{transform:none}.memory-visual{height:300px}.memory-copy{padding:25px 22px}.console-top span:last-child{display:none}
  .anatomy{padding:90px 22px}.anatomy-head{display:block}.anatomy h2{text-align:left}.anatomy-grid{grid-template-columns:1fr}.anatomy-grid article,.anatomy-grid article:nth-child(3){border-left:1px solid rgba(14,40,8,.28);min-height:320px}.glyph{margin:35px 0 42px}
  .mixer{display:block;padding:100px 22px 130px}.mixer-specimen{margin:55px 0 125px}.mixer-specimen img{width:112%;height:112%}.mix-controls small{margin-left:0}.objects{padding:70px 0}.objects>p{margin-left:22px}.object-belt{overflow-x:auto;grid-template-columns:repeat(6,220px);scroll-snap-type:x mandatory}.object-belt button{scroll-snap-align:start}
  .flightpath{padding:95px 22px}.orbit{width:114vw;margin:20px -30vw -20px 2vw}.orbit-node{width:76px}.orbit-core{width:29%}.fly-marker{display:none}.node-1{left:3%}.node-2{right:4%}.node-3{right:0}.node-4{left:12%}.phase-card{display:block;padding:23px}.phase-card p{margin:22px 0}.phase-card button{padding:0}.final-call{padding:100px 22px}.final-call h2{font-size:22vw}.final-actions{width:100%}.final-actions a{width:100%}footer{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:35px 22px}footer button{align-self:flex-start}
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior:auto!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }