:root{--color-secondary-100: #000016;--color-secondary-30: #b3b3c9;--color-primary-100: #110e35;--color-primary-90: #171347;--color-primary-80: #221d6a;--color-primary-60: #3930b1;--color-primary-50: #4d45b9;--color-primary-30: #c4c1e8;--color-primary-20: #d7d6ef;--color-terciary-60: #24b8ce;--color-terciary-50: #3abfd3;--color-terciary-40: #66cddd;--color-terciary-30: #bdeaf0;--color-terciary-10: #e9f8fa;--color-quaternary-60: #2d85e5;--color-neutral-10: #ffffff;--space-0: 0px;--space-10: 2px;--space-20: 4px;--space-30: 8px;--space-40: 12px;--space-50: 16px;--space-60: 24px;--space-70: 32px;--space-80: 40px;--space-90: 48px;--space-100: 56px;--border-radius-none: 0;--border-radius-xs: .1875rem;--border-radius-sm: .375rem;--border-radius-md: .625rem;--border-radius-lg: .75rem;--border-radius-xl: 1rem;--border-radius-full: 999px;--font-family-primary: "Baloo 2", "Trebuchet MS", system-ui, sans-serif;--font-family-secondary: "Hind", system-ui, -apple-system, "Segoe UI", sans-serif;--font-family-code: "Roboto Mono", ui-monospace, "SF Mono", Menlo, monospace;--mcp-bg: var(--color-secondary-100);--mcp-surface: var(--color-primary-100);--mcp-surface-raised: var(--color-primary-90);--mcp-border: var(--color-primary-80);--mcp-accent: var(--color-terciary-60);--mcp-accent-soft: var(--color-terciary-40);--mcp-glow: var(--color-terciary-30);--mcp-glow-bright: var(--color-terciary-10);--mcp-cta: var(--color-primary-60);--mcp-cta-soft: var(--color-primary-50);--mcp-text: var(--color-neutral-10);--mcp-text-soft: var(--color-primary-30);--mcp-text-muted: var(--color-secondary-30);--mcp-bloom: var(--color-quaternary-60);--mcp-pill-bg: var(--color-quaternary-60);--mcp-pill-text: var(--color-neutral-10);--mcp-glass-fill: rgb(255 255 255 / 3.5%);--mcp-glass-border: rgb(255 255 255 / 10%);--mcp-glass-edges: inset 1px 1px 0 rgb(255 255 255 / 26%), inset -1px -1px 0 rgb(0 0 0 / 28%), inset 2px 2px 0 rgb(201 244 247 / 10%), inset -2px -2px 0 rgb(196 193 232 / 8%), inset 0 20px 24px -22px rgb(255 255 255 / 20%), inset 0 -20px 24px -22px rgb(0 0 0 / 30%);--mcp-glyph: var(--color-neutral-10);--mcp-glyph-selected: var(--color-neutral-10);--landing-display: clamp(2.75rem, 5.3vw, 4.75rem);--landing-display-leading: 1;--landing-title: clamp(2.25rem, 3.8vw, 3.4375rem);--landing-max: 75rem;--landing-connect-max: 65rem}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}h1,h2,h3,h4,h5,p,figure{margin-block:0}button{font:inherit;color:inherit}img,svg{vertical-align:middle}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.fa-secondary{opacity:.45}svg[data-icon=vscode] path{fill-rule:evenodd}html body{color:var(--mcp-text);background:var(--mcp-bg);font-family:var(--font-family-secondary);overflow-x:hidden}html{scroll-behavior:smooth;scroll-padding-top:var(--space-100)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1{font-family:var(--font-family-primary);font-size:2.618rem;font-weight:700;color:var(--mcp-text);letter-spacing:-.03em;line-height:1;position:relative}h2{font-family:var(--font-family-primary);font-size:2rem;font-weight:700;color:var(--mcp-text);letter-spacing:-.5px;line-height:1.2}h3{font-family:var(--font-family-secondary);font-size:1.1rem;font-weight:700;color:var(--mcp-text);line-height:1.618rem}h4{font-family:var(--font-family-secondary);font-size:.75rem;font-weight:700;color:var(--mcp-text);line-height:.75rem;letter-spacing:1.25px;text-transform:uppercase}h5{font-family:var(--font-family-secondary);font-size:1rem;font-weight:700;color:var(--mcp-text);line-height:1.2em}p{font-family:var(--font-family-secondary);font-size:1rem;font-weight:400;color:var(--mcp-text-soft);line-height:1.618rem}a{color:var(--mcp-accent);transition:color .15s ease-in-out}a:hover{color:var(--mcp-accent-soft)}small,.small{font-family:var(--font-family-secondary);font-size:.75rem;font-weight:400;color:var(--mcp-text-soft);line-height:1.2;display:inline-block}code{font-family:var(--font-family-code);color:var(--mcp-accent)}.l-container{--l-gutter: clamp(var(--space-50), 5vw, var(--space-100));width:100%;max-width:calc(var(--landing-max) + var(--l-gutter) * 2);margin-inline:auto;padding-inline:var(--l-gutter)}.l-container--narrow{max-width:calc(var(--landing-connect-max) + var(--l-gutter) * 2)}.l-split{display:flex;align-items:center;justify-content:space-between;gap:var(--space-50);flex-wrap:wrap}.glass-filter{position:absolute;width:0;height:0;pointer-events:none}.landing{position:relative;z-index:1}.landing>.navbar{position:absolute;inset:0 0 auto}.landing:after{content:"";position:absolute;inset:auto 0 0;height:28rem;z-index:-1;background:radial-gradient(78% 62% at 50% 106%,var(--mcp-bloom),color-mix(in srgb,var(--mcp-bloom) 62%,transparent) 34%,color-mix(in srgb,var(--mcp-bloom) 20%,transparent) 58%,transparent 80%);pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-30);border:1px solid transparent;border-radius:var(--border-radius-full);font-family:var(--font-family-primary);font-weight:500;line-height:1rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.btn:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}.btn--solid{padding:calc(var(--space-50) - 1px) calc(var(--space-60) - 1px);border-color:var(--mcp-cta);background:var(--mcp-cta);color:var(--mcp-text);font-size:1rem}.btn--solid:hover{border-color:var(--mcp-cta-soft);background:var(--mcp-cta-soft);transform:translateY(calc(var(--space-10) * -1))}.btn--quiet{min-height:2.125rem;padding:0 var(--space-40);border-radius:var(--border-radius-sm);background:transparent;color:var(--mcp-accent);font-size:.875rem}.btn--quiet:hover{background:var(--mcp-surface-raised);color:var(--mcp-accent-soft)}.btn--lg{min-height:3.25rem;padding:0 var(--space-70);font-size:1rem}@media(prefers-reduced-motion:reduce){.btn:hover{transform:none}}.client-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));column-gap:.625rem;row-gap:.6875rem}@media(max-width:575.98px){.client-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}.client-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:1.125rem;padding:1.25rem;border:1px solid var(--mcp-glass-border);border-radius:.875rem;background:var(--mcp-glass-fill);box-shadow:var(--mcp-glass-edges);-webkit-backdrop-filter:url(#mcp-glass) saturate(1.35);backdrop-filter:url(#mcp-glass) saturate(1.35);color:var(--mcp-text);text-align:left;cursor:pointer;transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease,background .25s ease}.client-tile:hover{border-color:color-mix(in srgb,var(--mcp-accent) 55%,transparent);transform:translateY(calc(var(--space-10) * -2))}.client-tile:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}.client-tile.is-selected{border-width:1.5px;border-color:var(--mcp-accent);padding:calc(1.25rem - .5px);background:linear-gradient(147.58deg,#4d45b914,#24b8ce04 71.43%);box-shadow:var(--mcp-glass-edges),0 .625rem 2rem #24b8ce59}.client-tile__icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--border-radius-md);background:var(--mcp-accent);color:var(--mcp-glyph);font-size:1rem;transition:color .25s ease}.client-tile.is-selected .client-tile__icon{color:var(--mcp-glyph-selected)}.client-tile__name{font-family:var(--font-family-secondary);font-weight:700;font-size:1rem;line-height:1.625}@media(prefers-reduced-motion:reduce){.client-tile:hover{transform:none}}.code-block{position:relative;border:1px solid var(--mcp-border);border-radius:var(--border-radius-lg);background:color-mix(in srgb,var(--mcp-surface) 85%,var(--mcp-bg));overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.code-block:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,var(--mcp-glow) 35%,var(--mcp-glow-bright) 60%,transparent);pointer-events:none}.code-block.is-copied{border-color:var(--mcp-accent);animation:code-copied .9s ease-out}.code-block__bar{display:flex;align-items:center;gap:var(--space-40);min-height:3.6875rem;padding:var(--space-30) var(--space-50);border-bottom:1px solid var(--mcp-border)}.code-block__dots{display:inline-flex;gap:var(--space-20)}.code-block__dots i{width:var(--space-30);height:var(--space-30);border-radius:var(--border-radius-full);background:var(--mcp-border)}.code-block__lang{font-family:var(--font-family-code);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;color:var(--mcp-text-muted)}.code-block__copy{margin-left:auto}.code-block pre{margin:0;padding:1.625rem var(--space-60) 1.75rem;overflow-x:auto}.code-block pre code{font-family:var(--font-family-code);font-size:1rem;line-height:1.19;color:var(--mcp-text);white-space:pre}@keyframes code-copied{0%{box-shadow:0 0 color-mix(in srgb,var(--mcp-accent) 55%,transparent)}to{box-shadow:0 0 0 var(--space-50) transparent}}@media(prefers-reduced-motion:reduce){.code-block.is-copied{animation:none}}.connect{position:relative;padding-block:3.75rem 8.75rem}.connect:before{content:"";position:absolute;inset:20% 10% auto;height:35rem;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--mcp-cta) 22%,transparent),transparent);pointer-events:none;z-index:-1}.connect__title{font-family:var(--font-family-primary);font-size:var(--landing-title);font-weight:700;line-height:1.05;letter-spacing:-.02em;color:var(--mcp-text);text-align:center;margin-bottom:.875rem}.connect__lead{color:var(--mcp-text-muted);font-size:1.1875rem;line-height:1.5;text-align:center;margin-bottom:var(--space-90)}.connect__guide{display:grid;justify-items:start;gap:var(--space-50);margin-top:var(--space-90);animation:connect-in .45s cubic-bezier(.2,.7,.2,1) both}.connect__guide>.code-block{justify-self:stretch}.connect__hint{margin:0;color:var(--mcp-text-muted)}.connect__steps{margin:0;padding-left:var(--space-60);display:grid;gap:var(--space-30);color:var(--mcp-text);font-family:var(--font-family-secondary);font-size:1.125rem}.connect__steps li::marker{color:var(--mcp-accent);font-family:var(--font-family-code)}@media(max-width:767.98px){.connect{padding-block:var(--space-90) var(--space-100)}}@keyframes connect-in{0%{opacity:0;transform:translateY(var(--space-30))}}@media(prefers-reduced-motion:reduce){.connect__guide{animation:none}}.footer{position:relative;z-index:1}.footer__inner{min-height:6rem;padding-block:var(--space-50)}.footer__copy,.footer__link{font-size:.875rem;line-height:1.64;margin:0}.footer__copy{color:var(--mcp-text-muted)}.footer__link{color:var(--mcp-text-muted);text-decoration:none}.footer__link:hover{color:var(--mcp-accent)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;text-align:center;overflow:hidden;isolation:isolate;padding-top:7.5rem}.hero__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-60);width:100%;max-width:var(--landing-max);margin:0 auto;padding-inline:var(--space-60);animation:hero-in 1.6s cubic-bezier(.2,.7,.2,1) .3s both}.hero__content:before{content:"";position:absolute;top:10%;right:0;bottom:10%;left:0;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--mcp-bg) 82%,transparent),color-mix(in srgb,var(--mcp-bg) 45%,transparent) 60%,transparent);pointer-events:none;z-index:-1}.hero__badge{display:inline-flex;align-items:center;padding:var(--space-20) var(--space-50);border-radius:var(--border-radius-full);background:var(--mcp-pill-bg);color:var(--mcp-pill-text);font-family:var(--font-family-primary);font-size:.9375rem;font-weight:500;letter-spacing:.2px;line-height:1.5rem}.hero__title{font-family:var(--font-family-primary);font-size:var(--landing-display);font-weight:700;line-height:var(--landing-display-leading);letter-spacing:-.015em;filter:drop-shadow(0 0 var(--space-60) color-mix(in srgb,var(--mcp-bg) 80%,transparent));color:var(--mcp-text);margin:0}.hero__title .hero__brand{background:linear-gradient(90deg,var(--mcp-accent),var(--mcp-cta),var(--mcp-accent)) -150% center/300% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brand-pan 8s linear infinite}.hero__rule{width:9.375rem;height:3px;margin:0;border:0;border-radius:var(--border-radius-full);background:var(--mcp-text)}.hero__subtitle{max-width:40rem;margin:0;color:var(--mcp-text-muted);font-family:var(--font-family-primary);font-weight:500;font-size:1.3125rem;line-height:1.45}.hero__subtitle strong{color:var(--mcp-text);font-weight:inherit}.hero__more{position:relative;z-index:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1.75rem;width:2.75rem;height:2.75rem;border:0;border-radius:var(--border-radius-full);background:transparent;color:var(--mcp-text);cursor:pointer}.hero__more:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;border-radius:inherit;overflow:hidden;background-color:#ffffff1a;box-shadow:inset 2px 2px 0 -2px #ffffffb3,inset 0 0 3px 1px #ffffffb3;transition:background-color .2s ease}.hero__more:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;overflow:hidden;isolation:isolate;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);filter:url(#mcp-btn-glass)}.hero__more:hover:before{background-color:#ffffff2e}.hero__more svg{position:relative;z-index:1;animation:hero-more 2s ease-in-out infinite}.hero__more:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}@media(max-width:767.98px){.hero{padding-top:var(--space-100)}.hero__content{padding-inline:var(--space-50)}}@keyframes hero-in{0%{opacity:0;transform:translateY(var(--space-60));filter:blur(8px)}}@keyframes hero-more{50%{transform:translateY(var(--space-20))}}@media(prefers-reduced-motion:reduce){.hero__more svg,.hero__content{animation:none}}@keyframes brand-pan{to{background-position:150% center}}.hero.is-shining .hero__brand{animation-duration:1.2s}@media(prefers-reduced-motion:reduce){.hero__brand,.hero.is-shining .hero__brand{animation:none}}.hero-scene{--scroll: 0;position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100vw;height:100vh;opacity:0;transition:opacity 2s ease;pointer-events:none}.hero-scene.is-ready{opacity:calc(1 - var(--scroll) * .6);transition:none;animation:scene-in 2s ease both}@keyframes scene-in{0%{opacity:0}}html.no-webgl body{background:var(--mcp-bg) url(/mcp/scene-dark.jpg) center/cover fixed no-repeat}.language-picker{position:relative}.language-picker__toggle{display:inline-flex;align-items:center;gap:var(--space-30);padding:var(--space-20) var(--space-30);border:0;border-radius:var(--border-radius-sm);background:transparent;color:var(--mcp-text);font-family:var(--font-family-secondary);font-size:.875rem;font-weight:700;cursor:pointer;transition:color .2s ease}.language-picker__toggle:hover{color:var(--mcp-accent)}.language-picker__toggle:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}.language-picker__caret{font-size:.75rem;transition:transform .2s ease}.language-picker__toggle[aria-expanded=true] .language-picker__caret{transform:rotate(180deg)}.language-picker__list{position:absolute;top:calc(100% + var(--space-30));right:0;z-index:2;display:grid;min-width:9rem;padding:var(--space-20);border:1px solid var(--mcp-border);border-radius:var(--border-radius-lg);background:var(--mcp-surface);box-shadow:0 var(--space-50) var(--space-80) #0000168c;transform-origin:top right;animation:dropdownScale .25s cubic-bezier(.34,1.56,.64,1) forwards}.language-picker__option{width:100%;padding:var(--space-30) var(--space-40);border:0;border-radius:var(--border-radius-sm);background:transparent;color:var(--mcp-text-soft);font-family:var(--font-family-secondary);font-size:.875rem;text-align:left;cursor:pointer;transition:background-color .15s ease,color .15s ease}.language-picker__option:hover{background:var(--mcp-surface-raised);color:var(--mcp-text)}.language-picker__option.is-selected{color:var(--mcp-accent);font-weight:700}@keyframes dropdownScale{0%{scale:.5;opacity:0}to{scale:1;opacity:1}}@media(prefers-reduced-motion:reduce){.language-picker__caret{transition:none}.language-picker__list{animation:none}}.navbar{position:relative;z-index:2;padding-top:1.75rem}.navbar__inner{min-height:3rem}.navbar__brand{display:inline-flex;align-items:center}.navbar__brand img{height:1.875rem;width:auto}.navbar__actions{display:flex;align-items:center;gap:var(--space-50)}@media(max-width:575.98px){.navbar__actions{gap:var(--space-30)}}.url-chip{display:inline-flex;align-items:center;gap:var(--space-40);padding:var(--space-40) var(--space-50);border:1px solid var(--mcp-border);border-radius:var(--border-radius-full);background:color-mix(in srgb,var(--mcp-surface) 55%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--mcp-text);font-family:var(--font-family-code);cursor:pointer;transition:border-color .2s ease}.url-chip svg{color:var(--mcp-accent)}.url-chip.is-copied{border-color:var(--mcp-accent);animation:code-copied .9s ease-out}.url-chip:hover{border-color:var(--mcp-accent)}.url-chip:focus-visible{outline:2px solid var(--mcp-accent);outline-offset:2px}
