:root{--blue:#1769ff;--deep:#101a3d;--muted:#69738b;--bg:#f6f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei",sans-serif;color:#1d2742;background:#fff}button,a{font:inherit}.nav{height:74px;display:flex;align-items:center;gap:28px;padding:0 max(32px,calc((100vw - 1220px)/2));position:sticky;top:0;background:#fff;z-index:20;box-shadow:0 2px 14px #1c3f7610}.logo{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:23px;font-weight:800;color:var(--deep)}.logo img{width:40px;height:40px}.nav-links{display:flex;gap:24px}.nav a{color:#30384e;text-decoration:none;font-size:15px;white-space:nowrap}.nav a.active,.nav a:hover{color:var(--blue)}.nav-actions{display:flex;gap:10px;align-items:center}.pill{border:1px solid #dce3f0;background:#fff;border-radius:8px;padding:9px 15px;cursor:pointer}.pill.primary,.btn{background:var(--blue);color:white;border-color:var(--blue)}.mobile-toggle{display:none}.hero{min-height:520px;padding:85px max(32px,calc((100vw - 1220px)/2));background:#eef5ff url('assets/bannerBg.efaa0d6f.png') center/cover no-repeat;position:relative;overflow:hidden}.hero h1{font-size:56px;margin:0 0 15px;color:#15244b}.hero .eyebrow{color:var(--blue);font-size:22px;font-weight:700}.hero p{font-size:20px;color:#55617b;margin:12px 0 30px}.hero-device{position:absolute;right:max(30px,calc((100vw - 1220px)/2));bottom:0;width:min(48vw,660px)}.btn{display:inline-block;border:0;border-radius:8px;padding:14px 30px;text-decoration:none;cursor:pointer;box-shadow:0 9px 20px #1769ff33}.section{padding:76px max(28px,calc((100vw - 1180px)/2))}.section.alt{background:var(--bg)}.section-title{text-align:center;font-size:34px;margin:0 0 12px}.section-sub{text-align:center;color:var(--muted);margin:0 0 42px}.stats,.grid{display:grid;gap:22px}.stats{grid-template-columns:repeat(5,1fr);padding:32px max(28px,calc((100vw - 1180px)/2));box-shadow:0 10px 35px #1a31561a;position:relative;background:#fff}.stat{text-align:center}.stat b{font-size:32px;color:var(--blue)}.stat span{display:block;color:#7b8498;margin-top:8px}.grid.cards{grid-template-columns:repeat(4,1fr)}.card{background:white;border:1px solid #e9edf5;border-radius:14px;padding:28px;box-shadow:0 8px 24px #1c3f760c;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1c3f761a}.card img{width:52px;height:52px;object-fit:contain}.card h3{font-size:19px}.card p{color:var(--muted);line-height:1.8;font-size:14px}.features{background:#13214d url('assets/featuresBg.c1dd646d.png') center/cover;color:white}.features .section-sub{color:#bdc9e2}.features .card{background:#ffffff0d;border-color:#ffffff1a}.features .card p{color:#cad3e8}.page-hero{padding:80px 24px;text-align:center;color:white;background:#194fbf url('assets/demandBg.8eb20aed.png') center/cover}.page-hero h1{font-size:42px;margin:0 0 12px}.pricing{grid-template-columns:repeat(3,1fr)}.price-card{position:relative;text-align:center}.price-card.featured{border:2px solid var(--blue)}.price{font-size:40px;color:var(--blue);font-weight:800}.price small{font-size:14px;color:var(--muted)}.badge{position:absolute;top:14px;right:14px;background:#eaf1ff;color:var(--blue);padding:5px 9px;border-radius:20px;font-size:12px}.checklist{list-style:none;padding:0;color:#67718a;line-height:2.2}.docs{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.doc-card{padding:34px;border-radius:14px;background:#fff;box-shadow:0 8px 28px #1c3f7612}.doc-no{font-size:46px;color:#dce7ff;font-weight:900}.download-grid{grid-template-columns:repeat(3,1fr)}.download-card{text-align:center}.download-card img{width:100%;height:190px;object-fit:contain}.tutorial{display:grid;grid-template-columns:250px 1fr;gap:40px}.side{background:#f5f7fb;border-radius:12px;padding:16px;height:max-content;position:sticky;top:95px}.side button{display:block;width:100%;text-align:left;border:0;background:transparent;padding:14px;border-radius:8px;cursor:pointer}.side button.active{background:#e8f0ff;color:var(--blue)}.article{line-height:1.9}.article h2{font-size:30px}.article h3{margin-top:30px}.contact-grid{grid-template-columns:repeat(4,1fr)}.contact-card{text-align:center}.contact-card .icon{font-size:40px}.statement{max-width:900px;margin:auto;line-height:2}.statement .warn{color:#d73a49;font-weight:700}.footer{background:#101936;color:#bac4da;padding:55px max(28px,calc((100vw - 1180px)/2)) 25px}.footer-top{display:flex;justify-content:space-between;gap:40px}.footer-brand img{width:150px}.footer a{color:#bac4da;text-decoration:none}.copyright{border-top:1px solid #ffffff18;margin-top:35px;padding-top:20px;text-align:center;font-size:13px}.modal{position:fixed;inset:0;background:#06102c99;z-index:40;display:grid;place-items:center;padding:20px}.modal-card{background:#fff;border-radius:16px;width:min(430px,100%);padding:34px;position:relative}.modal-card input{width:100%;padding:13px;border:1px solid #dce2ee;border-radius:8px;margin:8px 0}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;cursor:pointer}.tabs{display:flex;gap:6px;margin-bottom:18px}.tabs button{flex:1;border:0;border-radius:7px;padding:10px}.tabs .active{background:var(--blue);color:#fff}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(80px);background:#14203d;color:#fff;padding:11px 20px;border-radius:8px;opacity:0;transition:.25s;z-index:60}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}@media(max-width:960px){.nav-links{display:none}.mobile-toggle{display:block}.grid.cards,.contact-grid{grid-template-columns:repeat(2,1fr)}.pricing,.docs{grid-template-columns:1fr}.hero-device{opacity:.35;width:75vw}.stats{grid-template-columns:repeat(3,1fr)}.tutorial{grid-template-columns:1fr}.side{position:static;display:flex;overflow:auto}.side button{white-space:nowrap}}@media(max-width:600px){.nav{padding:0 16px}.nav-actions .lang{display:none}.hero{padding:70px 22px;min-height:500px}.hero h1{font-size:40px}.grid.cards,.contact-grid,.download-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.footer-top{display:block}.section{padding:55px 20px}}
