.mcp-page{max-width:1440px;margin:auto}.mcp-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(32px,6vw,100px);align-items:center;min-height:610px;padding:45px 0 85px;border-bottom:1px solid var(--line-2)}
.mcp-hero-copy{min-width:0;overflow-wrap:anywhere}
.mcp-hero h1{font-size:clamp(36px,3.7vw,66px);line-height:1.12;font-weight:550;letter-spacing:-2.6px;margin:28px 0}.mcp-hero h1 em{display:block;margin-top:18px;font-family:var(--serif);font-weight:400;font-size:.83em;color:var(--lime);line-height:1.05}.mcp-hero-copy>p{max-width:420px;color:var(--text-2);font-size:15px;line-height:1.9;margin:24px 0 30px}.mcp-trust{display:flex;align-items:center;gap:9px;color:var(--text-3);font-size:12px;margin-top:25px}.mcp-trust .icon{color:var(--lime);width:15px}
.mcp-signal{aspect-ratio:1;min-width:0;container-type:inline-size;position:relative;isolation:isolate;background:radial-gradient(circle at center,rgba(var(--lime-rgb),0.05098),transparent 58%)}
.mcp-signal-top{position:absolute;top:0;left:4%;right:4%;display:flex;align-items:center;justify-content:space-between;gap:12px}
.mcp-signal-top h2{margin:0;font-size:clamp(12px,2.8cqw,16px);font-weight:500;letter-spacing:.02em;color:var(--text-2)}
.mcp-signal-top>.mono{flex-shrink:0;color:var(--text-3);font-size:clamp(8px,1.8cqw,10px);letter-spacing:1px}
.mcp-network{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.mcp-network path{stroke-width:1;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.mcp-network-outer{stroke:var(--line-2)}
.mcp-network-inner{stroke:var(--lime);stroke-opacity:.12;stroke-dasharray:2 5}
.mcp-network-dots{fill:var(--accent,var(--lime));opacity:.45}
.mcp-signal-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:38%;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(9px,2.4cqw,15px);border-radius:50%;background:radial-gradient(circle,rgba(var(--lime-rgb),0.078431),transparent 72%);box-shadow:0 0 50px 12px rgba(var(--lime-rgb),0.031373);pointer-events:none;z-index:1}
.mcp-signal-core>svg{width:clamp(54px,17cqw,104px);height:clamp(54px,17cqw,104px);color:var(--lime)}
.mcp-signal-core>span{font-size:clamp(18px,4.8cqw,29px);line-height:1;letter-spacing:-1px}
.mcp-signal-core em{color:var(--lime);font-style:normal}
.mcp-signal-core small{font-size:clamp(7px,1.6cqw,9px);letter-spacing:2px;color:var(--text-3)}
.mcp-clients{list-style:none;margin:0;padding:0;position:absolute;inset:0;pointer-events:none}
.mcp-clients>li{position:absolute;left:var(--x);top:var(--y);width:16%;height:16%;z-index:2;transform:translate(-50%,-50%);animation:mcp-node-drift var(--drift) ease-in-out var(--delay) infinite}
.mcp-node{position:relative;display:flex;align-items:center;justify-content:center;height:100%;min-height:44px;min-width:44px;border-radius:50%;color:var(--text);text-decoration:none;pointer-events:auto}
.mcp-node img{display:block;width:clamp(30px,8.5cqw,48px);height:clamp(30px,8.5cqw,48px);object-fit:contain;transition:scale .22s ease;filter:drop-shadow(0 0 10px var(--bg-2))}
.mcp-node .mcp-logo-mono{filter:brightness(0) invert(.93) drop-shadow(0 0 10px var(--bg-2))}
.mcp-node>.icon{position:absolute;top:8px;right:8px;width:11px;height:11px;color:var(--text-3);opacity:0;transition:opacity .22s ease}
.mcp-node:hover,.mcp-node:focus-visible{color:var(--lime)}
.mcp-node:hover img,.mcp-node:focus-visible img{scale:1.12}
.mcp-node:focus-visible{outline:2px solid var(--lime);outline-offset:4px}
.mcp-node:hover>.icon,.mcp-node:focus-visible>.icon{opacity:1}
.mcp-signal:is(:hover,:focus-within) .mcp-clients>li{animation-play-state:paused}
.mcp-signal-bottom{position:absolute;bottom:-2%;left:4%;right:4%;display:flex;align-items:center;justify-content:center;gap:6px;margin:0;color:var(--text-3);font-size:clamp(9px,2.1cqw,12px);line-height:1.5;text-align:center}
.mcp-signal-bottom>.icon{flex-shrink:0;width:13px;height:13px;color:var(--lime)}
.mcp-install-grid+.notice{margin:24px 0 0}
@keyframes mcp-node-drift{0%,100%{transform:translate(-50%,calc(-50% + 4px))}50%{transform:translate(-50%,calc(-50% - 4px))}}
.mcp-install,.mcp-capabilities,.mcp-connections{padding:64px 0;border-bottom:1px solid var(--line-2)}.mcp-section-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:30px}.mcp-section-head h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:12px 0 0}.mcp-section-head>.mono{font-size:10px;letter-spacing:2px}.mcp-install-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.mcp-snippet{background:var(--surface);border:1px solid var(--line-2);border-radius:13px;overflow:hidden}.mcp-snippet-head{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 20px;border-bottom:1px solid var(--line);font-size:11px;color:var(--text-2)}.mcp-copy{display:flex;gap:7px;align-items:center;color:var(--lime);flex-shrink:0}.mcp-copy .icon{width:14px;height:14px}.mcp-snippet pre{font:12px/1.85 var(--mono);padding:23px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);user-select:text}.mcp-snippet.prose pre{font:14px/1.9 var(--font)}.mcp-help{font-size:12px;line-height:1.9;color:var(--text-3);margin:16px 2px 24px}.mcp-terminal{padding:18px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:13px}.mcp-terminal-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.mcp-window-dots{display:flex;gap:6px}.mcp-window-dots i{width:6px;height:6px;border-radius:50%;background:var(--line-3)}.mcp-terminal .mcp-help{margin-bottom:4px}.mcp-steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:42px 0 0}.mcp-steps li{position:relative;padding-top:20px;border-top:1px solid var(--line-2)}.mcp-steps li>span{font-size:12px;color:var(--lime)}.mcp-steps h3{font-size:17px;font-weight:500;margin:17px 0 11px}.mcp-steps p{color:var(--text-3);font-size:12px;line-height:1.8;margin:0}.mcp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.mcp-cards article{position:relative;padding:30px;border:1px solid var(--line-2);border-radius:var(--radius);background:var(--surface)}.mcp-cards article>.icon{width:24px;height:24px;color:var(--lime);margin-bottom:30px}.mcp-card-number{position:absolute;right:25px;top:28px;color:var(--text-3);font-size:10px}.mcp-cards h3{font-size:18px;font-weight:500;margin:0 0 13px}.mcp-cards p{font-size:13px;color:var(--text-2);line-height:1.8;margin:0}.mcp-connections>.muted{font-size:13px;max-width:650px}.mcp-empty{display:flex;align-items:center;gap:16px;padding:35px 0;color:var(--text-3);font-size:13px}.mcp-empty>.icon{color:var(--lime)}.mcp-empty>.button{margin-left:auto}.mcp-connection-list article{display:flex;align-items:center;gap:20px;padding:25px 0;border-top:1px solid var(--line)}.mcp-client-icon{padding:12px;background:var(--lime-soft);border:1px solid var(--lime-line);border-radius:12px;color:var(--lime)}.mcp-connection-list strong{font-weight:500;font-size:16px}.mcp-connection-list article>.button{margin-left:auto}.mcp-connection-list dl{display:flex;flex-wrap:wrap;gap:25px;margin:10px 0 0;font-size:11px}.mcp-connection-list dt{color:var(--text-3)}.mcp-connection-list dd{margin:3px 0 0;color:var(--text-2)}
.mcp-consent-wrap{min-height:calc(100dvh - 160px);display:grid;place-items:center;padding:35px 0}.mcp-consent{width:100%;max-width:660px;padding:48px;border:1px solid var(--line-2);border-radius:var(--radius-l);background:var(--surface)}.mcp-consent-icon{width:56px;height:56px;display:grid;place-items:center;color:var(--lime);background:var(--lime-soft);border:1px solid var(--lime-line);border-radius:16px;margin-bottom:25px}.mcp-consent h1{font-size:32px;font-weight:500;letter-spacing:-1px;margin:15px 0}.mcp-consent>.muted{font-size:13px;line-height:1.8}.mcp-request{padding:20px;background:var(--bg-2);border:1px solid var(--line-2);border-radius:12px;margin:28px 0}.mcp-request>div+div{margin-top:15px}.mcp-request dt{font-size:11px;color:var(--text-3)}.mcp-request dd{font-size:14px;margin:5px 0 0;overflow-wrap:anywhere}.mcp-request code{font-size:11px;color:var(--text-2)}.mcp-consent h2{font-size:15px;font-weight:500}.mcp-permissions{list-style:none;padding:0;display:grid;gap:18px;margin:22px 0}.mcp-permissions li{display:flex;gap:13px;align-items:flex-start;font-size:13px;color:var(--text-2)}.mcp-permissions .icon{color:var(--lime);width:18px;flex-shrink:0}.mcp-consent-account{display:flex;align-items:center;gap:12px;padding:16px 0;font-size:13px;border-top:1px solid var(--line-2);overflow-wrap:anywhere}.mcp-consent-actions{display:flex;gap:12px;margin:16px 0 30px}.mcp-consent-actions>.button{flex:1}.mcp-consent>.text-link{margin-top:25px;font-size:12px}
.mcp-page.is-paused *{animation-play-state:paused!important}
@media(max-width:1100px){.mcp-hero{gap:35px;min-height:500px}.mcp-hero h1{font-size:40px}.mcp-cards article{padding:24px}.mcp-steps{gap:24px}}
@media(max-width:760px){.mcp-hero{grid-template-columns:minmax(0,1fr);padding:25px 0 45px;gap:38px}.mcp-hero h1{font-size:43px;letter-spacing:-2px}.mcp-signal{max-width:440px;width:100%;justify-self:center}.mcp-install-grid{grid-template-columns:1fr}.mcp-cards,.mcp-steps{grid-template-columns:1fr}.mcp-cards article{min-height:170px}.mcp-cards article>.icon{margin-bottom:20px}.mcp-install,.mcp-capabilities,.mcp-connections{padding:40px 0}.mcp-steps{gap:26px}.mcp-section-head h2{font-size:25px}.mcp-section-head>.mono{display:none}.mcp-consent{padding:28px 22px}.mcp-consent h1{font-size:28px}.mcp-empty{flex-wrap:wrap}.mcp-empty>.button{margin-left:0}.mcp-connection-list article{flex-wrap:wrap}.mcp-connection-list article>div{flex:1;min-width:190px}.mcp-connection-list article>.button{margin-left:0}.mcp-connection-list dl{gap:14px}.mcp-hero .row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.mcp-signal *{animation:none!important;transition:none!important}.mcp-page *{scroll-behavior:auto}}