/* Stage 3 Phase 2: Accelerate Ops; per-service ids get a scroll margin. Ported from the Stage 2 prototype (site_src/pages_services.py). */

.ao-open{background:var(--ink);color:#fff;padding-block:clamp(56px,7vw,104px) clamp(48px,6vw,80px)}
.ao-open .crumbs{font-size:14px;color:#AEB5C2;margin-bottom:22px}
.ao-open .crumbs a{color:#AEB5C2;text-decoration:none}
.ao-open h1{color:#fff;font-size:clamp(46px,7.6vw,112px)}
.ao-open .wrap h1.stmt{color:#fff}
.ao-open .aside{font-family:var(--f-voice);font-style:italic;font-size:clamp(26px,3.2vw,42px);line-height:1.12;margin-top:.35em;max-width:20em;color:#fff}
.ao-open .aside em{font-style:italic;color:var(--ember)}
.ao-open .lead{color:#D6DAE2;margin-top:24px}
.ao-open .ctas{margin-top:32px}
.trig{border-top:2px solid var(--ink)}
.trig>div{display:grid;grid-template-columns:72px minmax(0,1.2fr) minmax(0,1fr);gap:12px clamp(24px,4vw,56px);padding:34px 0;border-bottom:1px solid var(--line-2);align-items:start}
.trig .n{font:900 44px/0.9 var(--f-stmt);color:var(--ember);letter-spacing:-.04em}
.trig h3{font-weight:900;text-transform:uppercase;letter-spacing:-.04em;font-size:clamp(28px,3.4vw,46px);line-height:.95}
.trig p{font-size:17px}
.trig p b{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ember-deep);margin-bottom:6px}
@media (max-width:860px){.trig>div{grid-template-columns:1fr}}
.idx{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 clamp(28px,5vw,64px);border-top:2px solid var(--ink)}
.idx>div{padding:26px 0;border-bottom:1px solid var(--line-2)}
.idx h3{font-weight:800;font-size:22px;letter-spacing:-.02em;margin-bottom:8px}
.idx p{font-size:16.5px}
.idx>div:last-child:nth-child(odd){grid-column:1/-1}
.xref{margin-top:24px}
@media (max-width:760px){.idx{grid-template-columns:1fr}}
.ready{background:#fff;border:1px solid var(--line-2);border-radius:16px;overflow:hidden}
.ready .rr{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px 32px;padding:20px clamp(20px,3vw,32px);border-bottom:1px solid var(--line);align-items:baseline}
.ready .rr:last-child{border-bottom:0}
.ready .rr span{font-weight:650;font-size:17px}
.ready .rr a{font-size:15px;text-decoration:none;border-bottom:2px solid var(--ember);justify-self:start;padding-bottom:2px}
.ready .rr a::before{content:"If it's missing: ";color:var(--grey)}
.ready .rh{background:var(--sand-2);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
@media (max-width:760px){.ready .rr{grid-template-columns:1fr}}
.idx>div{scroll-margin-top:96px}
