/* what-we-do.html only: service index under the hero, mirrored splits, step labels */
  .svc-index{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:4px solid var(--ink);margin-top:0}
  .svc-index a{display:block;padding:22px 20px 24px;border-left:1px solid var(--line)}
  .svc-index a:first-child{border-left:0;padding-left:0}
  .svc-index b{display:block;font-stretch:68%;font-weight:800;font-size:34px;line-height:1}
  .svc-index span{display:block;margin-top:8px;font-size:15.5px;color:var(--muted)}
  .svc-index a:hover b{color:var(--green)}
  .split.flip > :first-child{order:2}
  .section.tint + .section{padding-top:96px}
  .split h2.display{margin-bottom:22px}
  .split .specs{margin-top:28px}
  .roles{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}
  .roles div{background:#fff;border-top:6px solid var(--green);padding:16px 18px;border-radius:0 0 4px 4px;font-weight:700;font-size:17px}
    .gets{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}
  .gets .ticks{margin-top:0;border-top:4px solid var(--ink)}
  @media (max-width:980px){
    .svc-index{grid-template-columns:1fr 1fr}
    .svc-index a:nth-child(3){border-left:0;padding-left:0}
    .split.flip > :first-child{order:0}
    .gets{grid-template-columns:1fr;gap:28px}
  }
  @media (max-width:560px){
    .svc-index a{padding:18px 12px 20px}
    .svc-index b{font-size:28px}
    .roles div{font-size:16px;padding:14px}
    .section,.section.tint + .section{padding:64px 0}
    .section + .section:not(.tint){padding-top:0}
    .section.tint + .section{padding-top:64px}
  }