.mcp-page{--mcp-panel:#0f141b;--mcp-panel-strong:#12181f;--mcp-line:#ffffff12;--mcp-line-strong:#ffffff1f;--mcp-text:#e6eaf2;--mcp-dim:#a8b1c0;--mcp-faint:#6b7587;--mcp-cyan:#5be0f5;--mcp-pink:#ff3d9a;overflow-x:clip}.mcp-page__main{flex:auto}.mcp-shell{box-sizing:border-box;width:100%;max-width:1240px;margin-inline:auto;padding-inline:40px}.mcp-hero{text-align:center;background-image:radial-gradient(at 50% -268px,#5be0f521,#5be0f500 68%);padding-top:72px;position:relative;overflow:hidden}.mcp-client-fan{height:150px;margin-bottom:26px;position:relative}.mcp-client-fan__tile{background:#1b232e;border:1px solid #ffffff17;border-radius:19px;justify-content:center;align-items:center;width:74px;height:74px;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;box-shadow:0 14px 34px #0000008c}.mcp-client-fan__tile:not(.mcp-client-fan__tile--picopixel){transition:transform .42s cubic-bezier(.22,1,.36,1)}.mcp-client-fan__tile img{object-fit:contain;width:50%;height:50%}.mcp-client-logo--monochrome{filter:invert()}.mcp-client-fan__tile--hermes{z-index:1;background:#f4f4f2;border-color:#05080c29;transform:translate(calc(-50% - 220px),calc(14px - 50%))rotate(-22deg)scale(.86)}.mcp-client-fan__tile--hermes .mcp-client-logo--monochrome{filter:none}.mcp-client-fan__tile--hermes img{width:60%;height:60%}.mcp-client-fan__tile--cursor{z-index:2;background:#18202a;transform:translate(calc(-50% - 164px),calc(4px - 50%))rotate(-15deg)scale(.92)}.mcp-client-fan__tile--chatgpt{z-index:3;background:#18202a;transform:translate(calc(-50% - 104px),calc(-50% - 2px))rotate(-8deg)scale(.97)}.mcp-client-fan__tile--claude{z-index:3;background:#241b18;transform:translate(calc(104px - 50%),calc(-50% - 2px))rotate(8deg)scale(.97)}.mcp-client-fan__tile--grok{z-index:2;background:#f1f1ef;border-color:#05080c29;transform:translate(calc(164px - 50%),calc(4px - 50%))rotate(15deg)scale(.92)}.mcp-client-fan__tile--grok img{object-fit:cover;width:100%;height:100%}.mcp-client-fan__tile--openclaw{z-index:1;background:#25191b;transform:translate(calc(220px - 50%),calc(14px - 50%))rotate(22deg)scale(.86)}@media (hover:hover) and (pointer:fine){.mcp-client-fan:hover .mcp-client-fan__tile--hermes{transform:translate(calc(-50% - 236px),calc(14px - 50%))rotate(-23deg)scale(.86)}.mcp-client-fan:hover .mcp-client-fan__tile--cursor{transform:translate(calc(-50% - 176px),calc(4px - 50%))rotate(-16deg)scale(.92)}.mcp-client-fan:hover .mcp-client-fan__tile--chatgpt{transform:translate(calc(-50% - 110px),calc(-50% - 2px))rotate(-8deg)scale(.97)}.mcp-client-fan:hover .mcp-client-fan__tile--claude{transform:translate(calc(110px - 50%),calc(-50% - 2px))rotate(8deg)scale(.97)}.mcp-client-fan:hover .mcp-client-fan__tile--grok{transform:translate(calc(176px - 50%),calc(4px - 50%))rotate(16deg)scale(.92)}.mcp-client-fan:hover .mcp-client-fan__tile--openclaw{transform:translate(calc(236px - 50%),calc(14px - 50%))rotate(23deg)scale(.86)}}.mcp-client-fan__tile--picopixel{z-index:5;background:#fff;border:0;border-radius:26px;width:106px;height:106px;transform:translate(-50%,-50%);box-shadow:0 18px 50px #ffffff1f,0 18px 60px #5be0f529}.mcp-client-fan__tile--picopixel img{object-fit:contain;width:100%;height:100%}.mcp-hero__title{color:#fff;letter-spacing:-.03em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:0 18px;margin:0 0 16px;font-size:clamp(2.5rem,4.5vw,3.375rem);font-weight:900;line-height:1;display:flex}.mcp-hero__for{color:var(--mcp-cyan)}.mcp-hero__chevron{color:#8291a6;font-size:1em;font-weight:700;line-height:1;transform:translateY(-.06em)}.mcp-hero__client{color:var(--mcp-pink);text-align:center;min-width:0}.mcp-hero__description{color:var(--mcp-dim);max-width:620px;margin:0 auto 34px;font-size:17px;line-height:1.6}.mcp-setup{background:0 0;border:0;border-radius:0;margin:44px -60px 0;padding:0;display:block}.mcp-setup__tabs{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:0 8px 10px;display:flex;position:relative}.mcp-tab-indicator{height:var(--mcp-tab-indicator-height,0);opacity:0;pointer-events:none;transform:translate3d(var(--mcp-tab-indicator-x,0), var(--mcp-tab-indicator-y,0), 0);width:var(--mcp-tab-indicator-width,0);z-index:0;background:#fff;border-radius:999px;position:absolute;top:0;left:0}.is-mcp-tab-indicator-ready>.mcp-tab-indicator{opacity:1;transition:transform .42s cubic-bezier(.22,1,.36,1),width .42s cubic-bezier(.22,1,.36,1),height .42s cubic-bezier(.22,1,.36,1),opacity .14s}.mcp-setup__tab{color:var(--mcp-dim);cursor:pointer;white-space:nowrap;z-index:1;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:9px;padding:6px 16px;font-family:inherit;font-size:14.5px;font-weight:500;transition:background-color .16s,color .22s;display:inline-flex;position:relative}.mcp-setup__tab:hover{color:var(--mcp-text);background:#ffffff0a}.mcp-setup__tab[aria-selected=true]{color:#0a0d12;background:#fff;font-weight:600}.mcp-setup__tab[aria-selected=true] .mcp-client-logo--monochrome,.mcp-setup__solid-button .mcp-client-logo--monochrome{filter:none}.mcp-setup__tabs.is-mcp-tab-indicator-ready .mcp-setup__tab[aria-selected=true]{background:0 0}.mcp-setup__tab img,.mcp-setup__tab-icon{border-radius:6px;width:20px;height:20px;display:block}.mcp-setup__tab img{object-fit:fill}.mcp-setup__tab img.mcp-client-logo--hermes-surface,.mcp-setup__solid-button img.mcp-client-logo--hermes-surface,.mcp-simulation__pane-title>img.mcp-client-logo--hermes-surface{box-sizing:border-box;filter:none;object-fit:contain;background:#fff;padding:3px}.mcp-setup__tab-icon :where(svg){width:100%;height:100%}.mcp-setup__panels{background:var(--mcp-panel);border:1px solid var(--mcp-line);border-radius:14px;overflow:hidden}.mcp-setup__steps{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mcp-setup__steps--three{grid-template-columns:repeat(3,minmax(0,1fr))}.mcp-tab-panels{display:grid}.is-mcp-panel-stack-ready .mcp-tab-panels>[role=tabpanel]{opacity:1;visibility:visible;grid-area:1/1}.is-mcp-panel-stack-ready .mcp-tab-panels>[role=tabpanel][data-mcp-panel-active=false]{opacity:0;pointer-events:none;visibility:hidden}.mcp-setup__step{flex-direction:column;min-width:0;padding:19px 19px 21px;display:flex}.mcp-setup__steps--three .mcp-setup__step{padding-inline:19px}.mcp-setup__step+.mcp-setup__step{border-left:1px solid var(--mcp-line)}.mcp-setup__step-heading{align-items:center;gap:14px;margin-bottom:11px;display:flex}.mcp-setup__step-number{color:var(--mcp-text);background:#1a212c;border-radius:999px;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-size:13px;font-weight:600;display:flex}.mcp-setup__step h2{color:var(--mcp-text);letter-spacing:-.015em;text-transform:none;flex-wrap:wrap;align-items:center;gap:9px;margin:0;font-size:20px;font-weight:600;line-height:1.25;display:flex}.mcp-setup__step h2 img{object-fit:contain;background:#fff;border-radius:7px;width:26px;height:26px;padding:3px}.mcp-setup__step>p{color:var(--mcp-faint);margin:0;font-size:15px;line-height:1.5}.mcp-setup__placeholder{color:var(--mcp-cyan);font-weight:600}.mcp-setup__placeholder--inline{white-space:nowrap;background:#5be0f514;border-radius:5px;margin-inline:.16em;padding:.08em .3em;font-family:JetBrains Mono,monospace;font-size:.88em}.mcp-setup__step-action{min-width:0;margin-top:auto;padding-top:18px}.mcp-setup__step-action--stack{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.mcp-setup__outline-button,.mcp-setup__solid-button,.mcp-examples__button{border-radius:10px;justify-content:center;align-items:center;gap:9px;font-size:14.5px;font-weight:600;text-decoration:none;display:inline-flex}.mcp-setup__outline-button{color:var(--mcp-text);border:1px solid #2a323f;padding:11px 18px}.mcp-setup__outline-button:hover{color:#fff;border-color:#3b4553}.mcp-setup__outline-button :where(svg),.mcp-examples__button :where(svg){width:15px;height:15px}.mcp-setup__solid-button{color:#0a0d12;background:#fff;padding:8px 20px 8px 9px}.mcp-setup__solid-button img{object-fit:contain;border-radius:8px;width:28px;height:28px}.mcp-setup__solid-button--claude{color:#fff;background:#d97757}.mcp-setup__solid-button--claude img{filter:brightness(0)invert()}.mcp-setup__solid-button--claude:hover{color:#fff;background:#e28362}.mcp-setup__connector-value{border:1px solid var(--mcp-line);background:#ffffff0e;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 10px 8px 14px;display:flex;overflow:hidden}.mcp-setup__command-value{border:1px solid var(--mcp-line);background:#0a0e14;border-radius:10px;align-items:center;width:100%;min-width:0;display:flex;overflow:hidden}.mcp-setup__command-scroll{overscroll-behavior-inline:contain;scrollbar-color:#3b4553 transparent;scrollbar-width:thin;flex:auto;min-width:0;padding:14px 16px;overflow-x:auto}.mcp-setup__command-scroll:focus-visible{outline:2px solid var(--mcp-cyan);outline-offset:-2px}.mcp-setup__command-scroll code{color:var(--mcp-text);white-space:nowrap;width:max-content;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;display:block}.mcp-setup__command-value--example code{color:var(--mcp-cyan)}.mcp-setup__json-config{margin:0;padding:0;background:0 0!important}.mcp-setup__json-config code{white-space:pre;overflow-wrap:normal;width:max-content}.mcp-setup__config-details{display:block}.mcp-setup__config-details summary{cursor:pointer;align-items:center;gap:10px;padding:14px 16px;list-style:none;display:flex}.mcp-setup__config-details summary::-webkit-details-marker{display:none}.mcp-setup__config-details summary:before{content:"›";color:var(--mcp-cyan);flex:none}.mcp-setup__config-details[open] summary:before{transform:rotate(90deg)}.mcp-setup__config-details summary code{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-family:JetBrains Mono,monospace;font-size:12px;overflow:hidden;background:0 0!important}.mcp-setup__config-details summary:focus-visible{outline:2px solid var(--mcp-cyan);outline-offset:-2px}.mcp-setup__config-details[open] summary{border-bottom:1px solid var(--mcp-line)}.mcp-setup__connector-value code{color:var(--mcp-text);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:13px;overflow:hidden}.mcp-setup__connector-value button,.mcp-setup__command-value button{color:var(--mcp-text);cursor:pointer;background:0 0;border:0;border-radius:7px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex}.mcp-setup__connector-value button:hover,.mcp-setup__command-value button:hover{background:#ffffff14}.mcp-setup__connector-value button:focus-visible,.mcp-setup__command-value button:focus-visible{outline:2px solid var(--mcp-cyan);outline-offset:2px}.mcp-setup__connector-value button :where(svg),.mcp-setup__command-value button :where(svg){width:18px;height:18px}.mcp-visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.mcp-setup__private-value{border:1px solid var(--mcp-line);color:var(--mcp-dim);text-overflow:ellipsis;white-space:nowrap;background:#0a0e14;border-radius:10px;padding:14px 16px;overflow:hidden}.mcp-setup__private-value code{color:var(--mcp-cyan);font-family:JetBrains Mono,monospace;font-size:12px}.mcp-setup__privacy-note{color:#d9a23c;align-items:center;gap:8px;margin-top:11px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.mcp-setup__privacy-note :where(svg){width:14px;height:14px}.mcp-hero-guides{justify-content:center;align-items:center;gap:12px;padding-top:30px;display:flex}.mcp-hero-guide{border:1px solid var(--mcp-line);color:var(--mcp-text);background:#ffffff09;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex}.mcp-hero-guide:hover{color:var(--mcp-text);background:#ffffff0f;border-color:#3b4553}.mcp-hero-guide__icon{color:var(--mcp-cyan);background:#5be0f51f;border-radius:7px;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.mcp-hero-guide__icon :where(svg){width:14px;height:14px}.mcp-hero-guide small{color:var(--mcp-faint);font-size:13px;font-weight:400}.mcp-how{text-align:center;padding:130px 0 120px}.mcp-section-title{color:var(--mcp-text);letter-spacing:-.02em;text-transform:uppercase;margin:0 0 30px;font-size:clamp(2.2rem,4vw,2.75rem);font-weight:900;line-height:1.05}.mcp-how__tabs{border:1px solid var(--mcp-line);background:#ffffff08;border-radius:999px;gap:4px;margin-bottom:34px;padding:6px;display:inline-flex;position:relative}.mcp-how__tabs button{color:var(--mcp-dim);cursor:pointer;z-index:1;background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:8px;padding:9px 16px;font-family:inherit;font-size:14.5px;font-weight:500;transition:background-color .16s,color .22s;display:inline-flex;position:relative}.mcp-how__tabs button[aria-selected=true]{color:#0a0d12;background:#fff;font-weight:600}.mcp-how__tabs.is-mcp-tab-indicator-ready button[aria-selected=true]{background:0 0}.mcp-how__tabs button :where(svg){width:17px;height:17px}.mcp-how__panels{background:var(--mcp-panel);border:1px solid var(--mcp-line);border-radius:16px;margin-inline:-60px;overflow:hidden}.mcp-simulation{text-align:left;grid-template-columns:minmax(0,6fr) minmax(0,4fr);display:grid}.mcp-simulation__pane{min-width:0;min-height:640px;padding:24px 32px 30px}.mcp-simulation__pane+.mcp-simulation__pane{border-left:1px solid var(--mcp-line)}.mcp-simulation__pane-title{color:var(--mcp-text);justify-content:center;align-items:center;gap:12px;padding-bottom:22px;font-size:22px;font-weight:600;display:flex}.mcp-simulation__pane-title>img{object-fit:fill;border-radius:7px;width:27px;height:27px}.mcp-simulation__check{color:var(--mcp-cyan);display:flex}.mcp-simulation__check :where(svg){width:24px;height:24px}.mcp-chat{flex-direction:column;gap:18px;display:flex}.mcp-chat__user{border:1px solid var(--mcp-line-strong);color:var(--mcp-text);background:#1b2230;border-radius:16px 16px 4px;align-self:flex-end;max-width:78%;margin:0;padding:12px 16px;font-size:15px;line-height:1.5}.mcp-chat__assistant{color:var(--mcp-text);margin:0;font-size:16px;line-height:1.6}.mcp-tool{border-left:2px solid var(--mcp-line-strong);padding:3px 0 3px 14px}.mcp-tool__title{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.mcp-tool__title img{object-fit:contain;background:#fff;border-radius:5px;width:21px;height:21px;padding:3px}.mcp-tool__name{color:var(--mcp-dim);font-size:12px;font-weight:400}.mcp-tool>p{color:var(--mcp-dim);margin:8px 0 0;font-size:13px;line-height:1.5}.mcp-tool__state{color:var(--mcp-cyan);margin-left:auto}.mcp-tool__state:after{content:"✓"}.mcp-tool[data-mcp-event-state=running]{border-left-color:var(--mcp-cyan)}.mcp-tool[data-mcp-event-state=running] .mcp-tool__state:after{border:1.5px solid var(--mcp-line-strong);border-top-color:var(--mcp-cyan);content:"";border-radius:50%;width:12px;height:12px;animation:.8s linear infinite mcp-call-spin;display:block}.mcp-tool__chips{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.mcp-tool__chips span{border:1px solid var(--mcp-line);color:var(--mcp-dim);background:#ffffff0a;border-radius:999px;padding:8px 13px;font-size:13.5px}.mcp-simulation [hidden]{display:none!important}.mcp-simulation__pane--assistant .mcp-chat{overscroll-behavior:contain;scrollbar-color:var(--mcp-line-strong) transparent;scrollbar-width:thin;height:520px;padding:2px 8px 16px 2px;overflow-y:auto}.mcp-chat>*{flex-shrink:0}[data-mcp-event-state]{animation:.28s ease-out both mcp-message-in}[data-mcp-event-state=running][data-mcp-stream]:after,[data-mcp-event-state=running] [data-mcp-stream]:after{background:var(--mcp-cyan);content:"";vertical-align:-.1em;width:2px;height:1em;margin-left:4px;display:inline-block}.mcp-chat__summary[data-mcp-event-state=running] .mcp-tool__chips{visibility:hidden}.mcp-simulation__playback{border-top:1px solid var(--mcp-line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;padding-top:14px;display:flex}.mcp-simulation__status{color:var(--mcp-dim);margin-right:auto;font-size:11px}.mcp-simulation__playback button{color:var(--mcp-text);cursor:pointer;background:0 0;border:0;padding:5px 3px;font-family:inherit;font-size:12px}.mcp-simulation__playback button:hover{color:var(--mcp-cyan)}.mcp-simulation__playback button:disabled{cursor:default;opacity:.4}.mcp-simulation :is(button,[data-mcp-transcript]):focus-visible{outline:2px solid var(--mcp-cyan);outline-offset:2px}.mcp-result__output{flex-direction:column;gap:22px;display:flex}.mcp-result__status{color:var(--mcp-dim);text-align:center;min-height:1.5em;margin:0;font-size:13px;line-height:1.5}.mcp-result__activity{justify-items:center;gap:12px;margin-top:-10px;display:grid}.mcp-result__status-row{align-items:center;gap:8px;display:flex}.mcp-result__spinner{border:2px solid var(--mcp-line-strong);border-top-color:var(--mcp-cyan);border-radius:50%;width:16px;height:16px;animation:1.2s linear infinite mcp-call-spin}.mcp-result__progress{background:var(--mcp-line-strong);border-radius:4px;width:min(220px,100%);height:3px;overflow:hidden}.mcp-result__progress span{background:var(--mcp-cyan);width:0;height:100%;display:block}.mcp-simulation:not([data-mcp-simulation-state=running]) .mcp-result__spinner{display:none}.mcp-simulation:not([data-mcp-simulation-state=running]) .mcp-result__progress,[data-mcp-simulation-state=running] .mcp-result__assets{visibility:hidden}[data-mcp-playback=paused][data-mcp-simulation-state=running] *{animation-play-state:paused!important}[data-mcp-simulation-state=running] .mcp-simulation__check{visibility:hidden}@keyframes mcp-call-spin{to{transform:rotate(360deg)}}@keyframes mcp-message-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mcp-simulation *,.mcp-simulation :after{transition:none!important;animation:none!important}}.mcp-result{flex-direction:column;justify-content:center;gap:22px;min-height:520px;display:flex}.mcp-result__preview{aspect-ratio:16/9;background:#06090d;border:1px solid #2b3340;border-radius:14px;overflow:hidden}.mcp-result__preview--video{aspect-ratio:960/688}.mcp-result__preview img,.mcp-result__preview video{object-fit:cover;width:100%;height:100%;display:block}.mcp-result__preview--video video{filter:contrast(1.02)}.mcp-result__empty{color:var(--mcp-faint);text-transform:uppercase;justify-content:center;align-items:center;height:100%;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}.mcp-theme-palette{padding:0}.mcp-theme-palette__header{justify-content:flex-start;align-items:center;gap:12px;margin-bottom:12px;display:flex}.mcp-theme-palette__journey{color:var(--mcp-dim);align-items:center;gap:8px;font-size:14px;display:flex}.mcp-theme-palette__arrow{color:var(--mcp-dim)}.mcp-theme-palette__grid{flex-wrap:wrap;gap:12px 18px;margin:0;padding:0;list-style:none;display:flex}.mcp-theme-palette__grid>li{align-items:center;gap:10px;min-width:0;display:flex}.mcp-theme-palette__swatch{background:var(--swatch-light);border:1px solid #ffffff20;border-radius:6px;flex:0 0 22px;width:22px;height:22px;display:block;position:relative;overflow:hidden}.mcp-theme-palette__swatch>span{opacity:0;background:linear-gradient(115deg,#0000 20%,#ffffff65 50%,#0000 80%);position:absolute;inset:0}.mcp-theme-palette__name{color:var(--mcp-dim);letter-spacing:-.035em;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:14px;display:block}.mcp-simulation[data-mcp-simulation-state=running] .mcp-theme-palette__swatch,.mcp-simulation[data-mcp-simulation-state=running] .mcp-theme-palette__swatch>span{animation:1.6s ease-in-out both paused mcp-theme-color;animation-delay:calc(1.1s + var(--swatch-index) * .36s - var(--palette-time,0s))}.mcp-simulation[data-mcp-simulation-state=running] .mcp-theme-palette__swatch>span{animation-name:mcp-theme-shimmer}@keyframes mcp-theme-color{0%{background:var(--swatch-dark);transform:translateY(0);box-shadow:0 0 #0000}50%{box-shadow:0 4px 18px color-mix(in srgb, var(--swatch-light) 25%, transparent);transform:translateY(-3px)}to{background:var(--swatch-light);transform:translateY(0);box-shadow:0 0 #0000}}@keyframes mcp-theme-shimmer{0%{opacity:0;transform:translate(-100%)}45%{opacity:.65}to{opacity:0;transform:translate(100%)}}.mcp-generated-assets__header{color:var(--mcp-dim);flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:12px;font-size:14px;display:flex}.mcp-generated-assets__sizes{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:11px}.mcp-generated-assets__fonts,.mcp-generated-assets__packs{margin:0;padding:0;list-style:none}.mcp-generated-assets__fonts{flex-wrap:wrap;gap:12px 18px;margin-bottom:22px;display:flex}.mcp-generated-assets__fonts>li{color:var(--mcp-text);align-items:center;gap:8px;font-size:12px;display:flex}.mcp-generated-assets__glyph{color:var(--asset-color);flex:0 0 22px;display:flex}.mcp-generated-assets__glyph :where(svg){width:22px;height:22px}.mcp-generated-assets__packs{grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:16px;display:grid}.mcp-generated-assets__icons{gap:8px;margin-bottom:9px;display:flex}.mcp-generated-assets__pack-name{color:var(--mcp-dim);font-size:11px}.mcp-simulation[data-mcp-simulation-state=running] .mcp-generated-assets__item{animation:.4s ease-out both paused mcp-asset-add;animation-delay:calc(var(--asset-at) - var(--asset-time,0s))}@keyframes mcp-asset-add{0%{opacity:.15;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.mcp-result__assets{border:1px solid var(--mcp-line);background:#0b1017;border-radius:12px;margin:0;padding:0;list-style:none}.mcp-result__assets>li{color:var(--mcp-text);font-variant-numeric:tabular-nums;align-items:center;gap:12px;padding:13px 16px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;display:flex}.mcp-result__assets>li+li{border-top:1px solid var(--mcp-line)}.mcp-result__asset-label{color:var(--mcp-dim)}.mcp-result__assets svg{color:var(--mcp-dim);flex:0 0 17px;width:17px;height:17px}.mcp-examples{text-align:center;padding-bottom:140px}.mcp-examples .mcp-section-title{margin-bottom:16px}.mcp-examples__subtitle{color:var(--mcp-faint);max-width:680px;margin:0 auto 44px;font-size:16.5px;line-height:1.6}.mcp-examples__grid{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-inline:-60px;display:grid}.mcp-example{color:var(--mcp-text);min-width:0;text-decoration:none}.mcp-example:hover{color:var(--mcp-text)}.mcp-example__preview{aspect-ratio:16/9;background:#0c1118;border-radius:14px;position:relative;overflow:hidden}.mcp-example__preview:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(#0000 24%,#5be0f514 56%,#5be0f51a 100%),#00000052;transition:opacity .26s;position:absolute;inset:0}.mcp-example__preview img{object-fit:cover;width:100%;height:100%;display:block}.mcp-example:is(:hover,:focus-visible) .mcp-example__preview:after{opacity:1}.mcp-example__preview>span{color:var(--mcp-faint);text-transform:uppercase;justify-content:center;align-items:center;height:100%;font-family:JetBrains Mono,monospace;display:flex}.mcp-example__overlay{opacity:0;pointer-events:none;z-index:1;flex-direction:column;align-items:flex-start;gap:14px;transition:opacity .24s,transform .26s;display:flex;position:absolute;bottom:18px;left:18px;right:18px;transform:translateY(10px)}.mcp-example:is(:hover,:focus-visible) .mcp-example__overlay{opacity:1;transform:translateY(0)}.mcp-example__overlay p{-webkit-line-clamp:2;color:#f3f6fa;text-wrap:balance;-webkit-box-orient:vertical;max-width:640px;margin:0;font-size:15px;font-weight:500;line-height:1.45;display:-webkit-box;overflow:hidden}.mcp-example__cta{background:var(--mcp-cyan);color:#05070a;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;padding:10px 18px;font-size:14px;font-weight:700;display:inline-flex}.mcp-example__cta :where(svg){width:16px;height:16px}.mcp-example__meta{justify-content:space-between;align-items:center;gap:18px;padding:16px 4px 0;display:flex}.mcp-example__title{font-size:16px;font-weight:600}.mcp-example__tags{color:var(--mcp-faint);align-items:center;gap:20px;font-size:14px;display:flex}.mcp-example__tags span{align-items:center;gap:7px;display:inline-flex}.mcp-examples__button{color:var(--mcp-text);border:1px solid #2a323f;margin-top:44px;padding:11px 18px}.mcp-examples__button:hover{color:#fff;border-color:#3b4553}.mcp-faq{padding-bottom:100px}.mcp-faq__title{color:var(--mcp-text);letter-spacing:-.02em;margin:0 0 24px;font-size:26px;font-weight:700;line-height:1.3}.mcp-faq__card{background:#0c1118;border:1px solid #1f2632;border-radius:12px;overflow:hidden}.mcp-faq__item+.mcp-faq__item{border-top:1px solid #1a212c}.mcp-faq__question{color:var(--mcp-text);cursor:pointer;user-select:none;align-items:center;gap:16px;padding:20px 24px;font-size:15px;font-weight:500;line-height:1.5;list-style:none;display:flex}.mcp-faq__question::marker{content:"";display:none}.mcp-faq__question::-webkit-details-marker{content:"";display:none}.mcp-faq__question:hover{background:#ffffff05}.mcp-faq__question:focus-visible{outline-offset:-3px}.mcp-faq__question>span{flex:1}.mcp-faq__chevron{color:#8a93a5;flex:0 0 16px;width:16px;height:16px;transition:transform .2s}.mcp-faq__item[open] .mcp-faq__chevron{transform:rotate(180deg)}.mcp-faq__answer{color:var(--mcp-dim);padding:0 24px 24px;font-size:14.5px;line-height:1.625}.mcp-faq__answer p{margin:0}.mcp-faq__answer a{color:var(--mcp-cyan);text-underline-offset:3px;text-decoration:underline}.mcp-faq__answer a:hover{color:var(--mcp-text)}@media (width<=1280px){.mcp-setup,.mcp-how__panels,.mcp-examples__grid{margin-inline:0}}@media (width<=980px){.mcp-setup.is-mcp-panel-stack-ready .mcp-setup__panels>[role=tabpanel]{grid-area:auto}.mcp-setup.is-mcp-panel-stack-ready .mcp-setup__panels>[role=tabpanel][data-mcp-panel-active=false]{display:none}.mcp-setup__steps,.mcp-setup__steps--three{grid-template-columns:1fr}.mcp-setup__step+.mcp-setup__step{border-left:0;border-top:1px solid var(--mcp-line)}.mcp-simulation{grid-template-columns:1fr}.mcp-simulation__pane{min-height:0}.mcp-simulation__pane+.mcp-simulation__pane{border-left:0;border-top:1px solid var(--mcp-line)}.mcp-result{min-height:0}.mcp-examples__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.mcp-shell{padding-inline:20px}.mcp-hero{padding-top:48px}.mcp-client-fan{transform:scale(.72)}.mcp-hero__title{column-gap:10px}.mcp-hero__client{text-align:center;min-width:0}.mcp-setup__tabs{flex-wrap:nowrap;justify-content:start;overflow-x:auto}.mcp-hero-guides{flex-direction:column;align-items:stretch}.mcp-examples__grid{grid-template-columns:1fr}.mcp-how{padding-block:92px}.mcp-faq{padding-bottom:72px}.mcp-faq__title{font-size:22px}.mcp-faq__question{padding:16px 20px}.mcp-faq__answer{padding:0 20px 20px;font-size:13.5px}.mcp-how__tabs{display:flex;overflow-x:auto}.mcp-how__tabs button{flex:none}.mcp-simulation__pane{padding:22px 20px 26px}.mcp-chat__user{max-width:90%}.mcp-example__meta{flex-direction:column;align-items:flex-start}}@media (width<=480px){.mcp-client-fan{margin-left:-55px;margin-right:-55px}.mcp-hero__title{font-size:2.15rem}.mcp-setup__step{padding:18px 16px 19px}.mcp-setup__step-heading{align-items:flex-start}.mcp-section-title{font-size:2rem}.mcp-example__tags{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){.mcp-client-fan__tile:not(.mcp-client-fan__tile--picopixel),.mcp-tab-indicator,.mcp-setup__tab,.mcp-how__tabs button,.mcp-faq__chevron,.mcp-example__preview:after,.mcp-example__overlay{transition:none}}