.with-sticky-bar .how-it-works{padding-bottom:72px}.how-it-works{padding-top:106px;overflow:hidden;position:relative;z-index:1;background-color:inherit}.how-it-works .grid-container{display:grid;grid-template-columns:repeat(4, calc((100% - 72px) / 4));grid-template-rows:auto;grid-column-gap:24px;-moz-column-gap:24px;column-gap:24px}@media(min-width: 576px){.how-it-works .grid-container{grid-template-columns:repeat(8, calc((100% - 168px) / 8))}}@media(min-width: 1024px){.how-it-works .grid-container{grid-template-columns:repeat(12, calc((100% - 264px) / 12))}}.how-it-works .how-start-text{text-align:center;margin-bottom:150px}.how-it-works .how-title{grid-column:2/11}.how-it-works .how-title.title-spacing{margin-bottom:24px}.how-it-works .how-description{grid-row-start:2;grid-column:4/9}.how-it-works .how-pinned{position:relative;height:0;padding-bottom:22%}.how-it-works .how-pinned .wrapper{height:100%;position:absolute;width:100%;left:50%;transform:translateX(-50%)}.how-it-works .how-sections-container{position:absolute;width:calc(100% - 140px);height:100%;top:0}.how-it-works .how-sections-container>*{height:100%}.how-it-works .how-visuals{position:relative;grid-column:2/8}.how-it-works .how-visuals.wide{grid-column:1/9}.how-it-works .how-visual,.how-it-works .how-text{position:absolute;width:100%;left:0;top:50%;transform:translateY(-50%);will-change:opacity,transform}@media(max-width: 1023.98px){.how-it-works .how-text{padding:7rem 0}}.how-it-works .how-text__heading{font-weight:500;font-size:2.8rem;line-height:3.8rem;letter-spacing:-0.05rem}@media(min-width: 1024px){.how-it-works .how-text__heading{font-size:3.4rem;line-height:4rem;letter-spacing:-0.07rem}}@media(min-width: 1440px){.how-it-works .how-text__heading{font-size:4.2rem;line-height:4.6rem;letter-spacing:-0.1rem}}@media(max-width: 1023.98px){.how-it-works .how-texts{margin-bottom:7rem}}.how-it-works .how-visual{height:140%}.how-it-works .how-visual img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:contain;object-fit:contain}.how-it-works .how-visual picture:nth-child(n+2) img{position:absolute;left:0;top:0;width:100%;height:100%}.how-it-works .how-svg-bg{position:absolute;width:100%;height:100%;top:0;left:0;overflow:visible;z-index:-1}.how-it-works .how-svg-bg>*{opacity:0}.how-it-works .how-texts{position:relative;grid-column:9/13}@media(min-width: 2048px){.how-it-works .how-sections-container{width:100%}.how-it-works .how-pinned{max-width:100%}}@media(max-width: 575.98px){.how-it-works{padding-top:164px}.how-it-works .how-title{grid-column:1/9}.how-it-works .how-description{grid-column:2/8}.how-it-works .how-sections-container{width:calc(100% - 80px)}.how-it-works .how-visuals{grid-column:1/5;box-sizing:border-box}.how-it-works .how-visuals.wide{grid-column-end:6}.how-it-works .how-texts{grid-column:6/9}}@media(max-width: 374.98px){.how-it-works .how-title{grid-column:1/5}.how-it-works .how-title .title-spacing{margin-bottom:16px}.how-it-works .how-description{grid-column:1/5}.how-it-works .how-pinned{height:auto;padding-bottom:0}.how-it-works .how-pinned .wrapper{position:static;transform:none}.how-it-works .how-start-text{margin-bottom:50px}.how-it-works .how-sections-container{position:relative;width:100%;height:100vw;max-height:500px}.how-it-works .how-visuals{height:0;padding-bottom:59%;grid-column-end:5}.how-it-works .how-texts{grid-row-start:2;grid-column:1/5}.how-it-works .how-visual,.how-it-works .how-text{top:auto;transform:none}}@media(prefers-reduced-motion: reduce){.how-it-works .how-pinned{height:auto;padding-bottom:0}.how-it-works .how-pinned .wrapper{height:auto;position:relative;left:auto;transform:none}.how-it-works .how-sections-container{position:static;grid-template-areas:"gap1 visual1 visual1 visual1 visual1 visual1 visual1 gap2 text1 text1 text1 text1" "gap1 visual2 visual2 visual2 visual2 visual2 visual2 gap2 text2 text2 text2 text2" "gap1 visual3 visual3 visual3 visual3 visual3 visual3 gap2 text3 text3 text3 text3";align-items:center;row-gap:100px}.how-it-works .how-visuals,.how-it-works .how-texts{display:contents}.how-it-works .how-visuals>:nth-child(1){grid-area:visual1}.how-it-works .how-visuals>:nth-child(2){grid-area:visual2}.how-it-works .how-visuals>:nth-child(3){grid-area:visual3}.how-it-works .how-texts>:nth-child(1){grid-area:text1}.how-it-works .how-texts>:nth-child(2){grid-area:text2}.how-it-works .how-texts>:nth-child(3){grid-area:text3}.how-it-works .how-visual,.how-it-works .how-text{position:static;transform:none}}@media screen and (prefers-reduced-motion: reduce)and (max-width: 1024px){.how-it-works .how-sections-container{grid-template-areas:"visual1 visual1 visual1 visual1 gap2 text1 text1 text1" "visual2 visual2 visual2 visual2 gap2 text2 text2 text2" "visual3 visual3 visual3 visual3 gap2 text3 text3 text3"}}@media screen and (prefers-reduced-motion: reduce)and (max-width: 640px){.how-it-works .how-sections-container{grid-template-areas:"visual1" "text1" "visual2" "text2" "visual3" "text3";grid-template-columns:1fr;row-gap:0;max-height:none;height:auto}.how-it-works .how-text:not(:last-child){margin-bottom:100px}}@media(prefers-reduced-motion: reduce){.how-it-works .how-pinned{height:auto;padding-bottom:0}.how-it-works .how-pinned .wrapper{height:auto;position:relative;left:auto;transform:none}.how-it-works .how-sections-container{position:static;grid-template-areas:"gap1 visual1 visual1 visual1 visual1 visual1 visual1 gap2 text1 text1 text1 text1" "gap1 visual2 visual2 visual2 visual2 visual2 visual2 gap2 text2 text2 text2 text2" "gap1 visual3 visual3 visual3 visual3 visual3 visual3 gap2 text3 text3 text3 text3";align-items:center;row-gap:100px}.how-it-works .how-visuals,.how-it-works .how-texts{display:contents}.how-it-works .how-visuals>:nth-child(1){grid-area:visual1}.how-it-works .how-visuals>:nth-child(2){grid-area:visual2}.how-it-works .how-visuals>:nth-child(3){grid-area:visual3}.how-it-works .how-texts>:nth-child(1){grid-area:text1}.how-it-works .how-texts>:nth-child(2){grid-area:text2}.how-it-works .how-texts>:nth-child(3){grid-area:text3}.how-it-works .how-visual,.how-it-works .how-text{position:static;transform:none}}@media screen and (prefers-reduced-motion: reduce)and (max-width: 1024px){.how-it-works .how-sections-container{grid-template-areas:"visual1 visual1 visual1 visual1 gap2 text1 text1 text1" "visual2 visual2 visual2 visual2 gap2 text2 text2 text2" "visual3 visual3 visual3 visual3 gap2 text3 text3 text3"}}@media screen and (prefers-reduced-motion: reduce)and (max-width: 640px){.how-it-works .how-sections-container{grid-template-areas:"visual1" "text1" "visual2" "text2" "visual3" "text3";grid-template-columns:1fr;row-gap:0;max-height:none;height:auto}.how-it-works .how-text:not(:last-child){margin-bottom:100px}}