:root{color-scheme:dark;--ink:#07090a;--ink-2:#0d1113;--panel:#ffffff06;--panel-brd:#ffffff14;--text:#e9f1ee;--muted:#79857f;--lime:#b6ff3c;--cyan:#41efff;--magenta:#ff4d9d;--display:"Syne", "Syne Fallback", sans-serif;--mono:"JetBrains Mono", "JetBrains Mono Fallback", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}body:after{content:"";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");position:fixed;inset:0}body:before{content:"";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%);position:fixed;inset:0}.wrap{z-index:1;max-width:1180px;margin:0 auto;padding:0 1.5rem;position:relative}.hud{z-index:5;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--panel-brd);justify-content:space-between;align-items:center;max-width:1180px;margin:0 auto;padding:1rem 1.5rem;font-size:.72rem;display:flex;position:relative}.hud-spacer{width:80px}.hud .live{color:var(--text);align-items:center;gap:.5rem;display:flex}.dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%;animation:1.8s infinite pulse}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.8)}}.hero{align-items:center;min-height:92vh;display:flex;position:relative}#constellation{z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-inner{z-index:2;min-width:0;padding-block:4rem;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.35em;text-transform:uppercase;color:var(--lime);align-items:center;gap:.8rem;margin-bottom:1.5rem;font-size:.8rem;display:flex}.eyebrow:before{content:"";background:var(--lime);width:40px;height:1px;display:inline-block}h1.headline{font-family:var(--display);letter-spacing:-.02em;max-width:16ch;margin-bottom:1.6rem;font-size:clamp(min(2.3rem,11.5vw),7vw,5.6rem);font-weight:800;line-height:.98}.headline .decode{color:var(--lime)}.headline .alt{color:var(--cyan);font-style:italic}.sub{color:var(--muted);max-width:52ch;margin-bottom:2.5rem;font-size:clamp(.95rem,1.4vw,1.12rem);line-height:1.7}.sub b{color:var(--text);font-weight:500}.cta-row{flex-wrap:wrap;gap:1rem;display:flex}.btn{font-family:var(--mono);letter-spacing:.03em;cursor:pointer;will-change:transform;border-radius:10px;align-items:center;gap:.6rem;padding:.95rem 1.7rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:transform .15s,box-shadow .25s,background .25s;display:inline-flex;position:relative}.btn-primary{background:var(--lime);color:#06251a;box-shadow:0 0 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}.btn:hover .arrow{transform:translate(4px)}.sec{padding-block:6rem;position:relative}.sec-label{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem;font-size:.75rem;display:flex}.sec-title{font-family:var(--display);letter-spacing:-.01em;margin-bottom:3rem;font-size:clamp(1.8rem,3.5vw,2.8rem);font-weight:700}.stats{background:var(--panel-brd);border:1px solid var(--panel-brd);border-radius:16px;grid-template-columns:repeat(3,1fr);gap:1px;display:grid;overflow:hidden}.stat{background:var(--ink-2);text-align:center;padding:2.5rem 1.5rem}.stat .num{font-family:var(--mono);color:var(--lime);letter-spacing:-.01em;font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,5vw,3.5rem);font-weight:700;line-height:1}.stat .lbl{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin-top:.8rem;font-size:.72rem}.stat:nth-child(2) .num{color:var(--cyan)}.stat:nth-child(3) .num{color:var(--magenta)}.stats-note{font-family:var(--mono);color:var(--muted);margin-top:1rem;font-size:.8rem;line-height:1.7}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;display:grid}.card{background:var(--ink-2);border:1px solid var(--panel-brd);color:var(--text);transform-style:preserve-3d;will-change:transform;border-radius:16px;padding:2rem 1.75rem;text-decoration:none;transition:transform .12s,border-color .3s;position:relative;overflow:hidden}.card .glare{opacity:0;pointer-events:none;background:radial-gradient(circle at var(--mx,50%) var(--my,50%), color-mix(in oklab, var(--accent) 22%, transparent), transparent 45%);transition:opacity .3s;position:absolute;inset:0}.card:hover .glare{opacity:1}.card .idx{font-family:var(--mono);color:var(--muted);letter-spacing:.15em;font-size:.72rem}.card .name{font-family:var(--display);margin:1.2rem 0 .5rem;font-size:1.5rem;font-weight:700;transform:translateZ(40px)}.card .desc{color:var(--muted);font-size:.88rem;transform:translateZ(20px)}.card .accent-bar{background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.card.htb{--accent:#b6ff3c}.card.vh{--accent:#ff5c5c}.card.pico{--accent:#d96bff}.card.otw{--accent:#f2e300}.card:hover{border-color:var(--accent)}.card .go{font-family:var(--mono);color:var(--accent);align-items:center;gap:.4rem;margin-top:1.5rem;font-size:.8rem;display:inline-flex;transform:translateZ(30px)}.pipe{border:1px solid var(--panel-brd);border-radius:16px;flex-wrap:wrap;align-items:stretch;display:flex;overflow:hidden}.phase{background:var(--ink-2);border-right:1px solid var(--panel-brd);flex:1;min-width:160px;padding:1.8rem 1.5rem;position:relative}.phase:last-child{border-right:none}.phase .pn{font-family:var(--mono);letter-spacing:.2em;color:var(--muted);font-size:.7rem}.phase .pt{font-family:var(--display);margin:.6rem 0;font-size:1.25rem;font-weight:700}.phase .pd{color:var(--muted);font-size:.82rem}.phase:after{content:"→";content:"→" / "";color:var(--muted);z-index:3;font-size:1.1rem;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.phase:last-child:after{display:none}.phase:first-child .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:#b294d4}.footcta{text-align:center;padding-block:7rem 5rem}.footcta h2{font-family:var(--display);letter-spacing:-.02em;margin-bottom:1.2rem;font-size:clamp(min(2rem,10vw),5vw,3.4rem);font-weight:800}.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);z-index:1;padding:1.5rem 0;position:relative}.footbar-inner{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;font-size:.72rem;display:flex}.foot-live{align-items:center;gap:.5rem;display:flex}.reveal{opacity:0;transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1);transform:translateY(28px)}.reveal.in{opacity:1;transform:none}.skip-link:focus-visible,.btn:focus-visible,.card:focus-visible{outline:2px solid var(--lime);outline-offset:2px}.card:focus-visible{outline-color:var(--accent)}.skip-link{top:.75rem;z-index:10000;clip:rect(0 0 0 0);position:fixed;inset-inline-start:.75rem}.skip-link:focus{clip:auto;background:var(--lime);color:#06251a;padding:.5rem 1rem;text-decoration:none}@media (width<=720px){.stats{grid-template-columns:1fr}.phase:after,.hud-spacer{display:none}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.dot{animation:none}*{scroll-behavior:auto}}