.steps{display:grid;gap:var(--space-8) var(--layout-grid-gap);counter-reset:velori-step}.steps--flow{gap:var(--space-4);align-items:stretch}@media screen and (min-width:900px){.steps--flow{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;align-items:stretch}}.steps--flow .step{position:relative;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border:1px solid rgb(var(--color-border));border-radius:var(--radius-md);background-color:rgb(var(--color-surface) / .6);text-align:center;align-items:center}.steps--flow>*:not(:last-child):after{content:"";position:absolute;align-self:center;width:10px;height:10px;border-top:1.5px solid rgb(var(--color-accent) / .75);border-right:1.5px solid rgb(var(--color-accent) / .75)}@media screen and (max-width:899px){.steps--flow>*:not(:last-child):after{left:50%;bottom:calc(var(--space-4) * -1);transform:translate(-50%,50%) rotate(135deg)}}@media screen and (min-width:900px){.steps--flow>*{margin-inline:var(--space-3)}.steps--flow>*:first-child{margin-left:0}.steps--flow>*:last-child{margin-right:0}.steps--flow>*:not(:last-child):after{top:50%;right:calc(var(--space-3) * -1);transform:translate(50%,-50%) rotate(45deg)}}.steps--flow .step__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.steps--flow .ghost-number{display:none}.steps--flow .step__icon{position:static;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;margin-bottom:var(--space-2);border-radius:50%;border:1px solid rgb(var(--color-accent) / .28);background-color:rgb(var(--color-accent) / .08);color:rgb(var(--color-accent))}.steps--flow .step__number{position:static;display:block;width:auto;height:auto;border:0;border-radius:0;background:none;font-family:var(--font-body-family);font-size:var(--text-micro);font-weight:600;text-transform:var(--font-eyebrow-transform);letter-spacing:var(--font-eyebrow-spacing);color:rgb(var(--color-accent))}.steps--flow .step__number:before,.steps--flow .step__body:before{content:none}.steps--flow .step__title{font-size:var(--text-body);line-height:1.35;text-wrap:balance}.steps--flow .step__text{display:none}.step-result{display:flex;flex-direction:column;justify-content:center;gap:var(--space-3);padding:var(--space-6) var(--space-5);border:1px solid rgb(var(--color-accent) / .35);border-radius:var(--radius-md);background-color:rgb(var(--color-accent) / .06)}.step-result__label{font-size:var(--text-micro);font-weight:600;text-transform:var(--font-eyebrow-transform);letter-spacing:var(--font-eyebrow-spacing);color:rgb(var(--color-accent))}.step-result__text{font-family:var(--font-heading-family);font-size:var(--text-h4);line-height:1.25;color:rgb(var(--color-text));text-wrap:balance}@media screen and (min-width:750px){.steps--grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.steps--grid{grid-template-columns:repeat(var(--steps-columns, 3),minmax(0,1fr))}}.steps--columns-2{--steps-columns: 2}.steps--columns-3{--steps-columns: 3}.steps--columns-4{--steps-columns: 4}.step{display:flex;flex-direction:column;gap:var(--space-4);counter-increment:velori-step}.step__media{position:relative}.step__media .media{border-radius:var(--radius-md)}.step__number{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-heading-family);font-size:var(--text-micro);letter-spacing:var(--font-eyebrow-spacing);text-transform:uppercase;color:rgb(var(--color-text-muted))}.step__number:before{content:counter(velori-step,decimal-leading-zero);font-size:var(--text-h4);line-height:1;letter-spacing:var(--font-heading-spacing);color:rgb(var(--color-accent))}@media screen and (min-width:990px){.steps--grid .step__number{position:relative}.steps--grid .step:not(:last-child) .step__number:after{content:"";position:absolute;top:50%;left:calc(100% + var(--space-4));width:calc(var(--layout-grid-gap) * 2);height:1px;background-color:rgb(var(--color-border))}}.step__icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-sm);background-color:rgb(var(--color-accent) / .12);color:rgb(var(--color-accent))}.step__title{margin:0;font-size:var(--text-h4);line-height:1.25}.step__text{margin:0;font-size:var(--text-small);line-height:1.65;color:rgb(var(--color-text-muted));max-width:46ch}.steps--stack{gap:clamp(64px,9vw,140px)}.steps--stack .step__body{position:relative}@media screen and (min-width:990px){.steps--stack .step{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(48px,7vw,112px)}.steps--stack .step:nth-child(2n) .step__media{order:2}.steps--stack .step:nth-child(2n) .ghost-number{left:auto;right:-.08em}.steps--stack .step__body{display:flex;flex-direction:column;gap:var(--space-4)}.steps--stack .step__title{font-size:var(--text-h2);max-width:14ch}.steps--stack .step__text{font-size:var(--text-lead);max-width:42ch}}.steps--grid .ghost-number{display:none}@media screen and (max-width:989px){.ghost-number{font-size:clamp(88px,26vw,160px);top:-.28em}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-how-it-works.css.map */