/* MCC layout.css — page-level structural blocks (hero, CTA band). Load 2nd. */
/* ---------- PAGE HERO ---------- */
.phero{padding-block:clamp(48px,7vw,90px);position:relative;overflow:hidden;border-bottom:1px solid var(--hair)}
.phero::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(233,140,66,.14),transparent 65%);top:-220px;inset-inline-end:-120px;pointer-events:none}
.phero h1{font-size:clamp(36px,6vw,72px);font-weight:900;position:relative}
.phero .lead{color:var(--concrete-2);font-size:18px;margin-top:16px;max-width:60ch;position:relative}
.phero .phero-cta{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px;position:relative}
.badge-phase{display:inline-flex;align-items:center;gap:8px;font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--primary);border:1px solid rgba(233,140,66,.4);border-radius:999px;padding:7px 14px;margin-bottom:18px;position:relative}
.badge-phase::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--primary)}

/* ---------- CTA BAND ---------- */
.cta-band{background:linear-gradient(120deg,#241F18,#15130F);border:1px solid var(--floor-3);border-radius:20px;padding:clamp(30px,5vw,56px);text-align:center;position:relative;overflow:hidden}
.cta-band::before{content:"";position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(233,140,66,.16),transparent 65%);top:-160px;inset-inline-end:-100px}
.cta-band h2{font-size:clamp(26px,4vw,42px);font-weight:900;position:relative}
.cta-band p{color:var(--muted);margin:12px auto 24px;max-width:54ch;position:relative}
.cta-band .acts{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;position:relative}