:root{--blue:#0758a5;--deep:#043a72;--ink:#12385f;--cyan:#65d8ff;--paper:#f2f7fa;--white:#fff;--muted:#6685a1;--line:#b8cfdf;--orange:#ef884d}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Microsoft YaHei","PingFang SC",sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.wrap{width:min(1220px,calc(100% - 46px));margin:auto}.skip{position:fixed;z-index:99;top:5px;left:5px;padding:8px 13px;color:var(--deep);background:var(--cyan);transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:sticky;z-index:50;top:0;color:#fff;background:rgba(4,58,114,.92);border-bottom:1px solid rgba(164,221,255,.28);backdrop-filter:blur(14px)}.nav{min-height:74px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;font-weight:900}.logo{width:41px;height:41px;display:grid;place-items:center;border:1px solid #91dfff;position:relative}.logo:after{content:"";position:absolute;inset:6px;border:1px dashed #91dfff}.links{margin-left:auto;display:flex;gap:24px;color:#b9d8ed;font-size:10px}.links a:hover,.links a[aria-current=page]{color:var(--cyan)}.lang{color:#87b2d0;font-size:9px}.btn{display:inline-flex;min-height:42px;align-items:center;justify-content:center;padding:9px 19px;color:var(--deep);background:var(--cyan);border:1px solid var(--cyan);border-radius:0;font-size:10px;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.btn:hover{color:#fff;background:var(--orange);border-color:var(--orange)}.btn-ghost{color:#dff4ff;background:transparent;border-color:#78bcdf}.menu{display:none;margin-left:auto;width:42px;height:42px;color:#fff;background:transparent;border:1px solid #6ea7ca}
.hero{position:relative;overflow:hidden;color:#fff;background-color:var(--blue);background-image:linear-gradient(rgba(130,202,244,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(130,202,244,.13) 1px,transparent 1px),linear-gradient(rgba(130,202,244,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(130,202,244,.06) 1px,transparent 1px);background-size:80px 80px,80px 80px,16px 16px,16px 16px}.hero:before{content:"WINDOWS CLIENT / DRAWING NO. 031";position:absolute;top:105px;right:35px;color:rgba(188,230,255,.45);font:9px Consolas,monospace;letter-spacing:.15em;writing-mode:vertical-rl}.hero-grid{min-height:800px;display:grid;grid-template-columns:1fr 560px;align-items:center;gap:50px;padding:75px 0 110px}.eyebrow{color:var(--cyan);font:900 9px Consolas,monospace;letter-spacing:.18em}.hero h1,.page-hero h1{margin:20px 0;font-size:clamp(53px,7vw,88px);line-height:.98;letter-spacing:-.06em}.hero h1 span{display:block;color:var(--cyan);-webkit-text-stroke:1px var(--cyan);-webkit-text-fill-color:transparent}.lead{max-width:600px;color:#c1def0}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.drawing{position:relative;height:500px;display:grid;place-items:center;border:1px dashed rgba(183,230,255,.45)}.drawing:before,.drawing:after{content:"";position:absolute;background:rgba(183,230,255,.4)}.drawing:before{top:50%;right:-22px;left:-22px;height:1px}.drawing:after{top:-22px;bottom:-22px;left:50%;width:1px}.screen{position:relative;z-index:2;width:510px;height:340px;padding:11px;background:#06488b;border:2px solid #9de4ff;box-shadow:0 0 0 9px rgba(113,211,255,.09)}.screen img{width:100%;height:100%;object-fit:contain;filter:saturate(.65) hue-rotate(175deg)}.measure{position:absolute;z-index:3;padding:7px 10px;color:#d9f4ff;background:#07539a;border:1px solid #8fdbff;font:9px Consolas,monospace}.m1{top:4%;left:3%}.m2{right:3%;bottom:5%}.trust{background:var(--deep);border-top:1px solid #4079a8}.trust-row{display:grid;grid-template-columns:repeat(3,1fr)}.trust-row span{padding:24px;text-align:center;color:#a9c9df;font-size:10px}.trust-row span+span{border-left:1px solid #4079a8}.trust-row b{display:block;color:#fff;font-size:13px}
.section{padding:105px 0}.section-white{background:#fff}.section-blue{color:#eaf7ff;background-color:var(--blue);background-image:linear-gradient(rgba(130,202,244,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(130,202,244,.1) 1px,transparent 1px);background-size:40px 40px}.head{display:grid;grid-template-columns:170px 1fr;gap:45px;margin-bottom:52px}.head h2{margin:0;font-size:clamp(38px,5vw,57px);line-height:1.06;letter-spacing:-.045em}.head p{grid-column:2;margin:0;max-width:700px;color:var(--muted)}.section-blue .head p{color:#afd1e6}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.metric{padding:30px;background:#fff}.metric+.metric{border-left:1px dashed var(--line)}.metric strong{display:block;color:var(--blue);font-family:Consolas,monospace;font-size:34px}.metric span{color:#7690a5;font-size:10px}.fine{color:#879dac;font-size:9px;text-align:right}
.win-spec{display:grid;grid-template-columns:390px 1fr;gap:55px}.spec-image{height:580px;padding:24px;background:#e4f0f6;border:1px solid var(--line);position:relative}.spec-image:before{content:"FIG. 01 / WINDOWS UI";position:absolute;top:8px;left:10px;color:#6b91aa;font:9px Consolas,monospace}.spec-image img{width:100%;height:100%;object-fit:contain}.feature-list{display:grid;gap:0;border-top:1px solid var(--line)}.feature{display:grid;grid-template-columns:90px 1fr;gap:20px;padding:34px 0;border-bottom:1px solid var(--line)}.feature code{color:var(--blue);font:10px Consolas,monospace}.feature h3{margin:0 0 8px;font-size:25px}.feature p{margin:0;color:var(--muted);font-size:11px}
.routes{display:grid;grid-template-columns:1fr 390px;gap:16px}.map{height:520px;padding:25px;border:1px solid #7fc8ef;position:relative}.map:before{content:"GLOBAL NODE SCHEMATIC";position:absolute;top:9px;left:11px;color:#8ed7fc;font:9px Consolas,monospace}.map img{width:100%;height:100%;object-fit:contain;opacity:.55;filter:hue-rotate(170deg)}.nodes{display:grid;gap:7px}.node{display:grid;grid-template-columns:1fr 85px;align-items:center;padding:19px;border:1px solid #68add5;background:#075096}.node small{display:block;color:#88bddd;font-size:9px}.node b{color:var(--cyan);font-family:Consolas,monospace;text-align:right}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.review{padding:27px;background:#fff;border:1px solid var(--line);border-top:5px solid var(--blue)}.review img{width:100%;height:135px;object-fit:cover;filter:grayscale(.75) hue-rotate(170deg)}.stars{margin-top:19px;color:var(--blue);letter-spacing:3px}.review blockquote{margin:13px 0;color:#526f86}.review footer{color:#879cab;font-size:10px}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.plan{min-height:420px;padding:30px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line)}.plan.best{color:#fff;background:var(--blue);border-color:var(--blue);box-shadow:inset 0 0 0 7px rgba(126,211,255,.1)}.plan small{color:#5587aa;font-family:Consolas,monospace}.plan.best small{color:var(--cyan)}.plan h3{font-size:24px}.price{font:900 41px Consolas,monospace}.price span{font-size:10px}.plan ul{padding:0;list-style:none;color:#758da0;font-size:11px}.plan.best ul{color:#bfdaea}.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:9px}.qa{padding:27px;background:#fff;border:1px solid var(--line)}.qa code{color:var(--blue);font:9px Consolas,monospace}.qa h3{margin:20px 0 8px}.qa p,.qa li{color:var(--muted);font-size:12px}
.page-hero{color:#fff;padding:100px 0 75px;background-color:var(--blue);background-image:linear-gradient(rgba(130,202,244,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(130,202,244,.12) 1px,transparent 1px);background-size:40px 40px}.page-grid{display:grid;grid-template-columns:1fr 470px;align-items:center;gap:80px}.page-hero h1{font-size:clamp(45px,6vw,72px)}.page-screen{height:330px;padding:11px;border:2px solid #9de4ff;background:#06488b}.page-screen img{width:100%;height:100%;object-fit:contain;filter:saturate(.65) hue-rotate(175deg)}
.downloads{display:grid;gap:9px}.download{display:grid;grid-template-columns:75px 1fr 210px;align-items:center;gap:24px;padding:23px;background:#fff;border:1px solid var(--line)}.download.primary{background:#e7f4fa;border-color:#77b6d9}.os{width:57px;height:57px;display:grid;place-items:center;color:#fff;background:var(--blue);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:8px}.step{padding:27px;border:1px solid #70b8df;background:#075096}.step b{color:var(--cyan);font:20px Consolas,monospace}.step h3{margin:50px 0 8px}.step p{color:#afd0e3;font-size:11px}
.guide{display:grid;grid-template-columns:250px 1fr;gap:75px}.guide-nav{position:sticky;top:100px;height:max-content;padding:8px;background:#fff;border:1px solid var(--line)}.guide-nav a{display:block;padding:11px 13px;color:#66849b;font:10px Consolas,monospace}.guide-nav a:hover{color:#fff;background:var(--blue)}.guide-body h2{margin:55px 0 14px;font-size:30px}.guide-body h2:first-child{margin-top:0}.guide-body p,.guide-body li{color:var(--muted)}.notice{padding:21px;background:#e5f2f8;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:var(--blue);border:1px solid #83d0f8}.cta h2{margin:0}.cta p{margin:4px 0;color:#b9d9eb}.footer{padding:58px 0 22px;color:#c4deed;background:#02294f}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer p{max-width:340px;color:#6e9aba;font-size:10px}.footer h3{color:#c8e2f2;font-size:10px}.footer-links{display:grid;gap:8px;color:#7aa5c2;font-size:10px}.copy{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #27547a;color:#608bab;font-size:9px}
@media(max-width:920px){.links{position:absolute;top:74px;right:23px;left:23px;display:none;padding:18px;background:#043f7a;border:1px solid #68a8cf;flex-direction:column}.links.open{display:flex}.menu{display:block}.lang,.nav>.btn{display:none}.hero-grid,.page-grid,.win-spec,.routes{grid-template-columns:1fr}.drawing{max-width:570px;margin:auto}.head{grid-template-columns:1fr;gap:17px}.head p{grid-column:1}.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}.hero h1{font-size:48px}.drawing{height:350px}.screen{width:345px;height:230px}.trust-row,.metrics,.plans,.faq,.steps{grid-template-columns:1fr}.trust-row span+span,.metric+.metric{border-top:1px solid #4079a8;border-left:0}.section{padding:75px 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}}