.mcp-hero{display:grid;grid-template-columns:var(--columns);gap:var(--gap);align-items:center;padding-top:24px}
.mcp-hero h1{font-size:clamp(46px,5.6vw,74px);margin:24px 0;line-height:1.05}
.mcp-hero h1:first-line{color:var(--ink)}
.mcp-hero>div>p:not(.eyebrow){max-width:570px;color:var(--muted);margin:18px 0}
.mcp-hero>div>p.mcp-lead{font-size:19px;color:var(--ink);line-height:1.7}
.mcp-hero .button{margin-top:14px}
.mcp-example{background:var(--ink);color:var(--white);border-radius:32px;padding:32px}
.mcp-example>.eyebrow{color:var(--on-dark);margin-bottom:24px}
.mcp-request{padding:24px;border-radius:20px;background:var(--white);color:var(--ink)}
.mcp-request>span,.mcp-result>span{display:block;font:10px/1.7 var(--mono);letter-spacing:.04em}
.mcp-request p{font-size:20px;line-height:1.5;margin-top:14px}
.mcp-result{padding:28px 4px 0}
.mcp-result>span{color:var(--on-dark)}
.mcp-result h2{font-size:38px;margin:18px 0}
.mcp-result p{color:var(--on-dark);font-size:14px}
.mcp-result .mcp-label{margin-top:26px;padding-top:18px;border-top:1px solid var(--line-dark);font-size:9px}
.mcp-scope,.mcp-feature{display:grid;grid-template-columns:var(--columns);gap:var(--gap)}
.mcp-scope h2,.mcp-feature h2{margin:18px 0 24px}
.mcp-scope-card{padding:28px;border:1px solid var(--line);border-radius:24px;background:var(--white)}
.mcp-scope-card+.mcp-scope-card{margin-top:18px}
.mcp-scope-card h3{font-size:23px;margin-bottom:12px}
.mcp-scope-card p,.mcp-feature p:not(.eyebrow){color:var(--muted)}
.mcp-scope-card .plain-link{margin-top:16px}
.mcp-feature{align-items:center;border-top:1px solid var(--line);padding-block:60px}
.mcp-feature .button{justify-self:end}
@media(max-width:680px){.mcp-hero,.mcp-scope,.mcp-feature{grid-template-columns:1fr}.mcp-example{padding:24px}.mcp-request{padding:20px}.mcp-request p{font-size:18px}.mcp-feature .button{justify-self:start}.mcp-result h2{font-size:34px}}