:root{--bg:light-dark(#f7f7fb,#0c0c12);--surface:light-dark(#fff,#15151d);--raised:light-dark(#f3f0ff,#20202b);--line:light-dark(#ececf3,#3a3a4966);--text:light-dark(#15151d,#fff);--muted:light-dark(#666679,#b8b8c7);--dim:light-dark(#77778a,#8b8b9d);--purple:light-dark(#5b46e8,#a99bff);--green:light-dark(#18b7aa,#38d6c7)}
body{background:var(--bg);color:var(--text)}
.button.primary,.button.primary:hover,.scenario-tabs button.active,.download-platforms button.active{color:#fff;background:#725cff;border-color:#725cff}
.button.primary:hover{background:#5b46e8}
.button.text,.hero-description,.hero-meta,.intro-columns>p,.intro-columns>div>p,.feature-copy p,.faq details p,.platform-detail p,.download-copy>p{color:var(--muted)}
.feature-card,.authentic-preview,.signature-art,.platform-detail,.scenario-tabs,.download-platforms{background:var(--surface);border-color:var(--line)}
.feature-copy h3,.privacy-art-title,.translation-example>p,.translated-message>p,.faq summary{color:var(--text)}
.experience{background:var(--raised);border-color:var(--line)}
.download-card{background:var(--surface);border-color:var(--line)}
.button:disabled{background:light-dark(#ececf3,#3a3a49);color:var(--muted);border-color:var(--line)}
.site-header.scrolled{background:light-dark(#f7f7fbed,#0c0c12ed);border-color:var(--line)}
.hero h1>span,.eyebrow,.nav-link.active{color:var(--purple)}
.theme-control{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}
.theme-control-label{font-size:10px}
#theme-select{appearance:none;background:var(--surface);color:var(--text);border:1px solid var(--line);border-radius:12px;height:40px;padding:0 12px;font:inherit;cursor:pointer;min-width:86px;text-align:center}
#theme-select:focus-visible{outline:2px solid var(--purple);outline-offset:3px}
.button-arrow,.arrow-icon{display:none!important}.hero-actions .button{gap:0}
[data-theme="light"] .hero-glow{opacity:.5}
[data-theme="light"] .authentic-device,[data-theme="light"] .screenshot-trio img{border-color:#ececf3;box-shadow:0 16px 45px #15151d18}
[data-theme="light"] .screenshot-trio .main-screen{border-color:#a99bff}
[data-theme="light"] .header-download{background:#fff;border-color:#d7d0fa;color:#5b46e8}
[data-theme="light"] .brand-cn,[data-theme="light"] .footer-main>p,[data-theme="light"] .footer-bottom,[data-theme="light"] .footer-bottom a,[data-theme="light"] .footer-bottom button{color:#666679}
[data-theme="light"] .brand-symbol img{filter:drop-shadow(0 0 1px #5b46e850)}
[data-theme="light"] .hero:after{opacity:.01}
@media(max-width:1000px){.theme-control-label{display:none}.header-actions{gap:8px}#main-nav{gap:20px}}
@media(max-width:760px){#theme-select{height:40px;min-width:74px;font-size:11px;padding:0 8px}.header-actions{gap:4px}.header-download.button.small{min-width:80px;padding:0 10px}.theme-control-label{display:none}}
@media(max-width:480px){.header-download{display:none}.brand-cn{display:none}}
[data-theme="light"] .brand-symbol{background:#67568f;border-radius:12px}
[data-theme="light"] .authentic-device,[data-theme="light"] .screenshot-trio img{border-color:#d7d4e5}

/* Header actions share exactly the same outer geometry. */
.header-actions{--header-control-width:126px;--header-control-height:48px;gap:12px}
.theme-control-label{display:none}
.header-actions #theme-select,.header-actions .header-download.button.small{box-sizing:border-box;width:var(--header-control-width);min-width:var(--header-control-width);height:var(--header-control-height);min-height:var(--header-control-height);padding:0 16px;border-width:1px;border-style:solid;border-radius:12px;font-size:12px;line-height:normal;font-weight:500;text-align:center}
.theme-control{gap:0}
.eyebrow,.section-intro .eyebrow,.hero-copy>.eyebrow,.download-copy .eyebrow,.preview-description .eyebrow{font-size:11px;letter-spacing:1px}
.signature-heading .feature-number{font-size:10px;letter-spacing:.3px}
.platform-badge{font-size:10px;letter-spacing:.5px}.footer-signoff{font-size:10px;letter-spacing:.5px}
@media(max-width:1000px){#main-nav{gap:20px}.nav-container{gap:18px}}
@media(max-width:760px){.header-actions{--header-control-width:104px;--header-control-height:40px;gap:6px}.header-actions #theme-select,.header-actions .header-download.button.small{font-size:11px;padding:0 10px}.eyebrow,.section-intro .eyebrow,.hero-copy>.eyebrow,.download-copy .eyebrow{font-size:10px;letter-spacing:.5px}}
@media(max-width:480px){.header-actions{--header-control-width:96px}.signature-heading .feature-number{font-size:10px}.footer-signoff{display:none}}
@media(min-width:761px) and (max-width:1000px){#main-nav{display:none;position:absolute;top:86px;left:0;right:0;background:var(--surface);border-block:1px solid var(--line);padding:15px 30px;gap:2px}#main-nav.is-open{display:flex;flex-direction:column;align-items:stretch}.menu-button{display:block}.nav-link{padding:14px 7px}.nav-link.active:after{left:auto;right:7px;top:21px}}
.theme-icons{display:flex;align-items:center;gap:2px;height:48px;padding:4px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.theme-icons button{display:grid;place-items:center;border:0;background:transparent;color:var(--muted);width:36px;height:38px;border-radius:8px;cursor:pointer;transition:background .2s,color .2s}.theme-icons svg{width:18px;height:18px}.theme-icons button[aria-pressed=true]{background:var(--raised);color:var(--purple)}.theme-icons button:hover{background:var(--raised)}.theme-icons button:focus-visible{outline:2px solid var(--purple);outline-offset:1px}@media(max-width:600px){.theme-icons{height:40px;padding:3px}.theme-icons button{width:29px;height:32px}.theme-icons svg{width:16px;height:16px}}
