*{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;--card-bg:#323232;--card-border:#ffffff0f;--card-shadow:0 12px 28px #00000073;--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:100%}}@media screen and (width>=1400px){.container{width:80%}}@media screen and (width>=1600px){.container{width:60%}}.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;padding-bottom:6px;font-size:16.5px;line-height:27px;display:inline-block;position:relative}@media screen and (width>=768px){.nav-item .nav-link:after{content:"";transform-origin:0;background:linear-gradient(90deg,#7fb0ff,#b8d4ff);border-radius:999px;width:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.nav-item .nav-link:hover:after,.nav-item .nav-link:focus-visible:after{transform:scaleX(1)}}.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-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;margin-top:6rem;display:flex}.hero-title{font-family:Source Han Sans SC,Microsoft YaHei,sans-serif;font-size:35px;font-weight:500;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:85%;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%;margin:0 auto;padding:1rem;display:grid}@media screen and (width>=991px){.features-grid{width:88%}}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);height:100%;box-shadow:var(--card-shadow);border-radius:14px;padding:1.25rem 1.35rem}.feature-icon{width:100%;margin-bottom:.4rem;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:60px;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){.header{padding:0 0}.logo h2{font-size:var(--h2-font-size)}.nav-menu{width:93%;height:95%;box-shadow:var(--menu-shadow);z-index:50;text-align:center;background-color:#252525;border-radius:10px;padding:3rem;transition:all .3s;display:block;position:fixed;top:2%;right:-100%}.nav-list{flex-direction:column;align-items:center;margin-top:3rem}.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{margin-top:3rem;padding-left:0}.hero-title{font-size:22px;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){.hero-content{flex-direction:column;align-items:center;max-width:100%;display:flex}.hero-title{text-align:center;font-size:32px;font-weight:500;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}.features-grid{width:100%;padding:0}}.lxl{margin-left:2px}