*{box-sizing:border-box;margin:0;padding:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif}*,:before,:after{box-sizing:border-box}:root{--primary-color:#6ea0ff;--link-color:#a9b9dd;--btn-hover-color:#5b89f0;--lg-heading:#e8ecf6;--text-content:#9aa9c5;--text-body:#c8d2e4;--bg:#202020;--surface:#121a2f;--icon-color:#8fb0ff;--btn-secondary-bg:#1b2745;--btn-secondary-text:#cfe0ff;--menu-shadow:0 .5rem 1.5rem #03071099;--fixed-header-height:4.5rem;--font-size-body-text:clamp(14px, 1.6vw, 16px);--h1-font-size:calc(var(--font-size-body-text) * 2.4);--h2-font-size:calc(var(--h1-font-size) - 15px);--h3-font-size:calc(var(--h2-font-size) - 8px)}body{background-color:var(--bg);width:100%;height:100vh;color:var(--text-body);overflow-x:hidden}ul li{list-style-type:none}a{text-decoration:none}button{cursor:pointer;background-color:#0000;border:none;outline:none}.container{width:90%;margin:0 auto}@media screen and (width>=1040px){.container{width:80%}}.header{height:var(--fixed-header-height);padding:0 1.7rem}.nav{justify-content:space-between;align-items:center;width:100%;height:100%;display:flex}.logo{font-size:var(--h2-font-size);align-items:center;gap:.5rem;display:flex}.logo img{width:auto;height:1.5em;display:block}.logo h2{font-size:inherit;color:var(--primary-color);line-height:1}.nav-list{color:var(--text-body);align-items:center;gap:2rem;display:flex}.nav-list .nav-item{margin:0}.nav-item .nav-link,.nav-item .nav-link:link,.nav-item .nav-link:visited,.nav-item .nav-link:active,.nav-item .nav-link:hover,.nav-item .nav-link:focus,.nav-item .nav-link:focus-visible{color:inherit;text-transform:capitalize;letter-spacing:.5px;font-size:16.5px;line-height:27px}.btn-toggle{color:var(--lg-heading);z-index:4;font-size:20px;font-weight:600}.btn-toggle .nav-icon{width:1.2em;height:1.2em}.nav-menu,.btn-close{display:none}.btn-close .nav-icon{width:25px;height:25px}.show{right:3%!important}.wrapper{width:100%;margin-bottom:5rem;padding-top:5rem;padding-left:1.7rem;padding-right:1.7rem}.hero{flex-direction:column;align-items:center;gap:2.5rem;width:100%;display:flex}.hero-image{justify-content:center;width:100%;display:flex}.hero-content{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:920px;display:flex}.hero-title{font-family:Source Han Sans SC,Microsoft YaHei,sans-serif;font-weight:350;font-size:var(--h1-font-size);line-height:1.1}.hero-title span{color:var(--primary-color)}.hero-desc{letter-spacing:2px;color:var(--text-body);margin-top:1.5rem;font-family:Microsoft YaHei,Source Han Sans SC,sans-serif;font-size:18px;line-height:28px}.hero-buttons{justify-content:center;width:100%;margin-top:3.5rem;display:flex}.btn{color:#fff;text-transform:capitalize;letter-spacing:1px;background-color:#5699ce;border-radius:7px;width:110px;height:50px;font-size:16px;transition:all .4s;display:block}.btn:hover{background-color:var(--btn-hover-color);transform:translateY(-3px)}.btn-download{letter-spacing:0;color:#fff;background-color:#5699ce;justify-content:center;align-items:center;width:160px;height:55px;margin-right:10px;font-size:18px;font-weight:500;display:flex;box-shadow:0 .5rem 1.5rem #161c2d1a}.btn-download .btn-icon{vertical-align:middle;width:1.2em;height:1.2em;margin-left:.7rem}.btn-download:hover{background-color:#428fcf;transition:box-shadow .25s,transform .25s}.btn-docs{letter-spacing:0;width:160px;height:55px;color:var(--btn-secondary-text);background-color:#505356;font-size:18px;font-weight:500;box-shadow:0 .5rem 1.5rem #161c2d1a}.btn-docs:hover{background-color:#484a4c;transition:box-shadow .25s,transform .25s}.hero-screenshot{width:100%;max-width:70%;height:auto;margin-top:30px}.hero-screenshot img{object-fit:contain;width:100%;max-width:100%;height:auto;display:block;overflow:hidden;box-shadow:0 10px 20px #080808}.features-grid{grid-template-columns:repeat(3,1fr);gap:2rem 3rem;width:100%;height:100%;padding:1rem;display:grid}.feature-card{height:100%}.feature-icon{width:100%;line-height:40px}.feature-icon img{width:30px;height:30px}.feature-info{width:100%}.feature-title{width:100%;color:var(--lg-heading);font-size:21px;line-height:33px;display:block}.feature-info p{width:100%;color:var(--text-body);margin-top:7px;font-size:15.5px;font-weight:400;line-height:25px;display:block}footer{width:100%;min-height:80px;color:var(--text-body);text-align:center;background:#191919;justify-content:center;align-items:center;gap:.4rem;margin-top:6rem;display:flex}footer a{color:#447aaf;text-decoration:none}footer a:hover{color:var(--primary-color)}@media screen and (width>=768px){.btn-toggle{display:none}.nav-menu{display:block}}@media screen and (width<=768px){.logo h2{font-size:var(--h2-font-size)}.nav-menu{background-color:var(--surface);width:93%;height:100%;box-shadow:var(--menu-shadow);z-index:50;border-radius:10px;padding:3rem;transition:all .4s;display:block;position:fixed;top:2.5%;right:-100%}.nav-list{flex-direction:column;align-items:flex-start;margin-top:4rem}.nav-list .nav-item{margin:1rem 0}.nav-item .nav-link{font-size:18px}.btn-close{color:var(--link-color);font-size:25px;display:block;position:absolute;right:10%}.btn-close:hover{color:#fff}.wrapper{padding:0 .7rem}.hero-content{padding-left:0}.hero-title{font-size:var(--h1-font-size);line-height:1.1}.features-grid{grid-template-columns:repeat(auto-fit,minmax(100%,1fr))}.feature-info p{font-size:14px;line-height:23px}footer{padding:1rem 0}}@media screen and (width<=991px){.wrapper{padding-top:3rem}.hero-content{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-title{font-size:var(--h1-font-size);text-align:center;line-height:1.1}.hero-desc{text-align:center;padding:.7rem;font-size:15px}.hero-buttons{justify-content:center;align-items:center;width:100%;display:flex}.hero-screenshot{width:100%;max-width:100%}.feature-title{font-size:19px}}
