@import url("https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@300;400;500&display=swap");:root{--bg:oklch(0.12 0.02 270);--bg-deep:oklch(0.08 0.015 270);--bg-void:oklch(0.03 0.008 270);--fg:oklch(0.96 0.01 80);--fg-dim:oklch(0.72 0.01 80);--fg-mute:oklch(0.50 0.01 80);--amber:oklch(0.82 0.16 55);--amber-deep:oklch(0.62 0.18 40);--cyan:oklch(0.78 0.12 220);--cyan-deep:oklch(0.55 0.13 220);--hairline:oklch(0.30 0.01 270/0.6);--display:"Space Grotesk",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--bg-void);color:var(--fg);font-family:var(--display);font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}body{min-height:800vh}.stage{position:fixed;inset:0;overflow:hidden;z-index:0;background:radial-gradient(ellipse at 70% 20%,oklch(.13 .05 280/.5),transparent 60%),radial-gradient(ellipse at 20% 80%,oklch(.1 .04 320/.4),transparent 60%),var(--bg-void)}.stars{position:absolute;inset:-10%;background-image:radial-gradient(1px 1px at 12% 20%,#fff,transparent),radial-gradient(1px 1px at 33% 67%,#fff,transparent),radial-gradient(1px 1px at 71% 14%,#fff,transparent),radial-gradient(1px 1px at 88% 52%,#fff,transparent),radial-gradient(1px 1px at 23% 81%,#fff,transparent),radial-gradient(1px 1px at 56% 36%,#fff,transparent),radial-gradient(1px 1px at 91% 87%,#fff,transparent),radial-gradient(1px 1px at 6% 47%,#fff,transparent),radial-gradient(1.2px 1.2px at 44% 8%,#fff,transparent),radial-gradient(1.2px 1.2px at 67% 92%,#fff,transparent),radial-gradient(2px 2px at 39% 41%,oklch(.95 .05 60),transparent),radial-gradient(2px 2px at 81% 19%,oklch(.9 .08 220),transparent);opacity:.5}.stars.layer-2{background-image:radial-gradient(1px 1px at 8% 33%,#fff,transparent),radial-gradient(1px 1px at 27% 12%,#fff,transparent),radial-gradient(1px 1px at 49% 88%,#fff,transparent),radial-gradient(1px 1px at 73% 45%,#fff,transparent),radial-gradient(1px 1px at 95% 62%,#fff,transparent);opacity:.35}.stars.layer-3{background-image:radial-gradient(.8px .8px at 20% 50%,#fff,transparent),radial-gradient(.8px .8px at 60% 30%,#fff,transparent),radial-gradient(.8px .8px at 84% 76%,#fff,transparent),radial-gradient(.8px .8px at 35% 90%,#fff,transparent);opacity:.22}@keyframes twinkle{0%,to{opacity:.5}50%{opacity:.3}}.stars{animation:twinkle 5s ease-in-out infinite}.stars.layer-2{animation:twinkle 7s ease-in-out infinite}.stars.layer-3{animation:twinkle 9s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.panel{position:fixed;width:min(460px,40vw);padding:26px 30px;background:oklch(.1 .02 270/.62);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid var(--hairline);border-radius:2px;font-family:var(--display);pointer-events:auto;z-index:30}.panel:before{top:-1px;left:-1px;border-top:1px solid var(--amber);border-left:1px solid var(--amber)}.panel:after,.panel:before{content:"";position:absolute;width:18px;height:18px}.panel:after{bottom:-1px;right:-1px;border-bottom:1px solid var(--amber);border-right:1px solid var(--amber)}.panel .tag{font-family:var(--mono);font-size:11px;letter-spacing:.22em;color:var(--amber);text-transform:uppercase;margin-bottom:16px;display:flex;align-items:center;gap:10px}.panel .tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--amber);box-shadow:0 0 10px var(--amber)}.panel h2{font-weight:500;font-size:clamp(22px,2.4vw,34px);line-height:1.05;letter-spacing:-.02em;margin-bottom:14px}.panel h2,.panel p{font-family:var(--display)}.panel p{font-size:14.5px;line-height:1.55;color:var(--fg-dim);font-weight:300}.panel .stats{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px 24px;gap:14px 24px;margin-top:20px;padding-top:18px;border-top:1px solid var(--hairline)}.panel .stat .k{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--fg-mute);text-transform:uppercase}.panel .stat .v{font-family:var(--display);font-size:18px;font-weight:400;color:var(--fg);margin-top:4px;letter-spacing:-.01em}.hero-wrap{position:fixed;inset:0;display:grid;place-items:center;pointer-events:none;z-index:20}.hero{text-align:center;padding:0 24px}.hero .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.4em;color:var(--amber);text-transform:uppercase;margin-bottom:28px}.hero .title{font-family:var(--display);font-weight:300;font-size:clamp(44px,8.5vw,130px);line-height:.95;letter-spacing:-.04em;color:var(--fg);text-shadow:0 0 60px oklch(0 0 0/.8)}.hero .title .acronym{font-weight:600}.hero .subtitle{font-family:var(--display);font-weight:300;font-size:clamp(15px,1.5vw,20px);letter-spacing:.02em;color:var(--fg-dim);margin-top:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;align-items:center}.hero .subtitle .cycle{position:relative;display:inline-flex;height:1.3em;overflow:hidden;vertical-align:bottom;min-width:140px;color:var(--amber);font-weight:500;font-family:var(--mono);letter-spacing:.04em}.hero .subtitle .cycle .slot{display:inline-flex;flex-direction:column;transition:transform .6s cubic-bezier(.7,0,.2,1)}.hero .subtitle .cycle .slot span{height:1.3em;display:flex;align-items:center}.scroll-cue{position:fixed;bottom:36px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:10px;letter-spacing:.3em;color:var(--fg-mute);text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:12px;z-index:30}.scroll-cue .line{width:1px;height:40px;background:linear-gradient(180deg,transparent,var(--amber));animation:drop 2s ease-in-out infinite}@keyframes drop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.nav{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:22px 36px}.nav,.nav .brand{display:flex;align-items:center}.nav .brand{font-family:var(--display);font-weight:600;font-size:15px;letter-spacing:.04em;gap:10px}.nav .brand .mark{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 30% 30%,oklch(.98 .1 70),oklch(.45 .18 35));box-shadow:0 0 14px oklch(.85 .16 50/.6)}.nav .links{display:flex;gap:32px;font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--fg-dim)}.nav .links a{color:inherit;text-decoration:none;transition:color .2s}.nav .cta,.nav .links a:hover{color:var(--fg)}.nav .cta{font-family:var(--mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;background:transparent;border:1px solid var(--amber);padding:10px 18px;cursor:pointer;transition:all .2s}.nav .cta:hover{background:var(--amber);color:var(--bg-void)}.progress{position:fixed;right:36px;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;gap:18px;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--fg-mute);text-transform:uppercase;pointer-events:none}.progress .item{display:flex;align-items:center;gap:12px;transition:color .4s}.progress .item .pip{width:8px;height:8px;border:1px solid var(--fg-mute);border-radius:50%;transition:all .3s}.progress .item.active{color:var(--amber)}.progress .item.active .pip{background:var(--amber);border-color:var(--amber);box-shadow:0 0 12px var(--amber)}.readout{position:fixed;bottom:24px;left:36px;z-index:50;font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--fg-mute);text-transform:uppercase;display:grid;grid-gap:4px;gap:4px;pointer-events:none}.readout .v{color:var(--fg-dim)}.caption{font-family:var(--mono);font-size:10px;letter-spacing:.18em;color:var(--fg-mute);text-transform:uppercase;display:flex;align-items:center;gap:10px;white-space:nowrap}.caption:before{content:"";width:30px;height:1px;background:var(--amber)}.finale{position:fixed;inset:0;display:grid;place-items:center;text-align:center;padding:0 24px;z-index:70;pointer-events:none;background:radial-gradient(ellipse at 50% 52%,oklch(.05 .01 270/.18),transparent 44%),oklch(.02 .005 270/.48)}.finale>div{pointer-events:auto}.finale .eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.4em;color:var(--amber);text-transform:uppercase;margin-bottom:24px}.finale h1{font-family:var(--display);font-weight:300;font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.03em;margin-bottom:32px;max-width:18ch;text-shadow:0 0 80px oklch(0 0 0/.9)}.finale h1 em{font-style:normal;color:var(--amber);font-weight:500}.finale .actions{display:flex;gap:14px;margin-top:12px;justify-content:center;flex-wrap:wrap}.btn{font-family:var(--mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;padding:16px 28px;background:var(--amber);color:var(--bg-void);border:1px solid var(--amber);cursor:pointer;transition:all .2s}.btn:hover{color:var(--amber)}.btn.ghost,.btn:hover{background:transparent}.btn.ghost{color:var(--fg);border-color:var(--hairline)}.btn.ghost:hover{border-color:var(--fg)}.foot-meta{position:fixed;bottom:24px;left:0;right:0;display:flex;justify-content:space-between;padding:0 36px;font-family:var(--mono);font-size:10px;letter-spacing:.2em;color:var(--fg-mute);text-transform:uppercase;z-index:40;pointer-events:none}@media (max-width:720px){.panel{width:min(85vw,360px);padding:18px 20px}.panel .stats{grid-template-columns:1fr;gap:12px}.nav .links,.progress{display:none}}