/* MCP follows the conversation-led homepage. */
.mcp-ui .hero{background-image:none;padding:76px 0 70px}
.mcp-ui .hero h1{font:600 clamp(48px,6.4vw,88px)/1.05 var(--body);letter-spacing:-.065em;max-width:1040px}
.mcp-ui .hero h1 em{font-family:var(--display);font-weight:400}
.mcp-ui .hero-sub{font-size:17px;max-width:570px}
.mcp-ui .button{border-radius:100px;min-height:48px;padding:14px 24px;font-size:14px;line-height:1.4;white-space:normal;text-align:center}
.mcp-ui .button.red{background:var(--ink);color:var(--card)}.mcp-ui .button.red:hover{background:#33312b}
.mcp-ui .hero-actions{flex-wrap:wrap;gap:14px}
.mcp-ui .hero .public-offer{margin:22px 0 0}
.mcp-ui .section h2{font:600 clamp(34px,4vw,54px)/1.1 var(--body);letter-spacing:-.06em}
.mcp-ui .section-head{text-align:left;margin:0 0 42px;max-width:800px}
.mcp-ui .guide-card{background:none;border:0;border-top:1px solid #d7d0c2;border-radius:0;padding:28px 0}
.mcp-ui .guide-number{background:none;color:var(--red);font:400 26px var(--display);justify-content:flex-start}
.mcp-ui .guide-card h3{font-size:21px;letter-spacing:-.035em;font-weight:500}.mcp-ui .guide-card p{font-size:15px;line-height:1.7}
.mcp-ui .connect-box{background:var(--card);border-radius:16px;padding:28px;max-width:620px}
.mcp-ui .connect-title{gap:16px;align-items:flex-start}.mcp-ui .url-box{gap:10px;padding:10px 14px}.mcp-ui .url-box button{color:var(--ink);min-height:44px;flex-shrink:0}
.mcp-ui .feature{gap:65px}.mcp-ui .workflow-preview{padding:0;border:0;background:transparent}.mcp-ui .workflow-preview img{border-radius:16px}
.mcp-ui .final-cta{background:#e8e2d4;border:0;border-radius:28px 28px 0 0;padding:90px 20px}.mcp-ui .final-cta h2{font:600 clamp(38px,5vw,68px)/1.08 var(--body);letter-spacing:-.06em}
@media(max-width:650px){.mcp-ui .hero{padding:46px 0 42px}.mcp-ui .hero h1{font-size:clamp(40px,10.5vw,66px)}.mcp-ui .hero-sub{font-size:15px;padding:0}.mcp-ui .hero-actions .button{flex:1 1 210px;max-width:340px}.mcp-ui .connect-box{padding:22px;margin-top:30px}.mcp-ui .connect-title{flex-direction:column;gap:8px}.mcp-ui .url-box{flex-wrap:wrap}.mcp-ui .url-box code{flex-basis:100%;font-size:12px}.mcp-ui .section{padding:60px 0}.mcp-ui .section h2{font-size:36px}.mcp-ui .feature{gap:28px}.mcp-ui .preview-toolbar{font-size:10px;flex-wrap:wrap}.mcp-ui .preview-toolbar span{font-size:10px}.mcp-ui .final-cta{padding:65px 20px}.mcp-ui .public-offer{font-size:13px}}