:root{color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#050303;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.hero{background:radial-gradient(120% 80% at 50% -20%,#780f208c,#0000 55%),linear-gradient(90deg,#050303 0%,#780f20 50%,#050303 100%);flex-direction:column;justify-content:space-between;min-height:100svh;padding:clamp(1rem,3vw,2rem) clamp(1rem,3vw,2.5rem) 0;display:flex;position:relative;overflow:hidden}.grain{pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:8s steps(10,end) infinite grain;position:absolute;inset:0}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(-5%,2%)}30%{transform:translate(3%,-6%)}40%{transform:translate(-3%,4%)}50%{transform:translate(2%,-2%)}60%{transform:translate(4%,5%)}70%{transform:translate(-4%,-5%)}80%{transform:translate(-1%,3%)}90%{transform:translate(5%,-2%)}}.nav{z-index:2;-webkit-backdrop-filter:blur(16px);background:#00000073;border:1px solid #ffffff14;border-radius:28px;align-items:center;gap:1.5rem;width:100%;padding:.75rem 1rem;animation:.7s cubic-bezier(.22,1,.36,1) both rise;display:flex;position:relative}.brand{letter-spacing:-.01em;align-items:center;gap:.65rem;font-weight:500;display:inline-flex}.mark{color:#ff5c74;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;padding:.3rem .5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.875rem;line-height:1}.links{gap:1.75rem;margin-left:auto;display:flex}.links a{color:#ffffffb8;font-size:.9rem;transition:color .15s}.links a:hover{color:#fff}.github{color:#ffffffb8;align-items:center;transition:color .15s;display:inline-flex}.github:hover{color:#fff}.stage{z-index:2;text-align:center;align-self:center;max-width:1100px;padding-top:clamp(2rem,6vh,4rem);position:relative}.kicker{letter-spacing:.18em;text-transform:uppercase;color:#ffffff8c;margin:0 0 1.5rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.75rem;font-weight:500;animation:.6s cubic-bezier(.22,1,.36,1) .1s both rise}.kicker:before{content:"";vertical-align:middle;background:#ff5c74;border-radius:999px;width:6px;height:6px;margin-right:.6rem;display:inline-block}.title{letter-spacing:-.045em;color:#fff;margin:0;font-size:clamp(3.5rem,9vw,7rem);font-weight:500;line-height:.95;animation:.7s cubic-bezier(.22,1,.36,1) .18s both rise}.dot{color:#ff5c74}.lede{color:#ffffffb3;max-width:40rem;margin:1.5rem auto 0;font-size:clamp(1rem,1.4vw,1.15rem);line-height:1.7;animation:.7s cubic-bezier(.22,1,.36,1) .26s both rise}.cta{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:2.5rem;animation:.7s cubic-bezier(.22,1,.36,1) .34s both rise;display:flex}.install{background:#00000059;border:1px solid #ffffff1a;border-radius:10px;margin:2rem auto 0;padding:.7rem 1.1rem;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9rem;animation:.7s cubic-bezier(.22,1,.36,1) .3s both rise;display:inline-flex}.install code{font:inherit}.install .prompt{color:#ff5c74;margin-right:.6rem}.btn{border-radius:14px;justify-content:center;align-items:center;height:3.25rem;padding:0 1.75rem;font-size:.95rem;font-weight:500;transition:background .15s,transform .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{color:#080808;background:#fff}.btn-primary:hover{background:#f2f2f2}.btn-secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff29}.btn-secondary:hover{background:#ffffff24}.metrics{z-index:2;border-top:1px solid #ffffff1f;flex-wrap:wrap;justify-content:center;gap:clamp(2rem,6vw,5rem);margin-top:clamp(3rem,8vh,5rem);padding:2rem 0 clamp(2rem,4vh,3rem);animation:.7s cubic-bezier(.22,1,.36,1) .46s both rise;display:flex;position:relative}.metric{text-align:center;flex-direction:column;gap:.4rem;display:flex}.metric .value{color:#fff;font-family:JetBrains Mono,ui-monospace,monospace;font-size:clamp(1.1rem,1.8vw,1.4rem);font-weight:500}.metric .label{letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.7rem}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.grain,.nav,.kicker,.title,.lede,.install,.cta,.metrics{animation:none}}
