@layer component{.roadmap{--b-max:72rem;--b-gap:var(--s-block-gap-xl);min-width:0}.roadmap__list{gap:var(--b-gap);width:100%;max-width:var(--b-max);box-sizing:border-box;min-width:0;margin:0 auto;padding:0;list-style:none;display:grid}.roadmap__item{min-width:0;position:relative}.roadmap__item[data-last=true] .rm-step__bar{display:none}.roadmap[data-layout=horizontal-compact]{--b-max:86rem}.roadmap[data-layout=horizontal-compact] .roadmap__list{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}.roadmap[data-layout=horizontal-compact] .rm-step{gap:var(--s-block-gap-xl);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);height:100%;padding:0}.roadmap[data-layout=horizontal-compact] .rm-step__num{justify-items:start}.roadmap[data-layout=horizontal-compact] .rm-step__bar{top:calc(var(--roadmap-step-number-box) + var(--s-space-sm));width:calc(100% + var(--b-gap));height:1px;display:block;bottom:auto;left:0}.roadmap[data-layout=horizontal-compact] .roadmap__item[data-last=true] .rm-step__bar{width:100%}.roadmap[data-layout=horizontal-compact] .rm-step__bar-bg{background:var(--s-border-2)}.roadmap[data-layout=horizontal-compact] .rm-step__bar-fill{display:none}.roadmap[data-layout=horizontal-compact] .rm-step__bar-light{width:var(--s-space-xs);height:var(--s-space-xs);border-radius:var(--s-radius-full);top:50%;transform:translateY(-50%)}@media (width<=72rem){.roadmap[data-layout=horizontal-compact] .roadmap__list{grid-template-columns:repeat(2,minmax(0,1fr))}.roadmap[data-layout=horizontal-compact] .roadmap__item:where(:nth-child(2n)) .rm-step__bar{width:100%}}@media (width<=40rem){.roadmap[data-layout=horizontal-compact] .roadmap__list{grid-template-columns:minmax(0,1fr)}.roadmap[data-layout=horizontal-compact] .rm-step{grid-template-columns:var(--roadmap-step-number-box) minmax(0, 1fr);gap:var(--s-card-gap-lg);padding-block:var(--s-space-sm);grid-template-rows:auto}.roadmap[data-layout=horizontal-compact] .rm-step__num{justify-items:center}.roadmap[data-layout=horizontal-compact] .roadmap__item .rm-step__bar{top:calc(var(--s-space-sm) + var(--roadmap-step-number-box) + var(--s-space-xs));bottom:calc(var(--b-gap) * -1);left:calc(var(--roadmap-step-number-box) / 2);width:1px;height:auto}.roadmap[data-layout=horizontal-compact] .roadmap__item[data-last=true] .rm-step__bar,.roadmap[data-layout=horizontal-compact] .rm-step__bar-light{display:none}}.rm-step{--roadmap-step-progress:0;--p:var(--roadmap-step-progress);--roadmap-step-accent:var(--rm-accent,var(--s-accent));--roadmap-step-num-size:clamp(2rem, 3vw, 3rem);--roadmap-step-title-size:var(--s-title-sm);--roadmap-step-text-lh:var(--s-leading-body);--roadmap-step-number-box:var(--s-space-2xl);grid-template-columns:var(--roadmap-step-number-box) minmax(0, 1fr);align-items:start;gap:var(--s-block-gap-lg);min-width:0;min-height:var(--rm-step-min-height,0px);box-sizing:border-box;padding:var(--s-space-md) 0;display:grid;position:relative;overflow:visible}.rm-step__num{width:var(--roadmap-step-number-box);height:var(--roadmap-step-number-box);color:var(--roadmap-step-accent);font-family:var(--s-font-heading);font-size:var(--roadmap-step-num-size);font-weight:var(--s-weight-heading);font-variant-numeric:tabular-nums;background:0 0;border:0;border-radius:0;place-items:center;line-height:1;display:grid}.rm-step__bar{top:calc(var(--s-space-md) + var(--roadmap-step-number-box) + var(--s-space-sm));bottom:calc(var(--b-gap,var(--s-block-gap-lg)) * -1);left:calc(var(--roadmap-step-number-box) / 2);pointer-events:none;width:1px;position:absolute;overflow:visible}.rm-step__bar-bg,.rm-step__bar-fill{position:absolute;inset:0}.rm-step__bar-bg{background:var(--s-border-1)}.rm-step__bar-fill{background:var(--roadmap-step-accent);transform:scaleY(clamp(0, var(--p), 1));transform-origin:top;transition:transform .18s}.rm-step__bar-light{top:calc(clamp(0, var(--p), 1) * 100%);width:100%;height:var(--s-space-xs);background:var(--roadmap-step-accent);position:absolute;left:0;transform:translateY(-50%)}.rm-step__content{min-width:0;padding:0}.rm-step__title{margin:0 0 var(--s-card-gap-md);color:var(--sf-text,var(--s-text-1));font-family:var(--s-font-heading);font-size:var(--roadmap-step-title-size);font-weight:var(--s-weight-heading);line-height:var(--s-leading-heading);overflow-wrap:anywhere}.rm-step__text{max-width:65ch;color:var(--s-text-2);font-size:var(--s-text-md);line-height:var(--roadmap-step-text-lh);overflow-wrap:anywhere;margin:0}.rm-step__text :where(p,ul,ol){margin:0 0 var(--s-card-gap-md)}.rm-step__text :where(p:last-child,ul:last-child,ol:last-child){margin-bottom:0}.rm-step__text :where(ul,ol){padding-inline-start:var(--s-space-lg)}.rm-step__text a:focus-visible{outline:2px solid var(--s-focus);outline-offset:var(--s-space-xxs);border-radius:var(--s-radius-xs)}.rm-step.is-locked .rm-step__bar-fill{transform:scaleY(1)}@media (width<=40rem){.rm-step{--roadmap-step-number-box:var(--s-space-2xl);gap:var(--s-card-gap-lg);padding-block:var(--s-space-sm)}}@media (prefers-reduced-motion:reduce){.rm-step__bar-fill{transition:none}}.roadmap>.roadmap__title{max-width:var(--b-max);margin:0 auto var(--s-stack-lg);color:var(--s-text-1);font-family:var(--s-font-heading);font-size:var(--s-title-lg);font-weight:var(--s-weight-heading);line-height:var(--s-leading-heading);text-align:left;overflow-wrap:anywhere}}