@charset "UTF-8";
:root{--teal:#052d35;--cyan:#8ce7de;--blue:#b8cef9;--paper:#f3f6f5;--ink:#172528;--muted:#657476;--line:#d5dddd;--shell:min(1180px,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)}img{display:block;max-width:100%}a{text-decoration:none;color:inherit}.shell{width:var(--shell);margin:auto}
.rail-header{background:var(--teal);color:#fff}.rail{height:68px;display:grid;grid-template-columns:190px 1fr auto;align-items:center}.brand img{max-height:36px;width:auto}.rail-links{display:flex;justify-content:center;gap:28px;font-size:11px;color:#8aafb3}.rail-cta{background:var(--cyan);color:#073137;padding:11px 16px;font-size:12px;font-weight:900}
.hero{background:#07343c;color:#fff;padding:54px 0 68px}.hero-grid{display:grid;grid-template-columns:110px .75fr 1.25fr;gap:48px;align-items:center;min-height:560px}.hero-no{font-size:90px;font-weight:900;color:#164952;writing-mode:vertical-rl;transform:rotate(180deg)}.hero-copy>span,.section-heading span,.flow-grid>div>span,.use-copy>span,.faq-title span{display:block;font-size:9px;letter-spacing:.16em;color:#7fd8d2;font-weight:900;margin-bottom:13px}.hero h1{font-size:clamp(58px,7vw,92px);line-height:.9;letter-spacing:-.06em;margin:18px 0 22px}.hero-copy p{font-size:16px;line-height:1.9;color:#b8d2d4}.hero-cta{display:inline-block;margin-top:20px;color:#9beae4;border-bottom:1px solid #5a8b8e;padding-bottom:4px;font-size:12px;font-weight:900}
.phone-pair{position:relative;min-height:500px}.phone-pair figure{position:absolute;margin:0;background:#061f25;border:8px solid #123e45;border-radius:36px;padding:18px;display:grid;place-items:center}.phone-pair img{max-height:390px;width:auto;object-fit:contain}.p1{width:44%;height:460px;left:9%;top:12px;transform:rotate(-4deg)}.p2{width:44%;height:430px;right:7%;bottom:0;transform:rotate(5deg)}
.compare{padding:72px 0;background:#fff}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare article{min-height:600px;padding:36px;display:flex;flex-direction:column}.compare article>span{font-size:9px;letter-spacing:.16em;font-weight:900}.compare h2{font-size:42px;margin:12px 0}.compare p{font-size:13px;line-height:1.8}.compare figure{margin:20px 0;flex:1;display:grid;place-items:center;padding:22px;background:rgba(255,255,255,.55)}.compare img{max-height:330px;width:auto;object-fit:contain}.compare a{align-self:flex-start;padding:13px 16px;font-size:12px;font-weight:900}.android{background:var(--cyan);color:#073137}.android a{background:#073137;color:#fff}.iphone{background:var(--blue);color:#1b2e53}.iphone a{background:#1b2e53;color:#fff}
.gallery{padding:92px 0;background:#eef3f2}.section-heading{max-width:850px;margin-bottom:32px}.section-heading h2,.flow-grid h2,.use-copy h2,.faq-title h2{font-size:clamp(34px,4vw,52px);line-height:1.08;letter-spacing:-.045em;margin:0}.section-heading p{font-size:13px;line-height:1.8;color:var(--muted)}.masonry{display:grid;grid-template-columns:1.1fr .8fr;grid-template-rows:260px 260px;gap:12px}.masonry figure{margin:0;background:#fff;border:1px solid var(--line);padding:18px;position:relative;display:grid;place-items:center}.masonry img{max-height:220px;width:auto;object-fit:contain}.masonry figcaption{position:absolute;left:14px;bottom:10px;font-size:10px;color:#687779}.masonry .a{grid-row:1/3}.masonry .a img{max-height:440px}.masonry .c{grid-column:2}
.mobile-flow{padding:86px 0;background:#052d35;color:#fff}.flow-grid{display:grid;grid-template-columns:300px 1fr;gap:80px}.flow-grid h2{color:#fff}.flow-grid ol{list-style:none;margin:0;padding:0;border-top:1px solid #23505a}.flow-grid li{display:grid;grid-template-columns:50px 1fr;padding:14px 0;border-bottom:1px solid #23505a;font-size:12px}.flow-grid b{color:#8ce7de;font-size:9px}.flow-grid span{color:#c2d5d7}
.use{padding:92px 0;background:#fff}.use-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.use-copy p{font-size:13px;line-height:1.85;color:var(--muted)}.use-copy dl{border-top:1px solid var(--line);margin-top:25px}.use-copy dl>div{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.use-copy dd{margin:0;color:#6d797b}.use figure{margin:0;background:#0b353c;min-height:500px;padding:28px;display:grid;place-items:center;position:relative}.use figure img{max-height:420px;width:auto;object-fit:contain}.use figcaption{position:absolute;left:15px;bottom:12px;color:#78999d;font-size:10px}
.faq-section{padding:92px 0;background:#eef3f2}.faq-grid{display:grid;grid-template-columns:320px 1fr;gap:85px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 46px 22px 0;font-weight:900;position:relative}summary::after{content:"+";position:absolute;right:4px;top:16px;color:#14818a;font-size:24px}details[open] summary::after{content:"−"}details p{margin:0 0 22px;font-size:13px;line-height:1.8;color:var(--muted)}
.split-footer{color:#fff}.footer-download{background:#0a4650;padding:28px 0}.fd-inner{display:grid;grid-template-columns:1fr auto 1fr auto;gap:20px;align-items:center}.fd-inner>div{display:flex;flex-direction:column}.fd-inner b{font-size:11px}.fd-inner span{font-size:9px;color:#8fb7bb;margin-top:4px}.fd-inner a{background:#8ce7de;color:#073137;padding:11px 15px;font-size:11px;font-weight:900}.footer-meta{background:#041d22}.fm-inner{min-height:150px;display:grid;grid-template-columns:170px 1fr auto 150px;gap:30px;align-items:center}.fm-inner img{max-height:34px;width:auto}.fm-inner p{font-size:11px;color:#789399}.micro-nav{display:flex;gap:16px;font-size:10px;color:#769095}.page-id{text-align:right;font-size:9px;letter-spacing:.14em;color:#49676d}.mobile-bar{display:none}
@media(max-width:900px){.hero-grid{grid-template-columns:70px 1fr}.phone-pair{grid-column:2}.flow-grid,.use-grid,.faq-grid{grid-template-columns:1fr}.fm-inner{grid-template-columns:1fr 1fr}.page-id{display:none}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}body{padding-bottom:64px}.rail-links,.rail-cta{display:none}.rail{grid-template-columns:1fr;height:62px}.hero{padding:44px 0}.hero-grid{grid-template-columns:1fr}.hero-no{display:none}.hero h1{font-size:52px}.phone-pair{grid-column:auto;min-height:390px}.p1,.p2{height:340px}.compare{padding:14px 0}.compare-grid{grid-template-columns:1fr}.compare article{min-height:520px}.gallery,.mobile-flow,.use,.faq-section{padding:66px 0}.masonry{display:flex;overflow:auto}.masonry figure,.masonry .a,.masonry .c{min-width:82%;height:380px}.masonry .a img,.masonry img{max-height:300px}.use figure{min-height:400px}.fd-inner{grid-template-columns:1fr auto;gap:14px}.fm-inner{grid-template-columns:1fr}.micro-nav{flex-wrap:wrap}.mobile-bar{position:fixed;z-index:100;left:0;right:0;bottom:0;height:60px;background:#041d22;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:8px 14px}.mobile-bar span{display:flex;flex-direction:column}.mobile-bar b{font-size:12px}.mobile-bar small{font-size:9px;color:#789399}.mobile-bar a{background:#8ce7de;color:#073137;padding:9px 16px;font-size:12px;font-weight:900}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}