.Steps{--steps-count:3;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-columns:repeat(var(--steps-count), minmax(0, 1fr));grid-gap:.8rem;gap:.8rem;margin:0;padding:0;list-style:none;display:grid;position:relative}.Steps__item{flex-direction:column;gap:2.4rem;min-width:0;display:flex;position:relative}.Steps__rail{align-items:center;height:4rem;display:flex;position:relative}.Steps__rail:after{content:"";background:var(--color-turquoise);height:2px;position:absolute;top:calc(50% - 1px);left:4rem;right:-.8rem}.Steps__item:last-child .Steps__rail:after{content:none}.Steps__marker{width:4rem;height:4rem;font-family:var(--font-mono);color:var(--color-white);background:var(--color-turquoise);border-radius:var(--radius-pill);flex:none;justify-content:center;align-items:center;font-size:2rem;line-height:1.1;display:flex;box-shadow:.1rem .1rem 2.4rem #12c3c33d,inset .9rem .8rem 2.4rem #fafafaa3}.Steps__card{--color-surface-primary:var(--color-bg);background:var(--color-white);border-radius:4.8rem;flex-direction:column;flex:auto;gap:1.2rem;padding:3.2rem;display:flex}.Steps__title{margin:0;line-height:1.1}.Steps__text{color:var(--color-black-70);margin:0}.Steps__action{margin-top:auto;padding-top:1.2rem}@media (width<=768px){.Steps{grid-template-columns:minmax(0,1fr);gap:0}.Steps__item{grid-gap:1.2rem;grid-template-columns:3.2rem minmax(0,1fr);gap:1.2rem;padding-bottom:2.4rem;display:grid}.Steps__item:last-child{padding-bottom:0}.Steps__item:before,.Steps__item:after{content:"";background:var(--color-black-12);width:2px;position:absolute;top:3.2rem;bottom:0;left:calc(1.6rem - 1px)}.Steps__item:after{background:var(--color-turquoise);transform:scaleY(1);transform:scaleY(var(--steps-fill,1));transform-origin:top}.Steps__item:last-child:before,.Steps__item:last-child:after{content:none}.Steps__rail{align-self:start;height:auto}.Steps__rail:after{content:none}.Steps__marker{width:3.2rem;height:3.2rem;font-size:1.6rem}.Steps.isScrubbed .Steps__item:not(.isReached) .Steps__marker{color:var(--color-turquoise-black);background:var(--color-turquoise-light);box-shadow:inset 0 0 1.2rem #01bfbf3d}.Steps__card{border-radius:2.4rem;padding:2rem}}.Steps__card,.Steps__marker{transition:translate .5s var(--ease-out-cubic), color var(--transition-duration) var(--ease-out-quad), background-color var(--transition-duration) var(--ease-out-quad), box-shadow var(--transition-duration) var(--ease-out-quad)}@media (hover:hover){.Steps__card:hover{translate:0 -.4rem;box-shadow:0 1.6rem 4rem #01bfbf1f}}
