.hero-screen{height:calc(100vh - 80px);display:flex;align-items:center;overflow:hidden}@media(max-width:768px){.hero-screen{height:unset;padding-top:80px!important;padding-bottom:80px!important}}.hero-screen:before{background:radial-gradient(circle,rgba(131,96,150,.224) 0,rgba(131,96,150,.258) 0,rgba(240,184,96,0) 70%);top:50%;right:0;transform:translate(50%,-50%)}.hero-screen:after,.hero-screen:before{content:"";width:1000px;height:1000px;position:absolute}.hero-screen:after{background:radial-gradient(circle,rgba(131,96,150,.285) 0,rgba(131,96,150,.157) 0,rgba(240,184,96,0) 70%);bottom:50%;left:0;transform:translate(-50%,50%);z-index:1}.hero-screen .left-screen{width:50%}.hero-screen .left-screen .store-download-buttons{margin-top:1rem;display:flex;gap:1rem}@media(max-width:768px){.hero-screen .left-screen .store-download-buttons{width:unset;justify-content:center}}.hero-screen .left-screen .development-mode-title{margin-top:1rem}@media(max-width:768px){.hero-screen .left-screen{width:unset}}.hero-screen .right-screen{width:50%;position:relative;display:flex}.hero-screen .right-screen .iphone-mockup{position:relative;left:174px;z-index:1;max-width:25vw;min-width:25vw}@media(max-width:768px){.hero-screen .right-screen .iphone-mockup{position:static;width:100%;min-width:unset;max-width:unset}.hero-screen .right-screen{margin-top:4rem}}.hero-screen .hero-screen-content-wrapper{display:flex;align-items:center;z-index:2}.second-screen-wrapper{padding:4rem 0!important}.second-screen-wrapper .second-screen-title{text-align:center}.second-screen-wrapper .benefits-wrapper{margin-top:5rem;display:flex;gap:3rem}.second-screen-wrapper .benefits-wrapper ul{list-style:none;padding-left:0}.second-screen-wrapper .benefits-wrapper ul li:not(:last-child){margin-bottom:3rem}@media(max-width:768px){.second-screen-wrapper .benefits-wrapper{flex-direction:column;margin-top:2rem}}.third-screen-wrapper{position:relative;overflow:hidden}.third-screen-wrapper:after{content:"";background:radial-gradient(circle,hsla(34,81%,69%,.282) 0,hsla(34,81%,69%,.243) 0,rgba(240,184,96,0) 70%);width:1000px;height:1000px;position:absolute;bottom:0;right:0;transform:translate(50%,50%);z-index:1}.third-screen-wrapper .third-screen-content-wrapper{padding:5rem 0;display:flex}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-left-wrapper{width:50%;display:flex;align-items:center}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-left-wrapper .how-to-use-control{display:flex;gap:1rem;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-left-wrapper .how-to-use-control>span{cursor:pointer}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-right-wrapper{display:flex;justify-content:center;width:50%;z-index:2}@media(max-width:768px){.third-screen-wrapper .third-screen-content-wrapper{align-items:center}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-left-wrapper{width:unset}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-left-wrapper>div{display:flex;flex-direction:column;align-items:center}.third-screen-wrapper .third-screen-content-wrapper .how-to-use-right-wrapper{width:unset}}.fourth-screen-wrapper{background-color:var(--black);padding:4rem 0!important}.fourth-screen-wrapper .fourth-screen-title{display:flex;flex-direction:column;gap:2rem;text-align:center}.fourth-screen-wrapper .benefits-wrapper{margin-top:5rem;display:flex;gap:3rem}.fourth-screen-wrapper .benefits-wrapper ul{text-align:center;flex:50% 1;list-style:none;padding-left:0}.fourth-screen-wrapper .benefits-wrapper ul li:not(:last-child){margin-bottom:3rem}@media(max-width:768px){.fourth-screen-wrapper .benefits-wrapper{flex-direction:column;margin-top:2rem}}.fifth-screen-wrapper{background-color:var(--white);padding:4rem 0!important}.fifth-screen-wrapper .fifth-screen-title{display:flex;flex-direction:column;gap:2rem;text-align:center;align-items:center}.fifth-screen-wrapper .benefits-wrapper{margin-top:5rem;display:flex;gap:3rem}.fifth-screen-wrapper .benefits-wrapper ul{text-align:center;flex:50% 1;list-style:none;padding-left:0}.fifth-screen-wrapper .benefits-wrapper ul li:not(:last-child){margin-bottom:3rem}@media(max-width:768px){.fifth-screen-wrapper .benefits-wrapper{flex-direction:column;margin-top:2rem}}.hero-screen-title{font-weight:800}