@layer core,playground,project;@layer project{body:has(.aoat){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}.aoat{position:relative;z-index:1;background:#fff;color:#0e0e0e;font-family:Poppins,sans-serif}.aoat-cover{position:fixed;inset:0;z-index:2;background:#fff;left:var(--playground-ui-sidebar-width)}.aoat-scroll-wrapper{padding-left:var(--playground-ui-sidebar-width)}.aoat-trigger{position:absolute;top:0;right:0;z-index:2;width:50vw;border-bottom:.0625rem dashed #000;pointer-events:none;display:none}.aoat-trigger:after{content:attr(id);position:absolute;left:0;bottom:.625rem;font-size:.75rem;text-transform:uppercase}.aoat-trigger#toggle-intro-header{top:50vh}.aoat-trigger#toggle-intro-landscape{top:66vh}.aoat-intro{position:relative;z-index:1;max-width:100rem;margin:0 auto;padding:clamp(1.25rem,3.29vw + -.79rem,2.5rem);aspect-ratio:16/10}.aoat-intro .aoat-intro__container-1,.aoat-intro .aoat-intro__container-2{position:relative;z-index:1;width:100%;height:100%}.aoat-intro .aoat-intro__container-2{overflow:hidden}.aoat-intro .aoat-intro__header{display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:2;padding:clamp(1.25rem,1.64vw + .23rem,1.88rem)}.aoat-intro .aoat-intro__header-navigation{flex:0 0 50%;display:flex;gap:clamp(.63rem,1.64vw + -.39rem,1.25rem)}.aoat-intro .aoat-intro__header-navigation:last-of-type{justify-content:flex-end}.aoat-intro .aoat-intro__header-button{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:clamp(.63rem,.82vw + .12rem,.94rem);height:clamp(2.75rem,2.3vw + 1.32rem,3.63rem);padding:0 clamp(.94rem,.82vw + .43rem,1.25rem);background:#fff;border:.0625rem solid #00aaeb;border-radius:2.5rem;color:#0e0e0e;font:inherit;font-size:clamp(.81rem,.49vw + .51rem,1rem);font-weight:500;white-space:nowrap}@media(max-width:1365px){.aoat-intro .aoat-intro__header-button:not(.intro__header-button--short){gap:0;width:2.75rem;font-size:0}}.aoat-intro .aoat-intro__header-button span{width:clamp(.94rem,.82vw + .43rem,1.25rem);background:#0e0e0e;border-radius:50%;aspect-ratio:1}.aoat-intro .aoat-intro__header-button--short{padding:0;aspect-ratio:1}.aoat-intro .aoat-intro__header-logo{position:absolute;top:50%;left:50%;z-index:0;transform:translate(-50%,-50%);color:#fff;font-size:clamp(2.5rem,3.95vw + .05rem,4rem);font-weight:700}.aoat-intro .aoat-intro__guy{position:absolute;bottom:17%;left:50%;z-index:2;transform:translate(-50%);transform-origin:50% 100%}.aoat-intro .aoat-intro__guy-body{display:flex;align-items:center;justify-content:center;width:clamp(7.5rem,11.51vw + .36rem,11.88rem);background:#fff;color:#00aaeb;aspect-ratio:9/16;border-radius:50%/65% 65% 33% 33%;font-size:clamp(2.5rem,3.95vw + .05rem,4rem);font-weight:700}.aoat-intro .aoat-intro__guy-hand{position:absolute;top:45%;z-index:2;width:clamp(5.63rem,9.87vw + -.49rem,9.38rem);height:clamp(1.31rem,1.97vw + .09rem,2.06rem);background:#fff;border-radius:1.25rem}.aoat-intro .aoat-intro__guy-hand--left{left:-60%;transform:rotate(30deg);transform-origin:100% 50%}.aoat-intro .aoat-intro__guy-hand--right{right:-60%;transform:rotate(45deg);transform-origin:0 50%}.aoat-intro .aoat-intro__headline{position:absolute;inset:21% 0 63%;z-index:1;transform-origin:50% 70%;color:#fff;font-size:clamp(2.5rem,6.58vw + -1.58rem,5rem);font-weight:400;letter-spacing:-.05em;line-height:100%;text-align:center;text-transform:uppercase}.aoat-intro .aoat-intro__hearts{position:absolute;inset:30% 13% 16%;z-index:1}.aoat-intro .aoat-intro__heart{position:absolute;z-index:1;color:#fff;font-size:clamp(2.5rem,2.96vw + .66rem,3.63rem)}.aoat-intro .aoat-intro__heart:nth-child(1){bottom:70%;left:3%;transform:scale(.7)}.aoat-intro .aoat-intro__heart:nth-child(2){bottom:20%;left:9%}.aoat-intro .aoat-intro__heart:nth-child(3){bottom:55%;left:15%;transform:scale(.7)}.aoat-intro .aoat-intro__heart:nth-child(4){bottom:31%;right:25%;transform:scale(.7)}.aoat-intro .aoat-intro__heart:nth-child(5){bottom:70%;right:17%;transform:scale(.7)}.aoat-intro .aoat-intro__heart:nth-child(6){bottom:20%;right:13%}.aoat-intro .aoat-intro__sun{position:absolute;bottom:55%;right:10%;z-index:1;width:clamp(2.75rem,5.92vw + -.92rem,5rem)}.aoat-intro .aoat-intro__sun>div:nth-child(1){position:relative;z-index:3;aspect-ratio:1;background:#fff;border-radius:50%}.aoat-intro .aoat-intro__sun>div:nth-child(2){position:absolute;inset:calc(clamp(1.56rem,3.29vw + -.48rem,2.81rem)*-1);z-index:1;aspect-ratio:1;border:clamp(.56rem,.99vw + -.05rem,.94rem) dashed #fff;border-radius:50%}.aoat-intro .aoat-intro__sun>div:nth-child(3){position:absolute;inset:calc(clamp(1.31rem,3.13vw + -.63rem,2.5rem)*-1);z-index:2;background:#00aaeb;border-radius:50%}.aoat-intro .aoat-intro__ground{position:absolute;inset:auto 6% 12%;z-index:1}.aoat-intro .aoat-intro__ground-grass{position:absolute;bottom:15%;z-index:1;transform-origin:50% 100%}.aoat-intro .aoat-intro__ground-grass:nth-child(1){left:5%}.aoat-intro .aoat-intro__ground-grass:nth-child(2){left:16%}.aoat-intro .aoat-intro__ground-grass:nth-child(3){right:29%}.aoat-intro .aoat-intro__ground-grass:nth-child(4){right:10%}.aoat-intro .aoat-intro__ground-grass>div{color:#fff;transform:skew(7deg);transform-origin:0 100%;font-size:clamp(1.19rem,2.8vw + -.55rem,2.25rem);font-weight:700}.aoat-intro .aoat-intro__ground-dirt{position:relative;width:100%;height:clamp(.19rem,.49vw + -.12rem,.38rem);background:#fff}.aoat-intro .aoat-intro__background{position:absolute;inset:0;z-index:-1;background:#00aaeb;border-radius:3.125rem}.aoat-phone-section{position:relative;z-index:2;max-width:100rem;margin:100vh auto 0;padding:clamp(1.25rem,3.29vw + -.79rem,2.5rem);padding:clamp(3.13rem,8.22vw + -1.97rem,6.25rem)}.aoat-phone-section .aoat-phone-section__container{perspective:77.125rem;width:100%}.aoat-phone-section .aoat-phone{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;transform:rotateX(-15deg) rotateY(-15deg);width:clamp(11.25rem,11.51vw + 4.11rem,15.63rem);margin:0 auto;aspect-ratio:390/844;background:#fff;border-radius:1.25rem;color:#0e0e0e;outline:clamp(.38rem,1.48vw + -.54rem,.94rem) solid #0e0e0e;font-size:clamp(3.13rem,6.58vw + -.95rem,5.63rem);font-weight:700}.aoat-features-section{position:relative;z-index:1;height:100vh;padding-top:13vh}.aoat-features-section .aoat-feature{color:#00aaeb;font-size:clamp(2.5rem,3.95vw + .05rem,4rem);font-weight:700;text-align:center;line-height:123%}.aoat .scene-2{display:flex;align-items:center;justify-content:center;height:300vh;font-size:7vw}.aoat .marquee{position:fixed;top:60vh;margin-left:100vw;font-size:15vw;white-space:nowrap}}