.onboarding { margin-block: 0 58px; }
.onboarding .onboarding-heading { max-width: 760px; margin: 0; color: var(--ink); font: 500 clamp(31px,3.2vw,46px)/1.13 var(--display); letter-spacing: -.04em; }
.onboarding ol { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; margin: 30px 0 0; padding: 0; list-style: none; }
.onboarding li { min-width: 0; }
.onboarding-index { display: block; color: var(--lime); font: 400 15px/1.3 var(--label); }
.onboarding .onboarding-step-title { margin: 14px 0 0; color: var(--ink); font: 400 27px/1.2 var(--label); letter-spacing: -.02em; }
.onboarding .onboarding-step-copy { max-width: 370px; margin: 12px 0 0; color: var(--muted); font: 400 14px/1.75 var(--body); }
.onboarding--compact { margin-block: 25px 0; padding: 20px 22px; background: #252b20; }
.onboarding--compact .onboarding-heading { font: 400 19px/1.3 var(--label); letter-spacing: 0; }
.onboarding--compact ol { gap: 20px; margin-top: 18px; }
.onboarding--compact .onboarding-index { font-size: 12px; }
.onboarding--compact .onboarding-step-title { margin-top: 9px; font-size: 22px; }
.onboarding--compact .onboarding-step-copy { margin-top: 8px; font-size: 12px; line-height: 1.65; }
@media(max-width:680px) {
 .onboarding { margin-bottom: 40px; }
 .onboarding ol { grid-template-columns: 1fr; gap: 24px; margin-top: 25px; }
 .onboarding li { display: grid; grid-template-columns: 27px minmax(0,1fr); gap: 0 12px; align-items: baseline; }
 .onboarding .onboarding-step-title { margin: 0; font-size: 25px; }
 .onboarding .onboarding-step-copy { grid-column: 2; max-width: 100%; margin-top: 7px; }
 .onboarding--compact { margin-block: 22px 0; padding: 18px; }
 .onboarding--compact ol { gap: 18px; margin-top: 16px; }
 .onboarding--compact li { grid-template-columns: 22px minmax(0,1fr); gap: 0 9px; }
 .onboarding--compact .onboarding-step-title { font-size: 21px; }
 .onboarding--compact .onboarding-step-copy { margin-top: 5px; }
}