:root{--paper:#f7f7f6;--paper-2:#f1f1ef;--surface:#ffffff;--ink:#0a0a0a;--ink-muted:#555555;--ink-dim:#9a9a97;--rule:#d6d6d1;--rule-2:#bfbfb8;--accent:#84cc16;--accent-ink:#1a2003;--mono: "JetBrains Mono", ui-monospace, monospace;--sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif}*{box-sizing:border-box}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}html[data-density=compact]{--pad-y:40px;--sec-y:44px;--hero-gap:36px;--main-max:1200px}html[data-density=comfortable]{--pad-y:64px;--sec-y:72px;--hero-gap:56px;--main-max:1200px}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:12px 24px;background:color-mix(in oklab,var(--paper) 88%,transparent);backdrop-filter:blur(10px);border-bottom:1px dashed var(--rule-2)}.brand{display:flex;align-items:center;gap:9px;font:600 15px/1 var(--sans);letter-spacing:-.01em}.brand .glyph{width:22px;height:22px;border-radius:6px;background:var(--ink);color:var(--paper);font:600 12px/22px var(--mono);text-align:center;letter-spacing:-.04em;position:relative}.brand .glyph:after{content:"";position:absolute;right:-3px;bottom:-3px;width:8px;height:8px;background:var(--accent);border-radius:2px}.brand .ver{color:var(--ink-dim);font:400 12px/1 var(--mono);margin-left:2px}nav.nav{display:flex;gap:20px;font-size:13.5px;color:var(--ink-muted)}nav.nav a{text-decoration:none}nav.nav a:hover{color:var(--ink)}.spacer{flex:1}.icon-btn{background:transparent;border:1px solid var(--rule-2);color:var(--ink-muted);padding:6px 10px;border-radius:6px;font:13px/1 var(--sans);cursor:pointer;display:inline-flex;gap:8px;align-items:center;text-decoration:none}.icon-btn:hover{color:var(--ink);border-color:var(--ink)}main{max-width:var(--main-max);margin:0 auto;padding:0 24px}.hero{padding:calc(var(--pad-y) * .9) 0 calc(var(--pad-y) * .5);display:grid;grid-template-columns:1fr;gap:var(--hero-gap)}.hero-meta{display:flex;gap:8px;align-items:center;margin-bottom:18px;flex-wrap:wrap}.pill{font:500 11px/1 var(--mono);letter-spacing:.04em;padding:5px 9px;border-radius:99px;border:1px solid var(--rule-2);background:var(--surface);color:var(--ink-muted);display:inline-flex;gap:6px;align-items:center}.pill em{font-style:normal;color:var(--ink);background:var(--accent);padding:0 4px;border-radius:2px}.pill .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 30%,transparent)}h1.head{font-family:var(--sans);font-weight:700;font-size:clamp(44px,5.4vw,72px);line-height:.95;letter-spacing:-.045em;margin:0 0 16px}h1.head em{font-style:normal;background:var(--accent);color:var(--accent-ink);padding:0 8px;border-radius:4px}.lede{font-size:16px;line-height:1.55;color:var(--ink-muted);max-width:48ch;margin:0 0 22px}.cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.btn{font:500 14px/1 var(--sans);padding:12px 16px;border-radius:8px;text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:1px solid transparent;cursor:pointer}.btn.primary{background:var(--accent);color:var(--accent-ink);font-weight:700}.btn.primary:hover{filter:brightness(1.04)}.btn.ghost{color:var(--ink);border:1px solid var(--rule-2);background:transparent}.btn.ghost:hover{border-color:var(--ink)}.btn .arrow{transition:transform .2s}.btn:hover .arrow{transform:translate(3px)}.install{margin-top:14px;font:13px/1 var(--mono);color:var(--ink-muted);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.install code{color:var(--ink);background:var(--paper-2);padding:6px 9px;border-radius:5px}.install .prompt{user-select:none;color:var(--ink-dim)}.split{background:var(--surface);border:1px solid var(--rule);border-radius:12px;box-shadow:0 24px 48px -32px #3c28142e,0 1px #fff9 inset;overflow:hidden}.split-head{display:flex;align-items:center;gap:8px;padding:9px 12px;border-bottom:1px solid var(--rule);background:var(--paper);font:11px/1 var(--mono);color:var(--ink-muted)}.split-head .dots{display:flex;gap:5px;margin-right:6px}.split-head .dots i{width:9px;height:9px;border-radius:50%;background:var(--rule-2);display:block}.split-head .title{flex:1}.split-tabs{display:flex;gap:2px;padding:8px 10px;border-bottom:1px solid var(--rule);background:var(--paper)}.split-tabs button{background:transparent;color:var(--ink-muted);border:1px solid transparent;padding:6px 11px;border-radius:5px;font:12.5px/1 var(--mono);cursor:pointer}.split-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);border-color:var(--rule)}.split-grid{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.split-code{padding:16px 18px;border-right:1px dashed var(--rule-2);font:12.5px/1.6 var(--mono);white-space:pre;color:var(--ink);overflow:auto}.split-code .ln{color:var(--ink-dim);margin-right:12px;user-select:none}.tok-kw{color:#9b5be8}.tok-fn{color:#3a7be8}.tok-str{color:#1f8b5b}.tok-com{color:var(--ink-dim);font-style:italic}.split-code .hit{background:color-mix(in oklab,var(--accent) 16%,var(--paper));border-radius:3px;padding:0 2px;box-shadow:0 0 0 1px var(--accent)}.skel{padding:18px 16px;position:relative;background:radial-gradient(circle at 1px 1px,rgba(0,0,0,.07) 1px,transparent 0) 0 0/12px 12px}.skel .win{height:100%;background:var(--surface);border:1px solid var(--rule-2);border-radius:8px;display:flex;flex-direction:column;overflow:hidden}.skel .win-bar{height:22px;border-bottom:1px solid var(--rule);display:flex;align-items:center;padding:0 10px;gap:5px;font:10px/1 var(--mono);color:var(--ink-muted);background:var(--paper)}.skel .win-bar i{width:7px;height:7px;border-radius:50%;background:var(--rule-2);display:block}.skel .body{flex:1;padding:12px 10px 10px;display:grid;gap:8px;grid-template-rows:auto 1fr auto}.skel .toolbar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.skel .box{border:1px dashed var(--ink-muted);background:#ffffff80;border-radius:5px;font:11px/1.2 var(--sans);color:var(--ink-muted);min-height:26px;display:flex;align-items:center;padding:0 10px}.skel .box[data-active=true]{border-style:solid;border-color:var(--accent);background:color-mix(in oklab,var(--accent) 14%,var(--surface));color:var(--ink)}.skel .messages{display:grid;gap:6px;align-content:start}.skel .msg{padding:7px 10px}.skel .msg .who{font:600 10.5px/1.2 var(--sans);color:var(--ink)}.skel .msg .txt{font:11px/1.35 var(--sans);color:var(--ink-muted);margin-top:2px}.skel .msg[data-active=true] .txt{color:var(--ink)}.skel .composer{display:grid;grid-template-columns:1fr auto;gap:6px}.skel .send{background:var(--accent);color:#fff;border-color:var(--accent);font:600 11px/1 var(--sans);padding:0 14px}section{padding:var(--sec-y) 0;border-top:1px dashed var(--rule-2)}section.no-rule{border-top:none}section.no-rule+section{border-top:none}.sec-eyebrow{font:700 24px/1 var(--sans);color:var(--ink);letter-spacing:-.02em;margin-bottom:20px}.sec-eyebrow:after{content:"";display:block;flex:1;height:0;border-top:1px dashed var(--rule-2)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:28px}.sec-head h2{font-family:var(--sans);font-weight:700;font-size:32px;letter-spacing:-.03em;margin:0;max-width:22ch;line-height:1.08}.sec-head h2 em{font-style:normal;background:var(--accent);color:var(--accent-ink);padding:0 6px;border-radius:4px}.sec-head p{max-width:38ch;color:var(--ink-muted);font-size:14.5px;line-height:1.55;margin:0}.code-block{background:var(--surface);border:1px solid var(--rule);border-radius:10px;overflow:hidden}.code-tabs{display:flex;gap:2px;padding:8px 10px;border-bottom:1px solid var(--rule);background:var(--paper);align-items:center}.code-tabs button{background:transparent;color:var(--ink-muted);border:1px solid transparent;padding:6px 11px;border-radius:5px;font:12.5px/1 var(--mono);cursor:pointer}.code-tabs button[aria-selected=true]{background:var(--surface);color:var(--ink);border-color:var(--rule)}.code-tabs .copy{margin-left:auto;font:11px/1 var(--mono);color:var(--ink-dim);padding:6px 10px;background:transparent;border:1px solid var(--rule-2);border-radius:5px;cursor:pointer}.code-tabs .copy:hover{color:var(--ink);border-color:var(--ink-muted)}.code-body{padding:18px 22px;font:13px/1.65 var(--mono);white-space:pre;overflow:auto;max-height:460px}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}.feature .tag{font:500 10.5px/1 var(--mono);color:var(--ink);letter-spacing:.12em}.feature h3{font-family:var(--sans);font-weight:700;font-size:18px;line-height:1.2;margin:0;letter-spacing:-.02em}.feature p{margin:0;color:var(--ink-muted);font-size:14px;line-height:1.5}.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case{background:var(--surface);border:1px solid var(--rule);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px;min-height:230px}.case .tag{font:500 10.5px/1 var(--mono);color:var(--ink);letter-spacing:.12em}.case h3{font-family:var(--sans);font-weight:700;font-size:20px;line-height:1.15;margin:0;letter-spacing:-.025em}.case p{margin:0;color:var(--ink-muted);font-size:14px;line-height:1.5}.case .sel{margin-top:auto;font:12px/1.4 var(--mono);color:var(--ink);background:var(--paper);border:1px dashed var(--rule-2);border-radius:6px;padding:8px 10px;word-break:break-all}.case .sel .op{color:var(--accent)}.qs{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start;min-width:0}.qs ol{list-style:none;padding:0;margin:0;counter-reset:q;display:grid;gap:2px;min-width:0}.qs ol li{counter-increment:q;padding:11px 14px;border-radius:7px;cursor:pointer;border:1px solid transparent;display:flex;gap:12px;align-items:flex-start}.qs ol li:before{content:counter(q,decimal-leading-zero);font:11.5px/1.4 var(--mono);color:var(--ink-dim)}.qs ol li[aria-current=true]{background:var(--surface);border-color:var(--rule)}.qs ol li[aria-current=true]:before{color:var(--accent)}.qs ol li h4{margin:0 0 2px;font:500 14px/1.2 var(--sans)}.qs ol li p{margin:0;font-size:12.5px;color:var(--ink-muted);line-height:1.5}.qs-pane{background:var(--surface);border:1px solid var(--rule);border-radius:10px;min-height:260px;min-width:0;overflow:hidden}.qs-pane pre{margin:0;padding:18px 22px;font:13px/1.65 var(--mono);white-space:pre;color:var(--ink);overflow-x:auto}footer{padding:36px 24px 52px;border-top:1px dashed var(--rule-2);display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;font-size:13px;max-width:var(--main-max);margin:0 auto}footer h5{font:500 10.5px/1 var(--mono);color:var(--ink-dim);letter-spacing:.12em;margin:0 0 12px}footer ul{list-style:none;padding:0;margin:0;display:grid;gap:7px}footer a{color:var(--ink-muted);text-decoration:none}footer a:hover{color:var(--ink)}.colophon{grid-column:1/-1;padding-top:18px;border-top:1px dashed var(--rule-2);display:flex;justify-content:space-between;color:var(--ink-dim);font:11.5px/1.4 var(--mono)}@media(max-width:1000px){.hero,.split-grid,.features,.cases,.qs{grid-template-columns:1fr}footer{grid-template-columns:repeat(2,1fr)}nav.nav{display:none}}