@layer core,playground,project;@layer project{.homer-html{--mobile-design-width: 560;--desktop-design-width: 1800;--ultrawide-breakpoint: 2560;--color-black: #1a1a1a;--color-purple: #380080;--color-purple-bright: #7117e5;--color-purple-50: #b780ff;--color-purple-10: #f1e5ff;--color-white: #fff;font-size:calc(100 / var(--desktop-design-width) * 1vw)}@media(min-width:2560px){.homer-html{font-size:calc(100 / var(--desktop-design-width) * var(--ultrawide-breakpoint) / 16 * .01rem)}}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}.homer-body{background:var(--color-white);color:var(--color-black);font-family:Inter,sans-serif;font-size:21rem;line-height:150%}.homer-body .pin-spacer{pointer-events:none}.homer-body .pin-spacer>*{pointer-events:all}.homer-main{font-size:inherit}.homer-main .scroll-wrapper,.homer-main .scroll-content{position:relative;z-index:1}.homer-main .container{width:100%;max-width:1600rem;min-width:320rem;margin:0 auto;padding:0 136rem}.homer-main .header{position:fixed;inset:0 0 auto;z-index:2;pointer-events:none;left:var(--playground-ui-sidebar-width)}.homer-main .header__container{padding:40rem}.homer-main .header__logo{font-size:36rem;font-weight:700}.homer-main .hero{position:relative;z-index:1;overflow:hidden}.homer-main .hero__text{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:48rem;transform-origin:50% 0%;height:100vh;padding-bottom:10vh;text-align:center}.homer-main .hero__text h1{font-size:72rem;font-weight:700;line-height:120%}.homer-main .hero__text>div{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:24rem}.homer-main .hero__text>div button{padding:16rem 24rem;background:var(--color-black);border-radius:12rem;color:var(--color-white);font-size:18rem}.homer-main .hero__houses{position:absolute;z-index:2;font-size:180rem;letter-spacing:-80rem;line-height:100%}.homer-main .hero__houses--left{inset:auto 50% 0 0}.homer-main .hero__houses--left>div{position:absolute;inset:auto auto 0 -120rem;z-index:3;transform-origin:125% 100%}.homer-main .hero__houses--left>div:nth-child(2){inset:auto auto 90rem -90rem;font-size:350rem;z-index:2}.homer-main .hero__houses--left>div:nth-child(3){inset:auto auto 190rem -120rem;font-size:400rem;z-index:1}.homer-main .hero__houses--right{inset:auto 0 0 50%}.homer-main .hero__houses--right>div{position:absolute;inset:auto 0 0 auto;z-index:3;transform-origin:0% 100%}.homer-main .hero__houses--right>div:nth-child(2){inset:auto 50rem 90rem auto;font-size:350rem;z-index:2}.homer-main .hero__houses--right>div:nth-child(3){inset:auto -140rem 100rem auto;font-size:450rem;z-index:1}.homer-main .info{position:relative;z-index:2;height:200vh;overflow:hidden;background:var(--color-purple);color:var(--color-white)}.homer-main .info__text{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;transform-origin:50% 0%;height:100vh;font-size:52rem;font-weight:600;line-height:120%;text-align:center}.homer-main .info__text span{display:inline-block;width:0;transform:scale(0);transform-origin:10% 50%;margin-left:-15rem}.homer-main .app{position:relative;z-index:3;height:400vh;background:var(--color-white)}.homer-main .app__container{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;height:100vh}.homer-main .app__phone{position:relative;z-index:1;width:360rem;aspect-ratio:9/16;background:var(--color-white);border:14rem solid var(--color-black);border-radius:40rem}.homer-main .app__phone:before,.homer-main .app__phone:after{content:"";position:absolute;background:var(--color-black);border-radius:40rem;z-index:2}.homer-main .app__phone:before{inset:8rem auto auto calc(50% - 50rem);width:100rem;height:30rem}.homer-main .app__phone:after{inset:auto auto 8rem calc(50% - 75rem);width:150rem;height:5rem}.homer-main .app__phone div{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;position:absolute;inset:0;z-index:1;background:var(--color-white);border-radius:25rem;font-size:80rem}.homer-main .app__phone div:nth-child(2n){background:var(--color-purple-50);color:var(--color-white)}.homer-main .app__infos{position:absolute;inset:0;z-index:2}.homer-main .app__info{position:absolute;z-index:2}.homer-main .app__info>div{width:370rem;padding:18rem 30rem;background:var(--color-purple-10);border-radius:18rem;color:var(--color-purple-bright)}.homer-main .app__info h3{margin-bottom:10rem;font-size:24rem;font-weight:500;line-height:160%}.homer-main .app__info p{font-size:18rem;font-weight:400;line-height:140%}.homer-main .app__info--1{inset:22vh auto auto 150rem;left:110rem}.homer-main .app__info--2{inset:31vh 150rem auto auto;right:110rem}.homer-main .app__info--3{inset:50vh auto auto 180rem;left:140rem}.homer-main .app__info--4{inset:67vh 180rem auto auto;right:140rem}.homer-main .faq{position:relative;z-index:4;min-height:100vh;padding:210rem 0;background:var(--color-purple);color:var(--color-white)}.homer-main .faq__text{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;gap:48rem;transform-origin:50% 0%;text-align:center}.homer-main .faq__text h1{font-size:72rem;font-weight:700;line-height:120%}.homer-main .faq__accordion{display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;gap:24rem;padding:48rem 80rem 0}.homer-main .faq__accordion-item{width:100%}.homer-main .faq__accordion-item input{position:absolute;visibility:hidden}.homer-main .faq__accordion-item input:checked+label h3{color:var(--color-purple-bright)}.homer-main .faq__accordion-item input:checked+label h3:after{content:"-";font-size:87rem}.homer-main .faq__accordion-item input:checked+label p{display:block}.homer-main .faq__accordion-item label{display:block;padding:24rem;background:var(--color-white);border-radius:18rem;color:var(--color-black);cursor:pointer}.homer-main .faq__accordion-item h3{position:relative;z-index:1;font-weight:600}.homer-main .faq__accordion-item h3:after{content:"+";position:absolute;inset:-6rem 0 auto auto;z-index:1;font-size:60rem;font-weight:100}.homer-main .faq__accordion-item p{display:none;margin-top:14rem;padding-right:120rem}.homer-main .download{position:relative;z-index:3;height:100vh;padding:160rem 0;overflow:hidden;background:var(--color-white)}.homer-main .download .container{display:flex;flex-flow:column nowrap;align-items:center;justify-content:center;height:100vh}.homer-main .download__box{display:flex;flex-flow:row nowrap;align-items:center;width:100%;overflow:hidden;background:var(--color-purple-bright);border-radius:30rem;color:var(--color-white)}.homer-main .download__box-text{flex:0 0 60%;display:flex;flex-flow:column nowrap;align-items:flex-start;justify-content:flex-start;gap:32rem;padding:100rem 120rem;text-align:left}.homer-main .download__box-text h3{font-size:48rem;font-weight:700;line-height:120%}.homer-main .download__box-text>div{display:flex;flex-flow:row nowrap;align-items:center;justify-content:center;gap:24rem}.homer-main .download__box-text>div button{padding:16rem 24rem;background:var(--color-black);border-radius:12rem;color:var(--color-white);font-size:18rem}.homer-main .download__box-phones{flex:0 0 40%;position:relative;z-index:1;height:100%}.homer-main .download__box-phone{position:absolute;transform:scale(.75);transform-origin:0% 100%;width:360rem;aspect-ratio:9/16;background:var(--color-white);border:14rem solid var(--color-black);border-radius:40rem}.homer-main .download__box-phone:before,.homer-main .download__box-phone:after{content:"";position:absolute;background:var(--color-black);border-radius:40rem;z-index:2}.homer-main .download__box-phone:before{inset:8rem auto auto calc(50% - 50rem);width:100rem;height:30rem}.homer-main .download__box-phone:after{inset:auto auto 8rem calc(50% - 75rem);width:150rem;height:5rem}.homer-main .download__box-phone--1{inset:auto auto -50rem -20rem;z-index:1}.homer-main .download__box-phone--2{inset:auto 0 -150rem auto;z-index:2}.homer-main .footer{position:relative;z-index:4;padding:30rem 0;background:var(--color-purple);color:var(--color-white)}}