.signup-progress{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:560px;margin:0 auto;padding:0;list-style:none;display:grid}.signup-progress li{justify-items:center;gap:var(--jdsc-space-2);min-width:0;color:var(--color-text-muted);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-bold);line-height:var(--jdsc-lh-sm);text-align:center;display:grid;position:relative}.signup-progress li:not(:last-child):after{z-index:0;border-radius:var(--jdsc-radius-pill);background:var(--color-border);content:"";width:calc(100% - 44px);height:2px;position:absolute;top:16px;left:calc(50% + 22px)}.signup-progress li[data-state=complete]:not(:last-child):after{background:var(--color-brand)}.signup-progress-marker{z-index:1;border:1px solid var(--color-border-strong);border-radius:var(--jdsc-radius-pill);width:34px;height:34px;color:var(--color-text-muted);background:var(--color-surface);font-size:var(--jdsc-fs-sm);font-weight:var(--jdsc-fw-black);place-items:center;display:inline-grid;position:relative}.signup-progress li[data-state=complete] .signup-progress-marker{border-color:var(--color-brand);color:var(--color-text-inverse);background:var(--color-brand)}.signup-progress li[data-state=current]{color:var(--color-brand)}.signup-progress li[data-state=current] .signup-progress-marker{border:2px solid var(--color-brand);color:var(--color-brand);background:var(--color-surface);box-shadow:0 0 0 4px var(--color-brand-soft)}.signup-progress-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (max-width:760px),(max-width:1024px) and (max-height:640px){.signup-progress li{gap:6px;font-size:11px}.signup-progress-marker{width:28px;height:28px}.signup-progress li:not(:last-child):after{width:calc(100% - 36px);top:13px;left:calc(50% + 18px)}}