.block-how-it-works{background:var(--color-bean-400);color:var(--color-grass-200);padding-block:80px}@media (max-width: 767.98px){.block-how-it-works{padding-block:40px}}.block-how-it-works__inner{max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-pad)}.block-how-it-works__head{margin-block-end:var(--size-64);max-width:522px;text-align:left}.block-how-it-works__head .eyebrow,.block-how-it-works__head .heading-2{color:var(--color-grass-400)}.block-how-it-works__steps{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(var(--step-count, 6),minmax(0,1fr));gap:var(--size-24);counter-reset:step}@media (min-width: 768px) and (max-width: 1023.98px){.block-how-it-works__steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:var(--size-48)}}@media (max-width: 767.98px){.block-how-it-works__steps{grid-template-columns:1fr;gap:var(--size-32)}}.block-how-it-works__steps:before{content:"";position:absolute;inset-block-start:48px;inset-inline:calc(100% / var(--step-count, 6) / 2);height:1px;background:var(--color-grass-400);opacity:.5}@media (max-width: 1023.98px){.block-how-it-works__steps:before{display:none}}.block-how-it-works__steps:after{content:"";position:absolute;inset-block-start:48px;inset-inline-start:calc(100% / var(--step-count, 6) / 2);height:1px;width:calc((100% - (100% / var(--step-count, 6))) * var(--line-progress, 0));background:var(--color-grass-400);transition:width .8s cubic-bezier(.16,1,.3,1)}@media (max-width: 1023.98px){.block-how-it-works__steps:after{display:none}}.how-step{counter-increment:step;position:relative;text-align:center;z-index:1}.how-step__icon{position:relative;width:96px;height:96px;margin:0 auto var(--size-24);border-radius:var(--radius-full);background:var(--color-grass-400);border:2px solid transparent;display:flex;align-items:center;justify-content:center;padding:18px;transition:background-color .25s ease,border-color .25s ease}.how-step__icon:after{content:"";position:absolute;top:50%;left:50%;width:22px;height:42px;border-right:5px solid var(--color-grass-400);border-bottom:5px solid var(--color-grass-400);transform:translate(-50%,-55%) rotate(45deg);opacity:0;transition:opacity .25s ease}.how-step__icon-img{width:100%;height:100%;object-fit:contain;display:block;transition:opacity .25s ease}.how-step__title{margin:0 0 var(--size-8);font-family:Public Sans,sans-serif;font-size:24px;font-weight:var(--weight-semibold);line-height:1.17;color:var(--color-grass-200);transition:color .25s ease}.how-step__body{margin:0 auto;font-family:Public Sans,sans-serif;font-size:18px;font-weight:var(--weight-regular);line-height:1.33;color:var(--color-grass-200);max-width:202px}.how-step:hover .how-step__icon{background:var(--color-bean-400);border-color:var(--color-grass-400)}.how-step:hover .how-step__icon-img{opacity:0}.how-step:hover .how-step__icon:after{opacity:1}.how-step:hover .how-step__title{color:var(--color-grass-400)}@media (prefers-reduced-motion: reduce){.how-step__icon,.how-step__icon-img,.how-step__icon:after,.how-step__title{transition:none}}@media (prefers-reduced-motion: reduce){.block-how-it-works__steps:after{transition:none}}