.f1vij3wb{position:relative;margin-top:2.5rem;padding-left:78px;max-width:760px}.f1vij3wb .spine{position:absolute;left:27px;top:16px;bottom:38px;width:3px;border-radius:3px;background:color-mix(in srgb,currentColor 16%,transparent);overflow:visible}.f1vij3wb .spine .fill{left:0;top:0;width:100%;border-radius:3px;transition:height .7s cubic-bezier(.4,0,.2,1)}.f1vij3wb .spine .fill,.f1vij3wb .spine .fill:after{position:absolute;background:var(--accent,var(--blue))}.f1vij3wb .spine .fill:after{content:"";left:50%;bottom:-4px;width:11px;height:11px;border-radius:50%;transform:translateX(-50%);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent,var(--blue)) 22%,transparent),0 0 14px color-mix(in srgb,var(--accent,var(--blue)) 55%,transparent)}.f1vij3wb .step{position:relative;padding-bottom:2.4rem}.f1vij3wb .step:last-child{padding-bottom:0}.f1vij3wb .node{position:absolute;left:-78px;top:-4px;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,currentColor 6%,transparent);border:2px solid color-mix(in srgb,currentColor 18%,transparent);color:inherit;opacity:.65;z-index:1;transition:background .4s ease,color .4s ease,border-color .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1),opacity .4s ease}.f1vij3wb .node b{font-family:var(--font-display),sans-serif;font-weight:800;font-size:1.25rem;line-height:1}.f1vij3wb .step[data-done=true] .node{background:var(--accent,var(--blue));border-color:var(--accent,var(--blue));color:#05060f;opacity:1}.f1vij3wb .step[data-current=true] .node{transform:scale(1.12);box-shadow:0 0 0 6px color-mix(in srgb,var(--accent,var(--blue)) 18%,transparent)}.f1vij3wb .card{border:1px solid color-mix(in srgb,currentColor 14%,transparent);border-radius:14px;padding:1.2rem 1.4rem 1.35rem;background:color-mix(in srgb,currentColor 4%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:border-color .35s ease,box-shadow .35s ease,transform .35s ease,background .35s ease;opacity:0;transform:translateX(18px)}.f1vij3wb[data-on=true] .card{animation:slidein-f1vij3wb .5s cubic-bezier(.2,.8,.2,1) forwards;animation-delay:calc(var(--i) * .12s)}@keyframes slidein-f1vij3wb{to{opacity:1;transform:none}}.f1vij3wb .step[data-current=true] .card{border-color:color-mix(in srgb,var(--accent,currentColor) 55%,transparent);background:color-mix(in srgb,currentColor 8%,transparent);box-shadow:0 14px 40px color-mix(in srgb,var(--accent,currentColor) 18%,transparent);transform:translateY(-2px)}.f1vij3wb .card:hover{border-color:color-mix(in srgb,var(--accent,currentColor) 40%,transparent);transform:translateY(-2px)}.f1vij3wb .kicker{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent,inherit);margin-bottom:.4rem}.f1vij3wb .card h3{font-size:1.4rem;line-height:1.05;margin-bottom:.45rem}.f1vij3wb .card p{line-height:1.6;opacity:.82}@media (prefers-reduced-motion:reduce){.f1vij3wb .card{opacity:1;transform:none;animation:none}}