:root{--paper:#fbfaf5;--sand:#efe8d6;--gold:#b89440;--ink:#322d22;--muted:#766e5d;--line:#e4dcc9;--olive:#596142;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffdf8;color:var(--ink);font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.8}img{display:block;max-width:100%;height:auto}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:fixed;top:-60px;left:12px;z-index:999;background:#fff;padding:10px}.skip:focus{top:12px}
.header{position:sticky;top:0;z-index:60;background:rgba(255,253,248,.97);border-bottom:1px solid var(--line)}.topbar{min-height:72px;display:grid;grid-template-columns:180px 1fr auto;gap:24px;align-items:center}.brand{display:inline-flex;padding:6px 8px;background:#fff;border:1px solid var(--line)}.brand img{height:32px;width:auto;max-width:155px;object-fit:contain}.topbar nav{display:flex;justify-content:center;gap:22px}.topbar nav a{text-decoration:none;color:#645d4d;font-size:13px}.top-cta{display:inline-flex;min-height:44px;align-items:center;justify-content:center;padding:0 18px;background:var(--olive);color:#fff;text-decoration:none;font-weight:900;border-radius:999px}
.hero{padding:82px 0;background:linear-gradient(180deg,#fff,#f8f4e8)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center}.eyebrow,.section-head>span,.flow-copy>span,.help-copy>span,.faq-grid>div>span{font-size:10px;font-weight:900;letter-spacing:.15em;color:#9a7730}.hero h1,.section-head h2,.flow-copy h2,.help-copy h2,.faq-grid h2,.final h2{margin:0;font-size:clamp(34px,4.6vw,68px);line-height:.98;letter-spacing:-.04em}.hero p,.flow-copy p,.help-copy p{color:#625a4c}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.primary,.ghost{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:10px 20px;border-radius:999px;font-weight:900;text-decoration:none}.primary{background:var(--olive);color:#fff}.ghost{background:transparent;color:#433d30;border:1px solid #d8cfba}.hero-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.hero-tags span{padding:8px 14px;border:1px solid #dfd5c1;border-radius:999px;color:#5e5648;font-size:13px}.hero-visual{margin:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:24px}.frame-top{display:flex;justify-content:space-between;padding:0 2px 12px;color:#8b7e64;font-size:9px;letter-spacing:.13em}.frame-top b{font-size:20px;color:#9a7730}.hero-visual img{max-height:430px;width:auto;margin:auto;object-fit:contain}.hero-visual figcaption{text-align:center;padding-top:12px;color:#6b6252;font-size:12px}
.devices{padding:86px 0;background:#fff}.section-head{display:grid;grid-template-columns:180px 1fr;gap:24px;margin-bottom:28px}.section-head h2,.flow-copy h2,.help-copy h2,.faq-grid h2,.final h2{font-size:clamp(30px,3.1vw,44px);line-height:1.13}.device-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.device-grid a{min-height:240px;display:flex;flex-direction:column;padding:24px;background:#f9f6ec;border:1px solid var(--line);border-radius:18px;text-decoration:none}.device-grid small{color:#9a7730;font-weight:900}.device-grid strong{margin-top:28px;font-size:20px}.device-grid p{color:var(--muted);margin:12px 0 0}.device-grid b{margin-top:auto;color:var(--olive)}
.flow{display:grid;grid-template-columns:1fr 1fr;background:#fbfaf5}.flow-copy,.flow-visual{padding:78px 6vw}.flow-copy ol{list-style:none;margin:26px 0 0;padding:0;border-top:1px solid var(--line)}.flow-copy li{display:grid;grid-template-columns:34px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.flow-copy li b{color:#9a7730}.flow-copy li p{margin:4px 0 0;color:var(--muted)}.flow-copy a{display:inline-flex;margin-top:24px;padding:11px 20px;background:var(--olive);color:#fff;text-decoration:none;font-weight:900;border-radius:999px}.flow-visual{margin:0}.flow-visual img{max-height:430px;width:auto;margin:auto;object-fit:contain}
.help{padding:86px 0;background:#fff}.help-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:center}.help-visual{margin:0;padding:18px;background:#fff;border:1px solid var(--line);border-radius:24px}.help-visual img{max-height:420px;width:auto;margin:auto;object-fit:contain}.help-copy p{color:var(--muted)}.help-points{margin-top:24px;border-top:1px solid var(--line)}.help-points>div{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:16px 0;border-bottom:1px solid var(--line)}.help-points b{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#f0ead8;color:#8f6d2f}.help-points p{margin:4px 0 0}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px}.cta-row a{display:inline-flex;min-height:48px;align-items:center;justify-content:center;padding:10px 18px;background:var(--olive);color:#fff;text-decoration:none;font-weight:900;border-radius:999px}.cta-row a:last-child{background:#fff;color:#4b4438;border:1px solid var(--line)}
.hub-links{padding:0 0 74px;background:#fff}.hub-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.hub-grid a{min-height:120px;display:grid;grid-template-columns:60px 1fr auto;gap:12px;align-items:center;padding:18px 20px;background:#f9f6ec;border:1px solid var(--line);border-radius:18px;text-decoration:none}.hub-grid small{color:#9a7730;font-weight:900}.hub-grid strong{font-size:18px}.hub-grid span{color:#595140;font-weight:900}
.faq{padding:86px 0;background:#f9f7f1}.faq-grid{display:grid;grid-template-columns:.58fr 1.42fr;gap:60px}.faq-list{border-top:1px solid var(--line)}.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 summary::-webkit-details-marker{display:none}.faq-list summary:after{content:"+";float:right;color:#9a7730}.faq-list details[open] summary:after{content:"−"}.faq-list p{margin:-3px 0 22px;padding:0 2px;color:var(--muted)}
.final{padding:56px 0;background:#3b4330;color:#fff}.final-grid{display:grid;grid-template-columns:110px 1fr auto;gap:28px;align-items:center}.final-grid>span{font-size:10px;font-weight:900;letter-spacing:.14em;color:#ddd3b4}.final p{margin:6px 0 0;color:#ece5d1}.final a{min-width:200px;min-height:52px;display:inline-flex;align-items:center;justify-content:center;background:#fff;color:#3b4330;text-decoration:none;font-weight:900;border-radius:999px}
.footer{padding:50px 0 86px;background:#1d1b17;color:#ece5d7}.foot-grid{display:grid;grid-template-columns:1fr auto;gap:36px}.foot-grid img{height:31px;width:auto;max-width:155px;object-fit:contain;padding:6px 8px;background:#0f0e0c}.foot-grid p{color:#b2a996;font-size:13px}.foot-grid nav{display:flex;gap:18px;flex-wrap:wrap}.foot-grid nav a{color:#ece5d7;text-decoration:none;font-size:14px}.mobile-bar{display:none}
@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.hero-grid,.flow,.help-grid,.faq-grid{grid-template-columns:1fr}.section-head{grid-template-columns:1fr}.device-grid,.hub-grid{grid-template-columns:1fr 1fr}.final-grid{grid-template-columns:1fr}.final a{width:100%}}
@media(max-width:600px){body{font-size:15px;padding-bottom:60px}.shell{width:min(100% - 28px,1180px)}.topbar{min-height:64px}.brand img{height:28px}.top-cta{font-size:12px;padding:8px 12px}.hero{padding:56px 0}.hero h1{font-size:clamp(42px,14vw,60px)}.hero-actions{flex-direction:column}.primary,.ghost{width:100%}.hero-visual img,.flow-visual img,.help-visual img{max-height:300px}.devices,.help,.faq{padding:62px 0}.flow-copy,.flow-visual{padding:56px 22px}.device-grid,.hub-grid{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.mobile-bar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;background:rgba(59,67,48,.96);color:#fff;z-index:70}.mobile-bar a{display:inline-flex;min-width:110px;min-height:42px;align-items:center;justify-content:center;padding:0 14px;background:#fff;border-radius:999px;color:#3b4330;text-decoration:none;font-weight:900}}

.extra-note{margin-top:18px;color:#625a4c;max-width:64ch}