*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:#fffaf3;color:#45372d;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.top{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:24px max(5vw,24px);background:#fffaf3f5;border-bottom:1px solid #efe3d5;backdrop-filter:blur(12px)}.brand{font-size:25px;font-weight:800;color:#bc592f;letter-spacing:2px}.brand span{display:block;font-size:10px;font-weight:400;color:#9a8170;letter-spacing:1px;margin-top:5px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav-login{padding:10px 18px;border:1px solid #e5c8b1;border-radius:25px}main{max-width:1240px;margin:auto;padding:0 32px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;padding:68px 0 64px;align-items:center}.eyebrow{font-size:13px;letter-spacing:2px;color:#c76b40}h1{font-size:clamp(36px,4vw,58px);line-height:1.3;letter-spacing:-1px;margin:22px 0}p{font-size:15px;line-height:1.9;color:#887263}.hero p{max-width:490px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:12px;font-size:14px;font-weight:600}.primary{background:#cc6939;color:white;box-shadow:0 6px 16px #c16c3020}.primary:hover{background:#b85b30}.secondary{background:#f5e7d7;color:#8e542f}.hero-note{font-size:12px;color:#a48b77;margin-top:24px}.hero-art{position:relative;border-radius:100px 100px 32px 32px;background:#fff1df;padding:20px;border:1px solid #f0dfca}.hero-art img{width:100%;display:block;border-radius:80px 80px 24px 24px}.floating{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#ffffffeb;padding:13px 20px;border-radius:25px;font-size:12px;color:#9b6848;box-shadow:0 5px 20px #b57b3620}.strip{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-top:1px solid #eadbca;border-bottom:1px solid #eadbca}.strip div{text-align:center;border-right:1px solid #eadbca}.strip div:last-child{border:0}.strip b{display:block;font-size:18px}.strip span{display:block;font-size:12px;margin-top:9px;color:#9b8574}section[id]{padding:72px 0}.section-head span{font-size:11px;letter-spacing:3px;color:#c48454}.section-head h2{font-size:32px;margin:15px 0}.section-head p{margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}article{border:1px solid #f0e2d2;background:#fffefb;border-radius:20px;padding:26px}article i{font-style:normal;color:#c78b64;font-size:12px}h3{font-size:19px;margin:20px 0 12px}article p{font-size:13px;margin:0}.scope-note,.download-note{font-size:12px;color:#9b8270;margin-top:22px;line-height:1.8}.guide{border-top:1px solid #eadbca;border-bottom:1px solid #eadbca}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px}.steps b{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f8e6d0;color:#b77946;border-radius:50%;font-size:17px}.steps a{font-size:12px;color:#b55f36;display:block;margin-top:16px}.manual{display:inline-block;margin-top:24px;color:#ad6743;font-size:13px}.downloads{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.platform{font-size:11px;letter-spacing:2px;color:#c68d60}.downloads .primary,.downloads .secondary{display:flex;margin-top:24px}.downloads small{display:block;text-align:center;font-size:11px;color:#a18c7d;margin-top:15px}.text-link{display:block;text-align:center;font-size:13px;margin-top:18px;color:#b96b40}.web-card{background:#f9eedf}.cta{display:flex;align-items:center;justify-content:space-between;padding:36px;background:#f5e5d0;border-radius:24px;margin-bottom:60px;gap:20px}.cta h2{font-size:25px;margin:0}.cta p{font-size:13px;margin-bottom:0}.cta .actions{margin:0}footer{display:flex;align-items:center;gap:32px;border-top:1px solid #eadbca;padding:30px 5vw;font-size:12px;color:#9a8372}footer small{margin-left:auto}a:focus-visible{outline:3px solid #bb7446;outline-offset:4px}@media(max-width:800px){nav{gap:14px}nav a:first-child,nav a:nth-child(2){display:none}.hero{grid-template-columns:1fr;gap:28px;padding-top:40px}.hero-art{max-width:440px;margin:auto}.cards,.downloads{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.strip{grid-template-columns:1fr 1fr;gap:25px}.strip div:nth-child(2){border:0}.cta{flex-direction:column;align-items:start}footer{flex-wrap:wrap}footer small{margin-left:0}main{padding:0 22px}.section-head h2{font-size:26px}}

