.mcp-public { color:var(--text); background:var(--surface); }
.mp-wrap { max-width:1160px; margin:auto; padding-inline:32px; }
.mcp-public :is(h1,h2,h3,p) { margin:0; }
.mcp-public p { color:var(--text-muted); line-height:1.75; }
.mcp-public .mp-eyebrow { color:var(--text); font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; margin-bottom:16px; }
.mp-hero { display:grid; grid-template-columns:1.12fr 1fr; gap:64px; align-items:center; padding:76px 0 64px; }
.mcp-public h1 { font-size:clamp(38px,4.7vw,60px); line-height:1.08; letter-spacing:-.045em; font-weight:750; max-width:580px; }
.mcp-public .mp-lead { font-size:17px; margin:24px 0 28px; max-width:560px; }
.mp-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.mp-text-link { color:var(--text); font-size:14px; font-weight:600; text-decoration:underline; text-underline-offset:5px; }
.mcp-public .mp-note { font-size:11px; margin-top:20px; }
.mp-conversation { background:var(--menu-lavender); border:1px solid var(--border); border-radius:20px; padding:24px; box-shadow:0 18px 42px color-mix(in srgb,var(--brand-purple) 10%,transparent); }
.mp-conversation-top { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:600; padding-bottom:20px; }
.mp-conversation-top>span:last-child { margin-left:auto; color:var(--text-muted); font-size:10px; border:1px solid var(--border); padding:3px 7px; border-radius:5px; }
.mp-dot { background:var(--brand-purple); width:8px; height:8px; border-radius:50%; flex-shrink:0; }
.mcp-public .mp-question { background:var(--surface); padding:18px; border-radius:12px 12px 3px 12px; color:var(--text); font-weight:600; font-size:15px; border:1px solid var(--border); }
.mp-flow { padding:24px 10px 0; }
.mp-flow>div { padding:0 0 20px 34px; margin-left:12px; position:relative; border-left:1px solid var(--brand-purple); }
.mp-flow>div:last-child { border-color:transparent; }
.mp-flow span { position:absolute; left:-13px; top:0; display:grid; place-items:center; width:26px; height:26px; border:1px solid var(--brand-purple); background:var(--menu-lavender); border-radius:50%; font-size:10px; font-weight:700; }
.mp-flow strong { font-size:14px; }
.mp-flow p { font-size:12px; margin-top:4px; }
.mp-conversation-foot { padding-top:14px; border-top:1px solid var(--border); font-size:11px; color:var(--text-muted); }
.mp-section-head { margin-bottom:28px; }
.mp-story { padding:12px 0 56px; scroll-margin-top:100px; }
.mp-story figure { margin:0; }
.mp-story img { display:block; width:100%; height:auto; border-radius:14px; }
.mp-story ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; list-style:none; padding:0; margin:28px 0 0; }
.mp-story li p { font-size:14px; margin-top:12px; }
.mcp-public h2 { font-size:clamp(25px,3vw,34px); line-height:1.2; letter-spacing:-.025em; font-weight:700; }
.mcp-public h3 { font-size:19px; line-height:1.35; font-weight:650; }
.mp-capabilities { padding:20px 0 64px; }
.mp-cards { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.mp-cards article { border:1px solid var(--border); border-radius:14px; padding:26px; display:flex; flex-direction:column; }
.mp-tag { display:inline-block; align-self:flex-start; padding:5px 9px; background:var(--pastel-purple); border-radius:5px; font-size:11px; font-weight:600; margin-bottom:22px; }
.mp-cards article:nth-child(2) .mp-tag { background:var(--pastel-lime); }
.mp-cards article:nth-child(3) .mp-tag { background:var(--pastel-blue); }
.mp-cards p { font-size:14px; margin:12px 0 24px; }
.mp-cards blockquote { margin:auto 0 0; padding-top:18px; border-top:1px solid var(--border); font-size:13px; line-height:1.6; }
.mp-control { background:var(--menu-lavender); border-block:1px solid var(--border); }
.mp-control-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-block:48px; }
.mp-control-grid>div>p:last-child { margin-top:18px; font-size:15px; }
.mp-control dl { margin:0; }
.mp-control dl>div { padding:16px 0; border-bottom:1px solid var(--border); }
.mp-control dl>div:first-child { padding-top:0; }
.mp-control dl>div:last-child { border:0; padding-bottom:0; }
.mp-control dt { font-size:15px; font-weight:650; }
.mp-control dd { margin:6px 0 0; font-size:13px; line-height:1.7; color:var(--text-muted); }
.mp-setup { padding:64px 0 40px; scroll-margin-top:100px; }
.mp-setup ol { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; list-style:none; margin:0; padding:0; }
.mp-number { display:block; color:var(--text-muted); font-size:12px; font-weight:600; border-top:2px solid var(--brand-purple); padding:16px 0; }
.mp-setup li p { font-size:14px; margin-top:12px; }
.mcp-public .mp-compatibility { margin-top:30px; font-size:12px; }
.mp-faq { display:grid; grid-template-columns:1fr 2fr; gap:70px; padding:34px 0 60px; }
.mp-faq details { border-bottom:1px solid var(--border); }
.mp-faq details:first-child { border-top:1px solid var(--border); }
.mp-faq summary { padding:18px 0; font-size:14px; font-weight:600; cursor:pointer; }
.mp-faq details p { font-size:14px; margin-bottom:18px; }
.mp-bottom { display:flex; justify-content:space-between; align-items:center; gap:32px; padding:32px; margin-bottom:56px; background:var(--pastel-lime); border-radius:14px; }
.mp-bottom h2 { max-width:640px; font-size:28px; }
.mp-bottom .pd-action { flex-shrink:0; }
@media(max-width:900px) { .mp-hero { gap:32px; } .mp-cards article { padding:20px; } .mp-control-grid,.mp-faq { gap:32px; } }
@media(max-width:680px) { .mp-story { padding:0 0 36px; } .mp-story ol { grid-template-columns:1fr; gap:24px; margin-top:20px; } }
@media(max-width:680px) { .mp-wrap { padding-inline:20px; } .mp-hero,.mp-control-grid,.mp-faq { grid-template-columns:1fr; } .mp-hero { padding:40px 0; } .mp-cards,.mp-setup ol { grid-template-columns:1fr; gap:18px; } .mp-capabilities { padding-bottom:40px; } .mp-cards article { padding:24px; } .mp-tag { margin-bottom:16px; } .mp-setup { padding-top:40px; } .mp-bottom { flex-direction:column; align-items:flex-start; padding:24px; } .mp-conversation { padding:20px; } }