.steps{margin:0;padding:0;list-style:none}.step{position:relative;display:flex;flex-direction:column;gap:var(--f-s-s)}.step__num{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--f-ink);color:var(--f-bg);font:650 var(--f-t0)/1 var(--f-font-label);font-variant-numeric:tabular-nums;font-size:1rem}.step__num .ico{font-size:1.4rem}.step__body{display:flex;flex-direction:column;gap:var(--f-s-2xs)}.step__meta{color:var(--f-link);font:600 var(--f-t-2)/1.3 var(--f-font-label);letter-spacing:.1em;text-transform:uppercase}.step__title{color:var(--f-ink);font:var(--f-hw) var(--f-t1)/1.25 var(--f-font-head);letter-spacing:calc(var(--f-track) * .006em)}.step__text{color:var(--f-muted)}.steps--numbers{--min:14rem;counter-reset:s}.steps--numbers .step{padding-top:var(--f-s-m);border-top:1px solid var(--f-line-strong)}.steps--numbers .step__num{width:auto;height:auto;background:none;color:var(--f-link);font:var(--f-hw) var(--f-t4)/1 var(--f-font-head);letter-spacing:calc(var(--f-track) * .015em)}.steps--timeline{container-type:inline-size;display:grid;gap:0;max-width:56rem}.steps--timeline .step{flex-direction:row;gap:var(--f-s-m);padding-bottom:var(--f-s-xl)}.steps--timeline .step:before{content:"";position:absolute;top:3rem;bottom:0;left:1.5rem;border-left:2px solid var(--f-line)}.steps--timeline .step:last-child:before{display:none}.steps--timeline .step__num{flex:none;position:relative;z-index:1;box-shadow:0 0 0 6px var(--f-sec-bg,var(--f-bg))}.steps--timeline .step__body{padding-top:.5rem}@container (min-width:40rem){.steps--timeline .step{display:grid;grid-template-columns:9rem 3rem 1fr;gap:.2rem var(--f-s-l);align-content:start}.steps--timeline .step:before{left:calc(9rem + var(--f-s-l) + 1.5rem)}.steps--timeline .step__num{grid-column:2;grid-row:1}.steps--timeline .step__body{display:contents}.steps--timeline .step__meta{grid-column:1;grid-row:1;padding-top:.9rem;text-align:end}.steps--timeline .step__title,.steps--timeline .step__text{grid-column:3}.steps--timeline .step__title{padding-top:.6rem}}.steps--process{container-type:inline-size;display:flex;flex-wrap:wrap;gap:var(--f-s-l)}.steps--process .step{flex:1 1 min(13rem,100%);padding:var(--f-pad);border:1px solid var(--f-card-bd);border-radius:var(--f-r-l);background:var(--f-card)}.steps--process .step__num{background:var(--f-a);color:var(--f-a-on)}.steps--process .step:not(:last-child):after{content:"";position:absolute;top:calc(var(--f-pad) + 1.1rem);right:calc(var(--f-s-l) * -.5 - .45rem);z-index:1;width:.9rem;height:.9rem;border:solid var(--f-line-strong);border-width:2px 2px 0 0;rotate:45deg;background:none}@container (max-width:28rem){.steps--process .step:not(:last-child):after{top:auto;right:auto;bottom:calc(var(--f-s-l) * -.5 - .45rem);left:2.6rem;rotate:135deg}}.steps.steps--c-alternate>li.step{--f-tone:var(--f-a)}.steps.steps--c-alternate>li.step:nth-child(5n+2){--f-tone:var(--f-b)}.steps.steps--c-alternate>li.step:nth-child(5n+3){--f-tone:var(--f-c3)}.steps.steps--c-alternate>li.step:nth-child(5n+4){--f-tone:var(--f-c4)}.steps.steps--c-alternate>li.step:nth-child(5n+5){--f-tone:var(--f-c5)}.steps.steps--c-accent>li.step{--f-tone:var(--f-a)}.steps.steps--c-neutral>li.step{--f-tone:var(--f-ink)}.steps:is(.steps--c-alternate,.steps--c-accent,.steps--c-neutral)>li.step{--f-tone-soft:color-mix(in srgb,var(--f-tone) 14%,var(--f-bg))}.steps--numbers:is(.steps--c-alternate,.steps--c-accent,.steps--c-neutral)>li.step .step__num{color:var(--f-tone)}.steps--numbers:is(.steps--c-alternate,.steps--c-accent,.steps--c-neutral)>li.step{border-top-color:var(--f-tone)}.steps.steps--m-filled>li.step .step__num{background:var(--f-tone,var(--f-ink));color:var(--f-bg);--step-ring:0 0 0 0 transparent}.steps.steps--m-soft>li.step .step__num{background:var(--f-tone-soft,color-mix(in srgb,var(--f-ink) 10%,var(--f-bg)));color:var(--f-ink);--step-ring:inset 0 0 0 2px var(--f-tone,var(--f-ink))}.steps.steps--m-ring>li.step .step__num{background:var(--f-sec-bg,var(--f-bg));color:var(--f-ink);--step-ring:inset 0 0 0 2px var(--f-tone,var(--f-ink))}.steps.steps--m-dot>li.step .step__num{width:1.1rem;height:1.1rem;margin:.95rem;background:var(--f-tone,var(--f-ink));font-size:0;--step-ring:0 0 0 0 transparent}.steps.steps--m-dot>li.step .step__num>*{display:none}.steps:is(.steps--m-filled,.steps--m-soft,.steps--m-ring,.steps--m-dot)>li.step .step__num{box-shadow:var(--step-ring)}.steps.steps--timeline:is(.steps--m-filled,.steps--m-soft,.steps--m-ring,.steps--m-dot)>li.step .step__num{box-shadow:var(--step-ring),0 0 0 6px var(--f-sec-bg,var(--f-bg))}@container (min-width:40rem){.steps.steps--timeline.steps--m-dot>li.step .step__num{justify-self:center}}@media(prefers-reduced-motion:no-preference){.has-motion.js .steps--a-sequence>li[data-reveal]{transition-delay:calc(var(--i,0) * .14s)}.steps--a-sequence>li:nth-child(2){--i:1}.steps--a-sequence>li:nth-child(3){--i:2}.steps--a-sequence>li:nth-child(4){--i:3}.steps--a-sequence>li:nth-child(5){--i:4}.steps--a-sequence>li:nth-child(6){--i:5}.steps--a-sequence>li:nth-child(7){--i:6}.steps--a-sequence>li:nth-child(8){--i:7}.steps--a-sequence>li:nth-child(9){--i:8}.steps--a-sequence>li:nth-child(10){--i:9}.steps--a-sequence>li:nth-child(11){--i:10}.steps--a-sequence>li:nth-child(12){--i:11}@supports (animation-timeline:view()){.steps--a-draw>li.step:before{transform-origin:50% 0;animation:steps-draw linear both;animation-timeline:view();animation-range:entry 40% cover 55%}.steps--a-draw>li.step .step__num{animation:steps-pop linear both;animation-timeline:view();animation-range:entry 30% entry 90%}}}@keyframes steps-draw{0%{scale:1 0}to{scale:1 1}}@keyframes steps-pop{0%{scale:.6;opacity:.3}to{scale:1;opacity:1}}.steps.steps--timeline.steps--m-dot>li.step:before{top:2.05rem;bottom:-.95rem}