.mcp-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:center;padding-block:78px 88px}
.mcp-hero h1{font-size:clamp(38px,4vw,58px);line-height:1.08;letter-spacing:-2.4px;margin:22px 0}
.mcp-lead{font-size:18px;line-height:1.75;color:#56657a;max-width:530px}.mcp-caption{font-size:12px;color:#637086;margin-top:18px}
.mcp-endpoint{padding:34px;border-radius:16px;background:#172c45;color:#fff;box-shadow:0 20px 50px #182c4510}.mcp-endpoint>span{color:#bfcedd;font-size:11px;letter-spacing:1.6px}.mcp-endpoint h2{font-size:29px;font-weight:550;line-height:1.3;color:#fff;margin:20px 0 28px}.mcp-endpoint dl{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:16px;margin-bottom:30px}.mcp-endpoint dt{color:#bdcbd9}.mcp-endpoint dd{margin:0}.mcp-endpoint label{font-size:12px;color:#c8d6e4;margin-bottom:6px}.mcp-url-row{display:flex;gap:8px}.mcp-url-row input{font-family:monospace;min-width:0;margin:0;background:#102237;border-color:#516176;color:#fff;font-size:12px}.mcp-endpoint>p{font-size:12px;line-height:1.7;color:#c5d2df;margin:18px 0 0}
.mcp-setup{display:grid;grid-template-columns:320px minmax(0,1fr);gap:90px;padding-block:64px 80px;border-top:1px solid #e0e5eb;scroll-margin-top:80px}.mcp-page h2{letter-spacing:-.7px}.mcp-start h2{font-size:29px}.mcp-start ol{list-style:none;counter-reset:setup;padding:0;margin:32px 0}.mcp-start li{counter-increment:setup;position:relative;padding-left:40px;margin-bottom:28px}.mcp-start li:before{content:counter(setup);position:absolute;left:0;top:0;border:1px solid #d5dce4;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;font-size:12px;background:#fff}.mcp-start strong{font-size:14px}.mcp-start li p{font-size:13px;line-height:1.8;color:#56657a;margin:7px 0}.mcp-start a{color:#245181;text-decoration:underline;text-underline-offset:3px}.mcp-key-note{font-size:12px;color:#56657a;padding-top:22px;border-top:1px solid #e0e5eb;line-height:1.8}.mcp-start>a{font-size:13px}.mcp-clients>h2{font-size:27px;margin:0 0 8px}.mcp-clients>.muted{font-size:14px;margin-bottom:24px}
.mcp-client{border:1px solid #dce3eb;border-radius:10px;background:#fff;margin-bottom:12px;overflow:hidden}.mcp-client summary{padding:21px 24px;display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}.mcp-client summary::-webkit-details-marker{display:none}.mcp-client summary:after{content:'+';margin-left:auto;font-size:22px;color:#596d82}.mcp-client[open] summary:after{content:'−'}.mcp-client summary strong{font-size:16px}.mcp-client summary small{display:block;font-size:12px;color:#637086;margin-top:5px}.mcp-client-mark{flex-shrink:0;display:grid;place-items:center;width:38px;height:38px;background:#f2f5f8;border:1px solid #e1e6ed;border-radius:9px;font-size:13px;font-weight:650}.mcp-client-body{padding:0 24px 24px}.mcp-client-body p{font-size:13px;line-height:1.85;color:#56657a}.mcp-code-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:12px;color:#637086;margin-top:24px}.mcp-client .code-block{margin:10px 0 18px;padding:18px;font-size:12px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere;background:#f5f7fa;color:#233c56;border:1px solid #e4e9ef}.mcp-doc-link{font-size:12px;color:#245181}.mcp-client-body>.button{margin-top:8px}.mcp-page code{overflow-wrap:anywhere}
.mcp-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid #e0e5eb;padding-block:70px}.mcp-capabilities h2{font-size:34px;line-height:1.2;margin:18px 0}.mcp-capabilities p,.mcp-help p{font-size:14px;color:#56657a;line-height:1.8}.mcp-task-list article{padding:0 0 18px;margin-bottom:20px;border-bottom:1px solid #e0e5eb}.mcp-task-list h3,.mcp-help h3{font-size:16px;margin:0 0 8px}.mcp-task-list p{margin:0}.mcp-help{display:grid;grid-template-columns:1fr 1fr;gap:110px;border-top:1px solid #e0e5eb;padding-block:60px 80px}.mcp-help h2{font-size:30px}.mcp-help h3:not(:first-child){margin-top:28px}
@media(max-width:1000px){.mcp-hero{gap:40px}.mcp-setup{gap:42px;grid-template-columns:270px minmax(0,1fr)}.mcp-capabilities,.mcp-help{gap:50px}}
@media(max-width:760px){.mcp-hero{grid-template-columns:1fr;padding-block:42px 48px;gap:30px}.mcp-hero h1{font-size:42px;letter-spacing:-1.7px}.mcp-lead{font-size:16px}.mcp-endpoint{padding:26px}.mcp-setup{grid-template-columns:1fr;padding-block:40px;gap:32px}.mcp-start ol{margin:25px 0}.mcp-client summary{padding:18px 16px}.mcp-client-body{padding:0 16px 20px}.mcp-capabilities,.mcp-help{grid-template-columns:1fr;gap:24px;padding-block:40px}.mcp-capabilities h2{font-size:29px}.mcp-client summary small{font-size:11px}.mcp-code-heading button{font-size:11px}}