.mcp-feature{margin-bottom:48px;border:1px solid #28424e;background:linear-gradient(135deg,#10212bd9,#09131bc9);border-radius:12px;overflow:hidden;display:grid;grid-template-columns:1.35fr 1fr;align-items:center}.mcp-feature-copy{padding:36px 32px;text-align:center}.mcp-feature-copy h2{font-size:clamp(1.9rem,3vw,2.8rem);line-height:1.15;text-wrap:balance;margin:16px auto}.mcp-feature-copy p:not(.eyebrow){line-height:1.75;max-width:470px;margin:0 auto 24px;color:#aec3ce}.mcp-feature-copy .eyebrow{color:#b6d6e2}.mcp-feature-copy .text-link{margin:auto}
.mcp-page .page-intro{text-align:center;padding:72px 0 36px}.mcp-page .page-intro h1{max-width:1000px;margin:16px auto 24px;font-size:clamp(2.5rem,5.4vw,4.8rem);line-height:1.1;text-wrap:balance}.mcp-page .lead{max-width:720px;margin:0 auto;text-wrap:balance}.mcp-summary{text-align:center;max-width:760px;margin:32px auto 64px;padding:0 20px;color:#aec3ce;line-height:1.8}.mcp-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:72px}.mcp-steps article{border-top:1px solid #395360;padding:26px 12px;text-align:center}.mcp-steps h2{font-size:1.6rem;margin:12px 0 18px}.mcp-steps p{line-height:1.8;color:#aec3ce}.mcp-step-number{color:#8faeba;letter-spacing:.15em;font-size:12px}.mcp-page .cta-inner{display:flex;flex-direction:column;text-align:center;gap:28px}.mcp-page .cta-inner p{max-width:640px;margin:22px auto 0;text-wrap:balance}.mcp-page .cta-inner h2{margin:auto}
.mcp-star-workspace{position:relative;isolation:isolate;min-width:0;height:490px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#0c142140,transparent 72%),#04080d;touch-action:pan-y}
.mcp-star-workspace canvas{display:block;width:100%;height:100%}
.mcp-page .mcp-star-workspace{height:650px;border:1px solid #202a35;border-radius:12px;background:radial-gradient(ellipse at 50% 50%,#0c142130,transparent 72%),#04080d}
@media(max-width:900px){.mcp-feature{grid-template-columns:1fr}.mcp-feature-copy{padding:8px 28px 36px}.mcp-feature .mcp-star-workspace{height:480px}}
@media(max-width:760px){.mcp-page .page-intro{padding-top:48px}.mcp-page .mcp-star-workspace{height:490px}.mcp-steps{grid-template-columns:1fr;gap:8px}}
@media(max-width:420px){.mcp-page .mcp-star-workspace,.mcp-feature .mcp-star-workspace{height:430px}}

/* The metaphor belongs in the surrounding copy; the starfield stays uninterrupted. */
.mcp-page .mcp-tagline{font-size:clamp(1.08rem,1.7vw,1.35rem);line-height:1.65;color:#a9bdcc}
.mcp-tagline span{display:block;color:#e1ebf5}
.mcp-integration{scroll-margin-top:28px}
.mcp-page .mcp-star-workspace{height:clamp(350px,50vw,600px)}
.mcp-summary p{margin:0 0 20px}
.mcp-summary .mcp-project-note{margin-top:26px;font-size:.85rem;color:#8ca3b4}
.mcp-feature-copy .mcp-unified-title{font-size:clamp(1.8rem,2.65vw,2.55rem);line-height:1.16;letter-spacing:-.035em;margin:0 auto 24px}
.mcp-unified-title span{display:block}
@media(max-width:760px){.mcp-page .page-intro{padding-bottom:28px}.mcp-summary{margin-top:28px;margin-bottom:48px}}
@media(max-width:420px){.mcp-page .mcp-star-workspace{height:330px}.mcp-feature .mcp-star-workspace{height:330px}}