/* Getting started. Sits on product.css (same tokens, same page frame); only the numbered steps are new. */
.pd-top .pd-s{grid-area:auto;align-self:center;margin-top:0;width:100%;max-width:440px;justify-self:end}
.gs-steps{padding:clamp(24px,4vw,56px) 0 clamp(72px,9vw,128px)}
.gs-list{list-style:none;margin:0 auto;padding:0;max-width:880px;counter-reset:gs;display:grid;gap:0}
.gs-step{position:relative;display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:clamp(16px,2.4vw,28px);padding-bottom:clamp(28px,3.4vw,44px)}
.gs-step:last-child{padding-bottom:0}
.gs-step::before{content:"";position:absolute;left:27px;top:56px;bottom:8px;width:2px;background:var(--line)}
.gs-step:last-child::before{display:none}
.gs-n{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--b700);color:#fff;font-size:24px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.gs-step h3{margin-top:10px;text-wrap:balance}
.gs-step p{margin-top:8px;font-size:18px;line-height:1.45;color:var(--ink-2);max-width:34em;text-wrap:pretty}
.gs-step .pd-more{margin-top:10px}
.gs-step a:not(.link){color:var(--b700);text-decoration:underline;text-underline-offset:3px}

.gs-need .pd-four{max-width:1000px;margin-inline:auto}

.gs-days{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:start}
.gs-days .pd-list{margin:0}

@media (max-width:899.98px){
  .pd-top .pd-s{justify-self:start}
  .gs-days{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .gs-step{grid-template-columns:44px minmax(0,1fr);column-gap:14px}
  .gs-step::before{left:21px;top:44px}
  .gs-n{width:44px;height:44px;font-size:20px}
  .gs-step h3{margin-top:6px;font-size:21px}
  .gs-step p{font-size:17px}
}

.gs-people{padding:clamp(72px,9vw,128px) 0}
.gs-people .pd-head{margin-bottom:clamp(40px,5vw,72px)}
/* Five answers in two columns: the last one spans both, so no cell sits empty. */
@media (min-width:900px){.gs-q #q-help{grid-column:1/-1}}