/* service.css — the five service pages.
   Distinguishing objects (DESIGN-SYSTEM §6/service): the SCOPE LIST in the hero and the
   sticky index rail. No slider (home's), no table (comparison's), no contents strip (guide's). */

.scope{margin-top:32px;display:grid;grid-template-columns:1fr 1fr;gap:36px;
       border-top:1px solid var(--line);padding-top:26px}
.scope .kicker{margin-bottom:6px}
.scope > div:last-child .kicker{color:var(--ink-soft)}
/* the "what is not" column reads as a caveat, so its ticks become dashes */
.scope > div:last-child .ticks li::before{border-left:0;border-bottom:3px solid var(--ink-soft);
  transform:none;width:12px;height:0;top:22px;left:4px}
.scope .ticks li{padding-top:9px;padding-bottom:9px;font-size:.94rem}
@media(max-width:860px){.scope{grid-template-columns:1fr;gap:20px}}

/* numbered sections against a hairline datum */
.datum{border-top:1px solid var(--line);padding-top:26px;margin-top:44px}
.datum:first-of-type{border-top:0;padding-top:0;margin-top:0}
.datum h2{font-size:clamp(1.35rem,2.2vw,1.75rem);margin-bottom:6px}
.datum p{margin-top:14px;max-width:var(--measure-read);color:var(--ink)}
.datum p b{color:var(--teal-ink)}

.hero-solo .cta-row{margin-top:28px}