:root{--ink:#18241d;--muted:#68756d;--green:#47845a;--lime:#dff0d9;--dark:#12291c;--paper:#f7faf5;--line:#d8e5d8}*{box-sizing:border-box}body{margin:0;font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:var(--ink);line-height:1.85}img{display:block;max-width:100%;height:auto}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.header{position:sticky;top:0;z-index:60;background:#12291c;color:#fff}.header-grid{min-height:70px;display:grid;grid-template-columns:190px 1fr auto;gap:22px;align-items:center}.brand img{height:33px;max-width:165px}.header nav{display:flex;justify-content:center;gap:21px}.header nav a{text-decoration:none;color:#d8e7dc;font-size:13px}.header-cta{display:inline-flex;min-height:44px;align-items:center;padding:0 18px;background:#82c77d;color:#102016;text-decoration:none;font-weight:900}.hero{padding:82px 0;background:linear-gradient(135deg,#12291c,#1d3c29);color:#fff}.hero-grid{display:grid;grid-template-columns:1fr .9fr;gap:58px;align-items:center}.eyebrow,.real-head>span,.package-copy>span,.section-title>span,.visual-pair span,.app-view span,.download-band span,.faq-layout>div>span,.final span{font-size:10px;letter-spacing:.17em;font-weight:900;color:#9fd29d}.hero h1,.real h2,.package h2,.section-title h2,.visual-pair h2,.app-view h2,.download-band h2,.faq h2,.final h2{margin:7px 0;font-size:clamp(34px,4.8vw,62px);line-height:1.04;letter-spacing:-.045em}.lead{font-size:18px;color:#d7e5da}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}.hero-actions a{display:inline-flex;min-height:50px;align-items:center;padding:0 20px;text-decoration:none;font-weight:900}.primary{background:#82c77d;color:#102016}.secondary{border:1px solid #709079}.micro{font-size:13px;color:#abc0b0}.hero figure{margin:0;background:#fff;padding:15px}.hero figure img{width:100%;max-height:450px;object-fit:contain}.real{padding:34px 0 86px}.real-head{max-width:850px;margin-bottom:26px}.real h2,.package h2,.section-title h2,.visual-pair h2,.app-view h2,.download-band h2,.faq h2,.final h2{font-size:clamp(30px,3.5vw,46px);line-height:1.15}.real-head p,.package p,.visual-pair p,.app-view p,.download-band p{color:var(--muted);font-size:17px}.real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.real-grid figure{margin:0;padding:14px;background:var(--paper);border:1px solid var(--line)}.real-grid img{width:100%;height:340px;object-fit:contain}.real-grid figcaption{font-size:13px;color:var(--muted);padding-top:9px}.package{padding:90px 0;background:var(--lime)}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.package-copy a,.visual-pair a{display:inline-flex;margin-top:12px;padding:10px 17px;background:var(--dark);color:#fff;text-decoration:none;font-weight:900}.package figure{margin:0;background:#fff;padding:15px}.package img{width:100%;max-height:450px;object-fit:contain}.prepare{padding:88px 0}.section-title{max-width:830px;margin-bottom:30px}.prepare-list{border-top:2px solid var(--dark)}.prepare-list article{display:grid;grid-template-columns:80px 1fr;gap:28px;padding:25px 0;border-bottom:1px solid var(--line)}.prepare-list b{font-size:32px;color:#65a06a}.prepare-list h3{margin:0;font-size:23px}.prepare-list p{margin:6px 0 0;color:var(--muted)}.visual-pair{padding:92px 0;background:var(--paper)}.pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.pair-grid figure{margin:0;background:#fff;padding:15px;border:1px solid var(--line)}.pair-grid img{width:100%;max-height:450px;object-fit:contain}.android-flow{padding:58px 0;background:#fff}.flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.flow-grid>div{padding:20px;border-top:3px solid var(--green);background:var(--paper)}.flow-grid b{font-size:20px}.flow-grid p{color:var(--muted);font-size:14px}.app-view{padding:92px 0}.app-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:58px;align-items:center}.app-images{display:grid;grid-template-columns:1fr 1fr;gap:14px}.app-images figure{margin:0;background:var(--paper);padding:12px}.app-images img{width:100%;height:360px;object-fit:contain}.app-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.app-links a{padding:9px 14px;border:1px solid var(--dark);text-decoration:none;font-weight:900}.download-band{padding:66px 0;background:var(--dark);color:#fff}.download-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.download-band p{color:#c7d9cc}.download-grid>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.download-grid a{display:flex;min-width:210px;min-height:50px;align-items:center;justify-content:center;border:1px solid #729078;text-decoration:none;font-weight:900}.download-grid a:first-child{background:#82c77d;color:#102016}.faq{padding:88px 0;background:#f7faf5}.faq-layout{display:grid;grid-template-columns:.58fr 1.42fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{cursor:pointer;list-style:none;padding:20px 2px;font-size:18px;font-weight:900}.faq-list p{margin:-3px 0 22px;color:var(--muted)}.final{padding:58px 0;background:#dfeeda}.final-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.final a{display:inline-flex;min-width:260px;min-height:52px;align-items:center;justify-content:center;background:var(--dark);color:#fff;text-decoration:none;font-weight:900}.footer{padding:48px 0 84px;background:#0b160f;color:#dfe9e1}.footer-grid{display:grid;grid-template-columns:1fr auto}.footer img{height:31px;max-width:155px}.footer p{font-size:13px;color:#91a296}.footer nav{display:flex;gap:18px}.footer nav a{text-decoration:none;color:#dfe9e1;font-size:14px}.mobile-bar{display:none}@media(max-width:900px){.header-grid{grid-template-columns:1fr auto}.header nav{display:none}.hero-grid,.package-grid,.pair-grid,.app-grid,.download-grid,.faq-layout{grid-template-columns:1fr}.real-grid,.flow-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){body{font-size:15px;padding-bottom:62px}.shell{width:min(100% - 28px,1180px)}.header-grid{min-height:62px}.brand img{height:28px}.header-cta{font-size:12px;padding:0 12px}.hero{padding:56px 0}.hero h1{font-size:clamp(42px,14vw,58px)}.lead{font-size:16px}.hero-actions{flex-direction:column}.hero-actions a{width:100%;justify-content:center}.real,.package,.prepare,.visual-pair,.app-view,.faq{padding:62px 0}.real-grid,.app-images,.flow-grid{grid-template-columns:1fr}.real-grid img,.app-images img{height:auto;max-height:300px}.download-grid>div:last-child{display:grid}.download-grid a{width:100%}.mobile-bar{position:fixed;left:0;right:0;bottom:0;z-index:80;display:flex;min-height:60px;align-items:center;justify-content:space-between;padding:8px 14px;background:#0b160f;color:#fff}.mobile-bar a{display:inline-flex;min-width:110px;min-height:40px;align-items:center;justify-content:center;background:#82c77d;color:#102016;text-decoration:none;font-weight:900}}
/* overflow hardening for responsive grids */
*,*::before,*::after{min-width:0}
figure{margin-inline:0}
h1,h2,h3,p,a,li,small,span,b{overflow-wrap:anywhere}
img{height:auto}