/* App promotion only — iOS Build 26 / 47b9ec5. Revert this scoped commit to roll back. */
:root.app-mode-root{--promo-bg:#F2F2F7;--promo-surface:#FFFFFF;--promo-raised:rgba(74,89,122,.18);--promo-fill:#4A597A;--promo-button-text:#FFFFFF;--promo-accent:#4A597A;--promo-text:#000000;--promo-secondary:#5C5C5C;--promo-border:#D5D9E1;--promo-input-border:#6B7489;--promo-focus:#4A597A;--promo-danger:#BF1C1C;--promo-disabled:#C9CED9;--promo-disabled-text:#4A4F5C;--promo-shadow:rgba(74,89,122,.07);color-scheme:light;color:var(--promo-text)!important;background:var(--promo-bg)!important}
@media(prefers-color-scheme:dark){:root.app-mode-root:not([data-theme=light]){--promo-bg:#05080F;--promo-surface:#1C1C1E;--promo-raised:#212E4D;--promo-fill:#4A66A8;--promo-accent:#B3C2DE;--promo-text:#FFFFFF;--promo-secondary:rgba(235,235,245,.6);--promo-border:rgba(255,255,255,.08);--promo-input-border:rgba(255,255,255,.40);--promo-danger:#FF453A;--promo-disabled:#3D3D3D;--promo-disabled-text:#B8B8B8;--promo-shadow:transparent;color-scheme:dark}}
:root.app-mode-root[data-theme=dark]{--promo-bg:#05080F;--promo-surface:#1C1C1E;--promo-raised:#212E4D;--promo-fill:#4A66A8;--promo-accent:#B3C2DE;--promo-text:#FFFFFF;--promo-secondary:rgba(235,235,245,.6);--promo-border:rgba(255,255,255,.08);--promo-input-border:rgba(255,255,255,.40);--promo-danger:#FF453A;--promo-disabled:#3D3D3D;--promo-disabled-text:#B8B8B8;--promo-shadow:transparent;color-scheme:dark}
.app-mode-root body.app-mode-page{--blue:var(--promo-accent);--muted:var(--promo-secondary);--line:var(--promo-border);background:var(--promo-bg);color:var(--promo-text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Arabic",system-ui,sans-serif}
.app-mode-page button,.app-mode-page input{font:inherit}
.app-mode-root .app-mode-page>header.header{--header-surface:var(--promo-bg);--header-glass:var(--promo-bg);--header-edge:var(--promo-border);--header-shadow:var(--promo-shadow);color:var(--promo-text)}
.app-mode-page .brand{color:var(--promo-text)}
.app-mode-page .brandcaption{color:var(--promo-secondary);border-color:var(--promo-border)}
.app-mode-page .app-mode-brandmarks{display:inline-grid;align-items:center;flex-shrink:0}
.app-mode-page .app-mode-brandmarks img{display:block;grid-area:1/1;width:100%;height:100%;object-fit:contain;border-radius:0;clip-path:none;box-shadow:none}
.app-mode-page .brand .app-mode-brandmarks{width:48px;height:48px}
.app-mode-page .app-mode-brandmark-dark{visibility:hidden}
.app-mode-page .app-mode-original-mark{display:none}
@media(prefers-color-scheme:dark){.app-mode-root:not([data-theme=light]) .app-mode-brandmark-dark{visibility:visible}.app-mode-root:not([data-theme=light]) .app-mode-brandmark-light{visibility:hidden}}
.app-mode-root[data-theme=dark] .app-mode-brandmark-dark{visibility:visible}.app-mode-root[data-theme=dark] .app-mode-brandmark-light{visibility:hidden}
.app-mode-main{max-width:1120px;margin:35px auto 64px;padding:0 24px}
.app-mode-page .app-mode-hero{display:grid;grid-template-columns:.85fr 1.4fr;gap:64px;align-items:center;border:1px solid var(--promo-border);border-radius:20px;padding:58px;background:var(--promo-surface);box-shadow:0 24px 90px var(--promo-shadow)}
.app-mode-copy h1{font-size:clamp(32px,4vw,52px);line-height:1.45;margin:12px 0 20px;letter-spacing:-1px;color:var(--promo-text)}
.app-mode-eyebrow{font-size:14px;font-weight:700;color:var(--promo-accent)}
.app-mode-description{font-size:19px;line-height:1.95;color:var(--promo-secondary);white-space:pre-wrap}
.app-mode-page .app-mode-art{min-height:300px;border-radius:20px;background:var(--promo-bg);border:1px solid var(--promo-border);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--promo-secondary);box-shadow:none;transform:rotate(3deg)}
.app-mode-page .app-mode-mark{width:min(100%,260px);height:auto;aspect-ratio:1;margin-top:12px}
.app-mode-art-label{font-size:17px;margin:0 0 30px}
.app-mode-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.app-mode-actions a,.app-mode-actions button{min-height:50px;min-width:150px;text-align:center}
.app-mode-page .primary{border:1px solid transparent;border-radius:16px;background:var(--promo-fill);color:var(--promo-button-text);box-shadow:none}
.app-mode-page .primary:hover{background:var(--promo-fill);filter:brightness(1.08)}
.app-mode-page .secondary,.app-mode-page .theme-toggle{background:var(--promo-raised);color:var(--promo-accent);border:1px solid var(--promo-input-border);border-radius:16px}
.app-mode-page .secondary:hover,.app-mode-page .theme-toggle:hover{background:var(--promo-raised);border-color:var(--promo-accent)}
.app-mode-page .primary:disabled,.app-mode-page .secondary:disabled{background:var(--promo-disabled);color:var(--promo-disabled-text);filter:none;box-shadow:none;opacity:1}
.app-mode-page :is(a,button,input):focus-visible{outline:3px solid var(--promo-focus);outline-offset:3px;box-shadow:0 0 0 6px var(--promo-accent)}
.app-mode-page .app-mode-challenge{font-size:21px;line-height:1.8;padding:18px 22px;background:var(--promo-raised);color:var(--promo-accent);border-radius:12px}
.app-mode-subtle{font-size:14px;color:var(--promo-secondary);margin-top:22px}
.app-mode-features{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:36px}
.app-mode-features article{padding:20px 8px}.app-mode-features article>span{color:var(--promo-accent);font-weight:bold;font-size:14px}.app-mode-features h2{font-size:21px;margin:10px 0;color:var(--promo-text)}.app-mode-features p{color:var(--promo-secondary);line-height:1.8}
.app-mode-page input[readonly]{width:100%;background:var(--promo-surface);color:var(--promo-text);border:1px solid var(--promo-input-border);border-radius:12px}
.app-mode-page input[readonly]:focus-visible{border-color:var(--promo-focus)}
.app-mode-page .note,.app-mode-page footer{color:var(--promo-secondary)}.app-mode-page footer a.footer-link{color:var(--promo-accent)}.app-mode-page .error{color:var(--promo-danger)}
@media(max-width:760px){.app-mode-main{margin-top:14px;padding:0 16px}.app-mode-page .app-mode-hero{grid-template-columns:1fr;gap:30px;padding:30px 24px;border-radius:20px}.app-mode-page .app-mode-art{width:150px;min-height:160px;justify-self:start;border-radius:20px}.app-mode-page .app-mode-mark{width:125px;margin-top:0}.app-mode-art-label{font-size:12px;margin:0 0 20px}.app-mode-copy h1{font-size:33px}.app-mode-description{font-size:17px}.app-mode-features{grid-template-columns:1fr;gap:0}.app-mode-features article{border-bottom:1px solid var(--promo-border)}.app-mode-actions>*{flex:1}}
.app-mode-page [hidden]{display:none!important}
