:root{--bg: #080808;--bg-lift: #101010;--bg-rail: #0b0b0b;--panel: #0e0e0e;--hair: #1c1c1c;--hair-soft: #161616;--text: #e8e8e8;--text-dim: #9a9a9a;--text-faint: #6a6a6a;--white: #ffffff;--accent: #ffffff;--accent-soft: #777777;--mono: "Geist Mono", "SF Mono", "Fira Code", monospace;--sans: "Geist Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:where(.astro-j7pv25f6){box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:90px}body{font-family:var(--sans);background:var(--bg);color:var(--text);min-height:100vh;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a:where(.astro-j7pv25f6){color:inherit}.topbar:where(.astro-j7pv25f6){position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;height:60px;padding:0 22px;background:#080808d1;backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}.brand:where(.astro-j7pv25f6){display:flex;align-items:center;gap:9px;text-decoration:none}.brand:where(.astro-j7pv25f6) img:where(.astro-j7pv25f6){width:26px;height:26px}.brand:where(.astro-j7pv25f6) b:where(.astro-j7pv25f6){font-size:1.05rem;font-weight:700;letter-spacing:-.03em;color:var(--white)}.brand:where(.astro-j7pv25f6) .tag:where(.astro-j7pv25f6){font-family:var(--mono);font-size:.62rem;color:var(--text-faint);border:1px solid var(--hair);border-radius:99px;padding:2px 8px;letter-spacing:.02em}.topnav:where(.astro-j7pv25f6){display:flex;gap:26px;font-size:.84rem;color:var(--text-dim)}.topnav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){text-decoration:none;transition:color .15s}.topnav:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--text)}.topactions:where(.astro-j7pv25f6){display:flex;gap:9px;align-items:center}.kbtn:where(.astro-j7pv25f6){display:inline-flex;align-items:center;gap:9px;font-family:var(--sans);font-size:.82rem;font-weight:600;text-decoration:none;padding:7px 9px 7px 14px;border-radius:8px;transition:background .15s,border-color .15s,color .15s}.kbtn:where(.astro-j7pv25f6) .key:where(.astro-j7pv25f6){display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;font-family:var(--mono);font-size:.66rem;line-height:1;border-radius:4px}.kbtn:where(.astro-j7pv25f6).solid{background:var(--accent);color:#080808}.kbtn:where(.astro-j7pv25f6).solid .key:where(.astro-j7pv25f6){background:#0000002e;color:#080808}.kbtn:where(.astro-j7pv25f6).solid:hover{background:#e6e6e6}.kbtn:where(.astro-j7pv25f6).ghost{color:var(--text);border:1px solid var(--hair)}.kbtn:where(.astro-j7pv25f6).ghost .key:where(.astro-j7pv25f6){background:#1a1a1a;color:var(--text-dim);border:1px solid var(--hair)}.kbtn:where(.astro-j7pv25f6).ghost:hover{border-color:#333;background:var(--bg-lift)}.hp-menu:where(.astro-j7pv25f6){position:relative}.hp-menu:where(.astro-j7pv25f6)>summary:where(.astro-j7pv25f6){list-style:none;cursor:pointer;padding:7px 11px}.hp-menu:where(.astro-j7pv25f6)>summary:where(.astro-j7pv25f6)::-webkit-details-marker{display:none}.hp-menu:where(.astro-j7pv25f6)>summary:where(.astro-j7pv25f6) .chev:where(.astro-j7pv25f6){transition:transform .15s ease}.hp-menu:where(.astro-j7pv25f6)[open]>summary:where(.astro-j7pv25f6) .chev:where(.astro-j7pv25f6){transform:rotate(180deg)}.hp-menu:where(.astro-j7pv25f6) .menu:where(.astro-j7pv25f6){position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:14rem;display:flex;flex-direction:column;padding:5px;background:var(--bg-lift);border:1px solid var(--hair);border-radius:10px;box-shadow:0 10px 30px #00000080}.hp-menu:where(.astro-j7pv25f6) .menu-item:where(.astro-j7pv25f6){font-family:var(--sans);font-size:.8rem;font-weight:500;text-align:left;text-decoration:none;color:var(--text-dim);background:none;border:0;border-radius:6px;padding:8px 9px;cursor:pointer;white-space:nowrap;transition:color .15s,background .15s}.hp-menu:where(.astro-j7pv25f6) .menu-item:where(.astro-j7pv25f6):hover,.hp-menu:where(.astro-j7pv25f6) .menu-item:where(.astro-j7pv25f6):focus-visible{color:var(--text);background:var(--bg-rail)}.shell:where(.astro-j7pv25f6){max-width:880px;margin:0 auto}.canvas:where(.astro-j7pv25f6){position:relative;background-image:radial-gradient(circle,rgba(255,255,255,.045) 1px,transparent 1px);background-size:22px 22px;background-position:center top}.canvas:where(.astro-j7pv25f6):before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(255,255,255,.03),transparent 70%);pointer-events:none}.canvas:where(.astro-j7pv25f6)>:where(.astro-j7pv25f6){position:relative}.hero:where(.astro-j7pv25f6){padding:64px 56px 56px;border-bottom:1px solid var(--hair)}h1:where(.astro-j7pv25f6).headline{font-size:clamp(2.6rem,5vw,3.7rem);font-weight:800;line-height:1.04;letter-spacing:-.045em;color:var(--white);margin-bottom:26px}.mark:where(.astro-j7pv25f6){background:var(--accent);color:#080808;padding:.02em .18em;margin:0 -.04em;border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;transform:rotate(-.6deg);display:inline-block}.hero:where(.astro-j7pv25f6) .lede:where(.astro-j7pv25f6){font-size:1.12rem;line-height:1.7;color:var(--text-dim);max-width:540px;margin-bottom:34px}.hero-actions:where(.astro-j7pv25f6){display:flex;gap:11px;flex-wrap:wrap;margin-bottom:44px}.install-label:where(.astro-j7pv25f6){font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-faint);margin-bottom:10px}.install-tabs:where(.astro-j7pv25f6){display:inline-flex;gap:2px;background:var(--panel);border:1px solid var(--hair);border-radius:8px;padding:3px;margin-bottom:10px}.install-tab:where(.astro-j7pv25f6){font-family:var(--mono);font-size:.72rem;font-weight:500;color:var(--text-faint);background:transparent;border:none;padding:5px 14px;border-radius:6px;cursor:pointer;transition:color .15s,background .15s}.install-tab:where(.astro-j7pv25f6).active{background:#1c1c1c;color:var(--text)}.install-cmd:where(.astro-j7pv25f6){display:none}.install-cmd:where(.astro-j7pv25f6).active{display:block}.install-block:where(.astro-j7pv25f6){display:flex;align-items:center;gap:13px;background:var(--panel);border:1px solid var(--hair);border-left:2px solid #2e2e2e;border-radius:8px;padding:14px 18px;font-family:var(--mono);font-size:.86rem;max-width:520px}.install-block:where(.astro-j7pv25f6) .prompt:where(.astro-j7pv25f6){color:var(--accent-soft);user-select:none}.install-block:where(.astro-j7pv25f6) .cmd:where(.astro-j7pv25f6){color:var(--text);overflow-x:auto}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6){margin-left:auto;flex-shrink:0;display:inline-grid;place-items:center;width:28px;height:28px;background:transparent;border:1px solid var(--hair);border-radius:6px;color:var(--text-faint);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6):hover{color:var(--text);border-color:#333;background:var(--bg-lift)}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6) svg:where(.astro-j7pv25f6){width:14px;height:14px}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6) .ic-check:where(.astro-j7pv25f6){display:none}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6).copied{color:#28c840;border-color:#28c840}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6).copied .ic-copy:where(.astro-j7pv25f6){display:none}.install-block:where(.astro-j7pv25f6) .copy-btn:where(.astro-j7pv25f6).copied .ic-check:where(.astro-j7pv25f6){display:block}.section:where(.astro-j7pv25f6){padding:56px;border-bottom:1px solid var(--hair)}.section-eyebrow:where(.astro-j7pv25f6){font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-soft);margin-bottom:12px}.section:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:1.7rem;font-weight:700;letter-spacing:-.035em;color:var(--white);margin-bottom:10px}.section:where(.astro-j7pv25f6)>p:where(.astro-j7pv25f6).sub{color:var(--text-dim);font-size:.95rem;line-height:1.6;max-width:560px;margin-bottom:34px}.features-grid:where(.astro-j7pv25f6){display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden}.feature:where(.astro-j7pv25f6){background:var(--bg);padding:24px;transition:background .15s}.feature:where(.astro-j7pv25f6):hover{background:var(--bg-lift)}.feature:where(.astro-j7pv25f6) .ic:where(.astro-j7pv25f6){font-family:var(--mono);font-size:.72rem;color:var(--text-dim);margin-bottom:12px;letter-spacing:.04em}.feature:where(.astro-j7pv25f6) h3:where(.astro-j7pv25f6){font-size:.96rem;font-weight:700;color:#f2f2f2;margin-bottom:7px;letter-spacing:-.01em}.feature:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){font-size:.84rem;color:var(--text-dim);line-height:1.6}.feature:where(.astro-j7pv25f6) code:where(.astro-j7pv25f6){font-family:var(--mono);background:#151515;padding:1px 5px;border-radius:3px;font-size:.82em;color:#ddd;border:1px solid #242424}.demo-split:where(.astro-j7pv25f6){display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--hair);border:1px solid var(--hair);border-radius:12px;overflow:hidden}.code-card:where(.astro-j7pv25f6){background:var(--panel);min-width:0}.code-head:where(.astro-j7pv25f6){display:flex;align-items:center;gap:9px;padding:11px 16px;border-bottom:1px solid var(--hair-soft);background:#0b0b0b;font-family:var(--mono);font-size:.68rem;letter-spacing:.04em;color:var(--text-faint)}.dot:where(.astro-j7pv25f6){width:8px;height:8px;border-radius:50%}.code-card:where(.astro-j7pv25f6) pre:where(.astro-j7pv25f6){padding:20px 18px;font-family:var(--mono);font-size:.76rem;line-height:1.85;white-space:pre;overflow-x:auto}.k:where(.astro-j7pv25f6){color:#c792ea}.fn:where(.astro-j7pv25f6){color:#82aaff}.s:where(.astro-j7pv25f6){color:#c3e88d}.n:where(.astro-j7pv25f6){color:#f78c6c}.cm:where(.astro-j7pv25f6){color:#546e7a;font-style:italic}.p:where(.astro-j7pv25f6){color:#89ddff}.yk:where(.astro-j7pv25f6){color:#89ddff}.yv:where(.astro-j7pv25f6){color:#c3e88d}.yb:where(.astro-j7pv25f6){color:#f78c6c}.plain:where(.astro-j7pv25f6){color:#cdd3de}.cta:where(.astro-j7pv25f6){padding:64px 56px;text-align:center;background:radial-gradient(ellipse 70% 80% at 50% 0%,rgba(255,255,255,.04),transparent 70%)}.cta:where(.astro-j7pv25f6) h2:where(.astro-j7pv25f6){font-size:2rem;font-weight:800;letter-spacing:-.04em;color:var(--white);margin-bottom:12px}.cta:where(.astro-j7pv25f6) .mark:where(.astro-j7pv25f6){font-size:inherit}.cta:where(.astro-j7pv25f6) p:where(.astro-j7pv25f6){color:var(--text-dim);margin-bottom:28px;font-size:.98rem}.cta:where(.astro-j7pv25f6) .hero-actions:where(.astro-j7pv25f6){justify-content:center;margin-bottom:0}footer:where(.astro-j7pv25f6){padding:26px 56px;font-family:var(--mono);font-size:.72rem;color:var(--text-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}footer:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6){color:var(--text-dim);text-decoration:none}footer:where(.astro-j7pv25f6) a:where(.astro-j7pv25f6):hover{color:var(--text)}@media(max-width:880px){.shell:where(.astro-j7pv25f6){max-width:720px}.topnav:where(.astro-j7pv25f6){display:none}.hero:where(.astro-j7pv25f6),.section:where(.astro-j7pv25f6),.cta:where(.astro-j7pv25f6){padding-left:26px;padding-right:26px}.features-grid:where(.astro-j7pv25f6),.demo-split:where(.astro-j7pv25f6){grid-template-columns:1fr}}