/* ============================================================
   HOW IT WORKS -- centered hero, vitals diagram (reused from home),
   detailed stage rail, why-it-matters split, comparison table, CTA.
   ============================================================ */
.svc-hero{ position: relative; overflow: hidden; padding: 150px 24px 40px; text-align: center; }
@media (max-width: 1024px){ .svc-hero{ padding-top: 128px; } }
@media (max-width: 640px){ .svc-hero{ padding-top: 108px; } }
.svc-hero-inner{ max-width: 820px; margin: 0 auto; }
.svc-hero .eyebrow{ justify-content: center; }
.svc-hero-title{ margin: 0 0 18px; text-wrap: balance; }
.svc-hero-lede{ font-size: 18px; line-height: 1.7; color: var(--text-secondary); margin: 0 auto; max-width: 720px; }
@media (max-width: 640px){ .svc-hero-lede{ font-size: 16px; } }