.mock{--m-bg:#1d1d1f;--m-surface:#2a2a2d;--m-line:#ffffff14;--m-text:#f4f4f5;--m-muted:#a1a1aa;width:min(100%,380px);color:var(--m-text);background:var(--m-bg);user-select:none;border:1px solid #ffffff1a;border-radius:18px;font-size:12.5px;line-height:1.5;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 30px 60px -20px #00000073,0 12px 24px -12px #0000004d}.mock-head{border-bottom:1px solid var(--m-line);align-items:center;gap:2px;padding:10px 10px 8px;display:flex}.mock-tab{color:var(--m-muted);border-radius:7px;padding:4px 10px;font-weight:550}.mock-tab.on{color:var(--m-text);background:#ffffff1a}.mock-dots{gap:5px;margin-left:auto;display:flex}.mock-dots i{background:#ffffff40;border-radius:50%;width:5px;height:5px}.mock-body{align-content:start;gap:12px;padding:14px;display:grid}.st-stage .mock-body{min-height:300px}.mock .chip{background:var(--m-surface);color:var(--m-muted);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:550;display:inline-block}.mock .chip.on{background:var(--accent);color:#fff}.mock-langs{align-items:center;gap:8px;display:flex}.mock-langs .swap{color:var(--m-muted)}.mock-input,.mock-output{margin:0;font-size:14px;line-height:1.55}.mock-output{color:#e4e4e7}.caret{vertical-align:-.15em;background:var(--accent);width:1.5px;height:1.05em;margin-left:1px;animation:1.1s step-end infinite caret;display:inline-block}@keyframes caret{50%{opacity:0}}.mock-rule{color:var(--m-muted);letter-spacing:.08em;align-items:center;gap:8px;font-size:10px;display:flex}.mock-rule:before,.mock-rule:after{content:"";background:var(--m-line);flex:1;height:1px}.mock-chips{flex-wrap:wrap;gap:6px;display:flex}.mock-field{background:var(--m-surface);color:var(--m-muted);border-radius:12px;padding:9px 12px}.chat{align-content:end}.bubble{border-radius:14px;max-width:82%;padding:8px 11px;font-size:13px}.bubble.me{background:var(--accent);color:#fff;border-bottom-right-radius:4px;justify-self:end}.bubble.ai{background:var(--m-surface);border-bottom-left-radius:4px}.bubble.typing{gap:4px;padding:11px 12px;display:flex}.bubble.typing i{background:var(--m-muted);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite dot}.bubble.typing i:nth-child(2){animation-delay:.15s}.bubble.typing i:nth-child(3){animation-delay:.3s}@keyframes dot{40%{opacity:.3}}.clips{gap:6px;margin:0;padding:0;list-style:none;display:grid}.clips li{background:var(--m-surface);border-radius:10px;padding:9px 11px}.clips li.memo{background:#facc1524;box-shadow:inset 0 0 0 1px #facc1559}.clips li.pinned{color:#d4d4d8}.clips b{color:var(--m-muted);margin-right:6px;font-size:11px}.clips small{color:var(--m-muted);margin-top:2px;font-size:10.5px;display:block}.mock-subtabs{background:var(--m-surface);text-align:center;border-radius:9px;grid-template-columns:repeat(4,1fr);gap:2px;padding:3px;font-size:11px;display:grid}.mock-subtabs span{color:var(--m-muted);white-space:nowrap;border-radius:6px;padding:4px 0}.mock-subtabs .on{color:var(--m-text);background:#ffffff1f}.metrics{gap:7px;display:grid}.metric{grid-template-columns:5.6rem 1fr 3.4rem;align-items:center;gap:8px;display:grid}.metric span{color:var(--m-muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric svg{background:#ffffff0a;border-radius:4px;width:100%;height:22px}.metric path{fill:none;stroke:var(--accent);stroke-width:1.4px;vector-effect:non-scaling-stroke}.metric b{text-align:right;font-variant-numeric:tabular-nums}.toplist{background:var(--m-surface);border-radius:10px;padding:9px 11px}.toplist>span{color:var(--m-muted);font-size:10.5px}.toplist ol{margin:4px 0 0;padding:0;list-style:none}.toplist li{justify-content:space-between;display:flex}.usage-card{background:var(--m-surface);border-radius:12px;gap:12px;padding:12px;display:grid}.usage-top{justify-content:space-between;align-items:baseline;display:flex}.usage-top small,.limit small,.usage-nums small{color:var(--m-muted);font-size:10.5px}.limit{grid-template-columns:1fr auto;row-gap:4px;display:grid}.limit span{color:var(--m-muted)}.limit svg{grid-column:1/-1;width:100%;height:5px}.limit .track{fill:#ffffff1a}.limit .fill{fill:var(--accent)}.limit small{text-align:right;grid-column:1/-1}.usage-nums{grid-template-columns:repeat(3,1fr);display:grid}.usage-nums b{font-size:15px;display:block}.providers{gap:6px;margin:0;padding:0;list-style:none;display:grid}.providers li{background:var(--m-surface);border-radius:10px;grid-template-columns:1fr auto;padding:9px 12px;display:grid}.providers li.on{box-shadow:0 0 0 1.5px var(--accent) inset}.providers small{color:var(--m-muted);grid-column:1;font-size:10.5px}.providers .check{color:var(--accent);grid-area:1/2/span 2;align-self:center;font-weight:700}.menubar{color:#e4e4e7;font-variant-numeric:tabular-nums;background:#1e1e20eb;border-radius:10px;justify-content:flex-end;align-items:center;gap:14px;width:min(100%,440px);padding:5px 12px;font-size:12px;display:flex}.menubar img{border-radius:4px;width:16px;height:16px}.menubar .me{background:#ffffff24;border-radius:5px;align-items:center;gap:6px;padding:2px 6px;display:flex}.menubar .dim{color:#a1a1aa}.keys{gap:4px;display:inline-flex}.keys kbd{min-width:2em;font-size:15px;font-family:var(--font);padding:3px 7px;font-weight:600}.lp-eyebrow{color:var(--accent);letter-spacing:.02em;margin-bottom:14px;font-size:14px;font-weight:650;display:inline-block}.lp-headline{letter-spacing:-.03em;white-space:pre-line;text-wrap:balance;margin:0 0 18px;font-size:clamp(30px,4.4vw,48px);line-height:1.12}.lp-body{color:var(--muted);max-width:34em;margin:0 0 22px;font-size:18px}.lp-bullets{gap:8px;margin:0 0 24px;padding:0;list-style:none;display:grid}.lp-bullets li{align-items:baseline;gap:10px;display:flex}.lp-bullets li:before{content:"";background:var(--accent);border-radius:50%;flex:none;width:6px;height:6px;transform:translateY(-2px)}.lp-closing{background:var(--surface);border:1px solid var(--border);text-align:center;border-radius:28px;justify-items:center;gap:18px;margin-top:120px;padding:64px 32px;display:grid}.lp-closing h2{letter-spacing:-.03em;margin:0;font-size:clamp(28px,4vw,42px)}.lp-closing p{color:var(--muted);margin:0;font-size:18px}.lp-closing .downloads{justify-content:center}html[data-reveal] .reveal{opacity:0;transition:opacity .6s var(--ease-out), transform .6s var(--ease-out);transform:translateY(20px)}html[data-reveal] .reveal[data-shown]{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){html[data-reveal] .reveal{transition:opacity .2s;transform:none}.caret,.bubble.typing i{animation:none}}.st-hero{text-align:center;justify-items:center;gap:8px;padding:48px 0 40px;display:grid}.st-hero h1{letter-spacing:-.045em;white-space:pre-line;margin:0 0 14px;font-size:clamp(40px,6.4vw,76px);line-height:1.02}.st-hero .lp-body{margin-inline:auto}.st-hero .downloads{justify-content:center}.st-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:64px;display:grid}.st-stage{background:radial-gradient(100% 80% at 50% 0%, var(--accent-soft), transparent 70%), var(--surface-2);border-radius:32px;align-self:start;place-items:center;height:440px;display:grid;position:sticky;top:calc(50svh - 210px)}.st-stage .mock{opacity:0;transition:opacity .28s var(--ease-out), transform .28s var(--ease-out);grid-area:1/1;transform:scale(.98)}.st-stage .mock[data-on]{opacity:1;transform:none}.st-chapter{opacity:.35;flex-direction:column;justify-content:center;min-height:72svh;transition:opacity .3s;display:flex}.st-chapter[data-on]{opacity:1}.st-chapter .inline-mock{display:none}.st-progress{gap:6px;margin-bottom:18px;display:flex}.st-progress i{background:var(--border);border-radius:2px;width:18px;height:3px}.st-progress i.on{background:var(--accent)}.bt-hero{text-align:center;justify-items:center;gap:10px;padding:32px 0 0;display:grid}.bt-hero h1{letter-spacing:-.04em;white-space:pre-line;margin:0 0 12px;font-size:clamp(36px,5.4vw,64px);line-height:1.05}.bt-hero .downloads{justify-content:center}.bt-hero-visual{justify-items:center;gap:10px;margin-top:36px;display:grid}.bt-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-top:88px;display:grid}.bt-tile{background:var(--surface);border:1px solid var(--border);min-height:300px;transition:transform .16s var(--ease-out), border-color .15s ease;border-radius:24px;flex-direction:column;padding:28px;text-decoration:none;display:flex;position:relative;overflow:hidden}.bt-tile:active{transform:scale(.99)}.bt-tile.wide{grid-column:span 4}.bt-tile.narrow{grid-column:span 2}.bt-tile.half{grid-column:span 3}.bt-tile h2{letter-spacing:-.02em;white-space:pre-line;margin:0 0 8px;font-size:24px;line-height:1.2}.bt-tile>p,.bt-split>div>p{color:var(--muted);margin:0}.bt-tile .lp-eyebrow{margin-bottom:8px;font-size:13px}.bt-tile .bt-art{justify-content:center;margin-top:auto;padding-top:24px;display:flex}.bt-tile .bt-art .mock{width:100%;max-width:360px;margin-bottom:-60px}.bt-tile.wide .bt-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;height:100%;display:grid}.bt-tile.wide .bt-art{align-items:flex-end;margin-top:0;padding-top:0}.bt-tile .bt-big,.bt-split>div>.bt-big{letter-spacing:-.04em;color:var(--accent);margin:auto 0 4px;font-size:56px;font-weight:750;line-height:1}.bt-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:14px;display:grid}.bt-facts div{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:20px}.bt-facts b{margin-bottom:4px;display:block}.bt-facts span{color:var(--muted);font-size:14px}@media (hover:hover) and (pointer:fine){.bt-tile:hover{border-color:color-mix(in srgb, var(--text) 25%, var(--border))}}@media (width<=860px){.st-grid{grid-template-columns:1fr;gap:0}.st-stage{display:none}.st-chapter{opacity:1;min-height:0;padding:48px 0}.st-chapter .inline-mock{place-items:center;margin-top:8px;display:grid}.bt-grid{grid-template-columns:1fr}.bt-tile.wide,.bt-tile.narrow,.bt-tile.half{grid-column:auto}.bt-tile.wide .bt-split{grid-template-columns:1fr}}.st-stage:not([data-live]) .st-first{opacity:1;transform:none}.st-hero .keys{margin:0 0 20px}.st-hero .release-pill{margin-top:16px}.st-hero-bar{justify-content:center;width:100%;margin-top:40px;display:flex}.lp-facts{margin-top:120px}.lp-facts h2{letter-spacing:-.02em;margin-bottom:20px;font-size:clamp(24px,3vw,32px)}.lp-facts .facts{margin-top:0}.bt-head{margin-bottom:8px}.bt-head+.bt-grid{margin-top:32px}