.hero{position:relative;width:100%;height:clamp(1105px,65.18vw + 312.41px,1251px);@media (max-width:1216px){height:536px}display:flex;overflow:hidden;color:var(--color-white);p{margin-top:1rem;width:100%;max-width:37.5rem}h1,p{color:var(--color-white)}h1{font-family:var(--font-grotesk);font-size:var(--font-size-heading-xxl);font-style:normal;font-weight:800;line-height:var(--line-height-normal);letter-spacing:var(--letter-spacing-tight);max-width:110rem}}.hero:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(0,0,0,0) 43.51%,rgba(0,0,0,.7) 86.12%),linear-gradient(0deg,rgba(20,20,20,.2),rgba(20,20,20,.2));z-index:1;pointer-events:none}.hero-image{object-fit:cover;object-position:0 0;z-index:0;transform:scaleX(-1)}.hero-content{position:relative;z-index:2;display:flex;flex-direction:column;padding:0 var(--container-padding-x);@media (max-width:1216px){padding-left:1.5rem;padding-bottom:0;padding-right:1.5rem;padding-top:0;justify-content:space-between}}.hero-text{margin-top:clamp(4rem,21.78vw - 1.11rem,18.5rem)}.brands{width:100%;max-width:1055px;margin:clamp(7.75rem,37.5vw - 20.75rem,13rem) auto 0;@media (max-width:1216px){display:none}}.how-it-works{border-bottom:1px solid var(--color-surface-dark);padding-bottom:82px;background-color:var(--color-white);.how-it-works-container{max-width:var(--container-width);margin:0 auto;padding:0 var(--spacing-large);padding-top:var(--spacing-small);@media (max-width:1216px){padding-left:1.5rem;padding-bottom:0;padding-right:1.5rem;padding-top:0;padding-top:1rem}}#split-section{display:flex;justify-content:space-between;gap:4.2rem}@media (max-width:1440px){#split-section{flex-wrap:wrap;gap:3rem}#split-section>div:first-child{width:100%;display:flex;flex-direction:column}h2,p{width:100%;max-width:100%}#split-section>div:last-child{width:100%;display:flex;justify-content:center}.nav-button{order:2;margin-bottom:2rem}#split-section>div:first-child>div{order:1}}.cog-with-text{position:relative;text-transform:uppercase;display:inline-block;margin-top:clamp(1rem,37.5vw - 20.75rem,78px);margin-bottom:2rem;img{position:absolute;top:2px;left:-2rem}}@media (max-width:1215px){.cog-with-text{margin-top:1rem}}@media (min-width:1441px){.cog-with-text{margin-top:78px}}@media (max-width:1216px){.cog-with-text img{display:none}}h2{width:540px;margin-bottom:2rem}p{margin-bottom:3rem}.slogan{display:inline-block;margin-bottom:var(--spacing-medium)}}.diagram-container{margin:0 auto;width:100%;max-width:30.75rem;img{width:100%;height:auto}@media (max-width:1440px){max-width:42rem}}