:root{--ink:#172326;--teal:#176c6c;--mint:#58c6b6;--aqua:#9be1d6;--paper:#f5f8f6;--white:#fff;--muted:#71817f;--line:#cbd8d4;--dark:#132928;--lime:#d7eb77}
*{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(1200px,calc(100% - 46px));margin:auto}.skip{position:fixed;z-index:99;top:5px;left:5px;padding:8px 13px;color:#fff;background:var(--ink);transform:translateY(-150%)}.skip:focus{transform:none}
.header{position:sticky;z-index:50;top:0;background:rgba(245,248,246,.9);border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.nav{min-height:75px;display:flex;align-items:center;gap:27px}.brand{display:flex;align-items:center;gap:10px;font-weight:900}.logo{width:42px;height:42px;display:grid;place-items:center;color:#fff;background:var(--ink);border-radius:50%;position:relative}.logo:after{content:"";position:absolute;inset:-5px;border:1px dotted var(--teal);border-radius:50%}.links{margin-left:auto;display:flex;gap:24px;color:#6d7e7a;font-size:10px}.links a:hover,.links a[aria-current=page]{color:var(--teal)}.lang{color:#9ba8a4;font-size:9px}.btn{display:inline-flex;min-height:43px;align-items:center;justify-content:center;padding:9px 19px;color:#fff;background:var(--teal);border:1px solid var(--teal);border-radius:3px;font-size:10px;font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb}.btn:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.btn-ghost{color:var(--teal);background:transparent;border-color:#79aaa4}.menu{display:none;margin-left:auto;width:42px;height:42px;color:var(--teal);background:transparent;border:1px solid var(--line)}
.hero{position:relative;overflow:hidden;background-color:#eff5f1;background-image:linear-gradient(rgba(74,121,112,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(74,121,112,.11) 1px,transparent 1px);background-size:32px 32px}.hero:before{content:"MAC CLIENT / TEST CELL 032";position:absolute;top:110px;left:25px;color:#73918b;font:9px Consolas,monospace;letter-spacing:.16em;writing-mode:vertical-rl}.hero-grid{min-height:800px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:75px 0 110px}.eyebrow{color:var(--teal);font:900 9px Consolas,monospace;letter-spacing:.18em}.hero h1,.page-hero h1{margin:20px 0;font-size:clamp(53px,7vw,86px);line-height:.98;letter-spacing:-.06em}.hero h1 span{display:block;color:var(--teal)}.lead{max-width:580px;color:#687d79}.actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.lab-stage{position:relative;height:560px;padding:34px;border:1px solid #aac3bd;background:rgba(255,255,255,.45)}.lab-stage:before{content:"DISPLAY SPECIMEN A";position:absolute;top:8px;left:11px;color:#648c84;font:9px Consolas,monospace}.mac{position:relative;height:430px;padding:11px 11px 38px;background:#d8dfdd;border:2px solid #6e807d;border-radius:15px;box-shadow:0 28px 60px rgba(35,68,61,.2)}.mac img{width:100%;height:100%;object-fit:contain;background:#eaf2ef;border-radius:8px}.sample{position:absolute;padding:9px 12px;background:#fff;border:1px solid #8fb5ae;box-shadow:6px 6px 0 rgba(41,111,102,.12);font:9px Consolas,monospace}.sa{top:8%;right:-3%}.sb{bottom:3%;left:3%}.sample b{display:block;color:var(--teal);font-size:14px}.trust{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.trust-row{display:grid;grid-template-columns:repeat(3,1fr)}.trust-row span{padding:24px;text-align:center;color:#748783;font-size:10px}.trust-row span+span{border-left:1px solid var(--line)}.trust-row b{display:block;color:var(--teal);font-size:13px}
.section{padding:105px 0}.section-white{background:#fff}.section-dark{color:#edf8f5;background-color:var(--dark);background-image:linear-gradient(rgba(108,195,182,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(108,195,182,.08) 1px,transparent 1px);background-size:30px 30px}.head{display:grid;grid-template-columns:190px 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-dark .head p{color:#91aaa5}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.metric{padding:30px;background:#fff;border:1px solid var(--line)}.metric strong{display:block;color:var(--teal);font:900 34px Consolas,monospace}.metric span{color:#778a86;font-size:10px}.fine{color:#8b9996;font-size:9px;text-align:right}
.mac-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10px}.mac-visual{min-height:560px;padding:27px;background:#e4eeea;border:1px solid var(--line);display:flex;flex-direction:column}.mac-visual img{width:100%;height:370px;object-fit:contain}.mac-visual h3{margin:auto 0 7px;font-size:29px}.mac-visual p{color:var(--muted)}.features{display:grid;gap:10px}.feature{padding:30px;background:#fff;border:1px solid var(--line)}.feature code{color:var(--teal);font:9px Consolas,monospace}.feature h3{margin:44px 0 8px;font-size:24px}.feature p{color:var(--muted);font-size:11px}
.routes{display:grid;grid-template-columns:390px 1fr;gap:15px}.nodes{display:grid;gap:7px}.node{display:grid;grid-template-columns:1fr 80px;align-items:center;padding:19px;background:#1a3734;border:1px solid #37625d}.node small{display:block;color:#769791;font-size:9px}.node b{color:var(--aqua);font-family:Consolas,monospace;text-align:right}.map{height:520px;padding:25px;border:1px solid #37625d;background:#183531}.map img{width:100%;height:100%;object-fit:contain;opacity:.55;filter:hue-rotate(80deg) saturate(.6)}
.reviews{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.review{padding:27px;background:#fff;border:1px solid var(--line)}.review img{width:100%;height:135px;object-fit:cover;filter:saturate(.45) hue-rotate(75deg)}.stars{margin-top:19px;color:var(--teal);letter-spacing:3px}.review blockquote{margin:13px 0;color:#526b66}.review footer{color:#899a96;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(--teal);border-color:var(--teal)}.plan small{color:#648f87;font-family:Consolas,monospace}.plan.best small{color:#c9efe8}.plan h3{font-size:24px}.price{font:900 41px Consolas,monospace}.price span{font-size:10px}.plan ul{padding:0;list-style:none;color:#768b86;font-size:11px}.plan.best ul{color:#d3ebe7}.plan li{padding:6px}.plan li:before{content:"◇";margin-right:8px}.plan .btn{width:100%;margin-top:auto}.plan.best .btn{color:var(--teal);background:#fff}
.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(--teal);font:9px Consolas,monospace}.qa h3{margin:20px 0 8px}.qa p,.qa li{color:var(--muted);font-size:12px}
.page-hero{padding:100px 0 75px;background-color:#e9f1ed;background-image:linear-gradient(rgba(74,121,112,.11) 1px,transparent 1px),linear-gradient(90deg,rgba(74,121,112,.11) 1px,transparent 1px);background-size:32px 32px}.page-grid{display:grid;grid-template-columns:1fr 470px;align-items:center;gap:80px}.page-hero h1{font-size:clamp(45px,6vw,72px)}.page-mac{height:330px;padding:11px 11px 35px;background:#d8dfdd;border:2px solid #6e807d;border-radius:14px;box-shadow:0 25px 55px rgba(35,68,61,.18)}.page-mac img{width:100%;height:100%;object-fit:contain}
.downloads{display:grid;gap:9px}.download{display:grid;grid-template-columns:75px 1fr 215px;align-items:center;gap:24px;padding:23px;background:#fff;border:1px solid var(--line)}.download.primary{background:#e6f2ed;border-color:#7bb5aa}.chip{width:57px;height:57px;display:grid;place-items:center;color:#fff;background:var(--teal);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;background:#1a3734;border:1px solid #37625d}.step b{color:var(--aqua);font:20px Consolas,monospace}.step h3{margin:50px 0 8px}.step p{color:#94aaa5;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:#6c817d;font:10px Consolas,monospace}.guide-nav a:hover{color:#fff;background:var(--teal)}.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:#e5f1ec;border-left:4px solid var(--teal)}.cta{margin-top:70px;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:var(--teal)}.cta h2{margin:0}.cta p{margin:4px 0;color:#c7e6e0}.cta .btn{color:var(--teal);background:#fff}.footer{padding:58px 0 22px;color:#bfd7d2;background:#0d2422}.footer-grid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:45px}.footer .brand{color:#fff}.footer p{max-width:340px;color:#6c8a84;font-size:10px}.footer h3{color:#c2dcd7;font-size:10px}.footer-links{display:grid;gap:8px;color:#73928c;font-size:10px}.copy{display:flex;justify-content:space-between;margin-top:42px;padding-top:18px;border-top:1px solid #294844;color:#5e7d77;font-size:9px}
@media(max-width:920px){.links{position:absolute;top:75px;right:23px;left:23px;display:none;padding:18px;background:#f5f8f6;border:1px solid var(--line);flex-direction:column}.links.open{display:flex}.menu{display:block}.lang,.nav>.btn{display:none}.hero-grid,.page-grid,.mac-grid,.routes{grid-template-columns:1fr}.lab-stage{max-width:620px;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}.lab-stage{height:390px;padding:25px}.mac{height:310px}.trust-row,.metrics,.plans,.faq,.steps{grid-template-columns:1fr}.trust-row span+span{border-top:1px solid var(--line);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}}