:root{--cloud-bg:#111318;--cloud-surface:#1c1e27;--cloud-line:#36333f;--cloud-muted:#b5aebf;--cloud-text:#f4f0fa;--cloud-accent:#d0b8fa}body:has(.mcp-cloud-page){background:var(--cloud-bg);color:var(--cloud-text)}body .app-shell>main.mcp-cloud-page{padding-top:0;padding-bottom:56px}.mcp-cloud-page :is(a,button):focus-visible{outline:2px solid var(--cloud-accent);outline-offset:5px}.mcp-cloud-page ::selection{color:#17121f;background:var(--cloud-accent)}.mcp-cloud-page .icon{flex-shrink:0;width:18px;height:18px}.mcp-cloud-hero{isolation:isolate;min-height:510px;margin-inline:calc(-1 * var(--site-gutter));background:#111318;place-items:center;display:grid;position:relative;overflow:hidden}.mcp-hero-pearl{z-index:-2;filter:invert()hue-rotate(175deg)saturate(1.5)brightness(1.6);mix-blend-mode:screen;opacity:.72;pointer-events:none;width:min(1040px,105%);max-width:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mcp-cloud-hero:after{content:"";z-index:-1;background:linear-gradient(#1113182b,#0000 25%,#11131855 60%,#111318 99%);position:absolute;inset:0}.mcp-cloud-hero-copy{text-align:center;max-width:800px;padding:66px 24px 35px;position:relative}.mcp-cloud-hero h1{letter-spacing:-.04em;text-wrap:balance;color:var(--cloud-text);text-shadow:0 3px 24px #11131888;margin:0 0 26px;font-size:clamp(58px,6.1vw,84px);font-weight:600;line-height:1.02}.mcp-cloud-hero-copy p{color:#e7dfef;text-shadow:0 2px 12px #111318;text-wrap:balance;max-width:650px;margin:0 auto;font-size:16px;line-height:1.75}.mcp-cloud-tabs{z-index:10;background:var(--cloud-bg);border-bottom:1px solid #292630;justify-content:center;margin-top:-16px;margin-bottom:64px;padding-block:14px;display:flex;position:sticky;top:54px}.cloud-anchor-switch{background:#1d1b24;border:1px solid #393240;border-radius:14px;gap:4px;padding:5px;display:flex}.mcp-cloud-tabs a{min-width:126px;color:var(--cloud-muted);border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:12px 25px;font-size:14px;font-weight:600;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.mcp-cloud-tabs a:hover{color:var(--cloud-text);background:#292430}.mcp-cloud-tabs a.is-active{color:#23172f;background:#d0b8fa}.cloud-content{max-width:1180px;margin-inline:auto}.cloud-panel{padding-bottom:72px;scroll-margin-top:157px}.cloud-panel+.cloud-panel{border-top:1px solid var(--cloud-line);padding-top:64px}.cloud-section-intro{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:32px;display:flex}.cloud-section-intro h2{letter-spacing:-.04em;color:var(--cloud-text);margin:0 0 14px;font-size:54px;font-weight:500;line-height:1.06}.cloud-section-intro p{max-width:650px;color:var(--cloud-muted);margin:0;font-size:15px;line-height:1.75}.text-link{color:var(--cloud-accent);white-space:nowrap;align-items:center;gap:8px;padding-bottom:4px;font-size:13px;text-decoration:none;display:inline-flex}.text-link:hover{text-underline-offset:5px;text-decoration:underline}.client-switcher{border-bottom:1px solid var(--cloud-line);align-items:center;gap:30px;display:flex}.client-chip{color:var(--cloud-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;padding:19px 0;font:600 14px/1.3 Manrope,sans-serif;transition:color .2s;display:inline-flex;position:relative}.client-chip:after{content:"";background:0 0;height:2px;position:absolute;bottom:-1px;left:0;right:0}.client-chip img{object-fit:contain;width:22px;height:22px}.client-chip .icon{width:22px;height:22px}.client-chip:hover,.client-chip.is-active{color:var(--cloud-text)}.client-chip.is-active:after{background:var(--cloud-accent)}.cloud-callout{color:var(--cloud-muted);align-items:center;gap:7px;margin:18px 0 42px;font-size:12px;display:flex}.cloud-callout>.icon{width:14px;height:14px}.cloud-callout a{color:var(--cloud-accent);align-items:center;gap:5px;text-decoration:none;display:inline-flex}.cloud-callout a:hover{text-underline-offset:4px;text-decoration:underline}.cloud-callout a .icon{width:12px;height:12px}.cloud-step-grid{gap:34px 40px;display:grid}.cloud-step-grid-mcp{grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr)}.cloud-step-grid-cli{grid-template-columns:repeat(3,minmax(0,1fr))}.cloud-step{min-width:0;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}.cloud-step[hidden]{display:none}.cloud-step-grid-mcp.has-extra [data-client-extra]{grid-column:2}.step-top{color:#c5bad2;border-top:1px solid #494250;justify-content:space-between;align-items:center;padding:17px 0 26px;display:flex}.step-top span{font-size:12px;font-weight:500}.step-top .icon{width:16px;height:16px;color:var(--cloud-accent)}.cloud-step h3{letter-spacing:-.02em;color:var(--cloud-text);margin:0;font-size:18px;line-height:1.4}.cloud-step p{min-height:48px;color:var(--cloud-muted);margin:10px 0 18px;font-size:13px;line-height:1.75}.cloud-action{color:#21152e;background:#cfb8f4;border-radius:10px;justify-content:space-between;align-items:center;gap:28px;width:min(100%,310px);padding:15px 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .2s,box-shadow .2s;display:inline-flex}.cloud-action:hover{background:#deccfa;box-shadow:0 6px 18px #0003}.cloud-step small{max-width:36ch;color:var(--cloud-muted);margin-top:16px;font-size:12px;line-height:1.7;display:block}.code-block{background:#1c1b23;border:1px solid #3a3344;border-radius:12px;min-height:137px;padding:50px 18px 19px;position:relative}.code-block pre{scrollbar-width:thin;scrollbar-color:#a48ac0 #272330;max-height:240px;margin:0;overflow:auto}.code-block pre::-webkit-scrollbar{width:5px;height:5px}.code-block pre::-webkit-scrollbar-track{background:#272330}.code-block pre::-webkit-scrollbar-thumb{background:#a48ac0;border-radius:5px}.code-block code{color:#e1d6f0;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.85 ui-monospace,SFMono-Regular,Menlo,monospace}.copy-action{color:#c8b9dc;cursor:pointer;background:#302837;border:0;border-radius:6px;align-items:center;gap:5px;padding:6px 8px;font:500 11px/1.3 Manrope,sans-serif;transition:background .2s,color .2s;display:inline-flex;position:absolute;top:10px;right:10px}.copy-action .icon{width:13px;height:13px}.copy-action:hover{color:#f6edff;background:#473951}.copy-action:disabled{opacity:.7;cursor:wait}.cloud-model-strip{border-top:1px solid var(--cloud-line);justify-content:space-between;align-items:center;gap:24px;padding:32px 0 0;display:flex}.cloud-model-strip p{color:var(--cloud-muted);margin:0;font-size:14px;line-height:1.7}.cloud-model-strip strong{color:var(--cloud-text);letter-spacing:-.02em;font-size:22px;font-weight:500}.cloud-model-strip a{color:var(--cloud-accent);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:flex}.cloud-model-strip a:hover{text-underline-offset:5px;text-decoration:underline}.cloud-copy-status{z-index:30;color:#24172e;text-align:center;background:#d0b8fa;border-radius:10px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:13px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0005}.cloud-copy-status:empty{display:none}@media (width>=1600px){.mcp-cloud-hero{min-height:550px}.mcp-cloud-hero h1{font-size:92px}}@media (width<=900px){.cloud-content{max-width:760px}.cloud-step-grid{column-gap:24px}.cloud-step-grid-cli{grid-template-columns:1fr}.cloud-step-grid-cli .cloud-step{grid-template-columns:1fr 1.2fr;column-gap:24px;display:grid}.cloud-step-grid-cli .step-top{grid-column:1/-1;padding-bottom:18px}.cloud-step-grid-cli h3{grid-column:1}.cloud-step-grid-cli p{grid-area:3/1;margin-bottom:0}.cloud-step-grid-cli .code-block{grid-area:2/2/4}.client-switcher{gap:24px}.cloud-section-intro h2{font-size:46px}}@media (width<=600px){.mcp-cloud-hero{min-height:410px}.mcp-hero-pearl{opacity:.55;width:820px;max-width:none}.mcp-cloud-hero-copy{padding:44px 24px 30px}.mcp-cloud-hero h1{margin-bottom:24px;font-size:58px}.mcp-cloud-hero-copy p{max-width:36ch;font-size:14px}.mcp-cloud-hero-copy p br{display:none}.mcp-cloud-tabs{margin-bottom:40px;padding-block:11px;top:62px}.mcp-cloud-tabs a{min-width:112px;padding:10px 22px}.cloud-panel{padding-bottom:48px;scroll-margin-top:144px}.cloud-panel+.cloud-panel{padding-top:44px}.cloud-section-intro{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:22px}.cloud-section-intro h2{font-size:44px}.cloud-section-intro p{font-size:14px}.client-switcher{scrollbar-width:thin;scrollbar-color:#8b709f #211c28;gap:23px;padding:0 4px;overflow-x:auto}.client-chip{flex-shrink:0;padding-block:16px;font-size:13px}.client-chip img,.client-chip .icon{width:18px;height:18px}.cloud-callout{flex-wrap:wrap;margin-bottom:28px;line-height:1.6}.cloud-step-grid-mcp{grid-template-columns:1fr}.cloud-step-grid-mcp.has-extra [data-client-extra]{grid-column:1}.cloud-step-grid-cli .cloud-step{display:block}.cloud-step p{min-height:0}.step-top{padding-bottom:19px}.cloud-action{width:100%}.cloud-step small{max-width:45ch}.code-block{min-height:120px}.cloud-step-grid-cli .code-block{margin-top:18px}.cloud-model-strip{flex-direction:column;align-items:flex-start}.cloud-model-strip strong{font-size:19px}}@media (prefers-reduced-motion:reduce){.mcp-cloud-page *{scroll-behavior:auto!important;transition:none!important}}