/* Service pages — extends homepage.css (tokens + shared components live there) */
.mm-hero--svc{padding-bottom:clamp(40px,4vw,56px)}
.mm-h1--svc{font-size:clamp(36px,4.4vw,60px)}
.mm-svc2 .mm-sub{margin-bottom:18px}
.mm-svc2__block{margin-top:34px;padding-top:34px;border-top:1px solid var(--line)}
.mm-svc2__block p{font-size:16px}
.mm-svc2__block .mm-verdict,.mm-svc2__block .mm-reasons{grid-template-columns:1fr;gap:14px;margin-top:8px}
.mm-svc2__block .mm-reason{flex-direction:row;align-items:flex-start;padding:22px}
.mm-svc2__block .mm-reason__ic{flex:0 0 auto}
.mm-svc2__block .mm-reason p,.mm-svc2__block .mm-verdict__card p{font-size:15px}
.mm-svc2__block .mm-verdict__card h3{font-size:20px;margin-top:16px}
.mm-svc2__block .mm-verdict__card+.mm-verdict__card{margin-top:0}

/* dark "why" band with photo + 2x2 cards */
.mm-band__grid--svc{grid-template-columns:.85fr 1.15fr;align-items:start}
.mm-band__grid--svc .mm-band__media{position:sticky;top:170px}
.mm-band__list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
.mm-bandcard{padding:22px 22px 20px;border-radius:var(--r-md);background:var(--onyx-3);box-shadow:inset 0 0 0 1px var(--line-dark);transition:box-shadow .35s var(--ease),transform .45s var(--ease)}
.mm-bandcard h3{color:#fff;font-size:17px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px;display:flex;align-items:center;gap:10px}
.mm-bandcard h3::before{content:"";flex:0 0 auto;width:9px;height:9px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 4px rgba(124,214,81,.2)}
.mm-bandcard p{margin:0;font-size:14.5px;line-height:1.65;color:var(--fog)}
@media (hover:hover){.mm-bandcard:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(124,214,81,.5)}}

/* repair vs replacement — two light cards, told apart by accent, not by a black block */
.mm-verdict{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.mm-verdict__card{position:relative;padding:34px 32px 32px;border-radius:var(--r-lg);overflow:hidden;transition:transform .5s var(--ease),box-shadow .35s var(--ease)}
.mm-verdict__card--yes{background:linear-gradient(160deg,var(--wash),#fff 75%);box-shadow:0 0 0 1px rgba(46,122,30,.22)}
.mm-verdict__card--no{background:linear-gradient(160deg,#fdf5e6,#fff 75%);box-shadow:0 0 0 1px rgba(176,120,20,.22)}
.mm-verdict__card::after{content:"";position:absolute;right:-40px;top:-40px;width:150px;height:150px;border-radius:50%;opacity:.5}
.mm-verdict__card--yes::after{background:radial-gradient(circle,rgba(124,214,81,.35),transparent 70%)}
.mm-verdict__card--no::after{background:radial-gradient(circle,rgba(232,176,74,.35),transparent 70%)}
.mm-verdict__card h3{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:20px 0 10px}
.mm-verdict__card p{margin:0;font-size:15.5px;line-height:1.7;color:var(--ink-soft)}
.mm-verdict__ic{display:grid;place-items:center;width:52px;height:52px;border-radius:50%}
.mm-verdict__card--yes .mm-verdict__ic{background:var(--lime)}
.mm-verdict__card--no .mm-verdict__ic{background:#f3c465}
.mm-verdict__ic svg{width:24px;height:24px;fill:none;stroke:var(--onyx);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
@media (hover:hover){.mm-verdict__card:hover{transform:translateY(-4px)}}

/* process with H3 titles */
.mm-steps--h3 .mm-step h3{font-size:18px;font-weight:800;letter-spacing:-.015em;line-height:1.3;margin-bottom:8px}
.mm-steps--h3 .mm-step p{margin:0}

/* cost + insurance side by side */
.mm-costpair{display:grid;grid-template-columns:1.1fr .9fr;gap:22px;align-items:stretch}
.mm-costcard,.mm-insure--card{padding:36px 34px;border-radius:var(--r-lg);background:#fff;box-shadow:0 0 0 1px var(--line-soft)}
.mm-costcard p,.mm-insure--card p{font-size:15.5px}
.mm-insure--card{position:relative;overflow:hidden}
.mm-priceplate{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:6px 0 24px}
.mm-priceplate li{display:flex;flex-direction:column;gap:4px;padding:18px 18px 16px;border-radius:var(--r-md);background:var(--onyx);color:var(--fog)}
.mm-priceplate b{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--lime);white-space:nowrap}
.mm-priceplate span{font-size:13.5px;line-height:1.4}
.mm-prose p{max-width:70ch}
.mm-costcard__sub{margin-top:22px;padding-top:20px;border-top:1px solid var(--line-soft)}
.mm-costcard__sub h3{font-size:18px;font-weight:800;letter-spacing:-.015em;margin-bottom:8px}

@media (max-width:1020px){
  .mm-band__grid--svc{grid-template-columns:1fr}
  .mm-band__grid--svc .mm-band__media{position:static}
  .mm-costpair{grid-template-columns:1fr}
}
@media (max-width:760px){
  .mm-band__list,.mm-verdict,.mm-priceplate{grid-template-columns:1fr}
  .mm-verdict__card,.mm-costcard,.mm-insure--card{padding:28px 22px}
}

.mm-costpair>.mm-costcard:only-child{grid-column:1/-1}
.mm-costpair>.mm-costcard:only-child .mm-costcard__sub{display:inline-block;width:calc(50% - 14px);vertical-align:top;margin-right:10px}
@media (max-width:760px){.mm-costpair>.mm-costcard:only-child .mm-costcard__sub{display:block;width:auto;margin-right:0}}