.nav-login,.downloads .secondary,.text-link{cursor:pointer;position:relative;z-index:1}.nav-login:hover,.downloads .secondary:hover{background:#ead7be}

.advantages{padding:68px 0 0}.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.advantage-grid article{background:#f9eddd;border-color:#eddbc5;padding:30px}.adv-label{font-size:12px;color:#a6633d}.advantage-grid h3{font-size:23px;margin:18px 0}.benefit-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.benefit-tags span{font-size:11px;padding:6px 10px;border-radius:20px;background:#fff9f0;color:#a77653}@media(max-width:800px){.advantage-grid{grid-template-columns:1fr}}
/* Warm brand palette and clearer reading hierarchy. */
:root{--cream:#fff6e9;--ink:#493025;--body:#715141;--orange:#c65a2b;--line:#ecd3b6}
body{background:var(--cream);color:var(--ink)}
.top{background:#fff6e9f5;border-bottom-color:var(--line)}
.brand{color:#ad4825;font-size:28px}.brand span{color:#79513a;font-size:12px;font-weight:500}
nav{font-size:15px;font-weight:600}.nav-login{border-color:#dfb590;background:#fff0dc}
h1{font-size:clamp(40px,4.3vw,64px);font-weight:800;line-height:1.28;color:#442a20;letter-spacing:-1.5px}
p{color:var(--body);font-size:16px;line-height:1.9}.hero p{font-size:17px;max-width:530px}
.eyebrow{color:#a94e28;font-size:15px;font-weight:600;letter-spacing:1px}
.primary{background:var(--orange);font-size:15px;box-shadow:0 6px 18px #a84c2024}.primary:hover{background:#ad4824}
.secondary{background:#f4dab7;color:#784021;font-size:15px}.secondary:hover{background:#edc99b}
.hero-note{color:#795641;font-size:13px;font-weight:500}.hero-art{background:#f9dfbc;border-color:#efcfaa}
.floating{color:#78472d;font-size:13px;font-weight:600;background:#fff9eef5}
.strip{border-color:var(--line);background:#fbe9d1;border-radius:16px;padding:30px 14px}
.strip div{border-color:#e7c9a5}.strip b{font-size:20px;color:#683c26}.strip span{font-size:14px;color:#795641}
.section-head span{color:#a75c30;font-size:12px;font-weight:700;letter-spacing:2px}
.section-head h2{font-size:36px;font-weight:750;color:#493025}.section-head p{font-size:16px}
article{background:#fffbf3;border-color:#eed7ba}article i{color:#a96337;font-size:13px;font-weight:600}
h3{color:#533222;font-size:21px;font-weight:700}article p{font-size:15px;color:#75513c;line-height:1.85}
.advantage-grid article{background:#f8e0bf;border-color:#ebcda6}.adv-label{font-size:14px;font-weight:600;color:#91502b}
.advantage-grid h3{font-size:25px}.benefit-tags span{font-size:12px;color:#80502e;background:#fff6e7;font-weight:500}
.guide{border-color:var(--line)}.steps b{background:#efd0a4;color:#86441f;font-size:19px;font-weight:700}
.steps a,.manual{font-size:14px;color:#a34b24;font-weight:600}
.platform{color:#9a592e;font-size:12px;font-weight:700}.web-card{background:#f6dfbe}
.downloads small{font-size:12px;color:#745641}.text-link{color:#a14b28;font-size:15px;font-weight:600}
.scope-note,.download-note{font-size:13px;color:#785842;line-height:1.9}
.cta{background:#efd0a5;border:1px solid #e8be8c}.cta h2{font-size:29px;color:#593420}.cta p{font-size:15px;color:#75503a}
footer{border-color:var(--line);color:#75513b;font-size:13px;background:#f9e8d0}
@media(max-width:800px){.section-head h2{font-size:29px}.hero p{font-size:16px}.strip b{font-size:18px}.strip span{font-size:13px}.brand{font-size:25px}nav{font-size:13px}.cta h2{font-size:26px}}
/* Soft mint accents alongside the warm apricot brand. */
:root{--mint:#e1f1e8;--mint-ink:#356a55;--mint-line:#c5dfcf}
.hero .secondary{background:var(--mint);color:var(--mint-ink);border:1px solid var(--mint-line)}
.hero .secondary:hover{background:#cee8da}
.strip div:nth-child(3) b{color:var(--mint-ink)}
.advantage-grid article:nth-child(2){background:#e6f3eb;border-color:var(--mint-line)}
.advantage-grid article:nth-child(2) .adv-label,.advantage-grid article:nth-child(2) h3{color:#315e4c}
.advantage-grid article:nth-child(2) p{color:#496a59}
.advantage-grid article:nth-child(2) .benefit-tags span{background:#f7fcf8;color:var(--mint-ink)}
.cards article:nth-child(2),.cards article:nth-child(5){background:#f0f8f2;border-color:#d5e6d9}
.cards article:nth-child(2) i,.cards article:nth-child(5) i{color:var(--mint-ink)}
.steps article:nth-child(3) b{background:#d9eee1;color:var(--mint-ink)}
.downloads .web-card{background:#e5f2e9;border-color:var(--mint-line)}
.web-card .platform,.web-card h3{color:#315e4c}.web-card p{color:#4b6c5b}
.web-card .secondary{background:#f7fcf8;color:var(--mint-ink);border:1px solid var(--mint-line)}
.web-card .secondary:hover{background:#d5eade}.web-card .text-link{color:#356a55}
.cta .secondary{background:var(--mint);color:var(--mint-ink)}
/* A consistent warm neutral surface, with muted mint details. */
:root{--mint:#edf1e5;--mint-ink:#58664c;--mint-line:#dce2ce}
body{background:#fff8ed}.top{background:#fff8edf5}
.hero-art{background:#f4e3ca;border-color:#ecdbc2}
.strip{background:#f7ead6;border-color:#ead9bf}.strip div:nth-child(3) b{color:#683c26}
.advantage-grid article,.advantage-grid article:nth-child(2){background:#fcf3e5;border-color:#eadbc6}
.advantage-grid article:nth-child(2) .adv-label{color:#91502b}
.advantage-grid article:nth-child(2) h3{color:#533222}
.advantage-grid article:nth-child(2) p{color:#75513c}
.benefit-tags span,.advantage-grid article:nth-child(2) .benefit-tags span{background:#f0eddf;color:#756047;border:1px solid #e6decb}
.advantage-grid article:nth-child(2) .benefit-tags span{background:#edf1e5;border-color:#dce2ce;color:#58664c}
.cards article,.cards article:nth-child(2),.cards article:nth-child(5){background:#fffcf6;border-color:#eadfce}
.cards article:nth-child(2) i,.cards article:nth-child(5) i{color:#798365}
.hero .secondary{background:#edf1e5;color:#58664c;border-color:#dce2ce}
.hero .secondary:hover{background:#e2e8d7}
.steps article:nth-child(3) b{background:#e8ecde;color:#63714f}
.downloads .web-card{background:#f5f1e6;border-color:#e4ddca}
.web-card .platform{color:#798365}.web-card h3{color:#533222}.web-card p{color:#75513c}
.web-card .secondary{background:#edf1e5;color:#58664c;border-color:#dce2ce}
.web-card .secondary:hover{background:#e2e8d7}.web-card .text-link{color:#657452}
.cta{background:#f1dec2;border-color:#e8d0b0}.cta .secondary{background:#f7f3e9;color:#6b6047;border:1px solid #e0d6c2}
.primary{background:#bc6137;box-shadow:0 4px 12px #a85b2318}.primary:hover{background:#a8532e}
footer{background:#f6ead7}
.android-download{max-width:940px;margin:40px auto 70px}.android-download h1{font-size:clamp(28px,4vw,40px)}.download-panel{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center}.download-qr{width:220px;height:220px;border-radius:12px;background:white}.download-panel h2{margin-top:0}.share-address{width:100%;padding:12px;border:1px solid #eadbca;border-radius:10px;font-size:14px;color:#795641;background:#fffaf3}.download-roles{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:24px}.download-roles h3{margin-top:0}.downloads .download-qr{width:160px;height:160px;display:block;margin:18px auto}@media(max-width:600px){.download-panel{grid-template-columns:1fr}.download-panel>.download-qr{margin:auto}.download-roles{grid-template-columns:1fr}}

.platform-footer-link{margin-left:18px;font-size:11px;font-weight:400;color:#9a897a;letter-spacing:0}.platform-footer-link:hover{color:#735d49;text-decoration:underline}