@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);
:root{--transition: none;--opacity: 0;--visibility: hidden;--cycle: 2s}
body{min-height:100%;font-family:"Inter",sans-serif;font-weight:400;font-style:normal;overflow-x:hidden;position:relative}
.content{background-image:url(../assets/bg-mbdf9a2ba00b4f0f42e800.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;overflow-x:hidden}
.bg-video{position:relative;width:100%;overflow:hidden;z-index:-1}
#myVideo{position:relative;inset:0;width:100%;z-index:-1}
.mb-0{margin-bottom:0}
.backdrop-blur{position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(10px) brightness(0.5);backdrop-filter:blur(10px) brightness(0.5);padding-top:2%;overflow:hidden;display:flex;justify-content:center;opacity:var(--opacity);visibility:var(--visibility);transition:var(--transition)}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes zoomAndBrighten{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.1);filter:brightness(2)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
@keyframes frontA{0%,49.999%{z-index:2}50%,100%{z-index:1}}
@keyframes frontB{0%,49.999%{z-index:1}50%,100%{z-index:2}}
@keyframes swap{0%{opacity:1;visibility:visible}50%{opacity:0;visibility:hidden}100%{opacity:1;visibility:visible}}
@keyframes swapReverse{0%{opacity:0;visibility:hidden}50%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}
@keyframes fade{from{opacity:1}to{opacity:0}}
header{display:flex;flex-direction:column;align-items:center;width:100%;position:relative}
header figure{width:170px}
header p{color:#fff;font-weight:900}
header p span{background:linear-gradient(90deg, #fef3a9 0%, #fcdd45 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0)}
.social{display:flex;align-items:center;justify-content:center;gap:3rem;position:absolute;right:8%;top:50%;z-index:10;transform:translate(0, -50%)}
.social figure{margin-bottom:0rem}
.social figure img{width:50px}
.cta{cursor:pointer}
.regFrm{width:72%;z-index:9;position:relative}
.regFrm .form-group{position:relative;width:100%;margin-bottom:.6rem}
.regFrm .form-group input{background-color:#fff;border-radius:50px;color:#07082d;text-align:center;padding:.5rem;font-size:.7rem}
.regFrm .form-group input:focus{box-shadow:none}
.regFrm .form-group input::-moz-placeholder{color:#000;font-weight:500}
.regFrm .form-group input::placeholder{color:#000;font-weight:500}
.regFrm .form-group figure{width:20px;margin-bottom:0;position:absolute;top:50%;transform:translateY(-50%)}
.regFrm .form-group .u-p{left:4%}
.regFrm .form-group .eye{right:4%}
.regFrm .btn{border:0;padding:0;margin:1rem auto 0;width:95%;animation:zoom 2s infinite}
#form,#form-mb{position:relative;width:-moz-max-content;width:max-content}
#form .bg-form,#form-mb .bg-form{background-image:url(../assets/bg-form6dc2115322d062672b14.png);background-position:top center;background-size:100% 100%;background-repeat:no-repeat;padding:3.4rem 0rem 2rem;position:relative;z-index:20}
#form .bg-form .join,#form-mb .bg-form .join{margin-bottom:.6rem}
#form .bg-form .join p,#form-mb .bg-form .join p{font-size:.9rem;font-weight:900;line-height:1.1;position:relative;color:#000}
#form .close-btn,#form-mb .close-btn{position:absolute;top:-1rem;right:-2rem;width:5rem;z-index:2;border:none;background-color:rgba(0,0,0,0)}
#form .confeti,#form-mb .confeti{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);width:100%;z-index:0}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-0.6rem}
.web-ver{width:77%}
.web-ver:hover img{transition:all .5s ease;filter:brightness(170%)}
#installation figure{width:58%}
hr{background:#4f4518;background:radial-gradient(circle, rgb(79, 69, 24) 0%, rgba(45, 35, 13, 0.6685267857) 100%);border:none;opacity:.5;height:1.5px;margin:-0.35rem auto 1.35rem;width:300px}
.hr2{margin:1.35rem auto}
@media screen and (max-width: 767.98px){hr{width:200px}}
@media screen and (min-width: 992px){.web-ver{width:62%}}
@media screen and (min-width: 768px)and (max-width: 991.98px){.web-ver{width:77%}}
@media only screen and (width: 360px)and (height: 780px){hr{margin:1.35rem auto}}
@media only screen and (width: 375px)and (height: 812px){hr{margin:1.35rem auto}}
@media screen and (min-width: 1200px){hr{margin:-0.3rem auto 1.5rem}}
.banner{margin-top:1rem}
footer{padding:2rem 1rem;margin-top:-0.1rem;position:relative;z-index:1;background-image:url(../assets/bg-ft-mbc057f1b79987078c6530.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat}
footer ul{list-style-type:none;padding-left:1rem}
footer ul li{color:#fff;text-transform:uppercase;font-weight:900;position:relative;font-size:.6rem}
footer ul li::before{content:"";position:absolute;left:-1rem;top:50%;transform:translateY(-50%);height:9px;width:9px;background-color:#fff;border-radius:50%}
footer ul+figure{width:100%}
footer ul+div figure{width:28px}
footer p{font-size:.6rem}
@media screen and (max-width: 1199.98px){.content{padding:2rem 0;background-size:cover;background-position:center;height:auto}}
@media screen and (min-width: 320px){header figure{width:100%}header p{font-size:2rem}header p span{display:block}.social{top:-0.5rem;right:0;display:flex;flex-direction:column;padding:0 1rem;gap:1rem;position:absolute;transform:none}.social figure{width:28px}#form-mb{width:100%}#form-mb .bg-form{padding:1rem 0rem 0rem;background-size:100% 90%}#form-mb .bg-form .join{margin-bottom:1.3rem}#form-mb .close-btn{display:none}.regFrm{width:80%}.regFrm .form-group{margin-bottom:1.1rem}.regFrm .form-group figure{width:20px}.regFrm .btn{width:100%;margin:1rem auto 0}.error.errors{font-size:.7rem;margin-bottom:-1rem}footer ul{padding-left:1rem}}
@media screen and (min-width: 360px){#form-mb .bg-form{padding:1rem 0rem 0rem}#form-mb .bg-form .join{margin-bottom:1.7rem}.error.errors{font-size:.8rem}}
@media screen and (min-width: 375px){#form-mb .bg-form .join{margin-bottom:2rem}footer ul li{font-size:.7rem}footer p{font-size:.7rem}}
@media screen and (min-width: 412px){#form-mb .bg-form .join p{font-size:1rem}.regFrm .form-group{margin-bottom:1.1rem}footer ul li{font-size:.8rem}footer p{font-size:.8rem}}
@media screen and (min-width: 540px){.social{top:0}#form .bg-form,#form-mb .bg-form{width:80%}.regFrm{width:60%}.regFrm .form-group{margin-bottom:1rem}}
@media screen and (min-width: 568px){#form .bg-form,#form-mb .bg-form{padding:3rem 0rem 0rem}#form .bg-form .join p,#form-mb .bg-form .join p{font-size:1.1rem}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 576px){header figure{width:240px}header figure.tagline{width:450px}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:20%}}
@media screen and (min-width: 768px){header figure{width:270px}header figure.tagline{width:480px}#form .bg-form,#form-mb .bg-form{width:100%;padding:5rem 0rem 0rem}#form .bg-form .join,#form-mb .bg-form .join{margin-bottom:3rem}#form .bg-form .join p,#form-mb .bg-form .join p{font-size:1.5rem}.regFrm{width:70%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{padding:1.2rem;font-size:1.2rem}.error.errors{font-size:1rem;margin-bottom:-1.3rem}}
@media screen and (min-width: 820px){html,body{height:100%}#form .bg-form,#form-mb .bg-form{width:100%}#form .bg-form .join p,#form-mb .bg-form .join p{font-size:1.5rem}.regFrm{width:70%}.regFrm .form-group{margin-bottom:1.2rem}.regFrm .form-group input{padding:1.2rem}}
@media screen and (min-width: 1024px){html,body{height:auto}header figure{width:370px}header figure .tagline{width:600px}#form .bg-form,#form-mb .bg-form{padding:5.7rem 0rem 0rem}#form .bg-form .join,#form-mb .bg-form .join{margin-bottom:4rem}#form .bg-form .join p,#form-mb .bg-form .join p{font-size:2rem}.regFrm{width:60%}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{padding:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .btn{margin:2rem auto 0;width:100%}}
@media screen and (min-width: 1200px){html,body{height:100%;position:relative}.content{position:relative;background:rgba(0,0,0,0)}header{width:100%}header.main-header{--opacity: 1;--visibility: visible;position:absolute;top:3%;left:50%;transform:translate(-50%, 0%);z-index:2;opacity:1;visibility:visible;transition:var(--transition)}header figure{width:45%}header p{font-size:2rem}header p span{display:inline}header .social{z-index:1;display:flex;flex-direction:row;gap:3rem;position:absolute;right:8%;top:50%;z-index:10;transform:translate(0, -50%)}header .social figure{margin-bottom:0rem;width:73px}.cta{position:absolute;bottom:21%;width:100%;display:block;margin:auto;animation:zoomAndBrighten 1.5s infinite}.cta img{width:23rem}#form{height:-moz-fit-content;height:fit-content}#form .form-header{opacity:var(--opacity);visibility:var(--visibility);transition:var(--transition);margin-bottom:6rem}#form .form-header figure{width:68%}#form .bg-form{padding:1.4rem 0rem 0rem;width:28rem;background-size:100% 90%}#form .bg-form .join{margin-bottom:2.5rem}#form .bg-form .join p{font-size:1.1rem}#form .confeti{top:66%}.regFrm{width:75%;z-index:3}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:1rem}.regFrm .form-group input{padding:.8rem;font-size:1rem}.regFrm .form-group figure{width:28px}.regFrm .form-group .error.errors{margin-bottom:-1.2rem}.regFrm .btn{margin:-0.7rem auto 0}footer{padding:2rem;margin-top:-0.6rem;position:relative;z-index:0;background-image:url(../assets/bg-ft9d578248826f8890e237.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat}footer ul{padding-left:2rem}footer ul li{font-size:.8rem}footer ul+div figure{width:50px}footer p{font-size:.8rem}}
@media screen and (min-width: 1366px){.cta{bottom:22%}}
@media screen and (min-width: 1440px){.cta{bottom:21%}.cta img{width:28rem}#form .form-header figure{width:80%}}
@media screen and (min-width: 1500px){.cta img{width:33rem}#form .bg-form{width:33rem}#form .bg-form .join p{font-size:1.3rem}#form .confeti{width:110%}footer ul li{font-size:.9rem}footer p{font-size:.9rem}}
@media screen and (min-width: 1600px){header figure{width:50%}.cta img{width:33rem}#form .form-header figure{width:87%}#form .bg-form{width:33rem}#form .bg-form .join p{font-size:1.3rem}footer ul li{font-size:1rem}footer p{font-size:1rem}}
@media screen and (min-width: 1700px){#form .bg-form{width:35rem;background-size:100% 87%}#form .bg-form .join p{font-size:1.4rem}#form .confeti{width:120%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:.5rem}.regFrm .btn{margin:1rem auto 0}}
@media screen and (min-width: 1920px){header figure{width:58%}.cta img{width:36rem}#form{width:40%}#form .form-header figure{width:100%}#form .bg-form{width:38rem}.social figure{width:65px}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .btn{margin:-0.6rem auto 0;width:100%}footer ul+figure{width:90%}}
@media screen and (min-width: 2056px){header figure{width:60%}.cta img{width:40rem}#form{width:39%}#form .confeti{width:115%}.social figure{width:70px}.regFrm .form-group input{padding:1rem}.regFrm .form-group:last-of-type{margin-bottom:1.5rem}.regFrm .form-group figure{width:30px}}
@media screen and (min-width: 2336px){header figure{width:70%}.cta img{width:45rem}#form .bg-form{width:45rem}#form .bg-form .join p{font-size:1.8rem}#form .close-btn{width:6rem}#form .confeti{top:69%}.social figure{width:80px}.regFrm .form-group input{font-size:1.2rem}.regFrm .form-group:last-of-type{margin-bottom:1.5rem}.regFrm .form-group .error.errors{font-size:1.2rem}footer{padding:2rem 20rem}}
@media screen and (min-width: 2560px){header figure{width:77%}#form .confeti{top:60%;width:120%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}}
@media screen and (min-width: 2624px){header figure{width:80%}.cta img{width:50em}#form{width:40%}#form .bg-form{padding:1.7rem 0rem 0rem;width:51rem}#form .bg-form .join{margin-bottom:4rem}#form .bg-form .join p{font-size:2.2rem}#form .confeti{width:130%}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{padding:1.3rem;font-size:1.3rem}.regFrm .form-group figure{width:35px}}
@media screen and (min-width: 2992px){header figure{width:90%}.cta img{width:55em}#form .bg-form{padding:1.8rem 0rem 0rem;width:55rem}#form .bg-form .join{margin-bottom:4rem}#form .bg-form .join p{font-size:2.2rem}.social figure{width:110px}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{font-size:2rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .btn{margin:0rem auto 0}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}footer{padding:2rem 35rem}}
@media screen and (min-width: 3456px){header figure{width:100%}.cta img{width:65em}#form .bg-form{padding:2rem 0rem 0rem}#form .bg-form .join{margin-bottom:4rem}#form .confeti{width:115%}.social figure{margin-bottom:2.5rem}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{font-size:2rem}.regFrm .form-group .error.errors{font-size:1.5rem}.regFrm .btn{margin:-1rem auto 0}}
@media screen and (min-width: 3840px){#form .bg-form{padding:6.5rem 0rem 1rem;width:1150px}#form .bg-form .join{margin-bottom:5rem}#form .bg-form .join p{font-size:3rem}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}}