html{scroll-behavior:smooth}.webp .hero{background:linear-gradient(180deg,rgba(250,251,254,.8) 0,var(--cloud) 100%)}.no-webp .hero{background:linear-gradient(180deg,rgba(250,251,254,.8) 0,var(--cloud) 100%)}.herobox{margin-top:0}.herobox p{text-align:justify;font-size:1rem}.herobox a{display:inline-block;margin:22px 10px 0 0}.herobox>a{display:none}.herobox a.green{background:linear-gradient(var(--secondarygreen),var(--secondarygreen)) content-box,linear-gradient(147.72deg,rgba(104,232,197,.7) 9.55%,rgba(131,242,212,0) 53.76%,rgba(116,233,201,.6) 95.29%) border-box}.herobox h1{font-weight:900}.main h2{display:block;font-weight:900;font-size:24px;line-height:37px;text-align:center;color:var(--darkbluetext);margin-bottom:20px}.faq li .title h2,.faq li .title p{font-weight:700;font-size:19px;margin-bottom:0;line-height:1;text-align:right}.row.features{background:linear-gradient(0deg,rgba(146,236,244,0) 15%,rgba(127,179,245,0) 70%,rgba(185,116,223,.3) 110%),linear-gradient(90deg,rgba(146,236,244,.5) 15%,rgba(127,179,245,.5) 80%,rgba(185,116,223,.5) 105%),linear-gradient(180deg,var(--primaryblue) 0,var(--primaryblue) 100%);border-radius:100px 100px 100px 0;padding:55px 10px;margin-top:30px}.row .col-3{text-align:center;display:flex;flex-direction:row;justify-content:center}.row .col-3 .box{border-radius:16px;position:relative;width:195px;max-width:100%;height:184px;border:1px solid transparent;background-color:#fdfdfc;display:flex;flex-direction:column;align-items:center;padding:9px}.row .col-3 .box::before{content:'';position:absolute;width:160px;max-width:80%;height:10px;top:-10px;right:0;left:0;margin:auto;opacity:.5;border-radius:16px 16px 0 0;border:1px solid transparent;background:linear-gradient(var(--cloud),var(--cloud)) content-box,linear-gradient(138.69deg,rgba(185,198,216,.3) 5.69%,rgba(185,198,216,0) 55.33%,rgba(185,198,216,.2) 97.19%) border-box}.box i.icon-features{background-image:url(../images/landing/featuresIcon.svg);background-repeat:no-repeat;display:block;width:50px;height:67px;position:relative;top:0;right:0;left:0;margin:5px auto 24px}.box h3{text-align:center;font-weight:700;font-size:20px;line-height:31px;color:rgba(0,0,0,.73)}.usage{width:96%;max-width:1140px;margin:50px auto!important;position:relative}.usage .info ul{padding-right:28px}.usage .info ul li{list-style:disc;line-height:40px;display:list-item}.usage .info ul li::marker{color:rgba(0,0,0,.73);font-weight:700;font-size:16px;line-height:40px}.usage .info h4{color:rgba(0,0,0,.73);font-weight:700;font-size:16px;line-height:40px;display:list-item}h2.title{text-align:center!important;color:var(--primaryblue);font-weight:900;font-size:40px;line-height:62px;padding:30px 0}.img{justify-content:center;align-items:center;display:flex}.img img{max-width:100%;height:auto}.desc p{font-size:16px;line-height:32px;text-align:justify;padding-bottom:20px}.usage .info h2{text-align:right}@media (max-width:1024px){.usage{flex-wrap:wrap;max-width:1024px}}@media (max-width:950px){.herobox>a{display:block;margin:42px 0 0}.herobox>a.blue{margin:20px 0 0}.herobox .herodata a{display:none}.faq li .title h2,.faq li .title p{font-size:16px;line-height:25px;padding-right:0}}@media (max-width:768px){.usage{max-width:767px}h2.title{font-size:30px;line-height:58px}}@media (max-width:447px){.faq li .title h2,.faq li .title p{font-size:14px}}@media (max-width:312px){.faq li .title h2,.faq li .title p{font-size:12px}}