:root{--navy:#17365c;--blue:#4386c6;--sky:#bfe0f1;--pale:#edf7fb;--sun:#ffc775;--coral:#ef8c78;--white:#fff;--ink:#24415f;--muted:#6b849b;--line:#cbdde7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#f8fbfc;font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1200px,calc(100% - 46px));margin:auto}.skip{position:fixed;z-index:99;top:5px;left:5px;padding:8px 13px;color:#fff;background:var(--navy);transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:sticky;z-index:40;top:0;background:rgba(247,251,252,.88);border-bottom:1px solid rgba(93,137,171,.2);backdrop-filter:blur(18px)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:900}.logo{width:40px;height:40px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,var(--coral),var(--sun));border-radius:50% 50% 50% 10%}.links{margin-left:auto;display:flex;gap:24px;color:#66819a;font-size:11px}.links a:hover,.links a[aria-current=page]{color:var(--coral)}.lang{color:#9aabba;font-size:10px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:9px 20px;color:var(--navy);background:#fff;border:1px solid #9fbdcf;border-radius:8px;font-size:11px;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.btn:hover{color:#fff;background:var(--navy)}.btn-main{color:#fff;background:var(--navy);border-color:var(--navy)}.menu{display:none;margin-left:auto;width:42px;height:42px;color:var(--navy);background:#fff;border:1px solid var(--line);border-radius:8px}
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#b8dcef 0,#deeff6 56%,#fff2df 100%)}.hero:before{content:"";position:absolute;top:75px;right:13%;width:300px;height:300px;background:radial-gradient(circle,#fff7dc 0 25%,rgba(255,211,130,.75) 26% 46%,transparent 47%);border-radius:50%}.clouds{position:absolute;right:-5%;bottom:0;left:-5%;height:240px;background:radial-gradient(ellipse at 10% 100%,#fff 0 42%,transparent 43%),radial-gradient(ellipse at 35% 100%,#f7fbfc 0 45%,transparent 46%),radial-gradient(ellipse at 70% 100%,#fff 0 47%,transparent 48%),radial-gradient(ellipse at 95% 100%,#f8fbfc 0 43%,transparent 44%)}.hero-grid{position:relative;z-index:2;min-height:790px;display:grid;grid-template-columns:1fr 550px;align-items:center;gap:55px;padding:65px 0 145px}.eyebrow{color:#527ea2;font-size:10px;font-weight:900;letter-spacing:.17em}.hero h1,.page-hero h1{margin:19px 0;color:var(--navy);font-size:clamp(52px,7vw,88px);line-height:1;letter-spacing:-.06em}.hero h1 span{display:block;color:var(--coral)}.lead{max-width:610px;color:#567792}.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:30px}.desktop-scene{position:relative;height:490px;display:grid;place-items:center}.window{position:relative;width:530px;height:350px;padding-top:34px;background:#fff;border:1px solid rgba(90,132,166,.3);border-radius:16px;box-shadow:0 35px 80px rgba(44,90,124,.24);transform:rotate(2deg)}.window:before{content:"●  ●  ●";position:absolute;top:8px;left:14px;color:#e8a48e;letter-spacing:5px;font-size:9px}.window img{width:100%;height:100%;object-fit:contain;border-radius:0 0 16px 16px}.float{position:absolute;padding:10px 14px;color:var(--navy);background:rgba(255,255,255,.8);border:1px solid #fff;border-radius:9px;box-shadow:0 14px 35px rgba(43,83,114,.12);font-size:9px;backdrop-filter:blur(12px)}.f1{top:2%;left:-2%}.f2{right:-3%;bottom:9%}.float b{display:block;color:var(--coral);font-size:15px}.trust{position:relative;z-index:3;margin-top:-72px}.trust-row{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 50px rgba(47,88,118,.1)}.trust-row span{padding:25px;text-align:center;color:#748b9e;font-size:10px}.trust-row span+span{border-left:1px solid var(--line)}.trust-row b{display:block;color:var(--navy);font-size:14px}
.section{padding:110px 0}.section-blue{background:var(--pale)}.section-navy{color:#edf6fb;background:var(--navy)}.head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:55px}.head div{max-width:720px}.head h2{margin:12px 0 0;color:var(--navy);font-size:clamp(38px,5vw,58px);line-height:1.08;letter-spacing:-.045em}.section-navy .head h2{color:#fff}.head p{max-width:400px;margin:0;color:var(--muted)}.section-navy .head p{color:#adc3d5}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.metric{padding:32px;background:#fff}.metric+.metric{border-left:1px solid var(--line)}.metric strong{display:block;color:var(--coral);font-size:34px}.metric span{color:#7a90a3;font-size:10px}.fine{color:#879aab;font-size:9px;text-align:right}
.feature-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.feature-main{min-height:540px;padding:45px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(145deg,#3b79b5,#64a6d2);border-radius:18px}.feature-main img{width:100%;height:300px;object-fit:contain}.feature-main h3{margin:auto 0 5px;font-size:30px}.feature-stack{display:grid;gap:14px}.feature{padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px}.feature b{color:var(--coral);font-size:10px}.feature h3{margin:48px 0 8px;font-size:24px}.feature p{color:var(--muted);font-size:11px}
.route-layout{display:grid;grid-template-columns:390px 1fr;gap:16px}.nodes{display:grid;gap:8px}.node{display:grid;grid-template-columns:1fr 75px;align-items:center;padding:21px;background:#21476f;border:1px solid #3c6288;border-radius:9px}.node small{display:block;color:#90abc1;font-size:9px}.node b{color:var(--sun);text-align:right}.map{height:520px;padding:28px;background:#1e456d;border:1px solid #3c6288;border-radius:18px}.map img{width:100%;height:100%;object-fit:contain;opacity:.55;filter:hue-rotate(165deg)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.review{padding:28px;background:#fff;border:1px solid var(--line);border-radius:15px}.review img{width:72px;height:72px;object-fit:cover;border-radius:50%;filter:saturate(.65)}.stars{margin-top:25px;color:var(--coral);letter-spacing:3px}.review blockquote{margin:13px 0;color:#536f87}.review footer{color:#8ca0b0;font-size:10px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.plan{min-height:430px;padding:32px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:16px}.plan.best{color:#fff;background:linear-gradient(150deg,#ef927d,#e9b76d);border:0}.plan small{color:#6286a2}.plan.best small{color:#fff7e9}.plan h3{font-size:25px}.price{font-size:42px;font-weight:900}.price span{font-size:10px}.plan ul{padding:0;list-style:none;color:#70889b;font-size:11px}.plan.best ul{color:#fff5e7}.plan li{padding:6px}.plan li:before{content:"✓";margin-right:8px}.plan .btn{width:100%;margin-top:auto}
.faq{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.qa{padding:28px;background:#fff;border:1px solid var(--line);border-radius:14px}.qa code{color:var(--coral);font-size:9px}.qa h3{margin:20px 0 8px}.qa p,.qa li{color:var(--muted);font-size:12px}
.page-hero{position:relative;overflow:hidden;padding:100px 0 80px;background:linear-gradient(180deg,#bbdded,#eef6f7)}.page-hero:after{content:"";position:absolute;right:10%;top:40px;width:220px;height:220px;background:radial-gradient(circle,#fff4d2 0 33%,rgba(255,199,117,.5) 34% 60%,transparent 61%);border-radius:50%}.page-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 470px;align-items:center;gap:75px}.page-hero h1{font-size:clamp(45px,6vw,72px)}.page-window{height:340px;padding-top:32px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 60px rgba(38,76,108,.18)}.page-window img{width:100%;height:100%;object-fit:contain}
.downloads{display:grid;gap:10px}.download{display:grid;grid-template-columns:75px 1fr 210px;align-items:center;gap:26px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:12px}.download.primary{background:#f1f8fb;border-color:#8cb5ce}.os{width:58px;height:58px;display:grid;place-items:center;color:#fff;background:var(--blue);border-radius:12px;font-weight:900}.download h3{margin:0}.download p{margin:4px 0;color:var(--muted);font-size:10px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.step{padding:28px;background:#21476f;border:1px solid #3c6288;border-radius:12px}.step b{color:var(--sun)}.step h3{margin:50px 0 7px}.step p{color:#adc0d1;font-size:11px}
.guide{display:grid;grid-template-columns:250px 1fr;gap:75px}.guide-nav{position:sticky;top:100px;height:max-content;padding:10px;background:#fff;border:1px solid var(--line);border-radius:13px}.guide-nav a{display:block;padding:11px 13px;color:#71899c;border-radius:7px;font-size:10px}.guide-nav a:hover{color:#fff;background:var(--blue)}.guide-body h2{margin:55px 0 14px;color:var(--navy);font-size:30px}.guide-body h2:first-child{margin-top:0}.guide-body p,.guide-body li{color:var(--muted)}.notice{padding:21px;background:#e8f3f7;border-left:4px solid var(--blue)}.cta{margin-top:70px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:linear-gradient(100deg,var(--navy),#4f85b5);border-radius:14px}.cta h2{margin:0}.cta p{margin:4px 0;color:#c6d9e7}.footer{padding:58px 0 22px;color:#b7cbd9;background:#112c4b}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer .brand{color:#fff}.footer p{max-width:340px;color:#7593aa;font-size:10px}.footer h3{color:#d6e6ef;font-size:10px}.footer-links{display:grid;gap:8px;color:#829db1;font-size:10px}.copy{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #2d4967;color:#668399;font-size:9px}
@media(max-width:920px){.links{position:absolute;top:76px;right:23px;left:23px;display:none;padding:18px;background:#f8fbfc;border:1px solid var(--line);border-radius:14px;flex-direction:column}.links.open{display:flex}.menu{display:block}.lang,.nav>.btn{display:none}.hero-grid,.page-grid,.feature-layout,.route-layout{grid-template-columns:1fr}.desktop-scene{max-width:560px;margin:auto}.head{align-items:start;flex-direction:column}.guide{grid-template-columns:1fr}.guide-nav{position:static}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap{width:calc(100% - 28px)}.hero-grid{min-height:auto;padding:65px 0 135px}.hero h1{font-size:48px}.desktop-scene{height:360px}.window{width:350px;height:235px}.trust{margin-top:-60px}.trust-row,.metrics,.plans,.faq,.steps{grid-template-columns:1fr}.trust-row span+span,.metric+.metric{border-top:1px solid var(--line);border-left:0}.section{padding:76px 0}.reviews{grid-template-columns:1fr}.download{grid-template-columns:65px 1fr}.download .btn{grid-column:1/-1}.cta,.copy{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}