@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&display=swap";.code-block[data-astro-cid-c6nuo4je]{border-radius:var(--radius-code);flex-direction:column;flex:1;width:100%;display:flex;overflow:hidden}.code-block[data-astro-cid-c6nuo4je] pre[data-astro-cid-c6nuo4je]{padding:var(--space-5);-webkit-overflow-scrolling:touch;background:var(--surface-canvas);border-radius:inherit;flex:1;margin:0;overflow-x:auto}.code-block[data-astro-cid-c6nuo4je] code[data-astro-cid-c6nuo4je]{font-family:var(--font-code);color:var(--text-primary);white-space:pre;font-size:.85rem;line-height:1.8;display:block}.code-block .hl-keyword{color:var(--signal);font-weight:500}.code-block .hl-value{color:color-mix(in srgb, var(--signal) 80%, var(--text-primary))}.code-block .hl-identifier{color:var(--text-primary)}.code-block .hl-resource{color:color-mix(in srgb, var(--signal) 60%, var(--text-primary));font-weight:500}.code-block .hl-punctuation,.code-block .hl-arrow{color:var(--text-secondary)}.code-block .hl-relationship{color:color-mix(in srgb, var(--signal) 70%, var(--text-primary));font-style:italic}.code-block .hl-function{color:color-mix(in srgb, var(--signal) 50%, #6b9bd1)}.code-block .hl-string{color:color-mix(in srgb, var(--text-secondary) 70%, #c88b5e)}.hero-compare[data-astro-cid-x6e7lyf5]{text-align:center;opacity:0;animation:reveal-hero-compare var(--duration-reveal) .2s var(--ease-standard) forwards;margin-block:0 clamp(3.5rem,7vw,6rem);padding:0;position:relative;transform:translateY(20px)}@keyframes reveal-hero-compare{to{opacity:1;transform:translateY(0)}}.compare-window[data-astro-cid-x6e7lyf5]{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);transition:box-shadow var(--duration-base) var(--ease-standard), border-color var(--duration-base) var(--ease-standard);overflow:hidden;box-shadow:0 1px 3px #0000000a}.compare-window[data-astro-cid-x6e7lyf5]:hover{border-color:var(--border-strong);box-shadow:0 2px 8px #00000014}.compare-window__header[data-astro-cid-x6e7lyf5]{padding:var(--space-3) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);user-select:none;justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.window-controls[data-astro-cid-x6e7lyf5]{flex-shrink:0;align-items:center;gap:7px;width:60px;display:flex}.window-dot[data-astro-cid-x6e7lyf5]{border-radius:50%;width:10px;height:10px;display:inline-block}.window-dot--close[data-astro-cid-x6e7lyf5]{background:#ff5f56;border:1px solid #e0443e}.window-dot--min[data-astro-cid-x6e7lyf5]{background:#ffbd2e;border:1px solid #dea123}.window-dot--zoom[data-astro-cid-x6e7lyf5]{background:#27c93f;border:1px solid #1aab29}.window-title[data-astro-cid-x6e7lyf5]{align-items:center;gap:var(--space-2);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;display:inline-flex;overflow:hidden}.window-title__icon[data-astro-cid-x6e7lyf5]{color:var(--signal);flex-shrink:0;align-items:center;display:inline-flex}.window-title__filename[data-astro-cid-x6e7lyf5]{color:var(--text-primary);font-weight:500}.window-title__sep[data-astro-cid-x6e7lyf5]{color:var(--text-secondary);opacity:.6}.window-title__output[data-astro-cid-x6e7lyf5]{color:var(--text-secondary)}.window-actions[data-astro-cid-x6e7lyf5]{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.compare-presets[data-astro-cid-x6e7lyf5]{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-control);align-items:center;gap:2px;padding:2px;display:inline-flex}.preset-btn[data-astro-cid-x6e7lyf5]{color:var(--text-secondary);font-family:var(--font-code);border-radius:var(--radius-control);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;border:none;padding:3px 9px;font-size:.7rem;font-weight:500}.preset-btn[data-astro-cid-x6e7lyf5]:hover{color:var(--text-primary);background:color-mix(in srgb, var(--text-primary) 8%, transparent)}.preset-btn[data-astro-cid-x6e7lyf5].is-active{background:var(--signal);color:var(--signal-contrast)}.window-link[data-astro-cid-x6e7lyf5]{border-radius:var(--radius-control);border:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-code);transition:all var(--duration-fast) var(--ease-standard);background:0 0;align-items:center;gap:4px;padding:3px 9px;font-size:.7rem;font-weight:500;display:inline-flex}.window-link[data-astro-cid-x6e7lyf5]:hover{color:var(--signal);border-color:var(--signal);background:color-mix(in srgb, var(--signal) 8%, transparent)}.compare-stage[data-astro-cid-x6e7lyf5]{touch-action:pan-y;user-select:none;background:var(--surface-canvas);cursor:col-resize;width:100%;height:clamp(420px,52vw,560px);position:relative;overflow:hidden}.compare-stage[data-astro-cid-x6e7lyf5].is-animating{transition:--slider-pos var(--duration-base) var(--ease-standard)}.compare-layer[data-astro-cid-x6e7lyf5]{pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.compare-layer--code[data-astro-cid-x6e7lyf5]{clip-path:inset(0 calc(100% - var(--slider-pos)) 0 0);background:var(--surface-sunken);z-index:1;cursor:text;user-select:text}.code-scroller[data-astro-cid-x6e7lyf5]{width:100%;height:100%;padding:var(--space-5) var(--space-4) var(--space-4) var(--space-3);scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent;-webkit-overflow-scrolling:touch;text-align:left;overflow:auto}.code-body[data-astro-cid-x6e7lyf5]{font-family:var(--font-code);background:0 0;margin:0;padding:0;font-size:clamp(.72rem,1.1vw,.82rem);line-height:1.65}.code-lines[data-astro-cid-x6e7lyf5]{white-space:pre;flex-direction:column;font-family:inherit;display:flex}.hero-compare .code-line{align-items:baseline;min-height:1.65em;display:flex}.hero-compare .code-line:hover{background:color-mix(in srgb, var(--text-primary) 4%, transparent)}.hero-compare .line-number{width:2.5rem;padding-right:var(--space-3);text-align:right;color:var(--text-secondary);opacity:.45;user-select:none;flex-shrink:0;font-size:.72rem}.hero-compare .line-content{color:var(--text-primary);flex:1}.hero-compare .hl-keyword{color:var(--signal);font-weight:600}.hero-compare .hl-value{color:color-mix(in srgb, var(--signal) 75%, var(--text-primary));font-weight:500}.hero-compare .hl-scope{color:#e59958;font-weight:600}.hero-compare .hl-scope-name{color:var(--text-primary);font-weight:500}.hero-compare .hl-identifier{color:var(--text-primary)}.hero-compare .hl-resource{color:#64b5f6;font-weight:500}.hero-compare .hl-string{color:#ffd54f}.hero-compare .hl-arrow{color:var(--text-secondary);opacity:.8}.hero-compare .hl-relationship{color:#ba68c8;font-style:italic;font-weight:500}.hero-compare .hl-punctuation,.hero-compare .hl-bracket,.hero-compare .hl-brace{color:var(--text-secondary)}.hero-compare .hl-comment{color:var(--text-secondary);opacity:.7;font-style:italic}.compare-layer--diagram[data-astro-cid-x6e7lyf5]{clip-path:inset(0 0 0 var(--slider-pos));background:var(--surface-canvas);z-index:2;cursor:default}.diagram-canvas[data-astro-cid-x6e7lyf5]{justify-content:center;align-items:center;width:100%;height:100%;padding:clamp(1rem,3vw,2.5rem);display:flex;position:relative}.diagram-blueprint-grid[data-astro-cid-x6e7lyf5]{background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--border-subtle) 75%, transparent) 1px, transparent 0);opacity:.4;pointer-events:none;background-size:24px 24px;position:absolute;inset:0}.diagram-canvas[data-astro-cid-x6e7lyf5] img[data-astro-cid-x6e7lyf5]{object-fit:contain;filter:drop-shadow(0 10px 24px #00000024);pointer-events:none;width:auto;max-width:100%;height:auto;max-height:100%}:root[data-theme=light] .diagram-canvas[data-astro-cid-x6e7lyf5] img[data-astro-cid-x6e7lyf5]{filter:drop-shadow(0 6px 16px #0000000d)}.layer-pill[data-astro-cid-x6e7lyf5]{top:var(--space-3);z-index:10;border-radius:var(--radius-control);background:color-mix(in srgb, var(--surface-raised) 85%, transparent);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);font-family:var(--font-code);letter-spacing:.04em;color:var(--text-secondary);pointer-events:none;align-items:center;gap:6px;padding:3px 8px;font-size:.65rem;font-weight:500;display:inline-flex;position:absolute;box-shadow:0 1px 4px #0000000f}.layer-pill--code[data-astro-cid-x6e7lyf5]{left:var(--space-3)}.layer-pill--diagram[data-astro-cid-x6e7lyf5]{right:var(--space-3)}.layer-pill__indicator[data-astro-cid-x6e7lyf5]{background:var(--signal);border-radius:50%;width:5px;height:5px}.compare-divider[data-astro-cid-x6e7lyf5]{top:0;bottom:0;left:var(--slider-pos);z-index:20;pointer-events:none;width:1px;position:absolute;transform:translate(-50%)}.compare-divider__line[data-astro-cid-x6e7lyf5]{background:var(--border-strong);opacity:.9;position:absolute;inset:0}.compare-handle[data-astro-cid-x6e7lyf5]{top:50%;left:var(--slider-pos);z-index:30;border:1px solid var(--border-strong);background:var(--surface-raised);width:24px;height:38px;color:var(--text-secondary);cursor:ew-resize;transition:transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard), background-color var(--duration-fast) var(--ease-standard);touch-action:none;border-radius:6px;outline:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 1px 3px #0000001f}.compare-handle[data-astro-cid-x6e7lyf5]:hover,.compare-stage[data-astro-cid-x6e7lyf5].is-dragging .compare-handle[data-astro-cid-x6e7lyf5]{border-color:var(--signal);color:var(--signal);transform:translate(-50%,-50%)scale(1.06);box-shadow:0 4px 12px #00000038,0 1px 3px #0000001f}.compare-handle[data-astro-cid-x6e7lyf5]:focus-visible{outline:2px solid var(--signal);outline-offset:2px}.handle-icon[data-astro-cid-x6e7lyf5]{flex-direction:column;align-items:center;gap:3px;display:flex}.handle-dot[data-astro-cid-x6e7lyf5]{opacity:.75;width:3px;height:3px;transition:opacity var(--duration-fast);background:currentColor;border-radius:50%}.compare-handle[data-astro-cid-x6e7lyf5]:hover .handle-dot[data-astro-cid-x6e7lyf5],.compare-stage[data-astro-cid-x6e7lyf5].is-dragging .handle-dot[data-astro-cid-x6e7lyf5]{opacity:1}.hero-compare__caption[data-astro-cid-x6e7lyf5]{margin-top:var(--space-4);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.caption-bullet[data-astro-cid-x6e7lyf5]{color:var(--border-strong)}.caption-interaction[data-astro-cid-x6e7lyf5]{color:var(--text-secondary)}.caption-interaction[data-astro-cid-x6e7lyf5] kbd[data-astro-cid-x6e7lyf5]{font-family:var(--font-code);color:var(--text-primary);background:var(--surface-sunken);border:1px solid var(--border-subtle);box-shadow:0 1px 0 var(--border-subtle);border-radius:4px;padding:.1rem .35rem;font-size:.72rem;display:inline-block}@media (width<=719px){.compare-window__header[data-astro-cid-x6e7lyf5]{padding:var(--space-2) var(--space-3)}.window-controls[data-astro-cid-x6e7lyf5]{gap:5px;width:45px}.window-dot[data-astro-cid-x6e7lyf5]{width:8px;height:8px}.window-title__sep[data-astro-cid-x6e7lyf5],.window-title__output[data-astro-cid-x6e7lyf5]{display:none}.preset-btn[data-astro-cid-x6e7lyf5]{padding:2px 7px;font-size:.65rem}.window-link[data-astro-cid-x6e7lyf5]{display:none}.compare-stage[data-astro-cid-x6e7lyf5]{height:420px}.hero-compare__caption[data-astro-cid-x6e7lyf5]{font-size:var(--text-xs)}}@media (prefers-reduced-motion:reduce){.hero-compare[data-astro-cid-x6e7lyf5]{opacity:1!important;animation:none!important;transform:none!important}.compare-stage[data-astro-cid-x6e7lyf5].is-animating{transition:none!important}}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-ext-wght-normal.B5bTHO_g.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Instrument Sans Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/_astro/instrument-sans-latin-wght-normal.BbzFLZTg.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/commit-mono-latin-400-normal.wzhe4RuD.woff2)format("woff2")}@font-face{font-family:Commit Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/_astro/commit-mono-latin-500-normal.5uPfnx7h.woff2)format("woff2")}:root{--font-display:"Bricolage Grotesque", "Instrument Sans Variable", sans-serif;--font-ui:"Instrument Sans Variable", sans-serif;--font-code:"Commit Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:6rem;--radius-control:999px;--radius-code:10px;--radius-panel:12px;--border-hairline:1px;--shadow-raised:0 18px 50px #00000014;--focus-width:2px;--focus-offset:3px;--duration-fast:.16s;--duration-base:.24s;--duration-reveal:.6s;--ease-standard:cubic-bezier(.2, .8, .2, 1);--text-xs:.625rem;--text-sm:.72rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--min-tap-target:44px;color-scheme:light;--surface-canvas:#f8f8f4;--surface-raised:#fff;--surface-sunken:#ecece6;--surface-inverse:#171814;--border-subtle:#dedfd8;--border-strong:#aeb0a6;--text-primary:#171814;--text-secondary:#6e7068;--text-inverse:#fafbf6;--signal:#356d12;--signal-hover:#28570e;--signal-contrast:#fff;--focus-ring:#356d12;--diagram-canvas:#f8f8f4;--diagram-canvas-line:#d5d7cf;--surface-0:var(--surface-canvas);--surface-1:var(--surface-raised);--surface-2:var(--surface-sunken);--line:var(--border-subtle);--line-strong:var(--border-strong);--text-1:var(--text-primary);--text-2:var(--text-secondary);--accent:var(--signal);--accent-hover:var(--signal-hover);--accent-contrast:var(--signal-contrast);--transition-fast:var(--duration-fast) ease-out;--transition-base:var(--duration-base) ease-out;--transition-smooth:.24s var(--ease-standard);--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 8px #00000014;--shadow-lg:0 12px 24px #0000001f}[data-theme=dark]{color-scheme:dark;--surface-canvas:#11120f;--surface-raised:#181915;--surface-sunken:#24251f;--surface-inverse:#f0f1eb;--border-subtle:#303129;--border-strong:#62645b;--text-primary:#f0f1eb;--text-secondary:#a1a39a;--text-inverse:#11120f;--signal:#a9e876;--signal-hover:#baf08d;--signal-contrast:#11120f;--focus-ring:#a9e876;--diagram-canvas:#11120f;--diagram-canvas-line:#303129;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 8px #0006;--shadow-lg:0 12px 24px #00000080}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--surface-canvas:#11120f;--surface-raised:#181915;--surface-sunken:#24251f;--surface-inverse:#f0f1eb;--border-subtle:#303129;--border-strong:#62645b;--text-primary:#f0f1eb;--text-secondary:#a1a39a;--text-inverse:#11120f;--signal:#a9e876;--signal-hover:#baf08d;--signal-contrast:#11120f;--focus-ring:#a9e876;--diagram-canvas:#11120f;--diagram-canvas-line:#303129}}:root{--radius-control:6px;--radius-panel:8px;--radius-code:8px}*{box-sizing:border-box}html{background:var(--surface-canvas);scroll-behavior:smooth;max-width:100vw;position:relative;overflow-x:hidden}html:before{content:"";background-image:radial-gradient(circle at 20% 30%, color-mix(in srgb, var(--signal) 4%, transparent) 0%, transparent 50%), radial-gradient(circle at 80% 70%, color-mix(in srgb, var(--signal) 3%, transparent) 0%, transparent 50%);pointer-events:none;z-index:0;position:fixed;inset:0}html:after{content:"";pointer-events:none;z-index:1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}[id]{scroll-margin-top:clamp(4.5rem,10vh,6.5rem)}body{min-width:320px;color:var(--text-primary);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;z-index:2;background:0 0;margin:0;line-height:1.6;position:relative;overflow-x:hidden}a{color:inherit;text-decoration:none}:focus-visible{outline:var(--focus-width) solid var(--focus-ring);outline-offset:var(--focus-offset)}.skip-link{z-index:100;top:var(--space-3);left:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--signal);color:var(--signal-contrast);font-family:var(--font-code);font-size:var(--text-sm);border-radius:var(--radius-control);position:fixed;translate:0 -180%}.skip-link:focus{translate:0}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.theme-control{min-width:var(--min-tap-target);min-height:var(--min-tap-target);align-items:center;gap:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-control);background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--text-primary);grid-template-columns:auto 1fr;display:inline-grid}.theme-control select{max-width:5.25rem;color:inherit;font:inherit;background:0 0;border:0}.shell{width:min(100% - 3rem,72rem);margin-inline:auto}.shell--wide{max-width:68rem}.shell--reading{max-width:48rem}.site-header{z-index:50;border-bottom:1px solid var(--border-subtle);background:var(--surface-canvas);backdrop-filter:blur(14px);position:sticky;top:0}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-5);min-height:4.5rem;display:flex}.wordmark{align-items:center;gap:var(--space-2);font-family:var(--font-code);font-size:var(--text-base);letter-spacing:.14em;font-weight:600;display:inline-flex}.wordmark__mark{width:2.4rem;height:2.4rem;transition:transform var(--duration-base) var(--ease-standard);flex-shrink:0}.wordmark:hover .wordmark__mark{transform:rotate(-8deg)scale(1.05)}.wordmark__oss-tag{background:var(--surface-sunken);border:1px solid var(--border-subtle);color:var(--signal);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.05em;text-transform:uppercase;border-radius:3px;align-items:center;padding:.1rem .35rem;font-weight:700;display:inline-flex}.site-nav{color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);letter-spacing:.06em;text-transform:uppercase;align-items:center;gap:clamp(1rem,2vw,2rem);display:flex}.site-nav__secondary{align-items:center;gap:clamp(1rem,2vw,2rem);display:flex}.site-nav>a:not(.button):hover,.site-nav__secondary>a:hover{color:var(--text-primary);transition:color var(--duration-fast) var(--ease-standard)}.site-nav>a:not(.button),.site-nav__secondary>a{transition:color var(--duration-fast) var(--ease-standard);position:relative}.site-nav>a:not(.button):after,.site-nav__secondary>a:after{content:"";background:var(--signal);opacity:0;transform-origin:50%;height:1px;transition:all var(--duration-base) var(--ease-standard);position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.site-nav>a:not(.button):hover:after,.site-nav__secondary>a:hover:after{opacity:1;transform:scaleX(1)}.button{min-height:var(--min-tap-target);justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-control);font-family:var(--font-ui);font-size:var(--text-base);transition:all var(--duration-fast) var(--ease-standard);border:1px solid #0000;padding:.65rem 1.25rem;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.button:active{transform:scale(.98)}.button--primary{background:var(--text-primary);color:var(--surface-canvas);border-color:var(--text-primary);box-shadow:0 1px 2px #00000014}.button--primary:hover{background:color-mix(in srgb, var(--text-primary) 88%, var(--signal));border-color:color-mix(in srgb, var(--text-primary) 88%, var(--signal));transform:translateY(-1px)}.button--text{background:var(--surface-raised);border:1px solid var(--border-subtle);color:var(--text-secondary);padding-inline:1rem}.button--text:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-canvas)}.hero{text-align:center;padding-block:clamp(4.5rem,10vw,7rem) clamp(2.5rem,5vw,4rem);position:relative}.hero:before{content:"";background:radial-gradient(ellipse, color-mix(in srgb, var(--signal) 6%, transparent), transparent 70%);pointer-events:none;z-index:-1;opacity:0;width:60%;height:80%;animation:reveal-hero-glow var(--duration-reveal) .4s var(--ease-standard) forwards;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes reveal-hero-glow{to{opacity:1}}.hero__copy{animation:reveal-copy var(--duration-reveal) var(--ease-standard) both}.eyebrow{margin:0 0 var(--space-4);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.11em;text-transform:uppercase}h1{max-width:13ch;font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;word-wrap:break-word;overflow-wrap:break-word;font-feature-settings:"ss01" 1, "ss02" 1;margin:0 auto;font-size:clamp(2.25rem,7.5vw,6.5rem);font-weight:600;line-height:.96}.hero__lede{max-width:36rem;margin:var(--space-5) auto 0;color:var(--text-secondary);text-wrap:pretty;font-size:clamp(1rem,1.3vw,1.2rem)}.hero__actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.diagram-stage{background:radial-gradient(ellipse, color-mix(in srgb, var(--signal) 8%, transparent), transparent 68%);text-align:center;margin-block:0 clamp(3.5rem,7vw,6rem);padding:clamp(1.5rem,5vw,4rem);position:relative}.diagram-stage__viewport{-webkit-overflow-scrolling:touch;scrollbar-width:thin;width:100%;overflow-x:auto}.diagram-img--light{display:none}.diagram-img--dark{display:block}:root[data-theme=light] .diagram-img--dark{display:none}:root[data-theme=light] .diagram-img--light,:root[data-theme=dark] .diagram-img--dark{display:block}:root[data-theme=dark] .diagram-img--light{display:none}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .diagram-img--dark{display:none}:root:not([data-theme=dark]) .diagram-img--light{display:block}}.diagram-stage img{object-fit:contain;filter:drop-shadow(0 1.25rem 2rem #00000038);opacity:0;width:100%;min-width:580px;max-width:100%;height:auto;animation:reveal-diagram var(--duration-reveal) .6s var(--ease-standard) forwards;margin-inline:auto;transform:translateY(20px)scale(.98)}@keyframes reveal-diagram{to{opacity:1;transform:translateY(0)scale(1)}}:root[data-theme=light] .diagram-stage img{filter:drop-shadow(0 1rem 1.75rem #00000014)}@media (prefers-color-scheme:light){:root:not([data-theme=dark]) .diagram-stage img{filter:drop-shadow(0 1rem 1.75rem #00000014)}}@media (width>=640px){.diagram-stage img{min-width:0}}.diagram-stage figcaption{margin-top:var(--space-4);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm)}.section-heading{margin-bottom:clamp(1.5rem,3vw,2.5rem)}.section-heading h2{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-feature-settings:"ss01" 1;font-size:clamp(1.75rem,4vw,2.75rem);font-weight:600;line-height:1.1}.section-lead{color:var(--text-secondary);text-wrap:pretty;max-width:44rem;margin:0;font-size:clamp(.95rem,1.2vw,1.1rem);line-height:1.6}.proof-section{margin-block:clamp(3rem,6vw,5.5rem)}.proof-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));align-items:stretch;gap:clamp(1.5rem,3vw,2.5rem);display:grid}.proof-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm);justify-content:space-between;gap:var(--space-5);transition:border-color var(--duration-base) var(--ease-standard), box-shadow var(--duration-base) var(--ease-standard);flex-direction:column;padding:clamp(1.5rem,3vw,2.25rem);display:flex}.proof-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.proof-card__header h3{margin:0 0 var(--space-2);font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:600;line-height:1.2}.proof-card__header p{color:var(--text-secondary);font-size:var(--text-base);margin:0;line-height:1.6}.semantic-proof{padding:var(--space-5);border-radius:var(--radius-code);background:var(--surface-sunken);border:1px solid var(--border-subtle);align-items:center;gap:var(--space-3);flex-direction:column;margin:0;display:flex;position:relative;overflow:hidden}.semantic-proof img{object-fit:contain;width:100%;height:auto}.semantic-proof figcaption{justify-content:flex-start;width:100%;margin:0;display:flex}.proof-badge{border-radius:var(--radius-control);background:color-mix(in srgb, var(--signal) 10%, var(--surface-raised));border:1px solid color-mix(in srgb, var(--signal) 35%, transparent);color:var(--signal);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;align-items:center;gap:7px;padding:4px 10px;font-weight:600;display:inline-flex}.proof-badge__dot{background:var(--signal);width:6px;height:6px;box-shadow:0 0 6px var(--signal);border-radius:50%}.source-proof{border-radius:var(--radius-code);background:var(--surface-canvas);border:1px solid var(--border-subtle);flex-direction:column;flex:1;display:flex;overflow:hidden}.source-proof__chrome{padding:var(--space-2) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.source-proof__tag{font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.source-proof .code-block,.source-proof .code-block pre{background:var(--surface-canvas);border-radius:0;flex:1}.mcp-section,.skill-section{margin-block:clamp(3rem,6vw,5.5rem)}.skill-terminal{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--radius-code);box-shadow:var(--shadow-sm);margin-bottom:clamp(1.5rem,3vw,2.5rem);overflow:hidden}.skill-terminal__bar{padding:var(--space-3) var(--space-4);background:var(--surface-canvas);border-bottom:1px solid var(--border-subtle);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:8px;display:flex}.skill-terminal__dot{background:var(--signal);border-radius:50%;width:8px;height:8px}.skill-terminal__title{color:var(--text-primary);font-weight:500}.skill-terminal__content{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);flex-wrap:wrap;display:flex}.skill-terminal__content code{font-family:var(--font-code);color:var(--signal);font-size:clamp(.85rem,1.2vw,1rem);font-weight:600}.skill-copy-btn{border-radius:var(--radius-control);background:var(--surface-raised);border:1px solid var(--border-subtle);min-height:36px;color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-xs);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);user-select:none;justify-content:center;align-items:center;padding:.35rem .95rem;font-weight:600;display:inline-flex}.skill-copy-btn:hover{border-color:var(--signal);color:var(--signal);transform:translateY(-1px)}.skill-copy-btn.is-copied{background:var(--signal);color:var(--signal-contrast);border-color:var(--signal)}.skill-terminal__meta{padding:var(--space-2) var(--space-5);background:color-mix(in srgb, var(--surface-canvas) 50%, var(--surface-sunken));border-top:1px solid var(--border-subtle);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary)}.skill-matrix{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:clamp(1rem,2vw,1.5rem);display:grid}.skill-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);gap:var(--space-3);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-standard), transform var(--duration-base) var(--ease-standard);flex-direction:column;padding:clamp(1.25rem,2.5vw,1.75rem);display:flex}.skill-card:hover{border-color:var(--signal);transform:translateY(-2px)}.skill-card__icon{border-radius:var(--radius-control);background:color-mix(in srgb, var(--signal) 12%, var(--surface-sunken));width:36px;height:36px;color:var(--signal);margin-bottom:var(--space-1);justify-content:center;align-items:center;display:flex}.skill-card h3{font-family:var(--font-display);font-size:var(--text-md);color:var(--text-primary);margin:0;font-weight:600}.skill-card p{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.6}.skill-card code{font-family:var(--font-code);background:var(--surface-sunken);color:var(--signal);border-radius:4px;padding:.15em .35em;font-size:.85em}.skill-action-footer{padding-top:var(--space-4);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:var(--space-4);font-family:var(--font-code);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;margin-top:clamp(1.5rem,3vw,2.5rem);display:flex}.quickstart-section{margin-block:clamp(3rem,6vw,5.5rem)}.package-quickstart-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-panel);box-shadow:var(--shadow-sm);padding:clamp(1.5rem,3vw,2.25rem)}.runtime-badges{gap:var(--space-2);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.runtime-badge{border-radius:var(--radius-control);background:var(--surface-sunken);border:1px solid var(--border-subtle);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;padding:4px 10px;font-weight:500;display:inline-flex}.runtime-badge__icon{color:var(--signal);font-size:.75rem;font-weight:700}.quickstart-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:clamp(1.25rem,2.5vw,2rem);display:grid}.quickstart-block{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-code);flex-direction:column;flex:1;display:flex;overflow:hidden}.quickstart-block__header{padding:var(--space-2) var(--space-4);background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);font-family:var(--font-code);font-size:var(--text-xs);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.quickstart-block__title{color:var(--text-primary);font-weight:500}.quickstart-block__tag{color:var(--signal);font-weight:600}.quickstart-block .code-block,.quickstart-block .code-block pre{background:var(--surface-canvas);border-radius:0;flex:1}.mcp-value{margin-bottom:var(--space-6)}.mcp-value p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-md);line-height:1.7}.mcp-capabilities{gap:var(--space-3);flex-wrap:wrap;display:flex}.capability-badge{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-control);background:var(--surface-raised);border:1px solid var(--border-subtle);font-family:var(--font-code);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-standard);cursor:default;display:inline-flex}.capability-badge:hover{border-color:var(--signal);background:color-mix(in srgb, var(--signal) 5%, var(--surface-raised));color:var(--text-primary);transform:translateY(-1px)}.capability-badge .capability-icon{transition:transform var(--duration-fast) var(--ease-standard)}.capability-badge:hover .capability-icon{transform:scale(1.15)}.capability-icon{color:var(--signal);font-size:var(--text-base);font-weight:600}.mcp-setup{margin-top:var(--space-6);padding:var(--space-6);border-radius:calc(var(--radius-code) + 4px);background:var(--surface-sunken);border:1px solid var(--border-subtle);min-width:0;box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 8%, transparent) inset, 0 8px 24px #0000000a;transition:box-shadow var(--duration-base) var(--ease-standard);position:relative}.mcp-setup:hover{box-shadow:0 0 0 1px color-mix(in srgb, var(--signal) 12%, transparent) inset, 0 12px 32px #0000000f}.mcp-setup__intro{margin:0 0 var(--space-5);color:var(--text-primary);font-size:var(--text-lg);font-weight:500}.mcp-tabs{gap:var(--space-2);margin-bottom:var(--space-4);-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:var(--space-1) 0;display:flex;overflow-x:auto;mask-image:linear-gradient(90deg,#000 82%,#0000 100%)}.mcp-tab{min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);white-space:nowrap;background:0 0;position:relative}.mcp-tab:before{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--signal), color-mix(in srgb, var(--signal) 60%, transparent));opacity:0;transition:opacity var(--duration-base) var(--ease-standard);z-index:-1;position:absolute;inset:-1px}.mcp-tab:hover{border-color:color-mix(in srgb, var(--signal) 60%, transparent);color:var(--text-primary);transform:translateY(-1px)}.mcp-tab[aria-selected=true]{background:var(--signal);color:var(--signal-contrast);border-color:#0000;transform:translateY(0)}.mcp-tab[aria-selected=true]:before{opacity:1}.mcp-panels,.mcp-panel{min-width:0}[data-enhanced=true] .mcp-panel[hidden]{display:none}.mcp-panel p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-base)}.mcp-panel pre{margin:0 0 var(--space-3);padding:var(--space-4);border-radius:var(--radius-code);background:var(--surface-canvas);-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.mcp-panel code{color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-sm);white-space:pre;line-height:1.6}.mcp-copy{min-height:36px;padding:var(--space-2) var(--space-3);border:1px solid var(--border-subtle);border-radius:var(--radius-control);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-standard);background:0 0;position:relative}.mcp-copy:hover{border-color:var(--signal);color:var(--signal);transform:translateY(-1px)}.mcp-copy:active{transition-duration:50ms;transform:translateY(0)}.mcp-copy.copied{background:var(--signal);color:var(--signal-contrast);border-color:var(--signal);animation:copy-success var(--duration-base) var(--ease-standard)}@keyframes copy-success{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.mcp-agent-prompt{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.mcp-agent-prompt p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-base)}.mcp-agent-prompt pre{margin:0 0 var(--space-3);padding:var(--space-4);border-radius:var(--radius-code);background:var(--surface-canvas);-webkit-overflow-scrolling:touch;overflow-x:auto}.mcp-agent-prompt code{color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;line-height:1.6}.mcp-example{margin-top:var(--space-4)}.mcp-example p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-base)}.mcp-example pre{padding:var(--space-4);border-radius:var(--radius-code);background:var(--surface-canvas);-webkit-overflow-scrolling:touch;margin:0;overflow-x:auto}.mcp-example code{color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-sm);white-space:pre-wrap;word-break:break-word;line-height:1.6}.mcp-proof{margin:var(--space-4) 0 0;color:var(--signal);font-family:var(--font-code);font-size:var(--text-sm)}.mcp-playground-preview{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius-code);background:var(--surface-canvas)}.mcp-playground-preview>p{margin:0 0 var(--space-3);color:var(--text-secondary);font-size:var(--text-base)}.playground-toolbar-preview{align-items:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);font-family:var(--font-code);font-size:var(--text-sm);color:var(--text-primary);display:flex}.toolbar-icon{color:var(--text-secondary)}.toolbar-divider{color:var(--text-tertiary)}.mcp-playground-preview .text-link{margin-top:var(--space-3);display:inline-block}.text-link{color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-sm);transition:color var(--duration-fast);position:relative}.text-link:after{content:"";opacity:0;transform-origin:0;height:1px;transition:all var(--duration-base) var(--ease-standard);background:currentColor;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.text-link:hover{color:var(--signal)}.text-link:hover:after{opacity:1;transform:scaleX(1)}.mcp-setup>.text-link{margin-top:var(--space-4);display:inline-block}.final-cta{text-align:center;margin-block:clamp(4rem,8vw,6.5rem) clamp(3rem,5vw,5rem)}.final-cta h2{max-width:16ch;font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;font-feature-settings:"ss01" 1;margin:0 auto;font-size:clamp(2.25rem,5vw,4rem);font-weight:600;line-height:1.02}.final-cta__actions{justify-content:center;align-items:center;gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.site-footer{border-top:1px solid var(--border-subtle);background:var(--surface-raised)}.site-footer__grid{grid-template-columns:1.5fr 1fr 1fr;gap:clamp(2rem,5vw,5rem);padding-block:clamp(3rem,4vw,4rem);display:grid}.site-footer p{max-width:23rem;color:var(--text-secondary)}.site-footer nav{align-items:flex-start;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-base);flex-direction:column;display:flex}.site-footer h3{margin:0 0 var(--space-2);color:var(--text-primary);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.site-footer nav a:hover{color:var(--signal)}.site-footer__github-link{align-items:center;gap:var(--space-2);display:inline-flex}.site-footer__github-link svg{flex-shrink:0}.site-footer__base{justify-content:space-between;gap:var(--space-4);padding-block:var(--space-4);border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-family:var(--font-code);font-size:var(--text-xs);letter-spacing:.08em;display:flex}@keyframes reveal-copy{0%{opacity:0;transform:translateY(20px)}}@media (width<=719px){.shell{width:min(100% - 2rem,100%)}.site-nav__secondary{display:none}.site-header__inner{gap:var(--space-2);min-height:3.75rem}.wordmark{font-size:var(--text-base);gap:.4rem}.wordmark__oss-tag{display:none}.theme-control{grid-template-columns:none;justify-content:center;align-items:center;width:40px;min-width:40px;height:40px;min-height:40px;padding:0;display:inline-flex;position:relative}.theme-control select{opacity:0;cursor:pointer;-webkit-appearance:none;appearance:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.site-header .button{min-height:40px;font-size:var(--text-sm);letter-spacing:.03em;padding:.45rem .85rem}.proof-grid,.skill-matrix,.quickstart-grid{grid-template-columns:1fr}.skill-terminal__content{align-items:stretch;gap:var(--space-3);flex-direction:column}.skill-copy-btn{width:100%;min-height:var(--min-tap-target)}.diagram-stage{padding-inline:0}.mcp-tabs{scrollbar-width:thin;overflow-x:auto;mask-image:linear-gradient(90deg,#000 80%,#0000 100%)}.mcp-setup{padding:var(--space-4);min-width:0;max-width:100%}.mcp-tab{min-height:var(--min-tap-target);flex-shrink:0}.mcp-copy{min-height:var(--min-tap-target);width:100%}.site-footer__grid{gap:var(--space-5);grid-template-columns:1fr}.site-footer nav a{min-height:var(--min-tap-target);align-items:center;display:flex}.site-footer__base{gap:var(--space-2);flex-direction:column}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important;animation-delay:0s!important}}