/* Three text-led steps share the existing landing palette. */
.getting-started{padding-block:64px 72px;scroll-margin-top:24px}
.steps-heading{text-align:center;margin-bottom:40px}
.steps-heading h2{font-size:clamp(30px,3.1vw,44px);font-weight:550;line-height:1.42;letter-spacing:-1.2px;text-wrap:balance}
.steps-heading>p{font-size:16px;line-height:1.9;color:var(--muted);margin-top:16px;text-wrap:balance}
.getting-started-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.getting-started-steps>li{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:16px;align-content:start;padding:24px;border:1px solid #cbd1c7;border-radius:16px;background:#f8faf7}
.getting-started-number{display:block;grid-column:1;grid-row:1;font-size:44px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--coral-deep);line-height:1;letter-spacing:-1px}
.getting-started-steps h3{grid-column:2;grid-row:1;align-self:center;font-size:24px;font-weight:550;line-height:1.5;letter-spacing:-.5px;margin:0}
.getting-started-description{grid-column:1/-1;grid-row:2;font-size:16px;line-height:1.9;color:var(--ink);margin-top:20px;min-height:5.7em}
.getting-started-support{grid-column:1/-1;grid-row:3;align-self:start;font-size:15px;line-height:1.9;color:var(--muted);margin-top:20px;padding-top:16px;border-top:1px solid #dce1d9}
.getting-started-support>p+p{margin-top:0}
.steps-action{display:flex;justify-content:center;margin-top:40px;text-align:center}
.steps-action>.button{min-height:50px;padding-inline:24px}
.getting-started ::selection{background:var(--coral-tint);color:var(--ink)}
@media(max-width:900px){
  .getting-started-steps{grid-template-columns:minmax(0,1fr);gap:20px}
  .getting-started-description{min-height:0}
}
@media(max-width:700px){
  .getting-started{padding-block:44px 56px}
  .steps-heading{margin-bottom:32px;text-align:left}
  .steps-heading h2{font-size:28px;letter-spacing:-.7px}
  .steps-heading>p{font-size:14px;margin-top:13px;text-wrap:wrap}
  .getting-started-steps>li{padding:20px;column-gap:14px}
  .getting-started-number{font-size:36px}
  .getting-started-steps h3{font-size:21px}
  .getting-started-description{font-size:15px;margin-top:16px}
  .getting-started-support{font-size:14px;margin-top:16px}
  .steps-action{margin-top:32px}
  .steps-action>.button{min-height:48px;font-size:14px}
}
