.mcp-page{--mcp-gap:clamp(2rem, 5vw, 5rem)}.mcp-page main h1,.mcp-page main h2,.mcp-page main h3{text-wrap:balance}.mcp-page main h2{letter-spacing:-.045em;font-size:clamp(2rem,3.4vw,3.35rem);font-weight:600;line-height:1.08}.mcp-page main h3{letter-spacing:-.025em;font-size:1.2rem;font-weight:600;line-height:1.3}.mcp-page main p{line-height:1.65}.mcp-page .button{gap:.7rem}.mcp-page .mcp-lead{font-size:clamp(1.12rem,1.45vw,1.35rem);line-height:1.5}.mcp-page .mcp-small{color:var(--text-muted);font-size:.85rem}.mcp-hero{grid-template-columns:1fr 1.1fr;align-items:center;gap:1rem;padding-block:clamp(3rem,6vw,6rem) 3rem;display:grid}.mcp-hero h1{letter-spacing:-.065em;margin-bottom:1.7rem;font-size:clamp(3.2rem,5.1vw,5.5rem);font-weight:600;line-height:1.02}.mcp-hero h1 span{color:var(--brand-orange-deep)}.mcp-hero-copy>p{max-width:35rem}.mcp-hero-copy>.button{margin-top:.7rem}.mcp-explore{align-items:center;gap:.6rem;width:fit-content;margin-top:1.7rem;font-size:.92rem;display:flex}.mcp-hero-art{min-width:0;margin:0}.mcp-hero-art img{border-radius:.5rem;width:100%;height:auto;display:block}.mcp-hero-art figcaption{font-family:var(--font-mono);justify-content:center;gap:.8rem;margin-top:1rem;font-size:.7rem;display:flex}.mcp-hero-art figcaption span{color:var(--brand-orange-deep)}.mcp-promise-strip{border-block:1px solid var(--rule)}.mcp-promise-strip>div{justify-content:space-between;gap:1rem;padding-block:1.15rem;display:flex}.mcp-promise-strip span{align-items:center;gap:.6rem;font-size:.9rem;display:flex}.mcp-promise-strip svg{color:var(--success);flex-shrink:0}.mcp-section{border-bottom:1px solid var(--rule);padding-block:clamp(3.5rem,7vw,6.5rem)}.mcp-problem,.mcp-section-heading{gap:var(--mcp-gap);grid-template-columns:1fr 1fr;display:grid}.mcp-problem p:last-child{margin-bottom:0}.mcp-section-heading{align-items:end;margin-bottom:2.8rem}.mcp-section-heading h2,.mcp-section-heading p{margin-bottom:0}.mcp-section-heading>p{max-width:34rem}.mcp-demo{border:1px solid var(--rule-strong);background:var(--bg-surface);border-radius:.5rem;grid-template-columns:.75fr 1.25fr;display:grid;overflow:hidden}.mcp-demo-controls{border-right:1px solid var(--rule);padding:clamp(1.2rem,3vw,2.7rem)}.mcp-example-picker{gap:.6rem;display:grid}.mcp-example-picker button{width:100%;min-height:3.5rem;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.25rem;align-items:center;gap:.8rem;padding:.8rem;font-weight:600;display:flex}.mcp-example-picker button>span{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.mcp-example-picker button>svg{flex-shrink:0;margin-left:auto}.mcp-example-picker button[aria-pressed=true]{background:var(--brand-peach-soft);border-color:var(--brand-orange-deep)}.mcp-example-picker button:hover{border-color:var(--rule-strong)}.mcp-mode-picker{border:0;border-top:1px solid var(--rule);flex-wrap:wrap;gap:.7rem 1.25rem;margin:2rem 0 1.3rem;padding:1.1rem 0 0;display:flex}.mcp-mode-picker legend{padding:0 .4rem 0 0;font-size:.85rem}.mcp-mode-picker label{cursor:pointer;align-items:center;gap:.4rem;min-height:2.75rem;font-size:.92rem;display:flex}.mcp-mode-picker input{accent-color:var(--brand-orange-deep);width:1rem;height:1rem}.mcp-demo-output{min-width:0;min-height:31rem;padding:clamp(1.5rem,3.5vw,3rem)}.mcp-demo-question{letter-spacing:-.025em;font-size:clamp(1.2rem,1.75vw,1.7rem);font-weight:600;line-height:1.4!important}.mcp-demo-sources{font-family:var(--font-mono);border-block:1px solid var(--rule);flex-wrap:wrap;align-items:center;gap:.6rem;margin-bottom:1.4rem;padding-block:1rem;font-size:.72rem;display:flex}.mcp-demo-answer{font-weight:600}.mcp-readonly-note{color:var(--success);border-top:1px solid var(--rule);align-items:center;gap:.6rem;margin-top:2rem;padding-top:1.25rem;font-size:.88rem;display:flex}.mcp-readonly-note svg{flex-shrink:0}.mcp-demo-action{border-top:1px solid var(--rule);margin-top:1.5rem;padding-top:1.2rem}.mcp-demo-action strong{color:var(--brand-orange-deep)}.mcp-demo-action p{margin-top:.5rem}.mcp-demo-action .button{cursor:pointer;font-size:.87rem}.mcp-control{background:var(--bg-muted);padding-block:clamp(3rem,6vw,5.5rem)}.mcp-control-grid{align-items:center;gap:var(--mcp-gap);grid-template-columns:1fr 1fr;display:grid}.mcp-control figure{margin:0}.mcp-control img{border-radius:.5rem;width:100%;height:auto}.mcp-permission{border-top:1px solid var(--rule);gap:1rem;margin-top:1.3rem;padding-top:1.3rem;display:flex}.mcp-permission>svg{color:var(--brand-orange-deep);flex-shrink:0;margin-top:.2rem}.mcp-permission h3{margin-bottom:.4rem}.mcp-permission p{margin-bottom:.6rem}.mcp-control .mcp-small{margin-top:1rem}.mcp-proof{gap:var(--mcp-gap);grid-template-columns:.8fr 1.2fr;align-items:center;display:grid}.mcp-proof figure{min-width:0;margin:0}.mcp-proof img{border:1px solid var(--rule);border-radius:.5rem;width:100%;height:auto;display:block}.mcp-proof figcaption{color:var(--text-muted);margin-top:.75rem;font-size:.78rem}.mcp-license{background:var(--ink);color:var(--text-inverse);padding-block:clamp(3.5rem,6vw,6rem)}.mcp-license-grid{gap:var(--mcp-gap);grid-template-columns:1.1fr .9fr;align-items:center;display:grid}.mcp-license h2 span{color:var(--brand-peach-strong)}.mcp-license p{max-width:38rem;color:var(--text-inverse-muted)}.mcp-license .button{background:var(--bg-canvas);color:var(--ink);margin-top:1rem}.mcp-license-terms dl{margin:0 0 1.5rem}.mcp-license-terms dl>div{border-bottom:1px solid #5b554b;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem 1rem;padding-block:1.2rem;display:flex}.mcp-license-terms dt{color:var(--text-inverse-muted);font-size:.9rem}.mcp-license-terms dd{margin:0;font-weight:600}.mcp-license-terms dl>div:first-child dd{letter-spacing:-.05em;color:var(--brand-peach-strong);font-size:3.5rem;line-height:1}.mcp-license-terms>p{font-size:.85rem}.mcp-steps{grid-template-columns:repeat(3,1fr);gap:2.5rem;margin:0;padding:0;list-style:none;display:grid}.mcp-steps li{border-top:1px solid var(--rule-strong);padding-top:1.25rem}.mcp-steps li>span{font-family:var(--font-mono);color:var(--brand-orange-deep);margin-bottom:1.6rem;font-size:.8rem;display:block}.mcp-steps h3{margin-bottom:.7rem}.mcp-steps p{margin-bottom:0}.mcp-faq{gap:var(--mcp-gap);grid-template-columns:.7fr 1.3fr;display:grid}.mcp-faq details{border-bottom:1px solid var(--rule)}.mcp-faq summary{cursor:pointer;padding:1.25rem 1.5rem 1.25rem 0;font-size:1.05rem;font-weight:600}.mcp-faq details p{max-width:44rem}.mcp-source{margin-top:1.5rem}.mcp-closing{align-items:center;gap:var(--mcp-gap);grid-template-columns:1fr auto;padding-block:clamp(3.5rem,7vw,7rem);display:grid}.mcp-closing h2{max-width:20ch}.mcp-closing p{max-width:37rem}.mcp-closing img{object-fit:cover;border-radius:50%;width:10rem;height:10rem;margin-right:4vw}.mcp-closing .mcp-small{margin:1.1rem 0 0}@media (max-width:1080px){.mcp-hero{grid-template-columns:1fr 1fr}.mcp-hero-art figcaption{gap:.4rem;font-size:.6rem}}@media (max-width:880px){.mcp-hero{grid-template-columns:1fr;gap:2rem}.mcp-hero-copy>p{max-width:40rem}.mcp-hero-art{justify-self:center;width:100%;max-width:42rem}.mcp-hero-art figcaption{gap:.7rem;font-size:.7rem}.mcp-problem,.mcp-section-heading,.mcp-control-grid,.mcp-proof,.mcp-license-grid,.mcp-faq{grid-template-columns:1fr;gap:1.8rem}.mcp-control figure{max-width:38rem;margin-inline:auto}.mcp-demo{grid-template-columns:1fr}.mcp-demo-controls{border-right:0;border-bottom:1px solid var(--rule)}.mcp-example-picker{grid-template-columns:repeat(3,1fr);gap:.3rem}.mcp-example-picker button{font-size:.85rem}.mcp-example-picker button>span,.mcp-example-picker button>svg{display:none}.mcp-demo-output{min-height:28rem}.mcp-mode-picker{margin-top:1.4rem}.mcp-demo-controls>p{margin-bottom:0}.mcp-promise-strip>div{flex-wrap:wrap;justify-content:flex-start;gap:.75rem 1.5rem}.mcp-steps{gap:1.5rem}}@media (max-width:540px){.mcp-hero h1{font-size:clamp(2.8rem,11vw,3.7rem)}.mcp-hero{padding-top:2.5rem}.mcp-hero-art figcaption{gap:.35rem;font-size:.6rem}.mcp-hero-copy>.button,.mcp-closing .button{width:100%}.mcp-promise-strip span{font-size:.83rem}.mcp-demo-controls{padding:1rem}.mcp-example-picker{grid-template-columns:1fr}.mcp-example-picker button{min-height:2.8rem}.mcp-example-picker button>span,.mcp-example-picker button>svg{display:block}.mcp-demo-output{min-height:34rem;padding:1.25rem}.mcp-steps{grid-template-columns:1fr;gap:2rem}.mcp-steps li>span{margin-bottom:.8rem}.mcp-closing{grid-template-columns:1fr}.mcp-closing img{width:5rem;height:5rem}}
