/* Commercial surfaces: reusable products, not a local-service storefront. */
.commercial-hero { display:grid; gap:1rem; }
.commercial-hero .lead { max-width:48rem; }
.commercial-hero-actions { display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.25rem; }
.commercial-status { padding:1rem 1.1rem; border:1px solid rgba(217,177,92,.55); border-left:5px solid var(--gold); border-radius:var(--radius-md); background:rgba(255,250,242,.9); color:var(--ink); }
.commercial-status p { margin:.35rem 0 0; color:var(--muted); }
.offer-grid, .step-grid, .proof-grid { display:grid; gap:1rem; }
.offer-card { display:grid; gap:.7rem; padding:1.25rem; border:1px solid rgba(24,37,47,.1); border-radius:var(--radius-md); background:rgba(255,250,242,.92); box-shadow:var(--shadow); }
.offer-card.featured { border-color:rgba(29,109,115,.36); background:linear-gradient(180deg,rgba(29,109,115,.1),rgba(255,250,242,.94)); }
.offer-card h2, .offer-card h3 { margin-bottom:0; }
.offer-card p { margin:0; color:var(--muted); }
.offer-card ul, .proof-list { margin:0; padding-left:1.1rem; color:var(--muted); }
.offer-card li, .proof-list li { margin:.35rem 0; }
.offer-kicker { color:var(--rust); font-size:.78rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.offer-state { display:inline-flex; width:fit-content; padding:.3rem .65rem; border:1px solid rgba(32,53,74,.18); border-radius:999px; color:var(--navy); background:rgba(32,53,74,.07); font-size:.82rem; font-weight:800; }
.offer-card .button-row { margin-top:.35rem; }
.step-card { display:grid; gap:.45rem; padding:1rem; border-top:4px solid var(--teal); border-radius:var(--radius-sm); background:rgba(29,109,115,.06); }
.step-number { color:var(--rust); font-size:.8rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.step-card h3 { margin:0; }
.step-card p { margin:0; color:var(--muted); }
.proof-grid .panel { padding:1.25rem; }
.proof-grid .panel h2 { margin-bottom:.55rem; }
.muted-note { color:var(--muted); font-size:.92rem; }
@media (min-width:760px) {
  .commercial-hero { grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); align-items:end; }
  .offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .step-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .proof-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}