.how-ayo-works{width:100%;background:var(--haw-background, transparent)}.how-ayo-works__inner{box-sizing:border-box;max-width:var(--haw-max-width, 1440px);margin:0 auto;padding:var(--haw-padding-top, 100px) var(--haw-padding-x, 60px) var(--haw-padding-bottom, 100px);display:flex;flex-direction:column;align-items:center;gap:var(--haw-inner-gap, 80px)}.how-ayo-works__header{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:872px;text-align:center}.how-ayo-works__badge{display:inline-flex;align-items:center;justify-content:center;padding:3px 16px 4px;border-radius:88px;background:var(--haw-badge-bg, #ffffff);box-sizing:border-box}.how-ayo-works__badge-text{margin:0;font-family:PP Neue Montreal,sans-serif!important;font-size:var(--haw-badge-size, 16px)!important;font-weight:400!important;line-height:24px!important;letter-spacing:normal!important;color:var(--haw-badge-color, #000000);text-align:center;white-space:nowrap}.how-ayo-works__title{margin:0;font-family:PP Neue Montreal,sans-serif!important;font-size:var(--haw-title-size, 52px)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-.78px!important;color:var(--haw-title-color, #000000);text-align:center}.how-ayo-works__title--mobile{display:none}.how-ayo-works__title p{margin:0}.how-ayo-works__subtitle{margin:0;font-family:Aeonik,sans-serif!important;font-size:var(--haw-subtitle-size, 18px)!important;font-weight:400!important;line-height:1.3!important;letter-spacing:normal!important;color:var(--haw-subtitle-color, #000000);text-align:center;max-width:850px}.how-ayo-works__subtitle p{margin:0}.how-ayo-works__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--haw-card-gap, 16px);width:100%}.how-ayo-works__card{display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;border-radius:20px;background:var(--haw-card-bg, #ffffff);transition:box-shadow .35s ease,transform .35s ease}.how-ayo-works__card:hover{box-shadow:10.57px -6.217px 45.387px #070fff33,-4.974px 6.839px 18.652px #70e6f52e}.how-ayo-works__card-media{position:relative;width:100%;aspect-ratio:429.33 / 366;overflow:hidden}.how-ayo-works__card-media img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.how-ayo-works__card-body{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding:32px;width:100%;box-sizing:border-box}.how-ayo-works__card-step{margin:0;color:#6c73ff;leading-trim:both;text-edge:cap;font-family:PP Neue Montreal,sans-serif;font-size:var(--Typography-H3, 52px);font-style:normal;font-weight:400;line-height:1;letter-spacing:-.78px}.how-ayo-works__card-title{margin:0;font-family:PP Neue Montreal,sans-serif!important;font-size:var(--haw-card-title-size, 32px)!important;font-weight:400!important;line-height:1.1!important;letter-spacing:-.48px!important;color:var(--haw-card-title-color, #1a1d29)}.how-ayo-works__card-text{margin:0;font-family:Aeonik,sans-serif!important;font-size:var(--haw-card-text-size, 16px)!important;font-weight:400!important;line-height:1.3!important;letter-spacing:normal!important;color:var(--haw-card-text-color, rgba(0, 0, 0, .6))}@media screen and (max-width:1024px){.how-ayo-works__grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.how-ayo-works__inner{padding:var(--haw-padding-top-mob, 64px) var(--haw-padding-x-mob, 16px) var(--haw-padding-bottom-mob, 64px);gap:var(--haw-inner-gap-mob, 40px)}.how-ayo-works__header{gap:26px}.how-ayo-works__title{font-size:var(--haw-title-size-mob, 32px)!important;line-height:1.2!important;letter-spacing:-.48px!important}.how-ayo-works__title--desktop{display:none}.how-ayo-works__title--mobile{display:block}.how-ayo-works__subtitle{font-size:var(--haw-subtitle-size-mob, 14px)!important}.how-ayo-works__grid{grid-template-columns:1fr;gap:var(--haw-card-gap, 16px)}.how-ayo-works__card-body{padding:24px;gap:20px}.how-ayo-works__card-step{color:#6c73ff;leading-trim:both;text-edge:cap;font-family:PP Neue Montreal,sans-serif;font-size:40px;font-style:normal;font-weight:400;line-height:1;letter-spacing:-.6px}.how-ayo-works__card-title{font-size:var(--haw-card-title-size-mob, 32px)!important}.how-ayo-works__card-text{font-size:var(--haw-card-text-size-mob, 14px)!important}}@media(prefers-reduced-motion:reduce){.how-ayo-works__card{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/how-ayo-works.css.map */