.band--steps .wrap { max-width: var(--page-width); }
.step h2 { margin: 0; font-size: var(--step-2); }
.step .step-when { font-family: var(--font-display); font-weight: 700; font-size: var(--step-0); color: var(--num); }
.step p:last-child { color: var(--fg); }

.band--stages .wrap, .band--close .wrap { max-width: var(--page-width); }
.process-stages { max-width: none; margin-top: var(--space-m); border-top: 3px solid var(--ink); }
.process-stages .stage-item summary { grid-template-columns: auto minmax(0, 1fr) auto auto; padding-block: var(--space-m); }
.process-stages .stage-item summary h3 { font-size: var(--step-3); }
.process-stages .stage-item summary::before { font-size: var(--step-3); }
.process-stages .stage-item summary::after { grid-column: 4; font-size: var(--step-2); }
.stage-when { grid-column: 3; grid-row: 1; font-family: var(--font-display); font-weight: 700; font-size: var(--step-0); color: var(--fg); white-space: nowrap; }
@media (max-width: 40rem) {
  .process-stages .stage-item summary { grid-template-columns: auto minmax(0, 1fr) auto; }
  .process-stages .stage-item summary::after { grid-column: 3; }
  .stage-when { grid-column: 2; grid-row: 2; white-space: normal; }
}

.stage-body { display: grid; gap: var(--space-l); padding: var(--space-s) 0 var(--space-l); }
@media (min-width: 60rem) { .stage-body { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); column-gap: var(--space-xl); } }
.stage-lead { display: grid; gap: var(--space-s); align-content: start; }
.stage-price { margin: 0; font-family: var(--font-display); font-weight: 700; font-size: var(--step-1); line-height: 1.3; color: var(--fg); }
.stage-price .figure { font-family: var(--font-display); font-size: var(--step-4); font-weight: 800; line-height: 1; }
.stage-intro { margin: 0; max-width: 40ch; }
.stage-facts { display: grid; gap: var(--space-s); margin: var(--space-xs) 0 0; }
.stage-facts div { border-top: 1px solid var(--line); padding-top: var(--space-xs); }
.stage-facts dt { font-family: var(--font-display); font-weight: 700; font-size: var(--step--1); }
.stage-facts dd { margin: 0; }
.stage-detail { max-width: var(--measure); }
.stage-detail h4 { margin: var(--space-m) 0 var(--space-xs); font-size: var(--step-1); }
.stage-detail h4:first-child { margin-top: 0; }
.stage-detail p { margin: 0 0 var(--space-s); }
.stage-list { margin: 0; padding-left: 1.2em; }
.stage-list li { margin-bottom: var(--space-xs); }

.plan-heading { margin: var(--space-xl) 0 var(--space-s); }
.plan-example { max-width: var(--band-width); }
.plan-example > summary { display: inline-flex; align-items: center; min-height: var(--tap); font-family: var(--font-display); font-weight: 700; font-size: var(--step-1); cursor: pointer; text-decoration: underline; text-underline-offset: 0.2em; }
.plan-example > summary:focus-visible { outline: 2px solid var(--focus); outline-offset: 3px; }
.plan-example > summary::before, .plan-example > summary::after { content: none; }
.plan-example > p { margin: var(--space-s) 0; max-width: var(--measure); }
.plan-example .plan-doc { box-shadow: var(--lift-2), var(--catch); padding: var(--space-l); }