:root{color-scheme:light dark;--bg:#fbfbfa;--ink:#121212;--muted:#5f6368;--hair:#e6e6e3;--card:#fff;--code-bg:#0f1115;--code-ink:#e6e8ec;--acc:#4f46e5;--acc-ink:#fff;--acc-soft:#eef0ff}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0c0f;--ink:#f2f3f5;--muted:#9aa0a8;--hair:#23262d;--card:#13151a;--code-bg:#07080a;--code-ink:#e6e8ec;--acc:#8b85ff;--acc-ink:#0b0c0f;--acc-soft:#1b1c33}}:root[data-theme=dark]{--bg:#0b0c0f;--ink:#f2f3f5;--muted:#9aa0a8;--hair:#23262d;--card:#13151a;--code-bg:#07080a;--code-ink:#e6e8ec;--acc:#8b85ff;--acc-ink:#0b0c0f;--acc-soft:#1b1c33;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;overflow-x:hidden}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}a{color:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.nav{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{color:inherit;align-items:baseline;gap:12px;text-decoration:none;display:inline-flex}.brand-mark{letter-spacing:-.05em;color:var(--ink);font-size:34px;font-weight:800}@supports (background-clip:text){.brand-mark{background:linear-gradient(120deg, var(--ink) 30%, #8b8bff);color:#0000;-webkit-background-clip:text;background-clip:text}}@media (forced-colors:active){.brand-mark{color:canvastext;background:0 0}}.brand-sub{text-transform:uppercase;letter-spacing:.18em;color:var(--muted,#8a8f98);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}@media (width<=560px){.brand-sub{display:none}}.nav nav{gap:20px;font-size:14.5px;display:flex}.nav nav a{color:var(--muted);text-decoration:none}.nav nav a:hover{color:var(--ink)}.hero{text-align:center;padding-top:72px;padding-bottom:40px}.eyebrow{color:var(--acc);background:var(--acc-soft);border-radius:999px;margin:0 0 20px;padding:4px 12px;font-size:13px;display:inline-block}h1{letter-spacing:-.035em;max-width:14ch;margin:0 auto 20px;font-size:clamp(36px,6.5vw,68px);line-height:1.05}.sub{color:var(--muted);max-width:40em;margin:0 auto 36px;font-size:clamp(17px,2.2vw,20px)}.install{text-align:left;max-width:720px;margin:0 auto}.tabs{gap:4px;margin-bottom:8px;display:flex}.tabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:6px 12px;font-size:13.5px}.tabs button[aria-selected=true]{color:var(--ink);background:var(--card);border-color:var(--hair)}.cmdline{background:var(--code-bg);color:var(--code-ink);border-radius:12px;align-items:center;gap:12px;padding:14px 14px 14px 18px;display:flex}.cmdline[hidden]{display:none}.cmdline code{white-space:nowrap;flex:1;min-width:0;font-size:14px;overflow-x:auto}.copy{font:inherit;color:var(--code-ink);cursor:pointer;background:#ffffff10;border:1px solid #ffffff26;border-radius:8px;flex:none;padding:6px 12px;font-size:13px}.copy:hover{background:#fff2}.note{color:var(--muted);margin:10px 2px 0;font-size:14px}.note code{font-size:13px}.cta{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.btn{border:1px solid var(--hair);background:var(--card);border-radius:10px;padding:11px 20px;font-size:15px;font-weight:500;text-decoration:none}.btn.primary{background:var(--acc);border-color:var(--acc);color:var(--acc-ink)}.demo{margin:32px 0 0}.demo video{border:1px solid var(--hair);background:#000;border-radius:16px;width:100%;height:auto;display:block;box-shadow:0 30px 80px -30px #0005}.demo figcaption{color:var(--muted);text-align:center;margin-top:10px;font-size:13.5px}.block{padding-top:96px}h2{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(28px,4vw,40px)}.lead{color:var(--muted);max-width:40em;margin:0 0 32px;font-size:18px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--card);border:1px solid var(--hair);border-radius:14px;flex-direction:column;min-width:0;padding:20px;display:flex}.thumb-link{cursor:zoom-in;outline-offset:-3px;border-radius:13px 13px 0 0;margin:-20px -20px 14px;display:block;position:relative}.thumb-link:focus-visible{outline:2px solid var(--acc)}.thumb-link:after{content:"⤢";color:#fff;opacity:0;background:#000000a6;border-radius:8px;place-items:center;width:30px;height:30px;font-size:16px;transition:opacity .15s;display:grid;position:absolute;top:10px;right:10px}.thumb-link:hover:after,.thumb-link:focus-visible:after{opacity:1}@media (hover:none){.thumb-link:after{opacity:.85}}.thumb-link:hover .thumb{filter:brightness(1.1)}.thumb{aspect-ratio:16/9;object-fit:cover;object-position:top;border-bottom:1px solid var(--hair);background:#07080a;border-radius:13px 13px 0 0;width:100%;height:auto;margin:0;display:block}.card h3{letter-spacing:-.01em;margin:0 0 6px;font-size:16.5px}.card p{color:var(--muted);flex:1;margin:0 0 16px;font-size:14.5px}.ex{background:var(--code-bg);color:var(--code-ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;padding:9px 11px;font-size:12.5px;display:block}.panels{grid-template-columns:repeat(auto-fill,minmax(min(420px,100%),1fr));gap:16px;display:grid}.panel{background:radial-gradient(700px 360px at 20% -10%, var(--acc-soft) 0%, var(--card) 60%);border:1px solid var(--hair);border-radius:16px;flex-direction:column;gap:14px;min-width:0;padding:24px;display:flex}.panel-brand .brand-mark.small{font-size:22px}.panel h3{letter-spacing:-.02em;margin:0;font-size:20px;line-height:1.2}.panel .rows{flex-direction:column;flex:1;gap:8px;display:flex}.panel .row{background:var(--code-bg);white-space:pre-wrap;overflow-wrap:anywhere;color:var(--code-ink);border:1px solid #ffffff14;border-radius:10px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5}.panel .row b{color:var(--acc);font-weight:600}.panel .row .o{color:#9aa0a8;display:block}.panel-foot{color:var(--muted);border-top:1px solid var(--hair);margin:0;padding-top:10px;font-size:12px}.two{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr));gap:16px;display:grid}.term{background:var(--code-bg);border:1px solid var(--hair);border-radius:14px;min-width:0;overflow:hidden}.bar{border-bottom:1px solid #ffffff14;align-items:center;gap:6px;padding:10px 14px;display:flex}.bar span{background:#ffffff26;border-radius:50%;width:10px;height:10px}.bar em{color:#9aa0a8;margin-left:8px;font-size:12.5px;font-style:normal}.term pre{color:var(--code-ink);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:18px;font-size:14px;line-height:1.7}.term b{color:var(--acc)}.small{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.card.link{text-decoration:none;transition:border-color .15s}.card.link:hover{border-color:var(--acc)}.card.link p{margin:0}.foot{border-top:1px solid var(--hair);color:var(--muted);margin-top:96px;padding-top:32px;padding-bottom:48px;font-size:14px}@media (width<=520px){.hero{padding-top:40px}.grid,.two,.small{grid-template-columns:1fr}.nav nav{gap:14px}.cmdline code{font-size:12.5px}.block{padding-top:72px}}.cmdline code{scrollbar-width:none}.cmdline code::-webkit-scrollbar{display:none}.hero{isolation:isolate;position:relative}body{overflow-x:hidden}.lines-wrap{z-index:-1;pointer-events:none;width:100vw;max-width:100vw;margin-left:-50vw;position:absolute;inset:0 0 0 50%;overflow:hidden}.lines{width:100%;height:100%;display:block}.lines .grid path{stroke:currentColor;stroke-width:.5px;opacity:.12}.lines .grid{color:inherit}.lines pattern path{stroke:currentColor;stroke-width:.6px;opacity:.14}.lines .trace{fill:none;stroke:currentColor;stroke-width:1px;opacity:.28}.lines .dot{fill:#e08a1e;opacity:.85}.lines .arrow{fill:none;stroke:#e08a1e;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320px;opacity:.75;animation:1.4s ease-out .6s forwards draw}.lines .arrow.head{animation-duration:.4s;animation-delay:1.8s}@keyframes draw{to{stroke-dashoffset:0}}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(14px)}.reveal.in{opacity:1;transform:none}.cmdline code:after{content:"▍";opacity:.6;margin-left:2px;animation:1.1s step-end infinite blink}@keyframes blink{50%{opacity:0}}@media (width<=640px){.lines .arrow{display:none}}@media (prefers-reduced-motion:reduce){.lines .dot{display:none}.lines .arrow{stroke-dashoffset:0;animation:none}.reveal{opacity:1;transition:none;transform:none}.cmdline code:after{animation:none}}dialog.lb{background:0 0;border:0;width:100vw;max-width:100vw;height:100vh;max-height:100vh;padding:0}dialog.lb::backdrop{backdrop-filter:blur(6px);background:#000c}.lb-fig{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;margin:0;padding:24px;display:flex}.lb-img{border-radius:12px;max-width:100%;max-height:calc(100vh - 90px);box-shadow:0 40px 120px -20px #000}.lb-cap{color:#e6e8ec;font-size:14px}.lb-close{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;width:44px;height:44px;font:28px/1 sans-serif;position:fixed;top:14px;right:18px}.lb-close:focus-visible{outline:2px solid var(--acc)}