:root{--background:#0e1115;--foreground:#e7ebef;--card:#15181e;--muted:#272c34;--muted-fg:#7a899f;--border:#272c34;--rust:#f97015;--terminal-green:#22c35d;--radius:.5rem;--maxw:1152px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;margin:0;font-family:DM Sans,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}code,pre,kbd{font-family:SF Mono,ui-monospace,Menlo,Consolas,Liberation Mono,monospace}.container{max-width:var(--maxw);margin:0 auto;padding:0 1.5rem}.container.narrow{max-width:896px}.section{padding:6rem 1.5rem}.section-muted{background:#14161a}.section-card{background:#12141a}.section-head{text-align:center;margin-bottom:4rem}.section-head h2{letter-spacing:-.02em;margin:0 0 .75rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700}.section-head p{color:var(--muted-fg);max-width:42rem;margin:0 auto;font-size:1.125rem}.center{text-align:center}.small{font-size:.875rem}.rust{color:var(--rust)}.rust.strong{font-weight:600}.muted-fg,.muted{color:var(--muted-fg)}.ic{stroke:currentColor;stroke-width:2px;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;width:1.25rem;height:1.25rem}.ic-sm{width:1rem;height:1rem}.heart{fill:var(--rust);stroke:var(--rust)}.hero{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:5rem 1.5rem;display:flex;position:relative;overflow:hidden}.hero-glow{background:var(--rust);opacity:.1;filter:blur(120px);pointer-events:none;border-radius:50%;width:600px;height:600px;animation:3s ease-in-out infinite glow;position:absolute;top:33%;left:50%;transform:translate(-50%,-50%)}@keyframes glow{0%,to{opacity:.4}50%{opacity:.8}}.hero-inner{z-index:1;text-align:center;max-width:48rem;margin:0 auto;position:relative}.badge{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted-fg);background:#15181e80;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.badge .dot{background:var(--terminal-green);border-radius:50%;width:.5rem;height:.5rem;animation:2s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.hero h1{letter-spacing:-.03em;margin:0 0 1.5rem;font-size:clamp(2.5rem,7vw,4.5rem);font-weight:700}.hero .lead{color:var(--muted-fg);max-width:36rem;margin:0 auto 2rem;font-size:clamp(1.125rem,2.5vw,1.5rem)}.version-pill{border:1px solid var(--border);color:var(--muted-fg);background:#f970150f;border-radius:999px;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.install-cmd{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:.75rem;margin-bottom:2.5rem;padding:1rem 1.5rem;display:inline-flex}.install-cmd .ic{color:var(--rust)}.install-cmd code{font-size:.95rem}.cta-row{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.btn{border-radius:var(--radius);cursor:pointer;align-items:center;gap:.5rem;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--rust);color:#0e1115;border:1px solid var(--rust)}.btn-primary:hover{background:#ef6306}.btn-outline{color:var(--foreground);border:1px solid var(--border);background:0 0}.btn-outline:hover{background:var(--card)}.scroll-indicator{animation:6s ease-in-out infinite float;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-10px)}}.mouse{border:2px solid #7a899f4d;border-radius:999px;justify-content:center;width:1.5rem;height:2.5rem;padding-top:.5rem;display:flex}.mouse .wheel{background:#7a899f80;border-radius:999px;width:.25rem;height:.75rem}.demo-grid{grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:2rem;display:grid}.demo-grid figure{margin:0}.demo-frame{aspect-ratio:16/9;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.demo-frame img{object-fit:cover;width:100%;height:100%;display:block}.demo-grid figcaption{color:var(--muted-fg);text-align:center;margin-top:.75rem;font-size:.875rem}.card-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}@media (width<=900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.card-grid{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;transition:border-color .3s}.card:hover{border-color:#f9701580}.card-icon{border-radius:var(--radius);width:3rem;height:3rem;color:var(--rust);background:#f970151a;justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.card-icon .ic{width:1.5rem;height:1.5rem}.card h3{margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.card p{color:var(--muted-fg);margin:0;font-size:.875rem}.install-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}@media (width<=700px){.install-grid{grid-template-columns:1fr}}.code-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-head{border-bottom:1px solid var(--border);background:#1a1d234d;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.code-head span{font-size:.875rem;font-weight:500}.copy-btn{color:var(--muted-fg);cursor:pointer;background:0 0;border:none;border-radius:.375rem;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.8rem;transition:background .2s,color .2s;display:inline-flex}.copy-btn .ic{width:.9rem;height:.9rem}.copy-btn:hover{background:var(--muted);color:var(--foreground)}.copy-btn .copy-done{color:var(--terminal-green);display:none}.copy-btn.copied .copy-default{display:none}.copy-btn.copied .copy-done{align-items:center;gap:.35rem;display:inline-flex}.code-card pre{margin:0;padding:1rem;overflow-x:auto}.code-card code{white-space:pre;font-size:.875rem}.run-cmd{background:var(--card);border-radius:var(--radius);border:1px solid #f970154d;padding:1rem 1.5rem;display:inline-block}.run-cmd code{font-size:1.125rem}.kbd-grid{grid-template-columns:repeat(5,1fr);gap:1rem;display:grid}@media (width<=800px){.kbd-grid{grid-template-columns:repeat(2,1fr)}}.kbd-cell{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);text-align:center;padding:1rem}.kbd-cell kbd{background:var(--muted);border:1px solid var(--border);min-width:3rem;color:var(--rust);border-radius:.25rem;justify-content:center;align-items:center;margin-bottom:.75rem;padding:.5rem .75rem;font-weight:600;display:inline-flex}.kbd-cell p{color:var(--muted-fg);margin:0;font-size:.875rem}.footer{border-top:1px solid var(--border);padding:3rem 1.5rem}.footer-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.footer-links{gap:1.5rem;display:flex}.footer-links a:hover{color:var(--foreground)}@media (prefers-reduced-motion:reduce){.hero-glow,.scroll-indicator,.badge .dot{animation:none}}