/* [DIALSX-20261027] funnel step bar: Website > Check > Plan > Start > Connect. Auto-SEO brand (indigo). Fits 375px with no sideways scroll. */
.sb{--sb-v:#6366f1;--sb-v2:#4f46e5;--sb-ink:#0f172a;--sb-soft:#8a8a9c;--sb-line:#e2e8f0;--sb-tint:#EEF2FF;box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;padding:6px 0 2px;overflow:hidden;font-family:inherit;color:var(--sb-ink)}
.sb *,.sb *:before,.sb *:after{box-sizing:border-box}
.sb-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;counter-reset:sb}
.sb-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;padding:0 2px;text-align:center}
.sb-step:before{content:"";position:absolute;top:12px;left:-50%;width:100%;height:2px;background:var(--sb-line);z-index:0}
.sb-step:first-child:before{display:none}
.sb-step.is-done:before,.sb-step.is-current:before{background:var(--sb-v)}
.sb-dot{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;border:2px solid var(--sb-line);background:#fff;color:var(--sb-soft);font-size:11px;font-weight:800;line-height:1}
.sb-step.is-done .sb-dot{background:var(--sb-v);border-color:var(--sb-v);color:#fff}
.sb-step.is-current .sb-dot{background:var(--sb-ink);border-color:var(--sb-ink);color:#fff;box-shadow:0 0 0 4px var(--sb-tint)}
.sb-label{display:block;max-width:100%;font-size:11px;line-height:1.2;font-weight:600;color:var(--sb-soft);letter-spacing:.02em;overflow-wrap:anywhere}
.sb-step.is-done .sb-label{color:var(--sb-v2)}
.sb-step.is-current .sb-label{color:var(--sb-ink);font-weight:800}
.sb-hint{display:none}
@media (min-width:640px){.sb-step:before{top:14px}.sb-dot{width:28px;height:28px;font-size:12px}.sb-label{font-size:13px}.sb-hint{display:block;font-size:12px;font-weight:500;color:var(--sb-soft);margin-top:-2px}.sb-step.is-current .sb-hint{color:var(--sb-ink)}}
