@charset "UTF-8";
:root{--mint:#bfead9;--mint2:#dff5ec;--navy:#163046;--navy2:#0f2130;--paper:#f2f8f5;--white:#fff;--ink:#17302c;--muted:#687b76;--line:#d1e2dc;--shell:min(1160px,calc(100% - 40px))}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.header{background:#fff;border-bottom:1px solid var(--line)}.header-grid{height:72px;display:grid;grid-template-columns:190px 1fr auto;align-items:center;gap:25px}.brand img{max-height:38px;width:auto}.header nav{display:flex;justify-content:center;gap:27px;font-size:12px;color:#6d807a}.header nav a:hover{color:var(--navy)}.header-cta{background:var(--navy);color:#fff;padding:11px 17px;border-radius:999px;font-size:12px;font-weight:900}
.hero{background:linear-gradient(145deg,#e8f7f1,#cdeee1);padding:72px 0}.hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;min-height:600px}.kicker,.choose-title span,.onboard aside>span,.split-title span,.preview-copy>span,.fix-head span,.update-grid>div>span,.faq-title span,.final-grid>div>span{display:block;font-size:9px;letter-spacing:.16em;color:#2f7667;font-weight:900;margin-bottom:14px}.hero h1{font-size:clamp(60px,7vw,94px);line-height:.9;letter-spacing:-.06em;margin:20px 0 24px}.hero-copy>p{font-size:15px;line-height:1.9;color:#56716a;max-width:590px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary{background:var(--navy);color:#fff;padding:14px 17px;border-radius:999px;font-size:12px;font-weight:900}.secondary{background:#fff;border:1px solid #b8d9cd;padding:13px 17px;border-radius:999px;font-size:12px;color:#48675f}.hero-phone{position:relative;min-height:550px;display:grid;place-items:center}.phone-shell{width:300px;min-height:520px;background:#0f2130;border:10px solid #142b3e;border-radius:46px;padding:28px 14px 18px;display:grid;place-items:center;position:relative;box-shadow:0 34px 60px rgba(22,48,70,.18)}.speaker{position:absolute;top:10px;width:70px;height:5px;border-radius:99px;background:#31495a}.phone-shell img{max-height:450px;width:auto;object-fit:contain}.step-bubble{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:0 14px 28px rgba(22,48,70,.1);padding:9px 12px;border-radius:999px;display:flex;align-items:center;gap:8px;font-size:9px}.step-bubble b{width:22px;height:22px;border-radius:50%;background:var(--mint);display:grid;place-items:center}.b1{left:0;top:20%}.b2{right:0;top:42%}.b3{left:8%;bottom:16%}
.choose{padding:105px 0;background:#fff}.choose-grid{display:grid;grid-template-columns:350px 1fr;gap:80px}.choose-title h2,.onboard aside h2,.split-title h2,.preview-copy h2,.fix-head h2,.update-grid h2,.faq-title h2{font-size:clamp(40px,5vw,62px);line-height:1.04;letter-spacing:-.05em;margin:0}.choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice-cards article{min-height:320px;padding:26px;display:flex;flex-direction:column;border-radius:24px}.choice-cards .android{background:#163046;color:#fff}.choice-cards .ios{background:#dff5ec}.choice-cards span{font-size:9px;letter-spacing:.14em}.choice-cards h3{font-size:28px;margin:60px 0 10px}.choice-cards p{font-size:12px;line-height:1.75;opacity:.75}.choice-cards a{margin-top:auto;border-top:1px solid currentColor;padding-top:14px;font-size:12px;font-weight:900}
.onboard{padding:105px 0}.onboard-grid{display:grid;grid-template-columns:330px 1fr;gap:80px}.onboard aside p{font-size:13px;line-height:1.8;color:var(--muted)}.onboard-list{border-top:1px solid var(--line)}.onboard-list article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line)}.icon{width:34px;height:34px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.onboard-list span{font-size:8px;letter-spacing:.14em;color:#6b8e84}.onboard-list h3{font-size:20px;margin:5px 0}.onboard-list p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}
.split-screen{padding:95px 0;background:var(--navy2);color:#fff}.split-grid{display:grid;grid-template-columns:340px 1fr;gap:80px}.split-title h2{color:#fff}.split-compare{display:grid;grid-template-columns:1fr 70px 1fr;align-items:stretch}.left,.right{padding:24px;background:#1b3b53}.right{background:#25465b}.mid{display:grid;place-items:center;background:var(--mint);color:var(--navy);font-weight:900}.split-compare b{font-size:10px;letter-spacing:.14em;color:#93c8ba}.split-compare p{font-size:13px;line-height:1.8;color:#c4d5dc;margin-top:55px}
.preview{padding:105px 0;background:#fff}.preview-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:center}.preview-copy ul{list-style:none;padding:0;margin:28px 0;border-top:1px solid var(--line)}.preview-copy li{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-bottom:1px solid var(--line);font-size:12px}.preview-copy span{color:var(--muted)}.preview figure{margin:0;background:#163046;border-radius:28px;min-height:560px;display:grid;place-items:center;position:relative;padding:40px}.preview figure img{max-height:480px;width:auto;object-fit:contain}.preview figcaption{position:absolute;left:18px;bottom:15px;color:#7ea49b;font-size:10px}
.fix{padding:100px 0;background:#dff5ec}.fix-head{max-width:760px;margin-bottom:35px}.fix-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.fix-grid article{min-height:180px;background:#f4fbf8;border:1px solid #cfe5dc;padding:22px}.fix-grid b{font-size:13px}.fix-grid p{font-size:12px;line-height:1.7;color:var(--muted);margin-top:55px}
.update{padding:90px 0;background:var(--mint)}.update-grid{display:grid;grid-template-columns:350px 1fr;gap:80px}.update-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid rgba(22,48,70,.2)}.update-grid li{padding:14px 0;border-bottom:1px solid rgba(22,48,70,.2);font-size:13px}.update-grid b{display:inline-block;width:40px;font-size:9px}
.faq{padding:105px 0;background:#fff}.faq-grid{display:grid;grid-template-columns:350px 1fr;gap:90px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:23px 48px 23px 0;font-weight:900;position:relative}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:4px;top:17px;color:#2f7667;font-size:24px}details[open] summary::after{content:"−"}details p{margin:0 0 23px;color:var(--muted);font-size:13px;line-height:1.8}
.final{background:var(--navy);color:#fff}.final-grid{min-height:185px;display:grid;grid-template-columns:1fr auto;gap:60px;align-items:center}.final-grid h2{font-size:33px;margin:7px 0 8px;letter-spacing:-.04em}.final-grid p{margin:0;color:#b9d1dc;font-size:12px}.final-grid>a{background:var(--mint);color:var(--navy);padding:14px 17px;border-radius:999px;font-size:12px;font-weight:900}
.footer{background:#0b1c28;color:#6d8690;padding:38px 0 90px}.footer-grid{display:grid;grid-template-columns:180px 1fr auto;gap:30px;align-items:center}.footer img{max-height:34px;width:auto}.footer p{font-size:11px}.footer nav{display:flex;gap:18px;font-size:11px}.mobile-bar{display:none}
@media(max-width:1000px){.hero-grid,.choose-grid,.onboard-grid,.split-grid,.preview-grid,.update-grid,.faq-grid{grid-template-columns:1fr}.hero-phone{min-height:470px}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1160px)}body{padding-bottom:70px}.header nav,.header-cta{display:none}.header-grid{grid-template-columns:1fr}.hero{padding:50px 0}.hero h1{font-size:54px}.hero-phone{min-height:400px}.phone-shell{width:230px;min-height:400px}.phone-shell img{max-height:330px}.choose,.onboard,.split-screen,.preview,.fix,.faq{padding:74px 0}.choice-cards{grid-template-columns:1fr}.split-compare{grid-template-columns:1fr}.mid{min-height:50px}.preview figure{min-height:450px}.fix-grid{display:flex;overflow:auto}.fix-grid article{min-width:220px}.final-grid{grid-template-columns:1fr;gap:18px;padding:32px 0}.final-grid>a{justify-self:start}.footer-grid{grid-template-columns:1fr}.footer nav{flex-wrap:wrap}.mobile-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;background:rgba(11,28,40,.96);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:10px 14px calc(10px + env(safe-area-inset-bottom));backdrop-filter:blur(12px)}.mobile-bar span{display:flex;flex-direction:column}.mobile-bar b{font-size:12px}.mobile-bar small{font-size:9px;color:#77909a;margin-top:3px}.mobile-bar a{background:var(--mint);color:var(--navy);padding:10px 16px;border-radius:999px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}