:root{--ink: #07090a;--ink-2: #0d1113;--panel: rgba(255,255,255,.025);--panel-brd: rgba(255,255,255,.08);--text: #e9f1ee;--muted: #79857f;--lime: #b6ff3c;--cyan: #41efff;--magenta: #ff4d9d;--display: "Syne", sans-serif;--mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--mono);overflow-x:hidden;line-height:1.6;-webkit-font-smoothing:antialiased}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;background:radial-gradient(60vw 50vh at 15% 0%,color-mix(in oklab,var(--lime) 14%,transparent),transparent 70%),radial-gradient(50vw 50vh at 90% 20%,color-mix(in oklab,var(--cyan) 12%,transparent),transparent 70%),radial-gradient(50vw 50vh at 60% 100%,color-mix(in oklab,var(--magenta) 8%,transparent),transparent 70%)}.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 1.5rem}.hud{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:1rem 1.5rem;max-width:1180px;margin:0 auto;border-bottom:1px solid var(--panel-brd)}.hud-spacer{width:80px}.hud .live{display:flex;align-items:center;gap:.5rem;color:var(--text)}.dot{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.8s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.hero{position:relative;min-height:92vh;display:flex;align-items:center}#constellation{position:absolute;inset:0;z-index:0;width:100%;height:100%}.hero-inner{position:relative;z-index:2;padding:4rem 0}.eyebrow{font-family:var(--mono);font-size:.8rem;letter-spacing:.35em;text-transform:uppercase;color:var(--lime);margin-bottom:1.5rem;display:flex;align-items:center;gap:.8rem}.eyebrow:before{content:"";width:40px;height:1px;background:var(--lime);display:inline-block}h1.headline{font-family:var(--display);font-weight:800;font-size:clamp(2.6rem,7vw,5.6rem);line-height:.98;letter-spacing:-.02em;margin-bottom:1.6rem;max-width:16ch}.headline .decode{color:var(--lime)}.headline .alt{color:var(--cyan);font-style:italic}.sub{font-size:clamp(.95rem,1.4vw,1.12rem);color:var(--muted);max-width:52ch;margin-bottom:2.5rem;line-height:1.7}.sub b{color:var(--text);font-weight:500}.cta-row{display:flex;gap:1rem;flex-wrap:wrap}.btn{position:relative;font-family:var(--mono);font-weight:500;font-size:.9rem;letter-spacing:.03em;padding:.95rem 1.7rem;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:.6rem;transition:transform .15s ease,box-shadow .25s ease,background .25s ease;will-change:transform}.btn-primary{background:var(--lime);color:#06251a;box-shadow:0 0 color-mix(in oklab,var(--lime) 60%,transparent)}.btn-primary:hover{box-shadow:0 10px 40px -8px var(--lime)}.btn-ghost{background:var(--panel);color:var(--text);border:1px solid var(--panel-brd)}.btn-ghost:hover{border-color:var(--cyan);box-shadow:0 10px 40px -12px var(--cyan)}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translate(4px)}.sec{padding:6rem 0;position:relative}.sec-label{font-family:var(--mono);font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem;display:flex}.sec-title{font-family:var(--display);font-weight:700;font-size:clamp(1.8rem,3.5vw,2.8rem);letter-spacing:-.01em;margin-bottom:3rem}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--panel-brd);border:1px solid var(--panel-brd);border-radius:16px;overflow:hidden}.stat{background:var(--ink-2);padding:2.5rem 1.5rem;text-align:center}.stat .num{font-family:var(--mono);font-weight:700;font-size:clamp(2.4rem,5vw,3.5rem);line-height:1;color:var(--lime);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.stat .lbl{font-family:var(--mono);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:.8rem}.stat:nth-child(2) .num{color:var(--cyan)}.stat:nth-child(3) .num{color:var(--magenta)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem}.card{position:relative;background:var(--ink-2);border:1px solid var(--panel-brd);border-radius:16px;padding:2rem 1.75rem;text-decoration:none;color:var(--text);transform-style:preserve-3d;transition:transform .12s ease,border-color .3s;overflow:hidden;will-change:transform}.card .glare{position:absolute;inset:0;opacity:0;transition:opacity .3s;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%),color-mix(in oklab,var(--accent) 22%,transparent),transparent 45%)}.card:hover .glare{opacity:1}.card .idx{font-family:var(--mono);font-size:.72rem;color:var(--muted);letter-spacing:.15em}.card .name{font-family:var(--display);font-weight:700;font-size:1.5rem;margin:1.2rem 0 .5rem;transform:translateZ(40px)}.card .desc{color:var(--muted);font-size:.88rem;transform:translateZ(20px)}.card .accent-bar{position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent)}.card.htb{--accent: #b6ff3c}.card.vh{--accent: #ff5c5c}.card.pico{--accent: #d96bff}.card.otw{--accent: #ffc23d}.card:hover{border-color:var(--accent)}.card .go{font-family:var(--mono);font-size:.8rem;color:var(--accent);margin-top:1.5rem;display:inline-flex;align-items:center;gap:.4rem;transform:translateZ(30px)}.pipe{display:flex;align-items:stretch;flex-wrap:wrap;border-radius:16px;overflow:hidden;border:1px solid var(--panel-brd)}.phase{flex:1;min-width:160px;background:var(--ink-2);padding:1.8rem 1.5rem;position:relative;border-right:1px solid var(--panel-brd)}.phase:last-child{border-right:none}.phase .pn{font-family:var(--mono);font-size:.7rem;letter-spacing:.2em;color:var(--muted)}.phase .pt{font-family:var(--display);font-weight:700;font-size:1.25rem;margin:.6rem 0}.phase .pd{font-size:.82rem;color:var(--muted)}.phase:after{content:"→";position:absolute;right:-10px;top:50%;transform:translateY(-50%);color:var(--muted);font-size:1.1rem;z-index:3}.phase:last-child:after{display:none}.phase:nth-child(1) .pt{color:var(--cyan)}.phase:nth-child(2) .pt{color:var(--magenta)}.phase:nth-child(3) .pt{color:var(--lime)}.phase:nth-child(4) .pt{color:var(--text)}.footcta{text-align:center;padding:7rem 0 5rem}.footcta h2{font-family:var(--display);font-weight:800;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em;margin-bottom:1.2rem}.footcta .accent{color:var(--lime)}.foot-sub{color:var(--muted);max-width:46ch;margin:0 auto 2.5rem;font-size:.95rem;line-height:1.7}.footbar{border-top:1px solid var(--panel-brd);padding:1.5rem 0;position:relative;z-index:1}.footbar-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.foot-live{display:flex;align-items:center;gap:.5rem}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}@media(max-width:720px){.stats{grid-template-columns:1fr}.phase:after{display:none}.hud-spacer{display:none}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.dot{animation:none}*{scroll-behavior:auto}}