@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: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;--opacity: 1;--visibility: visible;--opacity-banner: 0;--visibility-banner: hidden;--cycle: 2s}
body{min-height:100%;font-family:"Montserrat",sans-serif;font-weight:400;font-style:normal;overflow-x:hidden;position:relative}
.content{background-image:url(../assets/bg-mb1561ebe62c093738305a.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;height:100%;overflow-x:hidden;z-index:1}
.bg-video{position:relative;width:100%;height:100%;overflow:hidden;z-index:-1}
#myVideo{position:relative;inset:0;width:100%;height:100%;-o-object-fit:fill;object-fit:fill;z-index:-1}
.mb-0{margin-bottom:0}
.backdrop-blur{position:fixed;inset:0;z-index:10;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px) brightness(0.5);backdrop-filter:blur(10px) brightness(0.5);overflow:hidden;display:flex;justify-content:center;opacity:var(--opacity);visibility:var(--visibility);transition:var(--transition);padding-top:4rem}
#backdrop-hero-banner{align-items:center;padding:0;z-index:20;opacity:var(--opacity-banner);visibility:var(--visibility-banner);transition:var(--transition)}
#backdrop-hero-banner figure{width:100%;padding:1rem;cursor:pointer;position:relative;z-index:20;opacity:var(--opacity-banner);visibility:var(--visibility-banner);transition:var(--transition)}
#backdrop-hero-banner figure .close-banner{position:absolute;top:.5rem;right:.5rem;width:1.5rem;z-index:25}
.floating-btn{width:4rem;position:fixed;bottom:1rem;right:1rem;cursor:pointer;z-index:1;transition:all .3s ease}
.floating-btn:hover{transform:scale(1.1)}
@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 a:hover figure img{filter:brightness(1.2) drop-shadow(0 8px 16px rgba(255, 255, 255, 0.3))}
.social a:hover:active{transform:translateY(-1px)}
.social a:hover:active figure{transform:scale(1.05)}
.social figure{margin-bottom:0rem}
.social figure img{width:50px}
.cta{cursor:pointer;position:relative;z-index:10}
.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:4px;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:#003788;font-weight:400}
.regFrm .form-group input::placeholder{color:#003788;font-weight:400}
.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:zoomAndBrighten 1.5s infinite;position:relative;z-index:10}
#form,#form-mb{position:relative;width:-moz-max-content;width:max-content}
#form .bg-form,#form-mb .bg-form{background-image:url(../assets/bg-form120fa063b55f6ac70b51.png);background-position:top center;background-size:100% 100%;background-repeat:no-repeat;opacity:var(--opacity);visibility:var(--visibility);transition:var(--transition);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:7%;right:-1rem;width:3rem;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-mb76cffd2c77c08de57ee1.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat}
footer ul{list-style-type:none;padding-left:0}
footer ul .text-normal{text-transform:none}
footer ul li{color:#000;text-transform:uppercase;font-weight:900;position:relative;font-size:.6rem}
footer ul+figure{width:100%}
footer ul+div figure{width:3.75rem}
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:nth-child(1){width:70%}header figure:nth-child(2){width:90%}header p{font-size:2rem}header p span{display:block}.social{top:0;right:-3%;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:3rem 0rem 0rem;background-size:100% 90%}#form-mb .bg-form .join{margin-bottom:1rem}#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-top:1.125rem}}
@media screen and (min-width: 360px){header figure:nth-child(2){width:90%}header p{font-size:2rem}header p span{display:block}.error.errors{font-size:.8rem}}
@media screen and (min-width: 375px){#form-mb .bg-form .join{margin-bottom:1rem}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:.813rem;font-weight:bold}.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}header .social{right:0}.regFrm{width:66%}.regFrm .form-group input{font-size:1rem}.banner{margin-top:2rem}}
@media screen and (min-width: 768px){header figure{width:270px}header figure.tagline{width:480px}header .social{right:5%}header .social figure:nth-child(1){width:3.75rem}#form .bg-form,#form-mb .bg-form{width:100%;padding:5rem 0rem 0rem}#form .bg-form .join,#form-mb .bg-form .join{margin-bottom:1.5rem}#form .bg-form .join p,#form-mb .bg-form .join p{font-size:1.5rem}.regFrm{width:78%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group figure{width:30px}.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 .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 p,#form-mb .bg-form .join p{font-size:2rem}.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){:root{--opacity: 0;--visibility: hidden}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:column;gap:1rem;position:absolute;right:2%;top:50%;z-index:10}header .social figure{margin-bottom:0rem;width:60px}.cta{position:absolute;bottom:12%;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)}#form .form-header figure:nth-child(1){width:19.563rem}#form .form-header figure:nth-child(2){width:36rem;margin-bottom:-1.5rem}#form .bg-form{padding:1.4rem 0rem 0rem;width:40rem;background-size:100% 90%}#form .bg-form .join{margin-bottom:1.5rem}#form .bg-form .join p{font-size:1.1rem;font-weight:bold;position:absolute;left:50%;top:17%;transform:translate(-50%, -50%)}#form .confeti{top:66%}.regFrm{width:75%;z-index:3;padding-top:4.6rem}.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:2rem auto 0}#backdrop-hero-banner figure{width:35%}#backdrop-hero-banner figure .close-banner{width:2.5rem;top:0rem;right:0rem}.floating-btn{width:9rem}footer{padding:2rem;margin-top:-0.6rem;position:relative;z-index:0;background-image:url(../assets/bg-ft6340145aee7540780989.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat}footer figure img{width:28.75rem}footer ul{padding-left:0;padding-top:0}footer ul li{font-size:1.125rem;font-weight:900}footer ul+div figure img{width:3.75rem}footer p{font-size:.875rem;font-weight:500}}
@media screen and (min-width: 1366px){#form .bg-form{width:40rem}.cta{bottom:14%}}
@media screen and (min-width: 1440px){.cta{bottom:14%}.cta img{width:22rem}}
@media screen and (min-width: 1500px){.cta img{width:24rem}#form .bg-form{width:40rem}#form .bg-form .join p{font-size:1.3rem}#form .confeti{width:110%}}
@media screen and (min-width: 1600px){header figure{width:50%}#form .bg-form{width:40rem}#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{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%}#form{width:40%}#form .form-header figure:nth-child(1){width:19.563rem;height:7rem}#form .form-header figure:nth-child(2){width:32rem}#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 figure img{width:22.75rem}footer ul+figure{width:90%}}
@media screen and (min-width: 2056px){header figure{width:60%}.cta img{width:30rem}#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:25%}#form .form-header figure:nth-child(2){width:39rem;margin-bottom:-2.5rem}#form .bg-form{width:45rem}#form .bg-form .join p{font-size:1.8rem}#form .close-btn{width:4rem}#form .confeti{top:69%}.social figure{width:80px}.regFrm{padding-top:5.6rem}.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}.regFrm .btn{margin:2.4rem auto 0}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%}#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%}#form .form-header figure:nth-child(2){width:44rem}#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%}#form .form-header figure:nth-child(1){width:26rem;margin-bottom:4rem}#form .form-header figure:nth-child(2){width:47rem;margin-bottom:-3rem}#form .bg-form{padding:4rem 0rem 0rem;width:60rem}#form .bg-form .join{margin-bottom:4rem}#form .confeti{width:115%}.social figure{margin-bottom:2.5rem}.backdrop-blur{padding-top:10rem}.regFrm{padding-top:6.6rem}.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:3rem auto 0}}
@media screen and (min-width: 3840px){#form .close-btn{transform:scale(1.5);top:8%}#form .form-header figure:nth-child(1){width:30rem;margin-bottom:6rem}#form .form-header figure:nth-child(2){width:60rem}#form .bg-form{padding:5rem 0rem 1rem;width:75rem}#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}}