@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&display=swap";@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__tagline{margin:var(--space-4) auto 0;font-family:var(--font-display);letter-spacing:-.01em;text-wrap:balance;font-size:clamp(1.25rem,2.4vw,1.75rem);font-weight:500}.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}}.topic-hero h1{max-width:18ch;font-size:clamp(2.25rem,5.5vw,4.25rem);line-height:1}.topic-section{margin-block:clamp(2.5rem,5vw,4.5rem)}.topic-stack{gap:clamp(1.25rem,2.5vw,2rem);display:grid}.topic-section .section-heading{margin-bottom:var(--space-5)}.topic-list{color:var(--text-secondary);margin:0;padding-left:1.25rem;line-height:1.7}.topic-list li+li{margin-top:var(--space-3)}.topic-list strong{color:var(--text-primary)}.faq-list{gap:var(--space-5);margin:0;display:grid}.faq-item dt{font-family:var(--font-display);color:var(--text-primary);font-size:clamp(1.05rem,1.4vw,1.25rem);font-weight:600}.faq-item dd{margin:var(--space-2) 0 0;color:var(--text-secondary);line-height:1.65}