.mcp-page{--app-accent:#545753}.mcp-page .landing-rail{min-width:0}.mcp-page .app-section-heading-action{white-space:nowrap;max-width:none}.mcp-page main section[id]{scroll-margin-top:0}.mcp-hero-rail{padding:112px 32px 64px}.mcp-hero-card{isolation:isolate;border-radius:var(--chrome-radius-section);background:#08090c;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:center;gap:42px;min-height:516px;padding:52px 48px;display:grid;position:relative;overflow:hidden}.mcp-hero-card>.dither-background{z-index:-1;width:64%;height:100%;inset:0 0 0 36%}.mcp-hero-copy{min-width:0;container-type:inline-size}.mcp-page main .mcp-hero h1{color:#fff;font-size:var(--page-title-size);font-weight:var(--page-title-weight);line-height:var(--page-title-leading);letter-spacing:var(--page-title-tracking);margin:0}.mcp-hero-accent{color:#c7c9c5;display:block}.mcp-page main .mcp-hero-copy>p{margin-top:var(--page-title-gap);color:#b9bab8;font-size:var(--page-intro-size);line-height:var(--page-intro-leading);max-width:var(--page-intro-measure);text-wrap:balance}.mcp-hero-copy>p>span{display:block}.mcp-hero-actions{margin-top:var(--page-actions-gap);flex-wrap:wrap;gap:8px;display:flex}.mcp-hero .mcp-button-on-dark{color:#fff;background:#131415;border-color:#262626}@media (hover:hover){.mcp-hero .mcp-button-on-dark:hover{background:#1b1c1e}}.mcp-hero-visual{background:#0b0c0e;border-color:#ffffff1f;border-radius:24px;width:100%;height:412px;position:relative}.mcp-live{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.mcp-prompts-bar{border-bottom:1px solid var(--color-border);align-items:center;padding:20px 32px;display:flex}.mcp-prompts-body{grid-template-columns:380px minmax(0,1fr);display:grid}.mcp-prompts-side{isolation:isolate;border-right:1px solid var(--color-border);min-width:0;min-height:420px;padding:32px;position:relative;overflow:hidden}.mcp-prompts-dither{z-index:-1;pointer-events:none;height:58%;position:absolute;inset:auto 0 0}.mcp-prompts-app{position:relative}.mcp-prompts-app>*{animation:.44s cubic-bezier(.32,.72,0,1) both mcp-side-in}.mcp-prompts-app>:nth-child(2){animation-delay:50ms}.mcp-prompts-app>:nth-child(3){animation-delay:.1s}.mcp-prompts-app>:nth-child(4){animation-delay:.15s}@keyframes mcp-side-in{0%{opacity:0;transform:translateY(6px)}}.mcp-prompts-app.is-out>*{animation:.16s cubic-bezier(.25,.46,.45,.94) forwards mcp-side-out}.mcp-prompts-app.is-out>:nth-child(2){animation-delay:22ms}.mcp-prompts-app.is-out>:nth-child(3){animation-delay:44ms}.mcp-prompts-app.is-out>:nth-child(4){animation-delay:66ms}@keyframes mcp-side-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}.mcp-prompts-app img{width:40px;height:40px;display:block}.mcp-page main .mcp-prompts-app h3{margin-top:16px}.mcp-page main .mcp-prompts-scope{color:#666;max-width:300px;margin-top:8px;font-size:15px}.mcp-prompts-app .mcp-prompts-connect{gap:8px;margin-top:24px}.mcp-prompt-box{min-width:0}@media (prefers-reduced-motion:reduce){.mcp-prompts-app>*,.mcp-prompts-app.is-out>*{animation:none}}.mcp-prompt-list{align-content:start;margin:0;padding:0;list-style:none;display:grid}.mcp-prompt-list[hidden]{display:none}.mcp-prompt{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;min-height:72px;padding:20px 104px 20px 32px;transition:background-color .15s;display:flex;position:relative}.mcp-prompt:last-child{border-bottom:0}.mcp-page main .mcp-prompt p{color:var(--color-heading);font-size:17px;line-height:1.4}@media (hover:hover){.mcp-prompt:has(.mcp-prompt-trigger:hover){background:#f7f7f7}}.mcp-prompt:has(.mcp-prompt-trigger:active){background:#f1f1f1}.mcp-prompt-trigger{cursor:pointer;background:0 0;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mcp-prompt-trigger:focus-visible{outline-offset:-4px;outline:1px solid #777}.mcp-prompt-action{color:#999;pointer-events:none;transition:color .15s;display:flex;position:absolute;top:50%;right:32px;translate:0 -50%}.mcp-prompt-trigger:focus-visible .mcp-prompt-action,[data-copy-state=copied] .mcp-prompt-action{color:#171717}@media (hover:hover){.mcp-prompt-trigger:hover .mcp-prompt-action{color:#171717}}.mcp-prompt-feedback{color:#666;pointer-events:none;font-size:13px;line-height:20px;position:absolute;top:50%;right:60px;translate:0 -50%}[data-copy-state=error] .mcp-prompt-trigger{width:36px;height:36px;inset:50% 22px auto auto;translate:0 -50%}[data-copy-state=error] .mcp-prompt-action{right:9px}[data-copy-state=error] .mcp-prompt-feedback{flex-basis:100%;margin-top:6px;position:static;translate:none}.mcp-icon-box{border:1px solid var(--color-border);color:#171717;background:#f7f7f7;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;transition:background-color .15s;display:grid}.mcp-icon-box img{object-fit:contain;width:32px;height:32px;display:block}.mcp-copy-glyph{width:18px;height:18px;display:block;position:relative}.mcp-copy-glyph svg{transition:opacity .15s,transform .15s cubic-bezier(.2,0,0,1),filter .15s;position:absolute;inset:0}.mcp-copy-done,[data-copy-state=copied] .mcp-copy-idle{opacity:0;filter:blur(4px);transform:scale(.25)}[data-copy-state=copied] .mcp-copy-done{opacity:1;filter:blur();transform:scale(1)}.mcp-connection-stage-wrap{padding:32px}.mcp-connection-stage{isolation:isolate;background:#f7f7f7;border-radius:24px;place-items:center;padding:32px;display:grid;position:relative;overflow:hidden}.mcp-connection-stage>.dither-background{z-index:-1;opacity:1;width:100%;height:100%;inset:0}.mcp-connection-visual{background:0 0;border-color:#0000;border-radius:20px;width:100%;height:488px;position:relative;overflow:visible}.app-closing-visual.mcp-closing-visual{justify-self:end;width:100%;max-width:534px;height:320px;position:relative}@media (width>=1101px){.app-closing-card:has(.mcp-closing-visual){grid-template-columns:minmax(0,1fr) minmax(0,534px)}}@media (width>=768px) and (width<=1100px){.app-closing-card:has(.mcp-closing-visual){grid-template-columns:minmax(0,1fr);justify-items:center}.app-closing-card:has(.mcp-closing-visual) .app-closing-copy{text-align:center}.app-closing-card:has(.mcp-closing-visual) .app-closing-copy p{margin-inline:auto!important}.app-closing-card:has(.mcp-closing-visual)>.dither-background{width:100%;height:60%;inset:auto 0 0;mask-image:linear-gradient(#0000,#000 45%)}.app-closing-card:has(.mcp-closing-visual)>.dither-background .dither-fallback{mask-image:none}.app-closing-visual.mcp-closing-visual{justify-self:center}}@media (width<=767px){.app-closing-visual.mcp-closing-visual{aspect-ratio:auto;justify-self:stretch;max-width:none;height:340px}}.mcp-resources{background:#08090c;border-top-color:#1c1c1c}.mcp-resources-rail{isolation:isolate;grid-template-columns:1fr 1.08fr;align-items:start;gap:80px;padding:80px 32px;display:grid;position:relative;overflow:hidden}.mcp-resources .landing-rail{border-inline-color:#1c1c1c}.mcp-resources-rail>.dither-background{z-index:-1;opacity:.1;width:52%;height:55%;top:auto;bottom:0;left:0}.mcp-page main .mcp-resources h2{color:#fff}.mcp-resources-copy{flex-direction:column;align-items:flex-start;gap:36px;display:flex}.mcp-guides{min-width:0}.mcp-page main .mcp-guides h3{color:#fff;margin-bottom:6px;font-size:24px}.mcp-guide-list>.mcp-guide:last-child{border-bottom:0}.mcp-guide{color:#fff;border-bottom:1px solid #262728;align-items:center;gap:18px;padding:24px 0;display:flex}.mcp-guide-icon{flex:none;place-items:center;width:24px;display:grid}.mcp-guide-icon img{filter:invert()}.mcp-guide-copy{flex:1;gap:8px;min-width:0;display:grid}.mcp-guide-name{letter-spacing:-.04em;--link-line-color:#ffffff80;width:fit-content;font-size:18px;font-weight:500}.mcp-guide-description{color:#adadad;letter-spacing:-.03em;font-size:15px;line-height:1.4}.mcp-guide>svg{color:#c4c4c4;flex:none;transition:transform .24s}@media (hover:hover){.mcp-guide:hover>svg{transform:translate(3px)}}.mcp-guide:focus-visible{outline-offset:4px;outline:1px solid #aaa}.mcp-resources+.app-faq{border-top-color:#1c1c1c}@media (width<=1100px){.mcp-hero-rail{padding:106px 24px 56px}.mcp-hero-card>.dither-background{width:56%;inset:0 0 0 44%}.mcp-hero-card{gap:32px;min-height:470px;padding:40px 32px}.mcp-hero-visual{height:448px}.mcp-hero-actions .refresh-button{padding-inline:14px;font-size:14px}.mcp-prompts-bar{padding-inline:24px}.mcp-prompts-body{grid-template-columns:300px minmax(0,1fr)}.mcp-prompts-side{padding:28px 24px}.mcp-prompt{padding:18px 96px 18px 24px}.mcp-prompt-action{right:24px}.mcp-prompt-feedback{right:52px}.mcp-connection-stage-wrap{padding:24px}.mcp-connection-stage{padding:28px}.mcp-resources-rail{gap:40px;padding:64px 24px}.mcp-guide{gap:14px}}@media (width>=768px) and (width<=950px){.mcp-hero-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.mcp-hero-actions .refresh-button{padding-inline:12px;font-size:13px}.mcp-resources-rail{grid-template-columns:1fr;gap:56px}.mcp-resources-rail>.dither-background{opacity:.07;width:100%;height:45%}}@media (width>=768px) and (width<=1150px){.mcp-prompts-bar .app-segments .app-seg-name{display:inline}.mcp-prompts-bar .app-segments .app-seg-short{display:none}.mcp-prompts-bar .app-segments button:has(img){padding:0 12px 0 8px}}@media (width<=900px){.mcp-prompts-body{flex-direction:column;display:flex}.mcp-prompts-side{border-right:0;border-bottom:1px solid var(--color-border);min-height:0;padding:28px 24px 112px}.mcp-prompts-dither{height:96px}}@media (width<=767px){.mcp-hero-rail{padding:86px 12px 36px}.mcp-hero-card{border-radius:24px;grid-template-columns:1fr;gap:36px;min-height:0;padding:38px 20px 20px}.mcp-hero-card>.dither-background{opacity:.25;width:80%;height:100%;inset:0 0 0 20%}.mcp-page main .mcp-hero-copy>p{max-width:360px}.mcp-hero-actions .refresh-button{padding-inline:12px;font-size:14px}.mcp-hero-visual{border-radius:19px;height:448px}.mcp-prompts-bar{padding:16px 20px}.mcp-prompts-side{padding:24px 20px 104px}.mcp-prompt{min-height:64px;padding:16px 84px 16px 20px}.mcp-page main .mcp-prompt p{font-size:16px}.mcp-prompt-action{right:20px}.mcp-prompt-feedback{right:46px}.mcp-connection-stage-wrap{padding:16px}.mcp-connection-stage{border-radius:20px;padding:8px}.mcp-connection-visual{border-radius:16px;height:480px}.mcp-resources-rail{grid-template-columns:1fr;gap:48px;padding:56px 20px}.mcp-resources-rail>.dither-background{opacity:.07;width:100%;height:45%}.mcp-resources-copy{gap:28px}.mcp-page main .mcp-guides h3{font-size:23px}.mcp-guide{padding:24px 0}.mcp-guide-name{font-size:17px}.mcp-guide-description{font-size:14px}}@media (width<=360px){.mcp-hero-card{padding-inline:16px}.mcp-hero-actions .refresh-button{min-height:40px;padding-inline:10px;font-size:12px}.mcp-connection-stage-wrap{padding:12px}}@media (prefers-reduced-motion:reduce){.mcp-prompts-connect,.mcp-prompts-connect-arrow,.mcp-prompt,.mcp-prompt-action,.mcp-icon-box,.mcp-copy-glyph svg,.mcp-guide,.mcp-guide-name,.mcp-guide>svg{transition:none}}@media (width<=1300px){.mcp-hero-visual{height:564px}}@media (width>=768px) and (width<=1050px){.mcp-hero-card{grid-template-columns:minmax(0,1fr);gap:36px;min-height:0}.mcp-hero-card>.dither-background{width:100%;height:55%;inset:45% 0 0}.mcp-hero-copy{max-width:560px}.mcp-hero-visual{height:440px}}
