.how-it-works{background:var(--color-bg-gradient)}.how-it-works__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;position:relative}.how-it-works__steps:before{content:"";position:absolute;top:36px;left:16.6666666667%;right:16.6666666667%;height:1px;background:repeating-linear-gradient(90deg,var(--color-border) 0,var(--color-border) 6px,transparent 6px,transparent 14px);z-index:0}.how-it-works__steps[data-count="4"]{grid-template-columns:repeat(4,1fr)}.how-it-works__steps[data-count="4"]:before{left:12.5%;right:12.5%}.how-it-works__steps[data-count="2"]{grid-template-columns:repeat(2,1fr);max-width:720px;margin:0 auto}.how-it-works__steps[data-count="2"]:before{left:25%;right:25%}@media(max-width:767px){.how-it-works__steps{grid-template-columns:1fr}.how-it-works__steps:before{display:none}.how-it-works__steps[data-count="4"]{grid-template-columns:repeat(2,1fr)}}.how-it-works__step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:16px;position:relative;z-index:1}@media(max-width:767px){.how-it-works__step{align-items:center;text-align:left;flex-direction:row;flex-wrap:wrap;gap:12px}}.how-it-works__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center}.how-it-works__icon img{width:40px;height:40px;object-fit:contain}.how-it-works__number{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background-color:var(--color-white);border:2px solid var(--color-border);border-radius:var(--radius-full);font-size:1.25rem;font-weight:800;color:var(--color-primary);flex-shrink:0;transition:background-color var(--transition-base),border-color var(--transition-base)}.how-it-works__step.is-active .how-it-works__number{background-color:var(--color-primary);border-color:var(--color-primary);color:#fff}.how-it-works__title{font-size:1.0625rem;font-weight:700;color:var(--color-dark);margin:0}@media(max-width:767px){.how-it-works__title{width:calc(100% - 76px);flex:1;min-width:0}}.how-it-works__description{font-size:.9375rem;line-height:1.65;color:var(--color-text-light);margin:0}@media(max-width:767px){.how-it-works__description{flex-basis:100%;width:100%;align-self:flex-start}}