.sp-path{position:relative;margin:0;padding:clamp(22px,3vw,34px) clamp(16px,2.4vw,28px);border:1px solid var(--line);border-radius:var(--r-l);background:var(--paper);box-shadow:0 18px 36px -30px rgba(10,20,40,.35)}@keyframes sp-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes sp-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:no-preference){html:not(.no-js) .sp-path:not(.is-in) .sp-a{opacity:0}.sp-path.is-in .sp-a{animation:sp-in .5s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i, 0) * .4s)}html:not(.no-js) .sp-path:not(.is-in) .sp-track i{transform:scaleX(0)}.sp-path.is-in .sp-track i{animation:sp-fill 1.8s ease-out .1s both}}.sp-track{position:absolute;left:12.5%;right:12.5%;top:calc(clamp(22px, 3vw, 34px) + 27px);height:4px;border-radius:999px;background:var(--mist)}.sp-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--blue),var(--go));transform-origin:left center}.sp-steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.sp-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.sp-node{position:relative;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:var(--blue-tint);border:2px solid #b9cbf5;color:var(--blue);margin-bottom:6px}.sp-end .sp-node{background:var(--go-tint);border-color:#a6dcc2;color:var(--go)}.sp-n{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff;font:700 .72rem/1 var(--font)}.sp-end .sp-n{background:var(--go)}.sp-step b{font-size:var(--t-0);color:var(--ink);letter-spacing:-.01em}.sp-step small{font-size:var(--t-xs);color:var(--muted);line-height:1.4;max-width:22ch}.sp-gate{display:inline-flex;gap:5px;margin-top:4px;padding:4px 10px;background:var(--amber-tint);color:var(--amber);font:600 .75rem/1.2 var(--font)}.sp-credit,.sp-gate{align-items:center;border-radius:999px}.sp-credit{display:flex;justify-content:center;gap:8px;margin:22px auto 0;padding:10px 16px;max-width:-moz-max-content;max-width:max-content;background:var(--go-tint);color:var(--go);font-weight:650;font-size:var(--t-sm)}@media (max-width:760px){.sp-track{display:none}.sp-steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.sp-credit{max-width:none;border-radius:var(--r-m);text-align:center}}