.landing{position:relative;height:100%;font-family:'Roboto',sans-serif!important}.landing>.page{width:100%;height:80%;overflow:hidden;position:relative}.landing>.page.dark{background-color:#2a2b33}.landing>.page>.content{position:relative;height:100%;margin:0 auto;width:100%;max-width:1200px;padding:36px}.landing>.page.dark>.content{color:#fff}.landing .button{display:inline-block;background-color:#289c39;color:#fff;font-size:24px;font-weight:bold;padding:24px 36px;border-radius:8px;transition-duration:.5s;cursor:pointer;border:0}.landing .button.disabled{pointer-events:none;opacity:.2}.landing .button:hover{background-color:#31bd46}.landing .text-block{padding:36px 36px 36px 0;width:50%}.landing .text-block .text{font-size:20px;line-height:24px;padding:8px 0}.landing .dark .text-block{color:#fff}.landing h2{font-size:36px;font-weight:bold!important;color:#289c39}.landing h3{font-size:28px;font-weight:bold!important;color:#2a2b33}.landing h4{font-size:22px;font-weight:bold!important;color:#2a2b33}.landing .dark h2{color:#acce6d}.landing .dark h3,.landing .dark h4{color:#fff}.landing .navigation{color:#fff;font-weight:normal;font-size:18px;display:block}.landing .navigation .item{padding:8px 12px;cursor:pointer;display:inline-block;transition-duration:1s;border-radius:8px}.landing .navigation .item:hover{background-color:rgba(250,250,251,.15)}.landing .contact-us{position:fixed;bottom:24px;right:24px;display:flex;z-index:1000}.landing .contact-us .item>div{margin:0 8px;height:64px;aspect-ratio:1/1;cursor:pointer}.landing .contact-us .item>div img{width:100%;transition-duration:.5s}.landing .contact-us .item>div:hover img{transform:scale(1.2)}@media only screen and (max-width:800px){.landing h2{font-size:28px}.landing h3{font-size:24px}.landing h4{font-size:18px}.landing .text-block .text{font-size:16px}.landing .navigation{font-size:14px;padding:0 16px}.landing .navigation .item{padding:4px 4px}.landing .page .content{padding:24px 16px}}.landing>.page.welcome{height:70%}.landing>.page.welcome .button{margin-top:16px}.landing>.page.welcome .content{overflow:hidden}.landing>.page.welcome .background{position:absolute;top:156px;z-index:0;height:70%;right:0;width:50%;margin-right:24px}.landing>.page.welcome .background img{width:100%}.landing>.page.welcome .header{margin-bottom:36px}.landing>.page.welcome .navigation{margin-top:16px;float:right}.landing>.page.welcome .header .logo{display:inline-block}.landing>.page.welcome .header .logo img:nth-child(1){width:48px;vertical-align:middle}.landing>.page.welcome .header .logo img:nth-child(2){width:200px;vertical-align:middle;margin-left:8px;margin-top:0}.bg{animation:slide 15s ease-in-out infinite alternate;background-image:linear-gradient(-60deg,#eaf0e8 50%,#fff 50%);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0;z-index:-1}.bg2{animation-direction:alternate-reverse;animation-duration:20s}.bg3{animation-duration:30s}@keyframes slide{0%{transform:translateX(-25%)}100%{transform:translateX(25%)}}@media only screen and (max-width:800px){.landing>.page.welcome{height:unset}.landing>.page.welcome .content{text-align:center;padding-bottom:64px}.landing>.page.welcome .header{text-align:center}.landing>.page.welcome .header .navigation{float:unset}.landing>.page.welcome .text-block{width:100%;text-align:center;padding:0}.landing>.page.welcome .background{position:relative;display:inline-block;width:80%;top:36px;margin:0 auto;right:unset;margin-bottom:24px}}.landing>.page.reports{height:unset;text-align:center}.landing>.page.reports ul{padding:24px;display:flex;list-style:none;text-align:center;flex-wrap:wrap}.landing>.page.reports ul li{position:relative;display:block;text-align:center;white-space:normal;width:33.3%}.landing>.page.reports ul li>div{display:block;white-space:normal;font-weight:bold;padding:24px;background-color:#fafafb;margin:16px;border-radius:24px;height:calc(100% - (16px*2));vertical-align:top;box-shadow:10px 25px 18px -26px rgba(0,0,0,.75);-webkit-box-shadow:10px 25px 18px -26px rgba(0,0,0,.75);-moz-box-shadow:10px 25px 18px -26px rgba(0,0,0,.75)}.landing>.page.reports ul li>div:before{position:relative;content:'';display:block;width:32px;background-image:url("/res/landing/report-icon.svg");background-size:cover;height:32px;margin:0 auto;margin-bottom:16px}.landing>.page.reports ul li>div span.title{position:relative;display:block;vertical-align:middle;font-size:18px}.landing>.page.reports ul li>div span.description{position:relative;display:block;vertical-align:middle;font-size:16px;font-weight:normal;padding:16px;line-height:24px}@media only screen and (max-width:800px){.landing>.page.reports ul{padding:16px 0}.landing>.page.reports ul li{width:100%}}.landing>.page.how{height:unset;z-index:-1}.landing>.page.how .content{position:unset}.landing>.page.how .content .flex{display:flex;width:100%}.landing>.page.how .video{position:relative;display:block;width:740px;height:320px;background-color:#00f;border-radius:16px;overflow:hidden}.landing>.page.how .video-background{position:absolute;top:-50%;right:0;width:100%;opacity:.1;z-index:-1}.landing>.page.how ul{padding:16px;font-size:18px;line-height:28px;width:50%;list-style:none;margin:0}.landing>.page.how ul li{margin-top:24px;font-weight:bold}.landing>.page.how ul li b{color:#acce6d}@media only screen and (max-width:800px){.landing>.page.how{height:unset}.landing>.page.how .content{text-align:center;padding-bottom:64px}.landing>.page.how ul{width:100%;text-align:left;padding:0 36px}.landing>.page.how ul li:nth-child(1){margin-top:8px}.landing>.page.how .content .flex{flex-direction:column}.landing>.page.how .content .video{position:relative;display:inline-block;width:300px;height:151px;margin:0 auto;margin-top:36px}.landing>.page.how .video-background{display:none}}.landing>.page.features{height:unset;text-align:center}.landing>.page.features ul{padding:24px;display:flex;list-style:none;text-align:center;flex-wrap:wrap}.landing>.page.features ul li{position:relative;display:block;text-align:center;white-space:normal;width:50%;vertical-align:top}.landing>.page.features ul li>div{display:block;white-space:normal;font-weight:bold;padding:24px;background-color:#fafafb;margin:16px;border-radius:24px;height:calc(100% - (16px*2));box-shadow:10px 25px 18px -26px rgba(0,0,0,.75);-webkit-box-shadow:10px 25px 18px -26px rgba(0,0,0,.75);-moz-box-shadow:10px 25px 18px -26px rgba(0,0,0,.75)}.landing>.page.features ul li>div:before{position:relative;content:'';display:block;background-size:cover;width:32px;height:32px;margin:0 auto;margin-bottom:16px}.landing>.page.features ul li.simple>div:before{background-image:url("/res/landing/features-simple.svg")}.landing>.page.features ul li.economy>div:before{background-image:url("/res/landing/features-economy.svg")}.landing>.page.features ul li.calc>div:before{background-image:url("/res/landing/features-calc.svg")}.landing>.page.features ul li.support>div:before{background-image:url("/res/landing/features-support.svg")}.landing>.page.features ul li>div span.title{position:relative;display:block;vertical-align:middle;font-size:18px}.landing>.page.features ul li>div span.description{position:relative;display:block;vertical-align:middle;font-size:16px;font-weight:normal;padding:16px;line-height:24px}@media only screen and (max-width:800px){.landing>.page.features ul{padding:16px 0}.landing>.page.features ul li{width:100%}}.landing>.page.buy .content .flex{display:flex}.landing>.page.buy .content .flex>*{padding:16px}.landing>.page.buy .content form{background-color:#3f4048;padding:16px 16px 36px 16px;border-radius:16px}.landing>.page.buy .content form .field{font-size:22px;padding:16px}.landing>.page.buy .content form .field .label{font-size:20px;padding:0 0 16px 0}.landing>.page.buy .content form .field input{padding:16px 16px;width:400px;border:3px solid #fff;border-radius:8px}.landing>.page.buy .content form .field input.error{border-color:#f00}.landing>.page.buy .content form .field input.success{border-color:#289c39}.landing>.page.buy .content form .field input::placeholder{font-size:18px;font-weight:bold}.landing>.page.buy .content form .button{margin:24px 0 0 32px}@media only screen and (max-width:1200px){.landing>.page.buy .content form .field input{width:300px}}@media only screen and (max-width:800px){.landing>.page.buy{height:unset;text-align:center}.landing>.page.buy .content .flex{flex-direction:column}.landing>.page.buy .content .flex>*{padding:0}.landing>.page.buy .content form .field input{text-align:center;width:100%}.landing>.page.buy .content form{padding:0;background-color:unset}.landing>.page.buy .content form .button{margin:24px 0}}