:root{--ink-1:#18181b;--ink-2:#3f3f46;--ink-3:#71717a;--ink-4:#a1a1aa;--ink-5:#e4e4e7;--bg:#fafafa;--surface:#fff;--block:#f4f4f5;--accent:#2a5bd7;--accent-wash:#2a5bd71f;--radius:999px;--card-radius:24px;--card-pad:10px;--radius-in:calc(var(--card-radius) - var(--card-pad));--shadow-btn:0 1px 2px #0000001a, 0 2px 6px -2px #0000001f;--shadow-card:0 1px 2px #0000000a, 0 6px 16px -8px #0000001a;--fs-xs:12px;--fs-sm:13px;--fs-ui:14px;--fs-body:15px;--fs-lede:17px;--fs-h2:22px;--ease:cubic-bezier(.2, 0, 0, 1);--t-colour:.16s;--t-enter:.64s;--stagger:70ms}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}body{font-family:-apple-system,Inter,system-ui,sans-serif;font-size:var(--fs-body);letter-spacing:-.013em;font-synthesis:none;color:var(--ink-1);background:var(--bg);line-height:1.55}::selection{background:var(--accent-wash)}a{color:inherit;text-decoration:none}code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}p code{color:var(--ink-2);background:var(--block);border-radius:3px;padding:1px 4px}.s{color:var(--ink-4);-webkit-user-select:none;user-select:none}.icon{flex:none;width:14px;height:14px;display:block}.page{max-width:800px;margin:0 auto;padding:28px 24px 96px}.btn,.copy,.replay{font:inherit;font-size:var(--fs-sm);letter-spacing:-.01em;color:#fff;background:var(--ink-1);border-radius:var(--radius);corner-shape:squircle;height:28px;box-shadow:var(--shadow-btn);cursor:pointer;white-space:nowrap;transition:background-color var(--t-colour) var(--ease), color var(--t-colour) var(--ease);-webkit-tap-highlight-color:transparent;border:0;justify-content:center;align-items:center;gap:6px;padding:0 11px;font-weight:500;line-height:1;display:inline-flex}.btn-ghost{color:var(--ink-1);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink-5), var(--shadow-btn)}.copy,.replay{width:24px;height:24px;color:var(--ink-3);background:var(--surface);box-shadow:inset 0 0 0 1px var(--ink-5), 0 1px 2px #0000000f;padding:0}.copy{place-items:center;display:grid;position:relative}.copy .face{justify-content:center;align-items:center;display:inline-flex}.copy .icon,.replay .icon{width:12px;height:12px}@media (hover:hover) and (pointer:fine){.btn:hover{background:var(--ink-2)}.btn-ghost:hover{background:var(--block)}.copy:hover,.replay:hover{color:var(--ink-1);background:var(--block)}}.btn:focus-visible,.copy:focus-visible,.replay:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.face{white-space:nowrap;will-change:opacity, filter, scale}.face-in{opacity:0;position:absolute;inset:0}.faces{align-items:center;display:inline-flex;position:relative}[data-press]{transition-property:scale,background-color,color;transition-duration:.32s, var(--t-colour), var(--t-colour);transition-timing-function:var(--ease)}[data-press]:active{transition-duration:.12s, var(--t-colour), var(--t-colour);scale:.97}@media (prefers-reduced-motion:reduce){[data-press]:active{opacity:.8;scale:1}}.top{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.wordmark{letter-spacing:-.02em;align-items:center;gap:6px;font-weight:600;display:inline-flex}.wordmark .icon{color:var(--accent);width:16px;height:16px}h1{letter-spacing:-.038em;text-wrap:balance;margin-bottom:16px;font-size:clamp(38px,6.4vw,66px);font-weight:600;line-height:1.03}.lede{color:var(--ink-2);max-width:52ch;margin-bottom:22px}.install{height:36px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);background:var(--surface);border-radius:var(--radius);corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--ink-5), var(--shadow-card);align-items:center;gap:8px;padding:0 6px 0 12px;display:inline-flex}.install .copy{margin-left:4px}.jobs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 112px;display:grid}@media (width<=560px){.jobs{grid-template-columns:1fr}}.card{padding:var(--card-pad);background:var(--surface);border-radius:var(--card-radius);corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--ink-5), var(--shadow-card);flex-direction:column;gap:8px;display:flex}.card header,.card p{padding-inline:var(--card-pad)}.card header{align-items:center;gap:7px;padding-top:8px;display:flex}.card header .icon{color:var(--accent)}.card h2{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-ui);letter-spacing:0;font-weight:500}.card .ms{font-size:var(--fs-xs);color:var(--ink-3);white-space:nowrap;margin-left:auto}.card p{font-size:var(--fs-ui);color:var(--ink-2);text-wrap:pretty;padding-bottom:4px}.stage{background:var(--block);border-radius:var(--radius-in);corner-shape:squircle;place-items:center;height:120px;margin-top:auto;display:grid;position:relative;overflow:hidden}.replay{position:absolute;top:8px;right:8px}.rows{gap:8px;width:60%;display:grid}.rows i{width:var(--w);background:var(--ink-5);border-radius:4px;height:8px;display:block}.scroller{scrollbar-width:thin;scrollbar-color:var(--ink-5) transparent;position:absolute;inset:0;overflow-y:auto}.scroller .rows{margin:0 auto}.scroller .above{margin-top:14px}.scroller .spacer{height:70px}.scroller #reveal-rows{padding:12px 0 28px}.morph-btn{justify-content:center;align-items:center;display:inline-flex;position:relative}.morph-btn .face{justify-content:center;align-items:center;gap:6px;display:inline-flex}.api+.api{margin-top:112px}.api h2,.foot{font-size:var(--fs-body);letter-spacing:-.015em;color:var(--ink-1);margin-bottom:14px;font-weight:600}.code{font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--fs-sm);color:var(--ink-1);background:var(--surface);border-radius:var(--card-radius);corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--ink-5), var(--shadow-card);grid-template-columns:minmax(0,1fr);font-weight:400;line-height:1.7;display:grid;position:relative;overflow:hidden}.code pre{grid-area:2/1;margin:0;padding:18px 20px 20px;overflow-x:auto}.code pre[hidden]{visibility:hidden;display:block}.code-bar{font-family:-apple-system,Inter,system-ui,sans-serif;font-size:var(--fs-sm);letter-spacing:-.01em;color:var(--ink-2);border-bottom:1px solid var(--ink-5);align-items:center;gap:8px;padding:10px 12px 10px 18px;font-weight:500;display:flex}.code-bar .icon{width:16px;height:16px;color:var(--accent)}.code-bar .copy{margin-left:auto}.fw{flex-wrap:wrap;gap:2px;display:flex}.fw button{height:22px;font:inherit;font-size:var(--fs-xs);color:var(--ink-3);border-radius:var(--radius);corner-shape:squircle;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:4px;padding:0 7px;line-height:1;display:inline-flex}.fw .icon{width:12px;height:12px;color:inherit;transition:color var(--t-colour) var(--ease)}.fw [aria-pressed=true]{color:var(--ink-1);background:var(--block)}.fw [aria-pressed=true] .icon{color:var(--accent)}@media (hover:hover) and (pointer:fine){.fw button:hover{color:var(--ink-1)}}.fw button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.code .k{color:#b0389c;font-weight:500}.code .f{color:#2a5bd7;font-weight:500}.code .p{color:#b25a00}.code .str{color:#1a7f37}.code .n{color:#0b6bcb}.code .t{color:#6d4fd3}.code .c{color:var(--ink-3)}.code .l:hover:before{color:var(--accent)}.foot{font-size:var(--fs-sm);color:var(--ink-3);border-top:1px solid var(--ink-5);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:112px;padding-top:24px;font-weight:400;display:flex}.foot a{color:var(--ink-1)}.code code{counter-reset:line}.code .l{counter-increment:line}.code .l:before{content:counter(line);text-align:right;width:2ch;color:var(--ink-4);-webkit-user-select:none;user-select:none;margin-right:1.5ch;display:inline-block}.scroller{scrollbar-width:none}.scroller::-webkit-scrollbar{display:none}.hero{text-align:center;flex-direction:column;align-items:center;padding:clamp(32px,7vh,72px) 0 clamp(72px,12vh,120px);display:flex}.lede{font-size:var(--fs-lede);text-wrap:pretty;max-width:52ch;margin-inline:auto}.cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.cta .btn-ghost{height:36px;padding:0 14px}.art{color:var(--ink-3);background:var(--block);border-radius:var(--radius-in);corner-shape:squircle;white-space:pre;margin:-4px 0 14px;padding:12px 14px;font-family:JetBrains Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.45;overflow:hidden}.art b{color:var(--accent);font-weight:400}.w{display:inline-block}.demo{width:100%;max-width:560px;margin-top:64px}.mock{background:var(--block);border-radius:var(--card-radius);corner-shape:squircle;justify-items:center;gap:18px;padding:18px 20px 20px;display:grid}.mock-bar{justify-self:start;gap:6px;display:flex}.mock-bar i{background:var(--ink-5);border-radius:50%;width:8px;height:8px}.mock .rows{width:72%}.mock .btn{height:32px;font-size:var(--fs-ui);padding:0 16px}.sel{color:var(--accent);outline:2px solid var(--accent);outline-offset:2px;transform-origin:0 0;cursor:nwse-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:2px;margin:0 .04em;padding:0 .12em;display:inline-block;position:relative;rotate:-4deg}.sel:before,.sel:after{content:"";background:var(--surface);border:2px solid var(--accent);border-radius:2px;width:8px;height:8px;position:absolute}.sel:before{top:-7px;left:-7px}.sel:after{bottom:-7px;right:-7px}.links{font-size:var(--fs-sm);color:var(--ink-3);align-items:center;gap:14px;font-weight:500;display:flex}.links a,.agent-copy{transition:color var(--t-colour) var(--ease)}.agent-copy{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:center;gap:4px;padding:0;display:inline-flex}.agent-copy .face{justify-content:center;align-items:center;display:inline-flex}.agent-copy .icon{width:12px;height:12px}.agent-copy:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}@media (hover:hover) and (pointer:fine){.links a:hover,.agent-copy:hover{color:var(--ink-1)}}@media (width<=480px){.links{display:none}}.why,.faq{margin-top:112px}.why h2,.faq h2{font-size:var(--fs-body);letter-spacing:-.015em;margin-bottom:14px;font-weight:600}.why-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}@media (width<=560px){.why-grid{grid-template-columns:1fr}}.tile{background:var(--surface);border-radius:var(--card-radius);corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--ink-5), var(--shadow-card);padding:20px}.tile h3{font-size:var(--fs-ui);letter-spacing:-.015em;margin-bottom:4px;font-weight:600}.tile p{font-size:var(--fs-ui);color:var(--ink-2);text-wrap:pretty}.faq details{background:var(--surface);border-radius:var(--card-radius);corner-shape:squircle;box-shadow:inset 0 0 0 1px var(--ink-5), var(--shadow-card);interpolate-size:allow-keywords;margin-bottom:10px}.faq summary{font-size:var(--fs-ui);letter-spacing:-.01em;cursor:pointer;-webkit-tap-highlight-color:transparent;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;font-weight:500;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--ink-4);transition:rotate .22s var(--ease);font-weight:400;rotate:0deg}.faq details[open] summary:after{rotate:45deg}.faq details::details-content{block-size:0;transition:block-size .28s var(--ease), content-visibility .28s allow-discrete;overflow:hidden}.faq details[open]::details-content{block-size:auto}.faq details p{font-size:var(--fs-ui);color:var(--ink-2);text-wrap:pretty;padding:0 18px 16px}@media (prefers-reduced-motion:reduce){.faq details::details-content{transition:none}.faq summary:after{transition:none}}.top-right{align-items:center;gap:10px;display:flex}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.cmd{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}.cmd:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.art .track{color:var(--accent);display:inline-block;position:relative}.art .knob{background:var(--block);transition:translate .64s var(--ease) calc(var(--i) * 70ms);font-style:normal;position:absolute;top:0;left:1ch;translate:0}.art.is-on .knob{translate:var(--x) 0}.art .on{color:var(--ink-5);transition:color .22s var(--ease) calc(var(--i) * .12s);font-style:normal}.art.is-on .on{color:var(--accent)}.art .branch{opacity:0;transition:opacity .64s var(--ease) calc(var(--i) * 90ms), translate .64s var(--ease) calc(var(--i) * 90ms);display:inline-block;translate:-6px}.art.is-on .branch{opacity:1;translate:0}.tile{cursor:pointer}@media (prefers-reduced-motion:reduce){.art .knob,.art .branch{translate:var(--x,0) 0;transition-property:opacity,color}.art .branch{translate:0}}.install{position:relative}.hint{font:inherit;font-size:var(--fs-xs);color:var(--ink-3);cursor:pointer;white-space:nowrap;transform-origin:0 0;transition:color var(--t-colour) var(--ease);-webkit-tap-highlight-color:transparent;background:0 0;border:0;align-items:flex-end;gap:2px;padding:0;font-style:italic;display:inline-flex;position:absolute;top:calc(100% + 4px);left:18px;rotate:-4deg}.hint svg{width:19px;height:24px;margin-bottom:6px}@media (hover:hover) and (pointer:fine){.hint:hover{color:var(--accent)}}.hint:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.slot-text{white-space:pre;align-items:baseline;display:inline-flex}.char-slot{flex:none;justify-content:center;align-items:baseline;line-height:1.3;display:inline-flex;position:relative;overflow:visible clip}.char-slot.is-resizing{overflow-x:clip}.char-sizer{visibility:hidden;white-space:pre}.char-face{white-space:pre;will-change:transform;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}