:root{--fg: #f4f2ff;--muted: #a49fc0;--accent: #7c5cff;--display: "Unbounded", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;color:var(--fg);font:16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}@media(pointer:fine){body,a,button{cursor:none}}a{color:inherit}::selection{background:var(--accent);color:#fff}.gl{position:fixed!important;top:0;right:0;bottom:0;left:0;z-index:0;height:100lvh!important}main{position:relative;z-index:1;pointer-events:none}main a,main button{pointer-events:auto}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.nav{position:fixed;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:22px clamp(18px,4vw,48px);mix-blend-mode:difference}.nav a{text-decoration:none;font:500 13px var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-left:26px;opacity:.85;transition:opacity .2s}.nav a:hover{opacity:1}.nav .logo{margin:0;font:900 18px var(--display);letter-spacing:-.02em;text-transform:none;opacity:1}.nav .logo i{font-style:normal;color:var(--muted)}@media(max-width:760px){.nav div a:not(:last-child){display:none}}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#000;display:grid;place-items:center;font:12px var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--muted);transition:opacity 1.2s ease,visibility 1.2s}.loader span{animation:blink 1s steps(2) infinite}.loader.gone{opacity:0;visibility:hidden}@keyframes blink{50%{opacity:.3}}.cursor{position:fixed;left:-14px;top:-14px;z-index:30;width:28px;height:28px;border-radius:50%;border:1.5px solid #fff;pointer-events:none;mix-blend-mode:difference;transition:width .25s,height .25s,left .25s,top .25s,background .25s}.cursor.big{width:64px;height:64px;left:-32px;top:-32px;background:#fff}@media(pointer:coarse){.cursor{display:none}}section{min-height:100vh;display:flex;align-items:center;padding:120px clamp(18px,6vw,96px);position:relative}section.tall{min-height:220vh;flex-direction:column;align-items:stretch;justify-content:flex-start}.copy{max-width:520px;pointer-events:auto;text-shadow:0 2px 30px #000}.copy.wide{max-width:980px}.copy.center{margin:0 auto;text-align:center}.eyebrow{font:500 12px var(--mono);letter-spacing:.25em;text-transform:uppercase;color:var(--muted);margin-bottom:18px}h2{font:900 clamp(44px,7vw,104px)/.95 var(--display);letter-spacing:-.04em;margin:0 0 24px}p{color:#d9d5ee;margin:0 0 16px}p.big{font:400 clamp(20px,2.2vw,28px)/1.3 var(--display);color:var(--fg);letter-spacing:-.02em}.muted{color:var(--muted)}.hero{justify-content:center;align-items:flex-end}.scroll-hint{font:12px var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.scroll-hint span{display:inline-block;animation:bob 1.6s ease-in-out infinite}@keyframes bob{50%{transform:translateY(6px)}}.row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.row.center{justify-content:center}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;border-radius:999px;border:1px solid #fff;background:#fff;color:#000;font:700 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;text-decoration:none;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s,color .2s}.btn:hover{transform:translateY(-2px) scale(1.03)}.btn:active{transform:scale(.97)}.btn.ghost{background:transparent;color:#fff;border-color:#fff5}.btn.ghost:hover{border-color:#fff}.cards{display:grid;gap:12px;margin-top:28px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:70vh;pointer-events:auto}.card{--c: #fff;position:relative;display:grid;gap:6px;text-align:left;color:var(--fg);padding:20px 22px;border:1px solid #ffffff1c;border-radius:18px;background:#0b0a1499;-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);font:inherit;transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .25s,box-shadow .25s}.card:hover{transform:translateY(-4px);border-color:var(--c);box-shadow:0 0 40px -10px var(--c)}.card .dot{width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 14px var(--c)}.card .name{font:700 18px var(--display);letter-spacing:-.02em}.card.big .name{font-size:26px}.card .tag{color:var(--muted);font-size:14px;line-height:1.45}.card .year{position:absolute;top:18px;right:20px;font:11px var(--mono);color:var(--muted);letter-spacing:.1em}.odometer{display:flex;font:700 clamp(30px,7.4vw,112px)/1 var(--mono);letter-spacing:-.04em;margin-bottom:18px;color:#fff;text-shadow:none;filter:drop-shadow(0 0 24px #7c5cff99)}.odometer .digit{display:inline-block;height:1em;overflow:hidden}.odometer .digit:nth-last-child(-n+7){color:#ffb3d4}.odometer .digit>span{display:flex;flex-direction:column;transition:transform .45s cubic-bezier(.2,.9,.25,1.15)}.odometer .digit>span>span{height:1em}.odometer .sep{color:#ffffff40}.odometer.muted{color:var(--muted);font-size:32px}.lede{font:400 clamp(16px,1.6vw,22px) var(--display);color:var(--fg);letter-spacing:-.01em}.stats{display:flex;flex-wrap:wrap;gap:36px;margin:36px 0}.stats b{display:block;font:700 24px var(--mono)}.stats span{font:12px var(--mono);color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.bars{display:flex;align-items:flex-end;gap:8px;height:120px;max-width:520px}.bars div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:6px}.bars i{width:100%;border-radius:4px 4px 0 0;background:linear-gradient(#ff5fa2,#7c5cff);box-shadow:0 0 20px #7c5cff66}.bars span{font:10px var(--mono);color:var(--muted)}section.blog{flex-direction:column;justify-content:center}footer{position:absolute;bottom:0;left:0;right:0;display:flex;flex-wrap:wrap;gap:18px;justify-content:space-between;align-items:center;padding:24px clamp(18px,4vw,48px);font:12px var(--mono);color:var(--muted);letter-spacing:.05em;pointer-events:auto}footer a{margin-right:20px;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;color:var(--fg)}footer a:hover{color:var(--accent)}.warp{background:none;border:1px dashed #ffffff44;color:var(--fg);font:inherit;padding:8px 14px;border-radius:999px}.warp:hover{border-color:#fff}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#000a;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade .25s ease}.modal{--c: #fff;position:relative;width:min(560px,100%);padding:36px;border-radius:26px;background:#0a0912ee;border:1px solid #ffffff22;box-shadow:0 0 120px -30px var(--c);animation:pop .35s cubic-bezier(.2,.9,.25,1.2)}.modal h3{font:900 clamp(36px,6vw,56px)/1 var(--display);letter-spacing:-.04em;margin:0 0 10px;color:var(--c)}.modal .tagline{font:400 20px/1.3 var(--display);color:var(--fg)}.modal .close{position:absolute;top:16px;right:18px;width:38px;height:38px;border-radius:50%;border:1px solid #ffffff33;background:none;color:#fff;font-size:22px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chips span{font:11px var(--mono);padding:5px 10px;border-radius:999px;border:1px solid #ffffff2a;color:var(--muted)}.links{display:flex;gap:12px}.links a{padding:12px 20px;border-radius:999px;background:var(--c);color:#000;font:700 12px var(--mono);text-transform:uppercase;letter-spacing:.08em;text-decoration:none}.links a+a{background:transparent;color:#fff;border:1px solid #ffffff44}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(20px) scale(.94)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
