:root{--color-bg: oklch(99% .003 265);--color-surface: oklch(97.2% .005 265);--color-surface-2: oklch(98.4% .006 265);--color-code-bg: oklch(96.6% .008 265);--color-text: oklch(22% .02 265);--color-text-muted: oklch(48% .015 265);--color-text-subtle: oklch(62% .012 265);--color-text-on-accent: oklch(99% .003 265);--color-border: oklch(90% .006 265);--color-border-strong: oklch(80% .008 265);--color-accent: oklch(55% .19 38);--color-accent-hover: oklch(49% .195 38);--color-accent-text: oklch(42% .195 38);--color-accent-wash: oklch(95% .03 38);--color-focus: oklch(58% .17 265);--color-link: var(--color-text);--color-link-hover: var(--color-accent-text);--font-sans: "Switzer", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable", sans-serif;--font-display: "Supreme", ui-sans-serif, system-ui, -apple-system, "Segoe UI Variable", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--fs-display: clamp(2.5rem, 1.8rem + 3.6vw, 4.25rem);--fs-h2: clamp(1.75rem, 1.3rem + 2.2vw, 2.75rem);--fs-h3: clamp(1.125rem, 1rem + .6vw, 1.375rem);--fs-body-lg: 1.125rem;--fs-body: 1rem;--fs-small: .875rem;--fs-micro: .75rem;--lh-tight: 1.05;--lh-heading: 1.15;--lh-body: 1.6;--lh-mono: 1.55;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--tracking-display: -.02em;--tracking-body: 0em;--tracking-label: .08em;--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 40px;--space-6: clamp(64px, 3vw + 40px, 112px);--page-gutter: clamp(20px, 4vw, 40px);--page-max: 1120px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 9999px;--motion-fast: .16s;--motion-base: .32s;--motion-slow: .56s;--ease-out: cubic-bezier(.2, .7, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}html{color-scheme:light;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--fs-body);line-height:var(--lh-body);letter-spacing:var(--tracking-body)}a{color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;border-radius:2px}main{display:block;position:relative}h1,h2{font-family:var(--font-display);letter-spacing:var(--tracking-display);color:var(--color-text);margin:0 0 var(--space-4)}h1{font-size:var(--fs-display);font-weight:var(--fw-bold);line-height:var(--lh-tight)}h2{font-size:var(--fs-h2);font-weight:var(--fw-semibold);line-height:var(--lh-heading)}h3{font-family:var(--font-sans);font-size:var(--fs-h3);font-weight:var(--fw-semibold);line-height:var(--lh-heading);margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3);max-width:65ch;text-wrap:pretty}.lede,p.lede{font-size:var(--fs-body-lg);max-width:62ch;color:var(--color-text)}small,.meta{font-size:var(--fs-small);color:var(--color-text-muted)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--fs-small);line-height:var(--lh-mono)}code{background:var(--color-code-bg);padding:.1em .35em;border-radius:var(--radius-sm)}pre{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);overflow-x:auto;margin:0 0 var(--space-4)}pre code{background:transparent;padding:0}hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-5) 0}.skip-link{position:absolute;left:var(--space-2);top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-text);color:var(--color-bg);border-radius:var(--radius-sm);text-decoration:none;transform:translateY(-150%);transition:transform var(--motion-fast) var(--ease-out);z-index:100}.skip-link:focus-visible{transform:translateY(0)}.section{position:relative;padding:var(--space-6) var(--page-gutter);max-width:var(--page-max);margin-inline:auto}.label,.section-label{display:inline-block;font-family:var(--font-mono);font-size:var(--fs-micro);font-weight:var(--fw-medium);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);margin:0 0 var(--space-3)}.section-marker{position:absolute;top:calc(var(--space-6) - 28px);left:var(--page-gutter);right:var(--page-gutter);display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-subtle);pointer-events:none}.section-marker:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--color-border)}.section-marker>span{background:var(--color-bg);padding:0 var(--space-2);position:relative}.section-marker .mk-left{padding-left:0}.section-marker .mk-right{padding-right:0}@media(max-width:560px){.section-marker .mk-right{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--fw-medium);font-size:var(--fs-small);border-radius:var(--radius-md);padding:10px 18px;min-height:44px;cursor:pointer;border:0;text-decoration:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:var(--color-text-on-accent)}.btn-primary:hover{background:var(--color-accent-hover);color:var(--color-text-on-accent)}.btn-secondary{background:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-text);color:var(--color-text)}@media(max-width:560px){.cta-row{flex-direction:column;align-items:stretch}.cta-row .btn{width:100%}}.btn-ext{opacity:.7}.cta-row{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-5)}.statusbar{position:sticky;top:0;z-index:10;background:color-mix(in oklab,var(--color-bg) 92%,transparent);border-bottom:1px solid var(--color-border);backdrop-filter:saturate(1.2)}.statusbar-inner{max-width:var(--page-max);margin-inline:auto;padding:10px var(--page-gutter);display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}.statusbar-left,.statusbar-right{display:flex;gap:var(--space-3);align-items:center}.statusbar a{color:inherit;text-decoration:none;padding:6px 4px;margin:-6px -4px;-webkit-tap-highlight-color:transparent}.statusbar a:hover{color:var(--color-text)}.statusbar-brand{color:var(--color-text);font-weight:var(--fw-medium)}.statusbar a.statusbar-cta{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;margin:0;min-height:32px;background:var(--color-accent);color:var(--color-text-on-accent);border-radius:var(--radius-sm);font-weight:var(--fw-medium);touch-action:manipulation;transition:background var(--motion-fast) var(--ease-out),transform var(--motion-fast) var(--ease-out)}.statusbar a.statusbar-cta:hover{background:var(--color-accent-hover);color:var(--color-text-on-accent)}.statusbar a.statusbar-cta:active{transform:translateY(1px)}@media(max-width:640px){.statusbar-right .sb-hide-sm{display:none}}.siderail{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:5;display:none;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:var(--fs-micro);letter-spacing:var(--tracking-label)}@media(min-width:1280px){.siderail{display:flex}}.siderail a{color:var(--color-text-subtle);text-decoration:none;padding:3px 6px 3px 10px;display:flex;align-items:center;gap:8px;border-left:1px solid var(--color-border);transition:color var(--motion-fast) var(--ease-out),border-color var(--motion-fast) var(--ease-out)}.siderail a:hover{color:var(--color-text);border-left-color:var(--color-border-strong)}.siderail a.is-active{color:var(--color-text);border-left-color:var(--color-accent)}.siderail .sr-tick{opacity:.6}.hero{padding-top:calc(var(--space-6) + 40px);overflow:hidden}.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,var(--color-border) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(to bottom,transparent 0,black 20%,black 70%,transparent 100%),linear-gradient(to right,transparent 0,black 15%,black 85%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;opacity:.55}@media(max-width:560px){.hero-grid{background-size:48px 48px;opacity:.45}}.hero-inner{position:relative}.hero-eyebrow{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted);margin-bottom:var(--space-4)}.hero-eyebrow:before{content:"";width:24px;height:1px;background:var(--color-accent)}.hero h1{max-width:22ch}.hero .hero-lede{margin-top:var(--space-4)}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.hero-meta b{color:var(--color-text);font-weight:var(--fw-medium);display:block;margin-top:2px;text-transform:none;letter-spacing:0;font-family:var(--font-sans);font-size:var(--fs-small)}.aha-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-5);margin-top:var(--space-5);align-items:center}@media(max-width:799px){.aha-grid{grid-template-columns:minmax(0,1fr);align-items:start}}.aha-figure{margin:0;display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.aha-code{background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);margin:0;font-variant-numeric:tabular-nums;overflow-x:auto;position:relative;min-width:0;max-width:100%}.aha-code:before{content:attr(data-filename);position:absolute;top:10px;right:14px;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-label)}.figcaption{font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:var(--tracking-label)}.figcaption b{color:var(--color-text-muted);font-weight:var(--fw-medium);margin-right:8px}.aha-panels{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.aha-panel{display:grid;grid-template-columns:auto 1fr;gap:var(--space-3);opacity:0;transform:translateY(12px);transition:opacity var(--motion-base) var(--ease-out),transform var(--motion-base) var(--ease-out)}.aha-panel[data-visible=true]{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.aha-panel{opacity:1;transform:none}}.aha-k{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-text-muted);font-variant-numeric:tabular-nums;padding-top:2px}.aha-panel h3{margin-bottom:var(--space-1)}.aha-panel p{color:var(--color-text-muted);margin-bottom:0}.livedemo-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-5)}.livedemo-body{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}@media(max-width:799px){.livedemo-body{grid-template-columns:1fr}}.livedemo-pane pre{margin:6px 0 0;background:var(--color-code-bg);border:1px solid var(--color-border)}.livedemo-pane-label{font-family:var(--font-mono);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--color-text-muted)}.livedemo-cta{margin-top:var(--space-4)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);margin-top:var(--space-5)}@media(max-width:799px){.two-col{grid-template-columns:1fr}}.ascii-flow{margin:var(--space-5) 0;padding:var(--space-4);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--fs-small);line-height:var(--lh-mono);color:var(--color-text-muted);white-space:pre;overflow-x:auto}.ascii-flow b{color:var(--color-text);font-weight:var(--fw-medium)}.ascii-flow i{color:var(--color-accent);font-style:normal}.ascii-flow-stack{display:none}@media(max-width:720px){.ascii-flow-wide{display:none}.ascii-flow-stack{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-5) 0;padding:var(--space-4);background:var(--color-code-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);list-style:none;font-family:var(--font-mono);font-size:var(--fs-small);line-height:var(--lh-mono);color:var(--color-text-muted)}.afs-node{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:var(--space-3)}.afs-k{color:var(--color-text);font-weight:var(--fw-medium);font-variant-numeric:tabular-nums}.afs-box{padding:6px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text)}.afs-arrow{padding-left:calc(2ch + var(--space-3));color:var(--color-text-subtle);line-height:1}.afs-note{margin-top:var(--space-2);padding-top:var(--space-3);border-top:1px dashed var(--color-border);color:var(--color-accent-text);font-size:var(--fs-micro);text-transform:uppercase;letter-spacing:var(--tracking-label)}}.steps{list-style:none;padding:0;margin:var(--space-5) 0 0;display:flex;flex-direction:column;gap:var(--space-4)}.step{display:grid;grid-template-columns:auto 1fr;gap:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.step:last-child{border-bottom:0}.step-k{font-family:var(--font-mono);font-size:var(--fs-body-lg);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.step h3{margin-bottom:var(--space-1)}.step p{color:var(--color-text-muted);margin:0}.accordion{margin-top:var(--space-5)}.accordion details{border-bottom:1px solid var(--color-border)}.accordion details:first-of-type{border-top:1px solid var(--color-border)}.accordion summary{list-style:none;cursor:pointer;padding:var(--space-3) 0;display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-sans);font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--color-text)}.accordion summary::-webkit-details-marker{display:none}.accordion summary:hover .chev{color:var(--color-text)}.accordion .chev{color:var(--color-text-muted);transition:transform var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out);flex-shrink:0}.accordion details[open] .chev{transform:rotate(90deg)}.accordion .ans{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--motion-base) var(--ease-out)}.accordion details[open] .ans{grid-template-rows:1fr}.accordion .ans>div{min-height:0;color:var(--color-text-muted);font-size:var(--fs-small);padding:0 0 var(--space-3) calc(14px + var(--space-3))}.pilot-questions{margin-top:var(--space-5)}.pilot .cta-row{align-items:center}.cta-meta{font-family:var(--font-mono);font-size:var(--fs-small);color:var(--color-text-muted)}.footer{padding-top:var(--space-5);padding-bottom:var(--space-5)}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.footer-logo{font-family:var(--font-display);font-size:var(--fs-h3);font-weight:var(--fw-bold);letter-spacing:var(--tracking-display);color:var(--color-text);text-decoration:none;display:inline-flex;align-items:center;gap:8px}.footer-logo:after{content:"";width:6px;height:6px;border-radius:var(--radius-pill);background:var(--color-accent)}.footer-nav{display:flex;gap:var(--space-3) var(--space-4);flex-wrap:wrap;margin:-6px}.footer-nav a{font-size:var(--fs-small);color:var(--color-text-muted);text-decoration:none;padding:6px;-webkit-tap-highlight-color:transparent}.footer-nav a:hover{color:var(--color-text)}@media(max-width:560px){.footer-top{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.footer-nav{gap:var(--space-2) var(--space-3)}.footer-nav a{padding:8px 6px;min-height:44px;display:inline-flex;align-items:center}}.footer-bottom{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:var(--tracking-label)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}