/* Shared theme layer. The first visit is white, including when scripts/storage are unavailable. */
:root:not([data-theme=dark]){color-scheme:light;--bg:#fff;--surface:#f5f6fa;--text:#192234;--muted:#586477;--line:#dce2eb;--cyan:#006c8c;--violet:#6445b8;--accent:#6445b8}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;padding:10px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer}
.theme-toggle[hidden]{display:none}.theme-toggle svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}.theme-toggle:hover{border-color:var(--violet,var(--accent))}.theme-toggle:focus-visible{outline:3px solid var(--cyan,var(--accent));outline-offset:4px}
/* Official artwork is unmodified. The store identity stays distinct from beta access. */
.download-card-top{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:14px;margin-bottom:24px;min-width:0}
.store-mark{display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:66px;flex-shrink:0;direction:ltr}
.store-mark-apple img{display:block;width:auto;height:52px;max-width:100%;object-fit:contain}
.store-mark-google{background:white;border:1px solid #dadce0;border-radius:12px;padding:14px 18px;width:210px}
.store-mark-google img{display:block;width:174px;height:auto;max-width:100%}
.store-access{display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;line-height:1.6;color:var(--muted)}.store-access strong{font-weight:650;color:var(--text)}
.store-trademarks{color:var(--muted);font-size:10px;line-height:1.7;margin-top:20px;max-width:900px}
/* Keep the header usable with long translations and the extra theme control. */
.header-actions{flex-shrink:0}.header-wrap{gap:18px}.center-link{min-width:0;overflow-wrap:anywhere}.language-menu{min-width:0}.legal-brand{flex-shrink:0}.header-wrap .theme-toggle{margin-inline-start:auto}.header-wrap .center-link{margin-inline-end:0}
@media(max-width:700px){.header-actions .button{max-width:118px;font-size:11px;padding:11px 13px}.header-actions{gap:3px}.header-inner{gap:6px}.header-inner .brand{font-size:35px}.header-wrap{gap:10px}.header-wrap .center-link{flex:1}.header-wrap .language-menu{max-width:125px}.header-wrap .language-menu>summary{padding:7px 9px}.store-mark-apple img{height:48px}.store-mark-google{width:200px;min-height:62px}.store-trademarks{font-size:9px}}
@media(max-width:380px){.header-actions .button{max-width:91px;padding-inline:9px;font-size:10px}.header-actions{gap:0}.header-wrap{flex-wrap:wrap}.header-wrap .language-menu{max-width:112px}.header-wrap .center-link{max-width:95px}}
/* Light surfaces and readable type. Photography/screenshots retain their original colors. */
:root:not([data-theme=dark]) .site-header,:root:not([data-theme=dark]) .legal-header{background:#fffffff2}
:root:not([data-theme=dark]) :is(.desktop-nav,.mobile-nav a,.language-trigger,.site-language,.gallery-controls>p,.card-caption h3,.translation-features p,.subtitle-note strong,.verified-visual strong,.download-card>p strong,.email-label,.call-art-brand span){color:var(--text)}
:root:not([data-theme=dark]) :is(.desktop-nav a:hover,.footer-bottom a:hover,.desktop-nav a[data-legal-entry],.mobile-nav a[data-legal-entry],.footer-bottom nav a[data-legal-entry],.check-label a,.privacy-choice>a,.step-link,.call-detail){color:#5940a3}
:root:not([data-theme=dark]) :is(.availability,.muted-heading,.language-float span,.message-float div>span,.scroll-cue,.promise-strip span,.gallery-hint,.gallery-count,.card-caption>span,.fine-print,.demo-instruction,.demo-footnote,.subtitle-note p,.privacy-card>p,.privacy-visual>span,.verified-visual span,.download-card small,.download-note,.footer-top p,.back-top,.footer-bottom,.poster-dialog>p,.install-steps p,.field-help,.check-label,.form-status,.call-body,.calls-stats span,.calls-reach-note,.call-illustration-note,.calls-bottom p,.calls-notes){color:var(--muted)}
:root:not([data-theme=dark]) .hero-description strong{color:var(--text)}
:root:not([data-theme=dark]) .gradient-text{background-image:linear-gradient(110deg,#006c8c,#5d48b0 55%,#91367f)}
:root:not([data-theme=dark]) :is(.button,.button-secondary){background:#202b41;color:white;border:1px solid #202b41}
:root:not([data-theme=dark]) :is(.button:hover,.button-secondary:hover){background:#35445f;border-color:#35445f;box-shadow:0 8px 24px #2436551a}
:root:not([data-theme=dark]) .text-link span{color:#006c8c}
:root:not([data-theme=dark]) .menu-toggle span{background:var(--text)}
:root:not([data-theme=dark]) :is(.mobile-nav,.privacy-choice,.language-dialog,.language-dialog .dialog-top,.poster-dialog,.dialog-top){background:white;color:var(--text);border-color:var(--line)}
:root:not([data-theme=dark]) .mobile-nav a[data-legal-entry=center]{border-color:var(--line)}
:root:not([data-theme=dark]) .privacy-choice{box-shadow:0 14px 60px #23304726}
:root:not([data-theme=dark]) .privacy-choice p{color:var(--muted)}
:root:not([data-theme=dark]) .privacy-choice-actions button{border-color:#8d99ad}
:root:not([data-theme=dark]) .privacy-choice-actions button:hover{background:#eef1f7}
:root:not([data-theme=dark]) .privacy-choice button:focus-visible{outline-color:#6445b8}
:root:not([data-theme=dark]) .download-section{background:radial-gradient(ellipse at 50% 0%,#eef1ff,transparent 65%)}
:root:not([data-theme=dark]) .download-card{background:#fff;border-color:#d8dfeb;box-shadow:0 10px 32px #20355b08}
:root:not([data-theme=dark]) :is(.language-float,.message-float){background:#ffffffed;border-color:#d9e0ee;box-shadow:0 12px 30px #20355b14}
:root:not([data-theme=dark]) .avatar-letter{color:white}
:root:not([data-theme=dark]) .hello{color:#64638c}
:root:not([data-theme=dark]) .hero-poster{box-shadow:-20px 25px 60px #28375c24}
:root:not([data-theme=dark]) :is(.hero-poster .expand-label,.poster-zoom){color:white}
:root:not([data-theme=dark]) .promise-strip{background:#f6f8fc}
:root:not([data-theme=dark]) :is(.promise-strip .icon,.translation-features .icon){color:#6445b8}
:root:not([data-theme=dark]) .circle-button{border-color:#c7d0df;background:#f8f9fc}
:root:not([data-theme=dark]) .circle-button:hover:not(:disabled){background:#e9eef6}
:root:not([data-theme=dark]) .conversation-demo{background:linear-gradient(155deg,#f7f8ff,#eef2f9);border-color:var(--line);box-shadow:0 20px 60px #20355b14}
:root:not([data-theme=dark]) :is(.demo-top>span:last-child,.demo-badge,.demo-translation){color:#6445b8}
:root:not([data-theme=dark]) .language-options button{background:white;color:#586477;border-color:#cdd5e2}
:root:not([data-theme=dark]) .language-options button[aria-pressed=true]{color:#4d328d;background:#e8e0fa;border-color:#967dc9}
:root:not([data-theme=dark]) .sent{background:#dce7f8}
:root:not([data-theme=dark]) .translated{background:#e9e1f8;border-color:#d0c2e8}
:root:not([data-theme=dark]) .received{background:white;border:1px solid var(--line)}
:root:not([data-theme=dark]) :is(.message-label,.original-reply){color:#54627a}
:root:not([data-theme=dark]) :is(.message-check,.translation-note){color:#006b80}
:root:not([data-theme=dark]) .reply-divider{background:#dce2eb}
:root:not([data-theme=dark]) .share-panel{background:linear-gradient(125deg,#f6f7fc,#edf0fa);border-color:var(--line)}
:root:not([data-theme=dark]) .media-pills span{color:#4f5c73;border-color:#cbd4e2;background:white}
:root:not([data-theme=dark]) .privacy-card{background:#f8f9fc;border-color:var(--line)}
:root:not([data-theme=dark]) .feature-icon{color:#006c8c;border-color:#9cc6d5;background:#e2f0f5}
:root:not([data-theme=dark]) .feature-icon.violet{color:#6445b8;background:#eee8fa;border-color:#c4b4e5}
:root:not([data-theme=dark]) .feature-icon.pink{color:#96377d;background:#f7e8f2;border-color:#e0b1d3}
:root:not([data-theme=dark]) .privacy-visual>span{border-color:var(--line)}
:root:not([data-theme=dark]) .verified-visual{color:#6445b8}
:root:not([data-theme=dark]) .offer-visual span{background:#e3e9f4;color:var(--text)}
:root:not([data-theme=dark]) .offer-visual span+span{background:#ede4f8;color:#594076}
:root:not([data-theme=dark]) .offer-visual b{color:#00677d}
:root:not([data-theme=dark]) .faq-list summary span{color:#586477}
:root:not([data-theme=dark]) .step-number{color:#6445b8;border-color:#c9bbdf;background:#f1ebfb}
:root:not([data-theme=dark]) :is(#beta-email,#language-search){background:#fff;color:var(--text);border-color:#8996a9}
:root:not([data-theme=dark]) #beta-email::placeholder{color:#67768c}
:root:not([data-theme=dark]) #beta-email[aria-invalid=true]{border-color:#b42340}
:root:not([data-theme=dark]) .check-label input{accent-color:#6445b8}
:root:not([data-theme=dark]) .form-status[data-state=success]{color:#176743}
:root:not([data-theme=dark]) .form-status[data-state=error]{color:#b42340}
:root:not([data-theme=dark]) .language-list a{border-color:var(--line)}
:root:not([data-theme=dark]) :is(.language-list a:hover,.language-list a[aria-current],.language-panel a[aria-current]){background:#eee8fb;border-color:#bca6e1;color:#5940a3}
:root:not([data-theme=dark]) .language-panel a:hover{background:#eef1f6}
:root:not([data-theme=dark]) .language-panel{box-shadow:0 18px 50px #23304726}
:root:not([data-theme=dark]) .calls-stats strong{color:#6445b8}
:root:not([data-theme=dark]) :is(.calls-stats p,.call-feature){border-color:var(--line)}
:root:not([data-theme=dark]) .call-index{color:#6c5a96}
:root:not([data-theme=dark]) .call-art{border-color:var(--line);box-shadow:0 18px 45px #20355b18}
:root:not([data-theme=dark]) .call-art-brand{background:#f6f8fc;border-color:var(--line)}
:root:not([data-theme=dark]) .calls-bottom{background:#f3f1fb;border-color:#ddd4ed}
@media print{.theme-toggle{display:none!important}:root{--bg:#fff;--text:#000;--muted:#333;--surface:#fff;--line:#ddd;--accent:#333}}
/* The product identity uses the exact shipped app icon, never a drawn substitute. */
.brand,.legal-brand{display:inline-flex;align-items:center;gap:10px;letter-spacing:0;line-height:1;direction:ltr;flex-shrink:0}
.brand img,.legal-brand img{width:44px;height:44px;object-fit:contain;border-radius:50%;flex-shrink:0}
.brand span,.legal-brand span{font-family:Georgia,"Times New Roman",serif;font-style:italic;font-weight:500;font-size:21px;letter-spacing:-.5px;white-space:nowrap;color:var(--text)}
@media(max-width:1200px){.desktop-nav{display:none}.menu-toggle{display:block}}
@media(max-width:700px){.brand,.legal-brand{gap:7px}.brand img,.legal-brand img{width:36px;height:36px}.brand span,.legal-brand span{font-size:17px}.header-actions .button{display:none}.header-inner{gap:8px}.header-wrap{flex-wrap:wrap}.header-wrap .center-link{order:4;flex-basis:100%;max-width:none}.header-wrap .theme-toggle{margin-inline-start:auto}.header-wrap .language-menu{max-width:140px}.header-wrap{gap:8px}.header-wrap .legal-brand span{font-size:16px}}
@media(max-width:380px){.brand span,.legal-brand span{font-size:16px}.header-inner .brand{gap:6px}.header-wrap .legal-brand{max-width:145px}.header-wrap .language-menu{max-width:100px}.header-wrap .theme-toggle{margin-inline-start:auto}}