:root{--bg:#0d0f14;--bg-raised:#141821;--border:#222836;--text:#e6e9ef;--text-dim:#949cad;--accent:#e8825a;--accent-soft:#f2a582;--max:1180px;--ease:cubic-bezier(.22, 1, .36, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}.skip{background:var(--accent);color:#14100d;z-index:100;border-radius:0 0 8px;padding:10px 16px;font-weight:600;position:absolute;top:0;left:-9999px}.skip:focus{left:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}#topnav{z-index:50;align-items:center;gap:10px;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}#topnav .mark{border:2px solid var(--accent);border-radius:50%;width:13px;height:13px}#topnav .spacer{flex:1}#topnav button{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text);border:1px solid var(--border);cursor:pointer;transition:border-color .18s var(--ease), color .18s var(--ease);background:#10131a9e;border-radius:999px;padding:7px 15px;font-family:inherit;font-size:13px}#topnav button:hover{border-color:var(--accent);color:var(--accent-soft)}#topnav button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#hero{align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}#hero-canvas,#hero-fallback{width:100%;height:100%;display:block;position:absolute;inset:0}#hero-fallback{transition:opacity .9s var(--ease);background-position:50%;background-size:cover;display:none}body.no-webgl #hero-canvas{display:none}body.no-webgl #hero-fallback{display:block}#hero:after{content:"";pointer-events:none;background:linear-gradient(#0d0f1400 0%,#0d0f1457 54%,#0d0f14e0 100%);position:absolute;inset:0}.hero-inner{z-index:2;width:100%;max-width:var(--max);margin:0 auto;padding:0 24px 96px;position:relative}.kicker{color:var(--accent);letter-spacing:2.4px;text-transform:uppercase;margin:0 0 14px;font-size:13px;font-weight:600}#hero-name{letter-spacing:-.035em;margin:0 0 22px;font-size:clamp(44px,9vw,112px);font-weight:700;line-height:.94}.lede{max-width:40ch;color:var(--text);text-wrap:balance;margin:0 0 34px;font-size:clamp(17px,2.1vw,22px)}.scroll-cue{color:var(--text-dim);letter-spacing:.4px;align-items:center;gap:10px;font-size:14px;text-decoration:none;display:inline-flex}.scroll-cue:after{content:"";background:var(--text-dim);width:34px;height:1px;transition:width .26s var(--ease), background .26s var(--ease)}.scroll-cue:hover{color:var(--accent-soft)}.scroll-cue:hover:after{background:var(--accent);width:54px}.frame-caption{z-index:2;letter-spacing:1.4px;text-transform:uppercase;color:var(--text-dim);opacity:.65;margin:0;font-size:11px;position:absolute;bottom:26px;right:24px}main{max-width:var(--max);margin:0 auto;padding:0 24px}section{border-bottom:1px solid var(--border);padding:104px 0}section:last-child{border-bottom:none}h2{letter-spacing:-.02em;margin:0 0 18px;font-size:clamp(28px,4vw,40px);font-weight:650}.section-intro{color:var(--text-dim);max-width:62ch;margin:0 0 44px;font-size:16.5px}.group-label{letter-spacing:2px;text-transform:uppercase;color:var(--text-dim);margin:52px 0 18px;font-size:11px;font-weight:600}.group-label:first-of-type{margin-top:0}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px;display:grid}.card{background:var(--bg-raised);border:1px solid var(--border);transition:border-color .22s var(--ease), transform .22s var(--ease);border-radius:14px;flex-direction:column;gap:12px;padding:24px;display:flex}.card:hover{border-color:#33405a;transform:translateY(-2px)}.card h4{letter-spacing:-.01em;margin:0;font-size:19px;font-weight:650}.card .tagline{color:var(--accent-soft);margin:0;font-size:15px;font-weight:500}.card .body{color:var(--text-dim);flex:1;margin:0;font-size:14.5px}.tags{flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none;display:flex}.tags li{letter-spacing:.3px;color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:3px 9px;font-size:11.5px}.links{gap:16px;margin-top:6px;display:flex}.links a{color:var(--text);border-bottom:1px solid #0000;align-items:center;gap:6px;padding-bottom:1px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.links a:hover{color:var(--accent);border-bottom-color:var(--accent)}.links a.demo:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px}.links a.demo{color:var(--accent)}.prose p{max-width:66ch;color:var(--text-dim);margin:0 0 18px;font-size:16.5px}.principles{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px 34px;display:grid}.principle h4{margin:0 0 7px;font-size:16px;font-weight:650}.principle h4:before{content:"";background:var(--accent);vertical-align:middle;width:16px;height:1px;margin-right:10px;display:inline-block}.principle p{color:var(--text-dim);margin:0;font-size:14.5px}.cta{background:var(--accent);color:#14100d;transition:transform .2s var(--ease), background .2s var(--ease);border-radius:10px;padding:13px 26px;font-size:15.5px;font-weight:650;text-decoration:none;display:inline-block}.cta:hover{background:var(--accent-soft);transform:translateY(-1px)}footer{max-width:var(--max);color:var(--text-dim);flex-wrap:wrap;align-items:center;gap:12px;margin:0 auto;padding:30px 24px 46px;font-size:12.5px;display:flex}footer .dot{background:var(--text-dim);border-radius:50%;width:3px;height:3px}.reveal{opacity:0;transition:opacity .62s var(--ease), transform .62s var(--ease);transform:translateY(14px)}.reveal.in{opacity:1;transform:none}body.reduced .reveal{transition-duration:1ms}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{transition-duration:1ms}}@media (width<=640px){section{padding:72px 0}.hero-inner{padding-bottom:74px}}