.onboarding-section ol{--dot:42px;position:relative;isolation:isolate;gap:0}.onboarding-section li{position:relative;justify-content:flex-start;align-items:center;min-width:0;padding:0 6px}.onboarding-section li span{box-sizing:border-box;width:var(--dot);height:var(--dot);min-width:var(--dot);min-height:var(--dot);flex:0 0 var(--dot);border-radius:50%;position:relative;z-index:2;background:#f6f6f3;transition:background .65s,color .65s,border-color .65s}.onboarding-section li strong{min-height:3em;text-align:center}.onboarding-section li:not(:last-child):before,.onboarding-section li:not(:last-child):after{content:'';position:absolute;top:calc(var(--dot)/2);right:50%;width:100%;height:1px;background:#e2e2dc;z-index:0}.onboarding-section li:not(:last-child):after{background:#777b70;transform:scaleX(0);transform-origin:right;transition:transform 1.15s ease}.onboarding-section li.step-filled span{background:#30352f;border-color:#30352f;color:#fff}.onboarding-section li.line-filled:after{transform:scaleX(1)}
@media(max-width:760px){.onboarding-section ol{--dot:34px}.onboarding-section li{padding:0 3px}.onboarding-section strong{max-width:10ch}}
@media(prefers-reduced-motion:reduce){.onboarding-section li span,.onboarding-section li:after{transition:none}}
.onboarding-section li.step-glow span{animation:stepGlow 1.3s ease-out both}
@keyframes stepGlow{0%{box-shadow:0 0 0 0 rgba(125,150,113,0);transform:scale(1)}35%{box-shadow:0 0 0 7px rgba(125,150,113,.14),0 0 24px 6px rgba(125,150,113,.35);transform:scale(1.07);background:#58684e}100%{box-shadow:0 0 0 12px rgba(125,150,113,0),0 0 0 0 rgba(125,150,113,0);transform:scale(1);background:#30352f}}
@media(prefers-reduced-motion:reduce){.onboarding-section li.step-glow span{animation:none}}