@font-face{font-family:Archivo;src:url(/fonts/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono.woff2) format("woff2");font-weight:400 600;font-display:swap}@font-face{font-family:Archivo fallback;src:local("Arial"),local("Helvetica");size-adjust:104%;ascent-override:88%}@font-face{font-family:Martian fallback;src:local("Menlo"),local("Consolas"),local("DejaVu Sans Mono");size-adjust:112%}:root{--bg: #111111;--panel: #1a1a1a;--tile: #242424;--line: #2c2c2c;--fg: #f2f2f2;--ink-2: #bdbdbd;--mute: #8f8f8f;--y: #ffd400;--ok: #4ade80;--warn: #ff6b4a;--agent-a: #c79bff;--agent-b: #6aa8ff;--maya: #ff9f45;--runner: #4ade80;--sans: "Archivo", "Archivo fallback", system-ui, sans-serif;--mono: "Martian Mono", "Martian fallback", ui-monospace, monospace;--measure: 74rem;--gutter: clamp(16px, 4vw, 40px);color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:1rem;scrollbar-color:#3a3a3a transparent}pre,.sr-code,.sr-events,.board,.tablist{scrollbar-width:thin}body{margin:0;background:var(--bg);color:var(--fg);font:17px/1.55 var(--sans);overflow-x:hidden}a{color:inherit;text-underline-offset:3px;text-decoration-color:var(--y)}a:hover{color:var(--y)}:focus-visible{outline:2px solid var(--y);outline-offset:3px}::selection{background:var(--y);color:var(--bg)}h1,h2,h3{margin:0 0 .6em}h2{font-weight:850;font-stretch:118%;text-transform:uppercase;font-size:clamp(1.7rem,3.6vw,2.7rem);line-height:1;letter-spacing:-.005em}h3{font-weight:800;font-stretch:112%;text-transform:uppercase;font-size:1.15rem;line-height:1.15}p{margin:0 0 1em}code,pre,kbd{font-family:var(--mono);font-size:.82em}:not(pre)>code{color:var(--y);overflow-wrap:anywhere}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;inset-inline-start:var(--gutter);inset-block-start:-4rem;background:var(--y);color:var(--bg);padding:.5rem .9rem;font-weight:800;z-index:10}.skip:focus{inset-block-start:.75rem}.top,main>section,.foot,.page-head{max-inline-size:var(--measure);margin-inline:auto;padding-inline:var(--gutter)}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.1rem}.mark{display:inline-block;background:var(--y);color:var(--bg);font:900 1.25rem/1 var(--sans);font-stretch:125%;padding:.3rem .7rem .25rem;text-decoration:none;letter-spacing:.02em}.mark:hover{color:var(--bg);background:var(--fg)}.mark-glyph{display:inline-block;inline-size:.6rem;block-size:.6rem;background:var(--y);flex:none}.top nav{display:flex;gap:clamp(.9rem,3vw,1.8rem)}.top nav a{text-decoration:none;font-weight:800;font-stretch:110%;text-transform:uppercase;font-size:14px;letter-spacing:.03em;padding-block:.25rem;border-block-end:3px solid transparent}.top nav a[aria-current=page]{border-block-end-color:var(--y)}.hero{padding-block:clamp(2.5rem,7vw,5rem) clamp(1.5rem,4vw,3rem)}.kicker{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin-block-end:1.4rem}.kicker span:before{content:"■ ";color:var(--y)}.display{font-weight:900;font-stretch:125%;font-size:clamp(2.6rem,7.4vw,6.6rem);line-height:.92;text-transform:uppercase;letter-spacing:-.01em;margin-block-end:1.5rem}.display em{font-style:normal;color:var(--y)}.lede{font-size:clamp(1.08rem,1.7vw,1.3rem);line-height:1.5;color:var(--ink-2);max-inline-size:44rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,3rem);align-items:start;margin-block-start:2rem}.actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-block-start:1.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.15rem;font-weight:800;font-stretch:110%;text-transform:uppercase;font-size:14px;letter-spacing:.03em;text-decoration:none;border:2px solid var(--fg)}.btn.primary{background:var(--y);border-color:var(--y);color:var(--bg)}.btn.primary:hover{background:var(--fg);border-color:var(--fg);color:var(--bg)}.btn:not(.primary):hover{border-color:var(--y)}.board{background:var(--panel);border-block-start:6px solid var(--y);padding:1rem 1.1rem 1.1rem;overflow-x:auto}.board table{inline-size:100%;min-inline-size:40rem;border-collapse:collapse}.board caption{text-align:start;font:600 11px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em;padding-block-end:.6rem}.board th{font:600 10px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.1em;text-align:start;padding:0 .9rem .6rem 0;border-block-end:1px solid var(--line)}.board td{padding:.7rem .9rem .7rem 0;border-block-end:1px solid #222;font:600 15px var(--mono);vertical-align:middle;white-space:nowrap}.board .via{font-weight:400;font-size:12px;color:var(--ink-2);white-space:normal}.board .note{font:400 11px var(--mono);color:var(--mute);margin:.8rem 0 0}.flap{display:inline-flex;gap:3px;color:var(--y);letter-spacing:.1em}.flap i{font-style:normal;background:var(--tile);color:var(--y);inline-size:1.15em;text-align:center;padding:.12em 0;position:relative;letter-spacing:0}.flap i:after{content:"";position:absolute;inset-inline:0;inset-block-start:50%;block-size:1px;background:#0000008c}.st{font-size:12px;text-transform:uppercase;letter-spacing:.06em}.st.ok{color:var(--ok)}.st.wait{color:var(--y)}.st.hold{color:var(--warn)}install-tabs{display:block;background:var(--panel);border:2px solid var(--y);min-inline-size:0}.tablist{display:flex;overflow-x:auto;border-block-end:1px solid var(--line)}.tablist[hidden]{display:none}.tablist button{font:800 13px var(--sans);font-stretch:110%;text-transform:uppercase;letter-spacing:.03em;color:var(--mute);background:none;border:0;padding:.7rem .9rem;cursor:pointer;white-space:nowrap;border-block-end:3px solid transparent}.tablist button:hover{color:var(--fg)}.tablist button[aria-selected=true]{color:var(--fg);border-block-end-color:var(--y)}.panel{padding:.35rem 1rem .9rem}.panel+.panel{border-block-start:1px solid var(--line)}install-tabs[enhanced] .panel+.panel{border:0}.panel-title{font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--mute);margin:.8rem 0 .4rem}install-tabs[enhanced] .panel-title{position:absolute;inline-size:1px;block-size:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.panel-note{font-size:14px;color:var(--mute);margin:.5rem 0 0}.panel-note a{color:var(--fg)}.cmd{display:flex;align-items:flex-start;gap:.6rem;margin-block:.45rem}.cmd pre{flex:1;min-inline-size:0;margin:0;padding:.55rem 0;overflow-x:auto;font-size:13px;line-height:1.6}.cmd pre code{white-space:pre;color:var(--fg)}.cmd .prompt{color:var(--y);-webkit-user-select:none;user-select:none}.cmd .comment{color:var(--mute)}copy-button{flex:none}copy-button button{font:800 12px var(--sans);font-stretch:110%;text-transform:uppercase;color:var(--bg);background:var(--y);border:0;padding:.5rem .7rem;cursor:pointer;min-inline-size:4.8rem}copy-button button:hover{background:var(--fg)}copy-button button[data-state=copied]{background:var(--ok)}session-replay{display:block;background:#0c0c0c;border:1px solid var(--line);border-block-start:6px solid var(--y);font:13px/1.7 var(--mono);margin-block-start:2rem}.sr-head,.sr-status{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.4rem 1.2rem;padding:.6rem 1rem;color:var(--mute);font-size:11px}.sr-head{border-block-end:1px solid var(--line)}.sr-tag{color:var(--bg);background:var(--y);padding:0 .5em;text-transform:uppercase;letter-spacing:.08em;font-weight:600}.sr-tabs{display:flex;border-block-end:1px solid var(--line);font-size:11px}.sr-tabs span{padding:.4rem 1rem;color:var(--mute);border-inline-end:1px solid var(--line)}.sr-tabs span[data-on]{color:var(--fg);background:#161616;box-shadow:inset 0 -2px 0 var(--y)}.sr-tabs span[data-gone]{visibility:hidden}.sr-body{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.sr-code{list-style:none;margin:0;padding:1rem 0;counter-reset:ln;overflow-x:auto;border-inline-end:1px solid var(--line)}.sr-code li{counter-increment:ln;position:relative;padding-inline:3.2rem 1rem;white-space:pre;min-block-size:1.7em}.sr-code li:before{content:counter(ln);position:absolute;inset-inline-start:0;inline-size:2.2rem;text-align:end;color:#555}.sr-code code{font-size:13px;color:#d6d6d6}.sr-code .kw{color:var(--y)}.sr-code li.held{background:#6aa8ff17;box-shadow:inset 3px 0 0 var(--agent-b)}.sr-code li.changed code{color:var(--fg);background:#ffd4001a}.caret{position:absolute;inset-block:.15em;inset-inline-start:calc(3.2rem + var(--col) * 1ch);inline-size:2px;background:var(--who)}.caret b{position:absolute;inset-block-end:100%;inset-inline-start:0;font:600 9px/1.5 var(--mono);background:var(--who);color:#111;padding:0 .35em;white-space:nowrap}.hold-tag{position:absolute;inset-inline-end:.6rem;inset-block-start:.2em;font-size:10px;line-height:1.5;color:var(--agent-b);border:1px solid var(--agent-b);padding:0 .4em}[data-who=agent-a]{--who: var(--agent-a)}[data-who=agent-b]{--who: var(--agent-b)}[data-who=maya]{--who: var(--maya)}[data-who=runner]{--who: var(--runner)}[data-who=ci]{--who: var(--y)}.sr-events{list-style:none;margin:0;padding:0;max-block-size:22.5rem;overflow-y:auto}.sr-events li{display:grid;grid-template-columns:4.6rem 5.4rem minmax(0,1fr);gap:.6rem;padding:.55rem 1rem;border-block-end:1px solid #1d1d1d;font-size:12px;line-height:1.5}.sr-events li[role=button]{cursor:pointer}.sr-events li[role=button]:hover{background:#151515}.sr-events li[aria-current=step]{background:#181818;box-shadow:inset 3px 0 0 var(--y)}.sr-events li[data-later]{opacity:.35}.sr-events .who{color:var(--who);font-weight:600}.sr-events .op{color:var(--mute)}.sr-events .what{color:var(--fg)}.sr-events small{display:block;color:var(--mute);font-size:11px}.sr-status{border-block-start:1px solid var(--line)}.sr-ci b{color:var(--y);font-weight:600}.sr-controls{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.6rem 1rem .8rem;border-block-start:1px solid var(--line);color:var(--mute);font-size:11px}.sr-controls[hidden]{display:none}.sr-controls button{font:800 12px var(--sans);font-stretch:110%;text-transform:uppercase;color:var(--fg);background:none;border:2px solid var(--fg);padding:.3rem .8rem;cursor:pointer}.sr-controls button:hover{border-color:var(--y);color:var(--y)}.chart{margin:2rem 0 0;background:var(--panel);border-block-start:6px solid var(--y);padding:1.1rem 1.2rem 1rem}.chart-title{font:800 15px var(--sans);font-stretch:110%;text-transform:uppercase;margin-block-end:.6rem}.chart-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin:0 0 .8rem;padding:0;font:11px var(--mono);color:var(--ink-2)}.chart-legend i{display:inline-block;inline-size:.8rem;block-size:.8rem;margin-inline-end:.4rem;vertical-align:-1px}.chart svg{display:block;inline-size:100%;block-size:auto;overflow:visible}.ch-minor{fill:#6b5a10;background:#6b5a10}.ch-major{fill:#b39400;background:#b39400}.ch-critical{fill:var(--y);background:var(--y)}.ch-grid{stroke:var(--line);stroke-width:1}.ch-tick{font:10px var(--mono);fill:var(--mute)}.ch-value{font:600 13px var(--mono);fill:var(--fg);text-anchor:middle}.ch-year{font:11px var(--mono);fill:var(--ink-2);text-anchor:middle}.ch-hit{fill:transparent}.ch-bar:hover .ch-hit{fill:#ffffff0a}.chart-note{font:11px/1.6 var(--mono);color:var(--mute);margin:.8rem 0 0}.chart-table summary{cursor:pointer;font:600 11px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--y);margin-block-start:.8rem}.chart-table table{inline-size:100%;border-collapse:collapse;margin-block-start:.6rem;font:12px var(--mono);display:block;overflow-x:auto}.chart-table th,.chart-table td{text-align:end;padding:.35rem .6rem;border-block-end:1px solid var(--line);white-space:nowrap}.chart-table th:first-child{text-align:start}.chart-table thead th{color:var(--mute);font-weight:600;font-size:10px;text-transform:uppercase}.sub{margin-block-start:3rem;font-size:clamp(1.2rem,2.4vw,1.6rem)}.stat-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:2px;background:var(--line);border:2px solid var(--line);margin-block-start:2rem}.stat-row div{background:var(--bg);padding:1.1rem 1.2rem 1.3rem}.stat-row b{display:block;font:900 clamp(2.2rem,5vw,3.4rem)/1 var(--sans);font-stretch:125%;color:var(--y)}.stat-row span{display:block;color:var(--ink-2);font-size:.95rem;margin-block-start:.4rem}main>section{padding-block:clamp(2.5rem,6vw,4.5rem)}.label{font:600 12px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--y);margin-block-end:.9rem}.rule-top{border-block-start:2px solid var(--line)}.intro{max-inline-size:46rem;color:var(--ink-2);font-size:1.08rem}.why{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,4rem)}.pains{list-style:none;margin:0;padding:0;display:grid;gap:2px;background:var(--line);border:2px solid var(--line);align-self:start}.pains li{padding:1rem 1.1rem;background:var(--bg)}.pains b{display:block;font-weight:800;font-stretch:110%;text-transform:uppercase;font-size:15px}.pains span{color:var(--ink-2);font-size:.95rem}.ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:2px;background:var(--line);border:2px solid var(--line);margin-block-start:2rem;list-style:none;padding:0}.ideas li{padding:1.4rem 1.3rem 1.6rem;background:var(--bg)}.ideas h3:before{content:counter(list-item,decimal-leading-zero);display:block;font:600 12px var(--mono);color:var(--y);margin-block-end:.5rem}.ideas p{color:var(--ink-2);margin:0;font-size:.97rem}.pieces{inline-size:100%;border-collapse:collapse;margin-block-start:1.5rem;font-size:.97rem}.pieces th,.pieces td{text-align:start;vertical-align:top;padding:.9rem .75rem .9rem 0;border-block-end:1px solid var(--line)}.pieces th{white-space:nowrap;font:600 13px var(--mono);color:var(--y);text-transform:uppercase;letter-spacing:.06em;padding-inline-end:1.5rem}.pieces td{color:var(--ink-2)}.aside-note{color:var(--mute);font-size:.95rem;margin-block-start:1.25rem}.demo-teaser{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center}.stats{display:flex;gap:clamp(1.25rem,5vw,3.5rem);margin:0}.stats div{display:grid}.stats dt{order:2;font:600 12px var(--mono);color:var(--mute);text-transform:uppercase;letter-spacing:.08em}.stats dd{order:1;margin:0;font:900 clamp(3rem,8vw,5.5rem)/1 var(--sans);font-stretch:125%}.stats div:last-child dd{color:var(--y)}.page-head{padding-block:clamp(2rem,6vw,4rem) 0}.page-head h1{font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(2.2rem,6vw,4.2rem);line-height:.95}.page-head .lede{margin:0}.prose{max-inline-size:48rem}.prose h2{margin-block-start:2.75rem;font-size:clamp(1.4rem,2.8vw,1.9rem)}.prose h2:first-child{margin-block-start:0}.prose ul,.prose ol{padding-inline-start:1.25rem}.prose li{margin-block-end:.45rem}.prose li::marker{color:var(--y)}.prose .cmd-block{background:var(--panel);border-inline-start:4px solid var(--y);padding:.4rem 1rem;margin-block:1rem 1.25rem}.callout{border:2px solid var(--y);padding:.9rem 1.1rem;margin-block:1.25rem}.callout p:last-child{margin:0}.links{list-style:none;padding:0;display:grid;gap:2px;background:var(--line);border:2px solid var(--line)}.links a{display:block;padding:1rem 1.1rem;background:var(--bg);text-decoration:none}.links a:hover{background:var(--panel);color:inherit}.links a:hover b{color:var(--y)}.links b{display:block;font-weight:800;font-stretch:110%;text-transform:uppercase}.links span{color:var(--ink-2);font-size:.95rem}.film{aspect-ratio:16 / 9;display:grid;place-items:center;text-align:center;border:2px dashed var(--line);background:var(--panel);color:var(--ink-2);padding:1rem;margin-block:1.5rem}.film-frame{margin:1.5rem 0 2rem}.film-frame video{display:block;inline-size:100%;block-size:auto;aspect-ratio:16 / 9;border-block-start:6px solid var(--y);background:#000}.film-frame figcaption{color:var(--ink-2);font-size:.95rem;margin-block-start:.6rem}.chapters{list-style:none;padding:0;display:grid;gap:.5rem}.chapters li{display:grid;grid-template-columns:3.6rem minmax(0,1fr);gap:.5rem;color:var(--ink-2)}.chapters time{font:600 13px/1.9 var(--mono);color:var(--y)}.generated{max-inline-size:var(--measure)}.generated table{display:block;overflow-x:auto;border-collapse:collapse;font-size:.9rem;margin-block:1rem}.generated th,.generated td{border:1px solid var(--line);padding:.45rem .6rem;text-align:start;vertical-align:top}.generated th{font:600 12px var(--mono);color:var(--y);text-transform:uppercase;letter-spacing:.05em}.generated pre{background:var(--panel);border-inline-start:4px solid var(--y);padding:.9rem 1rem;overflow-x:auto;font-size:12px}.generated pre code{color:var(--fg)}.generated h1{font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(1.9rem,4.6vw,3rem);line-height:1}.generated h2{margin-block-start:2.5rem}.foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:2rem 3rem;border-block-start:2px solid var(--line);color:var(--mute);font:12px/1.6 var(--mono);margin-block-start:2rem}.foot p{display:inline-flex;align-items:center;gap:.6rem;margin:0}.foot nav{display:flex;gap:1.25rem;text-transform:uppercase}@media(max-width:860px){.hero-grid,.why,.demo-teaser,.sr-body{grid-template-columns:minmax(0,1fr)}.sr-code{border-inline-end:0;border-block-end:1px solid var(--line)}.sr-events{max-block-size:15rem}.pieces th{white-space:normal}}@media(max-width:560px){body{font-size:16px}.sr-events li{grid-template-columns:4.2rem minmax(0,1fr)}.sr-events .op{grid-column:2;grid-row:1}.sr-events .what{grid-column:1 / -1}.hold-tag{display:none}session-replay,.sr-code code{font-size:11px}.sr-code li{padding-inline-start:2.6rem}.sr-code li:before{inline-size:1.8rem}.caret{inset-inline-start:calc(2.6rem + var(--col) * 1ch)}.pieces,.pieces tbody,.pieces tr,.pieces th,.pieces td{display:block}.pieces th{padding-block-end:.2rem;border:0}.pieces td{padding-block-start:0}}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}.btn,.links a,copy-button button,.sr-controls button{transition:background-color .15s,border-color .15s,color .15s}.caret{transition:inset-inline-start .25s ease-out}}