*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}:root{--col-max:120rem;--inset:clamp(.5rem, 1.5vw, 2rem);--pad:1rem;--ease:cubic-bezier(.22, 1, .36, 1)}@media (width>=48rem){:root{--pad:2rem}}@media (width>=80rem){:root{--pad:4rem}}@media (width>=100rem){:root{--pad:6rem}}html{-webkit-text-size-adjust:100%;background:var(--twin-bg);scrollbar-color:var(--twin-rule) transparent;overflow-x:clip}pre{scrollbar-color:var(--twin-rule) transparent}body{background:var(--twin-bg);color:var(--twin-text);font:400 .9375rem/1.85 var(--twin-font-body);font-variant-ligatures:none;font-feature-settings:"calt" 0;-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px;text-decoration-color:color-mix(in srgb, currentColor 40%, transparent)}a:hover{text-decoration-color:currentColor}:focus-visible{outline:2px solid var(--twin-focus);outline-offset:2px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}#theme,.copy,.again{font:500 .75rem/1.4 var(--twin-font-body);color:var(--twin-text-muted);border:1px solid var(--twin-rule);background:var(--twin-bg);padding:.25rem .65rem}#theme{text-align:center;min-width:4.25rem}#theme:hover,.copy:hover,.again:hover{color:var(--twin-text);border-color:var(--twin-text-muted)}.band-foot{margin-bottom:4rem}.col{width:min(var(--col-max), 100% - 2 * var(--inset));padding-inline:var(--pad);border-inline:1px solid var(--twin-rule);margin-inline:auto;position:relative}.band:not(.band-nav)>.col{border-top:1px solid var(--twin-rule)}.band-foot>.col{border-bottom:1px solid var(--twin-rule)}.split{position:relative}.steps>li+li,.body>.pair+.pair{margin-top:3.5rem;margin-inline:calc(-1 * var(--pad));padding-inline:var(--pad);border-top:1px solid var(--twin-rule);padding-top:3.5rem;position:relative}.nav{justify-content:space-between;align-items:center;gap:1rem;padding-block:1.1rem;display:flex}.nav nav{align-items:center;gap:1.5rem;font-size:.8125rem;display:flex}.nav nav a{color:var(--twin-text-muted);text-decoration:none}.nav nav a:hover{color:var(--twin-text)}.logo{font:900 1.9rem/1 var(--twin-font-mark);letter-spacing:-.02em;white-space:nowrap;text-decoration:none}.cursor{background:var(--twin-fail);width:.3em;height:.5em;margin-left:.12em;animation:1.2s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}h1,h2,h3{font-family:var(--twin-font-mark);letter-spacing:-.01em;text-wrap:balance;margin:0;font-weight:900}h1{letter-spacing:-.04em;font-size:clamp(2.1rem,3.6vw,3rem);line-height:1.12}h2{margin-bottom:1.75rem;font-size:clamp(1.5rem,2.3vw,1.95rem);line-height:1.25}h3{margin-bottom:1rem;font-size:1.2rem;line-height:1.35}p{max-width:72ch;margin:0 0 1.5rem}.lede,.intro{color:var(--twin-text-muted);max-width:68ch;font-size:.9375rem}.small{color:var(--twin-text-muted);font-size:.8125rem}.kicker,.rail p,.step-no{font:500 .72rem/1.4 var(--twin-font-label);letter-spacing:.08em;text-transform:uppercase;color:var(--twin-text-muted)}code{font-family:var(--twin-font-mono);font-size:.92em}:not(pre)>code{background:var(--twin-code);border:1px solid var(--twin-rule);padding:.05em .3em}figcaption code,dt code{background:0 0;border:0;padding:0}.hero{gap:4rem;padding-block:7rem;display:grid}.hero-text>*+*{margin-top:2rem}.hero-text .lede{margin-bottom:0}.kicker{margin:0}.install{max-width:38rem;position:relative}.install pre{background:var(--twin-surface);border:1px solid var(--twin-rule);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:.8rem 5.5rem .8rem 1rem;font-size:.8125rem}.copy{position:absolute;top:50%;right:.6rem;transform:translateY(-50%)}.actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-bottom:0;font-size:.875rem;display:flex}.button{background:var(--twin-text);color:var(--twin-bg);padding:.6rem 1.1rem;font-weight:500;text-decoration:none;display:inline-block}.button:hover{opacity:.88}.sec{gap:1.5rem;padding-block:7rem;display:grid}.rail p{margin:0}.rail span{color:var(--twin-text);margin-right:.5em}.body>:last-child{margin-bottom:0}.pair{align-items:start;gap:2rem 5rem;display:grid}.pair-text>:last-child{margin-bottom:0}.stack{gap:2.5rem;min-width:0;display:grid}@media (width>=64rem){.pair{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:stretch;gap:0;padding:0}.hero-text,.hero-demo{padding:7rem var(--pad)}.hero-text{align-self:center}.hero-demo{align-items:center;display:flex}.hero-demo>.film{flex:1}.hero .split{border-left:1px solid var(--twin-rule)}}@media (width>=80rem){.sec{grid-template-columns:14rem minmax(0,1fr);gap:0;padding:0}.rail{padding:6rem 2rem}.rail p{padding-top:.55rem;position:sticky;top:1.5rem}.sec>.body{padding:6rem var(--pad);border-left:1px solid var(--twin-rule)}}.film{border:1px solid var(--twin-rule);background:var(--twin-code);margin:0;position:relative}.film video{aspect-ratio:16/9;cursor:pointer;background:#111214;width:100%;height:auto;display:block}.film:fullscreen{flex-direction:column;justify-content:center;display:flex}.film:fullscreen video{aspect-ratio:auto;object-fit:contain;height:calc(100% - 2.75rem)}.film-big{background:var(--twin-text);color:var(--twin-bg);font:500 .8125rem/1.4 var(--twin-font-mono);cursor:pointer;border:0;padding:.7rem 1.4rem;position:absolute;bottom:3.75rem;right:1rem}.film-big:hover{opacity:.88}.film[data-state=playing] .film-big{display:none}.film-bar{border-top:1px solid var(--twin-rule);height:2.75rem;font:500 .75rem/1 var(--twin-font-mono);color:var(--twin-text-muted);align-items:center;gap:1rem;padding-inline:.75rem;display:flex}.film-bar button{color:var(--twin-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;padding:.3rem .5rem}.film-bar button:hover{border-color:var(--twin-rule)}.film-toggle{min-width:4.2em}.film-mute{min-width:6.5em}.film-time{font-variant-numeric:tabular-nums;white-space:nowrap}.film-seek{--done:0%;appearance:none;cursor:pointer;background:0 0;flex:1;min-width:0;height:1rem;margin:0}.film-seek::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--twin-text) var(--done), var(--twin-rule) var(--done));height:2px}.film-seek::-moz-range-track{background:var(--twin-rule);height:2px}.film-seek::-moz-range-progress{background:var(--twin-text);height:2px}.film-seek::-webkit-slider-thumb{background:var(--twin-text);appearance:none;border:0;border-radius:0;width:.6rem;height:.9rem;margin-top:-.4rem}.film-seek::-moz-range-thumb{background:var(--twin-text);border:0;border-radius:0;width:.6rem;height:.9rem}@media (width<=40rem){.film-big,.film-mute,.film-time{display:none}}.term{background:var(--twin-code);border:1px solid var(--twin-rule);min-width:0;margin:0}.term figcaption{background:var(--twin-code-head);border-bottom:1px solid var(--twin-rule);min-height:2.5rem;font:500 .75rem/1.4 var(--twin-font-mono);color:var(--twin-text-muted);align-items:center;padding:.4rem 1rem;display:flex}.term figcaption code{color:var(--twin-text);font-size:inherit;background:0 0;border:0;padding:0}.term pre{white-space:pre-wrap;overflow-wrap:anywhere;font:400 .78rem/1.6 var(--twin-font-mono);margin:0;padding:1rem}.term pre code{font-size:inherit}.t-dim{color:var(--twin-text-muted)}.flow{gap:1.5rem;margin:2rem 0 1.5rem;padding:0;list-style:none;display:grid}.flow li{border-top:1px solid var(--twin-rule);margin:0;padding-top:1rem}.flow code{background:0 0;border:0;margin-bottom:.6rem;padding:0;font-size:.8125rem;font-weight:600;display:block}.flow p{color:var(--twin-text-muted);margin:0;font-size:.875rem}.agents{gap:3rem 4rem;display:grid}.agents p{color:var(--twin-text-muted)}@media (width>=64rem){.flow{grid-template-columns:repeat(4,minmax(0,1fr))}.agents{grid-template-columns:repeat(2,minmax(0,1fr))}}.foot{color:var(--twin-text-muted);flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;padding-block:1.75rem;font-size:.8125rem;display:flex}.small-logo{color:var(--twin-text);margin-right:auto;font-size:1.2rem}@media (width<=40rem){.nav nav{gap:1rem}.nav nav a[href*=github]{display:none}.hero,.sec{padding-block:3rem}.term pre{padding:.85rem;font-size:.72rem}}@media (prefers-reduced-motion:reduce){.cursor{animation:none}}