.yb-st{--yb-st-node:56px;--yb-st-gap:clamp(20px, 2.4vw, 36px);--yb-st-wire:var(--yb-line-strong)}.yb-st__top{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px 48px;margin-bottom:clamp(40px,5vw,72px);display:flex}.yb-st__list{grid-template-columns:repeat(var(--yb-st-count,4), minmax(0, 1fr));gap:var(--yb-st-gap);counter-reset:none;display:grid}.yb-st__step{--f:1;align-content:start;gap:22px;display:grid;position:relative}.yb-st__node{z-index:1;width:var(--yb-st-node);height:var(--yb-st-node);border:1px solid var(--yb-st-wire);background:var(--yb-bg,var(--yb-white));font-family:var(--yb-font-display);letter-spacing:-.01em;color:var(--yb-blue);transition:background-color var(--yb-mid) var(--yb-ease), border-color var(--yb-mid) var(--yb-ease), color var(--yb-mid) var(--yb-ease), box-shadow var(--yb-slow) var(--yb-ease);border-radius:50%;place-items:center;font-size:.82rem;font-weight:650;display:grid;position:relative}.yb--paper .yb-st__node{background:var(--yb-bg,var(--yb-tint))}.yb--tint .yb-st__node{background:var(--yb-bg,var(--yb-tint-2))}.yb-st__node .yb-icon{width:22px;height:22px}.yb-st__step.is-on .yb-st__node,.yb-st:not(.is-live) .yb-st__node{background:var(--yb-blue);border-color:var(--yb-blue);color:var(--yb-blue-ink);box-shadow:0 0 0 6px var(--yb-blue-soft), 0 10px 24px -10px color-mix(in srgb, var(--yb-blue) 70%, transparent)}.yb-st__wire{top:calc(var(--yb-st-node) / 2 - 1px);left:var(--yb-st-node);width:calc(100% + var(--yb-st-gap) - var(--yb-st-node));background:var(--yb-st-wire);height:2px;position:absolute;overflow:hidden}.yb-st__wire>span{background:var(--yb-blue);transform:scaleX(var(--f,1));transform-origin:0;position:absolute;inset:0}.yb-st__copy{gap:8px;display:grid}.yb-st__count{font-family:var(--yb-font-display);letter-spacing:-.01em;color:var(--yb-blue);font-size:.76rem;font-weight:650}.yb-st__text{color:var(--yb-ink-soft);font-size:.92rem;line-height:1.65}@media (width<=899px){.yb-st__list{grid-template-columns:minmax(0,1fr);gap:0}.yb-st__step{grid-template-columns:var(--yb-st-node) minmax(0, 1fr);gap:20px;padding-bottom:32px}.yb-st__step:last-child{padding-bottom:0}.yb-st__copy{padding-top:6px}.yb-st__wire{top:var(--yb-st-node);bottom:0;left:calc(var(--yb-st-node) / 2 - 1px);width:2px;height:auto}.yb-st__wire>span{transform:scaleY(var(--f,1));transform-origin:top}}