/* page head (pricing) */
.page-head { padding: var(--s8) 0 var(--s7); }
.page-head h1 { font-size: clamp(2rem, 1.4rem + 2.4vw, 3.25rem); max-width: 28ch; margin-bottom: var(--s4); }
.page-head + .band { border-top: 0; padding-top: 0; }
.page-head .lede { margin-bottom: 0; }
.steps { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); column-gap: var(--s5); row-gap: var(--s5); margin: 0; padding: 0; list-style: none; counter-reset: step; }
.steps li { border-top: 2px solid var(--ink); padding-top: var(--s4); counter-increment: step; }
.steps li::before { content: counter(step); display: block; font-stretch: 62%; font-weight: 800; font-size: 2.5rem; line-height: 1; color: var(--ink); margin-bottom: var(--s3); font-variant-numeric: tabular-nums; }
.table-scroll { grid-column: 1 / -1; overflow-x: auto; }

@media (max-width: 960px) {
  .steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 480px) {
  .steps { grid-template-columns: 1fr; }
}