@layer core,playground,project;@layer project{body:has(.aolt){background:#fff}body .playground-ui-bar-top-right,body .playground-ui-bar-bottom-right,body .playground-ui-mobile-navigation select{color:#212121;opacity:1;font-weight:400}body .playground-ui-bar-top-right a:hover,body .playground-ui-bar-bottom-right a:hover,body .playground-ui-mobile-navigation select a:hover{color:#000}body .playground-ui-bar-bottom-right a:has(svg) svg{margin-right:-1px}body .playground-ui-bar-bottom-right a:has(svg) svg path{stroke-width:1px}.aolt-main .aolt{width:100%}.aolt-main .aolt .aolt-layout{display:flex;flex-flow:column nowrap;align-items:stretch;justify-content:flex-start;gap:2vw;position:relative;z-index:1;width:100%;margin:0 auto;padding:2vw 0;font-family:Poppins,sans-serif;font-weight:400}.aolt-main .aolt .aolt-container{width:100%;max-width:100vw;min-width:21.3333333333vw;height:100%;margin:0 auto;padding:0 2vw}.aolt-main .aolt .aolt-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2vw}.aolt-main .aolt h1,.aolt-main .aolt h2,.aolt-main .aolt h3,.aolt-main .aolt h4{font-family:inherit;font-weight:700}.aolt-main .aolt h1{font-size:6.4vw;line-height:1em}.aolt-main .aolt h2{font-size:5.6vw;line-height:1.19em}.aolt-main .aolt h3{font-size:2.6666666667vw;line-height:1.3em}.aolt-main .aolt p{font-size:1.6vw;line-height:1.5em}.aolt-main .aolt .aolt-header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:flex-start;gap:1.3333333333vw;position:absolute;inset:0 0 auto;padding:3.3333333333vw;z-index:2}.aolt-main .aolt .aolt-header .aolt-header__logo{position:absolute;inset:5% auto 0 50%;z-index:1;transform:translate(-50%);color:#fff;font-size:4vw;font-weight:700}.aolt-main .aolt .aolt-header .aolt-button:first-child{margin-right:auto}.aolt-main .aolt .aolt-hero{width:100%;height:90svh;max-height:60vw}.aolt-main .aolt .aolt-hero .aolt-box{align-items:center;justify-content:center;height:100%;text-align:center}.aolt-main .aolt .aolt-app .aolt-app__box-1{grid-column:span 7;grid-row:1}.aolt-main .aolt .aolt-app .aolt-app__box-1 p{max-width:20vw}.aolt-main .aolt .aolt-app .aolt-app__box-1 .aolt-app__buttons{display:flex;flex-flow:row wrap;align-items:center;justify-content:flex-start;gap:1.3333333333vw;width:100%;margin-top:1.3333333333vw}.aolt-main .aolt .aolt-app .aolt-app__box-2{grid-column:span 7;grid-row:2}.aolt-main .aolt .aolt-app .aolt-app__box-2 h2{color:#56ccf2}.aolt-main .aolt .aolt-app .aolt-app__box-3{grid-column:8/span 5;grid-row:span 2;padding:4vw 5.3333333333vw 0;overflow:hidden}.aolt-main .aolt .aolt-app .aolt-app__box-3 .aolt-phone-container{position:relative;z-index:1;width:100%;height:100%}.aolt-main .aolt .aolt-app .aolt-app__box-3 .aolt-phone{position:absolute;inset:0;z-index:1;aspect-ratio:.4897;background:#fff;border:1.4vw solid #0e0e0e;border-radius:5.3333333333vw}.aolt-main .aolt .aolt-app .aolt-app__box-3 .aolt-phone__notch{width:32%;margin:4% auto;aspect-ratio:120/36;background:#0e0e0e;border-radius:1.2vw}.aolt-main .aolt .aolt-prices .aolt-button{margin-top:1.3333333333vw}.aolt-main .aolt .aolt-links .aolt-box{flex-flow:column-reverse nowrap;justify-content:space-between;padding:4vw}.aolt-main .aolt .aolt-links .aolt-links__box-1{grid-column:span 4;grid-row:span 2;aspect-ratio:9/16}.aolt-main .aolt .aolt-links .aolt-links__box-2{grid-column:span 8}.aolt-main .aolt .aolt-links .aolt-links__box-3,.aolt-main .aolt .aolt-links .aolt-links__box-4{grid-column:span 4}.aolt-main .aolt .aolt-box{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;gap:1.3333333333vw;position:relative;z-index:1;width:100%;padding:4vw 4vw 4.6666666667vw;color:#fff;border-radius:2.6666666667vw}.aolt-main .aolt .aolt-box--blue{background:#00aaeb}.aolt-main .aolt .aolt-box--green{background:#2ebd59}.aolt-main .aolt .aolt-box--light-blue{background:#56ccf2}.aolt-main .aolt .aolt-box--white{background:#fff;border:.0666666667vw solid #ccc;color:#00aaeb}.aolt-main .aolt .aolt-box--yellow{background:#ffd020}.aolt-main .aolt .aolt-button{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:.6666666667vw;height:4vw;padding:0 2vw;border:.0666666667vw solid #ffd020;background:#ffd020;border-radius:4vw;color:#0e0e0e;font-family:inherit;font-size:1.0666666667vw;font-weight:500;line-height:1.25em}.aolt-main .aolt .aolt-button .aolt-button__icon{width:1.3333333333vw;aspect-ratio:1;background:#0e0e0e;border-radius:50%}.aolt-main .aolt .aolt-button--square{aspect-ratio:1;padding:0}.aolt-main .aolt .aolt-button--blue{background:#00aaeb;border-color:#fff;color:#fff}.aolt-main .aolt .aolt-button--blue .aolt-button__icon{background:#fff}.aolt-main .aolt .aolt-button--white{background:#fff;border-color:#fff}.aolt-main .aolt .aolt-footer .aolt-footer__content{background:#fafafa;aspect-ratio:1440/485}.aolt-main .aolt~.overlay-grid .container{max-width:100vw;min-width:21.3333333333vw;padding:0 2vw}.aolt-main .aolt~.overlay-grid .grid{gap:2vw}@media(max-width:1024px){.aolt-main .aolt .aolt-layout{gap:1.25rem;padding:1.25rem 0}.aolt-main .aolt .aolt-container{min-width:20rem;padding:0 1.25rem}.aolt-main .aolt .aolt-grid{gap:1.25rem}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-grid{display:flex;flex-flow:column nowrap}}@media(max-width:1024px){.aolt-main .aolt h1{font-size:clamp(2.5rem,4.41vw + 1.18rem,4rem)}}@media(max-width:1024px){.aolt-main .aolt h2{font-size:clamp(2rem,4.78vw + .57rem,3.63rem)}}@media(max-width:1024px){.aolt-main .aolt h3{font-size:clamp(1.5rem,.74vw + 1.28rem,1.75rem)}}@media(max-width:1024px){.aolt-main .aolt p{font-size:1.25rem}}@media(max-width:1024px){.aolt-main .aolt .aolt-header{gap:1.25rem;padding:2.5rem}.aolt-main .aolt .aolt-header .aolt-header__logo{font-size:clamp(2.5rem,1.84vw + 1.95rem,3.13rem)}}@media(max-width:1024px)and (max-width:1024px){.aolt-main .aolt .aolt-header .aolt-button:not(.aolt-button--square) .aolt-button__text{display:none}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-header .aolt-button:not(.aolt-button:first-child){display:none}}@media(max-width:1024px){.aolt-main .aolt .aolt-hero{max-height:100svh}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-app .aolt-app__box-1{min-height:60svh}}@media(max-width:1024px){.aolt-main .aolt .aolt-app .aolt-app__box-1 p{max-width:none}}@media(max-width:1024px){.aolt-main .aolt .aolt-app .aolt-app__box-1 .aolt-app__buttons{gap:1.25rem;margin-top:.625rem}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-app .aolt-app__box-1 .aolt-button{width:100%}}@media(max-width:1024px){.aolt-main .aolt .aolt-app .aolt-app__box-3{padding:clamp(1.88rem,3.68vw + .77rem,3.13rem) clamp(2.5rem,1.84vw + 1.95rem,3.13rem)}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-app .aolt-app__box-3{aspect-ratio:1}}@media(max-width:1024px){.aolt-main .aolt .aolt-app .aolt-app__box-3 .aolt-phone{border:.9375rem solid #0e0e0e;border-radius:clamp(2.5rem,1.84vw + 1.95rem,3.13rem)}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-app .aolt-app__box-3 .aolt-phone{width:75%;margin:1.875rem auto 0}}@media(max-width:1024px){.aolt-main .aolt .aolt-app .aolt-app__box-3 .aolt-phone__notch{border-radius:clamp(1.13rem,3.31vw + .13rem,2.25rem)}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-prices .aolt-box{min-height:60svh}}@media(max-width:1024px){.aolt-main .aolt .aolt-prices .aolt-button{margin-top:.625rem}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-prices .aolt-button{width:100%}}@media(max-width:1024px){.aolt-main .aolt .aolt-links .aolt-box{padding:clamp(1.88rem,1.84vw + 1.32rem,2.5rem);aspect-ratio:4/3}}@media(max-width:1024px)and (min-width:768px)and (max-width:1024px){.aolt-main .aolt .aolt-links .aolt-box{grid-column:span 1;grid-row:span 1;aspect-ratio:1}}@media(max-width:1024px)and (min-width:768px)and (max-width:1024px){.aolt-main .aolt .aolt-links .aolt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1024px){.aolt-main .aolt .aolt-box{gap:1.25rem;padding:clamp(1.88rem,1.84vw + 1.32rem,2.5rem);border-radius:2.5rem}}@media(max-width:1024px){.aolt-main .aolt .aolt-button{gap:.625rem;height:3.75rem;padding:0 1.25rem;border-radius:3.75rem;font-size:1.25rem}.aolt-main .aolt .aolt-button .aolt-button__icon{width:1.25rem}}@media(max-width:1024px)and (max-width:767px){.aolt-main .aolt .aolt-footer .aolt-footer__content{aspect-ratio:9/16}}@media(max-width:1024px){.aolt-main .aolt~.overlay-grid .container{max-width:93.75rem;min-width:20rem;padding:0 1.25rem}.aolt-main .aolt~.overlay-grid .grid{gap:1.25rem}}}