/* Canonical wordmark: neutral Uni., teal Link; keep the lockup LTR in Arabic. */
.logo, .splash-logo, .brand { direction: ltr; unicode-bidi: isolate; }
.logo { display: inline-flex; align-items: center; gap: 8px; }
.logo .brand { display: inline-flex; gap: 0; color: inherit; white-space: nowrap; }
.logo .brand-uni, .brand .brand-uni, .splash-logo .brand-uni { color: inherit; }
.logo .brand-link, .brand .brand-link, .splash-logo .brand-link { color: #0D7377; }
.logo-mark { display: inline-block; width: 30px; height: 30px; flex: 0 0 30px; object-fit: contain; border-radius: 7px; }
.founder-mascot { display: block; width: 80px; height: 80px; object-fit: contain; margin: 0 auto 16px; animation: founder-greeting 1.2s ease-out 1; }
@keyframes founder-greeting { 0% { transform: translateY(5px); opacity: .6; } 100% { transform: translateY(0); opacity: 1; } }
@media (max-width: 600px) { .founder-mascot { width: 64px; height: 64px; } }
@media (prefers-reduced-motion: reduce) { .founder-mascot { animation: none; } }
html[lang="ar"] { letter-spacing: normal; }
.language-picker { position: relative; }
.lang-btn { min-width: 44px; min-height: 44px; }
.lang-menu { position: absolute; top: calc(100% + 8px); inset-inline-end: 0; display: none; width: 190px; padding: 8px; background: #fff; color: #1B2A4A; border: 1px solid #d1d5db; border-radius: 14px; box-shadow: 0 16px 45px #0002; z-index: 110; }
.lang-menu.open { display: grid; gap: 4px; }
.lang-menu button { min-height: 44px; width: 100%; padding: 10px 12px; text-align: start; color: #1B2A4A; background: transparent; border: 0; border-radius: 9px; }
.lang-menu button:hover, .lang-menu button.active { background: #e6f3f3; color: #063335; }
.lang-menu button.active::after { content: ' ✓'; }
#language-status:empty { display: none; }
#language-status:not(:empty) { position: fixed; bottom: 20px; left: 50%; transform: translateX(-50%); z-index: 2000; width: min(90vw, 440px); padding: 16px; background: #fff; color: #1B2A4A; border: 1px solid #0D7377; border-radius: 12px; }
:where(button, .btn, input, select, [role="button"]) { min-width: 44px; min-height: 44px; }
:where(a, button, input, select, textarea):focus-visible { outline: 3px solid #0D7377; outline-offset: 3px; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }
/* Inverse surfaces need light text; the canonical teal mark has a white backing. */
.logo-mark { background: #fff; }
.btn-green, .founder-avatar { color: #fff; }
.hero-trust-tag, .founder-section .green, .devices-section .green, .waitlist-section .green { color: #5eead4; }
.splash-logo { background: #fff; color: #1B2A4A; padding: 8px 20px; border-radius: 16px; animation: none; }
.nav-links a, .footer-links a, .founder-title { color: #64748b; }
.founder-dot { position: relative; width: 44px !important; height: 44px !important; min-width: 44px; min-height: 44px; padding: 0; background: transparent !important; border-radius: 50%; box-sizing: border-box; }
.founder-dot::before { content: ''; position: absolute; inset: 18px; border-radius: 50%; background: rgba(255,255,255,.2); transition: background-color .25s; }
.founder-dot:hover::before, .founder-dot:focus-visible::before, .founder-dot.active::before { background: #0D7377; }
.founder-section .founder-title { color: #cbd5e1; }