main{position:relative}section{border-bottom:1px solid var(--line);padding:112px 0;position:relative}@media (width>=861px){main:before{content:"";pointer-events:none;inset:0 auto;left:calc(max(0px, (100% - var(--max)) / 2) + var(--gutter));right:calc(max(0px, (100% - var(--max)) / 2) + var(--gutter));border-inline:1px solid var(--line);position:absolute}section:before,section:after{content:"";z-index:1;background:var(--bg);border:1px solid var(--line-2);width:7px;height:7px;position:absolute;bottom:-4px}section:before{left:calc(max(0px, (100% - var(--max)) / 2) + var(--gutter) - 3px)}section:after{right:calc(max(0px, (100% - var(--max)) / 2) + var(--gutter) - 3px)}#start:before,#start:after{display:none}section>.wrap{padding-inline:calc(var(--gutter) + 32px)}}.band,.wash{background-position:top;background-size:22px 22px}.band{--ink:var(--band-ink);--ink-2:var(--band-ink-2);--ink-3:var(--band-ink-3);--line:var(--band-line);--line-2:var(--band-line);--panel:var(--band-panel);--code-bg:var(--band-panel);--bg-2:var(--band-panel);--p:var(--band-ink);color:var(--ink);background-color:var(--band-bg);background-image:radial-gradient(var(--band-dot) 1px, transparent 1.4px);border-bottom:0}.band .agents img{filter:invert()}.wash{background-color:var(--wash-bg);background-image:linear-gradient(var(--wash-bg) 0%, transparent 55%), radial-gradient(var(--wash-dot) 1px, transparent 1.4px);background-size:100% 100%,22px 22px}#how-it-works:before,#how-it-works:after,.band:before,.band:after{display:none}h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(42px,5.2vw,76px);font-weight:500;line-height:1}.lead{text-wrap:pretty;color:var(--ink-2);max-width:30em;margin:28px 0 0;font-size:clamp(18px,1.5vw,20px);line-height:1.5}h2{letter-spacing:-.025em;text-wrap:pretty;max-width:30em;margin:0;font-size:clamp(24px,2.5vw,34px);font-weight:500;line-height:1.2}h2 span{color:var(--ink-3)}.label{font:500 12px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3)}.head{margin-bottom:56px}.foot{max-width:46em;color:var(--ink-2);margin:28px 0 0;font-size:15px}.foot b{color:var(--ink);font-weight:600}.fine{color:var(--ink-3);margin:56px 0 0;font-size:13px}.fine a{color:var(--ink-2);text-underline-offset:2px;text-decoration:underline}#hero{padding:120px 0 112px}.hero-grid{grid-template-columns:7fr 5fr;align-items:end;gap:64px;display:grid}.hero-grid>*{min-width:0}.get pre{padding:16px 18px;font-size:13.5px}.get .cmd{text-indent:-2ch;padding-left:2ch;display:block}.needs{font:12px/1.6 var(--font-mono);color:var(--ink-3);margin:12px 2px 0}.needs span{display:block}.then{margin-top:24px}.then-label{font:500 11px var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:0 2px 8px;display:block}.line-cmd{border:1px solid var(--line);background:var(--code-bg);border-radius:5px;align-items:center;gap:12px;min-width:0;padding:6px 6px 6px 14px;display:flex}.line-cmd code{white-space:nowrap;flex:1;min-width:0;font-size:13.5px;overflow-x:auto}.get-links{flex-wrap:wrap;align-items:center;gap:12px 22px;margin:28px 0 0;font-size:15px;display:flex}.get-links a:not(.btn){color:var(--ink-2);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line-2)}.get-links a:not(.btn):hover{color:var(--ink);text-decoration-color:currentColor}.code{border:1px solid var(--line);border-radius:var(--radius);background:var(--code-bg);min-width:0;overflow:hidden}.code .bar{border-bottom:1px solid var(--line);background:var(--panel);align-items:center;gap:2px;height:42px;padding:0 8px;display:flex;overflow-x:auto}.code .bar .copy{margin-left:auto}.code .file{font:13px var(--font-mono);color:var(--ink-2);padding:0 8px}.tab{cursor:pointer;height:30px;font:13px var(--font-mono);color:var(--ink-3);white-space:nowrap;background:0 0;border:0;border-radius:4px;flex:none;padding:0 12px}.tab:hover{color:var(--ink)}.tab[aria-selected=true]{color:var(--ink);background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--line)}.copy{border:1px solid var(--line);background:var(--panel);height:28px;color:var(--ink-2);font:500 12px var(--font-sans);cursor:pointer;border-radius:4px;flex:none;padding:0 10px}.copy:hover{color:var(--ink);border-color:var(--line-2)}pre{color:var(--p);tab-size:4;margin:0;padding:20px 22px;font-size:13.5px;line-height:1.7;overflow-x:auto}pre,code{font-variant-ligatures:none}.k{color:var(--k)}.s{color:var(--s)}.f{color:var(--f)}.c{color:var(--c);font-style:italic}.n{color:var(--n)}.pr{color:var(--ink-3);user-select:none}[role=tabpanel][hidden]{display:none}.panel-note{color:var(--ink-2);margin:0;padding:16px 22px 0;font-size:14px}.panel-note code{color:var(--ink);font-size:13px}.out{border-top:1px solid var(--line);background:var(--bg-2)}.out .label{padding:10px 22px 0;font-size:11px;display:block}.out pre{color:var(--ink-2);padding-top:6px;font-size:12.5px}.out-bar{justify-content:space-between;align-items:center;gap:12px;padding-right:14px;display:flex}.out .hint{color:var(--ink-3);font-style:italic}.run{background:var(--accent-fill);height:28px;color:var(--accent-ink);font:500 12px var(--font-sans);cursor:pointer;border:0;border-radius:4px;align-items:center;gap:7px;margin-top:8px;padding:0 12px;display:inline-flex}.run svg{fill:currentColor;width:9px;height:9px}.run:disabled{opacity:.6;cursor:default}#dev-out{white-space:pre-wrap;overflow-wrap:anywhere}.pull-grid{grid-template-columns:6fr 5fr;align-items:start;gap:24px;display:grid}.pull-grid>*{min-width:0}.browser{border:1px solid var(--line-2);border-radius:var(--radius);background:var(--panel);margin:0;overflow:hidden}.browser .chrome{border-bottom:1px solid var(--line);align-items:center;height:42px;padding:0 10px;display:flex}.browser .url{background:var(--bg-2);border:1px solid var(--line);min-width:0;height:26px;font:12.5px var(--font-mono);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;flex:1;align-items:center;gap:7px;padding:0 10px;display:flex;overflow:hidden}.browser .url svg{fill:none;width:12px;height:12px;stroke:var(--ink-3);stroke-width:2px;flex:none}.browser figcaption{border-top:1px solid var(--line);font:12px var(--font-mono);color:var(--ink-3);padding:10px 14px}.feed{background:#16181b;position:relative}.feed video{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.feed .hud{pointer-events:none;font:600 12px/1 var(--font-mono);letter-spacing:.04em;color:#ffffffeb;background:linear-gradient(#00000061,#0000 20% 82%,#00000052);position:absolute;inset:0}.feed .hud>span{align-items:center;gap:6px;display:flex;position:absolute}.feed .cam{top:14px;left:16px}.feed .live{top:14px;right:16px}.feed .live i{background:#ef4444;border-radius:50%;width:7px;height:7px;animation:1.6s step-end infinite feed-blink}.feed .clock{bottom:14px;left:16px}.feed .boxes{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.feed .mode{color:#261a00;background:#ffb830;border-radius:4px;padding:4px 7px;font-size:10.5px;top:34px;left:16px}.feed .mode[hidden]{display:none}@keyframes feed-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.feed .live i{animation:none}}#pull-tabs pre{padding-inline:22px;font-size:13px}.chat{gap:14px;padding:18px 22px 22px;font-size:15px;display:grid}.msg{grid-template-columns:64px 1fr;align-items:baseline;gap:12px;display:grid}.msg .who{font:500 12px var(--font-mono);color:var(--ink-3);text-transform:uppercase;letter-spacing:.06em}.msg.tool{font:13px/1.6 var(--font-mono)}.msg.tool .call{color:var(--f);overflow-wrap:anywhere}.msg.tool .res{color:var(--ink-3);display:block}.write-grid{grid-template-columns:7fr 5fr;align-items:start;gap:24px;display:grid}.write-grid>*{min-width:0}.write-grid pre{max-height:400px;overflow:auto}.graph{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);margin:0;padding:24px 20px 14px}.graph svg{width:100%;max-width:360px;height:auto;margin:0 auto;display:block}.graph rect{fill:var(--code-bg);stroke:var(--line-2)}.graph text{font:500 13px var(--font-mono);fill:var(--ink);text-anchor:middle}.graph text.sub{fill:var(--ink-3);font-size:10.5px;font-weight:400}.graph .edge{fill:none;stroke:var(--ink-3);stroke-width:1.25px}.graph .remote rect{stroke-dasharray:4 3}.graph .edge.live{stroke:var(--accent)}.graph .url rect{fill:var(--accent-soft);stroke:var(--accent)}.graph .url text{fill:var(--accent);font-size:10.5px}.graph figcaption{font:12px var(--font-mono);color:var(--ink-3);text-align:center;margin-top:14px}.more{flex-wrap:wrap;gap:8px 24px;margin:24px 0 0;font-size:15px;display:flex}.more a{color:var(--ink);text-underline-offset:3px;text-decoration:underline;text-decoration-color:var(--line-2)}.more a:hover{text-decoration-color:currentColor}.more a:after{content:" →"}.rows{border-bottom:1px solid var(--line);margin:0}.row{border-top:1px solid var(--line);grid-template-columns:200px 1fr;gap:24px;padding:24px 0;display:grid}.row dt{letter-spacing:-.01em;font-size:16px;font-weight:600}.row dd{min-width:0;margin:0}.row-note{color:var(--ink-2);margin:12px 0 0;font-size:15px}.row-note a{color:var(--ink);text-underline-offset:3px;text-decoration:underline}.row .line-cmd{max-width:520px}.agents{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.agents li{border:1px solid var(--line-2);background:var(--panel);border-radius:5px;align-items:center;gap:8px;padding:7px 12px;font-size:15px;font-weight:500;display:inline-flex}.agents img{width:18px;height:18px;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .agents img{filter:invert()}}:root[data-theme=dark] .agents img{filter:invert()}.levels dd{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start;gap:24px;display:grid}.levels dd p{color:var(--ink-2);margin:0;font-size:15px}.levels dd>code{white-space:nowrap;max-width:100%;color:var(--p);justify-self:start;font-size:13px;overflow-x:auto}#start{border-bottom:0}.start-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;display:grid}.start-grid>*{min-width:0}#start h2{max-width:14em;margin-top:0;font-size:clamp(30px,3.4vw,44px);line-height:1.12}@media (width<=960px){.hero-grid,.pull-grid,.start-grid,.write-grid{grid-template-columns:1fr}.hero-grid{gap:40px}}@media (width<=860px){#hero{padding:64px 0 56px}section{padding:72px 0}.head{margin-bottom:36px}.row,.levels dd{grid-template-columns:1fr;gap:12px}}@media (width<=520px){pre{padding:16px;font-size:12.5px}#pull-tabs pre{padding-inline:16px;font-size:12px}.panel-note{padding:14px 16px 0}.chat{padding:14px 16px 18px}.msg{grid-template-columns:1fr;gap:2px}.get pre{white-space:pre-wrap;overflow-wrap:anywhere}.get-links .btn{flex:1 0 100%;justify-content:center}.line-cmd code{white-space:normal;overflow-wrap:anywhere}}