/* Theme and localization extensions; original layout and artwork are preserved. */
:root {
  --control-bg:#101c37; --control-border:#344564; --control-text:#e8eefb;
  --control-hover:#1b2b52;
}
:root[data-theme="light"] {
  color-scheme:light; --bg:#f7f9ff; --surface:#fff; --text:#07173d;
  --muted:#516079; --line:#07173d1a; --cyan:#007e94;
  --gradient:linear-gradient(110deg,#1255d9,#007e94 48%,#7135d1);
  --control-bg:#fff; --control-border:#cbd5e5; --control-text:#07173d; --control-hover:#e6edfa;
}
.header-inner { gap:24px; }
.carousel-controls { flex-shrink:0; }
.site-header nav { gap:20px; }
.nav-links { display:flex; align-items:center; gap:22px; }
.site-header nav>.button { margin-inline-start:0; margin-left:0; white-space:nowrap; }
.preferences { display:flex; gap:10px; align-items:center; }
.language-control { display:flex; gap:7px; align-items:center; }
.language-control>.icon { width:17px; }
.language-control select {
  font:inherit; font-size:12px; color:var(--control-text); background:var(--control-bg);
  border:1px solid var(--control-border); border-radius:8px; padding:10px 7px; max-width:115px;
  min-height:42px; cursor:pointer;
}
.language-control option { color:var(--control-text); background:var(--control-bg); }
.control-label,.theme-name { display:none; }
.theme-toggle { display:flex; align-items:center; justify-content:center; gap:9px; width:42px; height:42px; padding:8px; border:1px solid var(--control-border); border-radius:8px; background:var(--control-bg); color:var(--control-text); }
.theme-toggle .icon { width:20px; height:20px; }
.theme-toggle:hover:not(:disabled) { background:var(--control-hover); }
[data-theme="dark"] .moon-icon,[data-theme="light"] .sun-icon { display:none; }
.language-status:empty { display:none; }
.language-status:not(:empty) { position:absolute; top:100%; inset-inline-end:24px; max-width:280px; padding:10px 15px; background:var(--control-bg); color:var(--control-text); border:1px solid var(--control-border); border-radius:8px; font-size:13px; }
select:focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.footer-contact { display:grid; gap:12px; margin-top:22px; font-size:13px; }
.footer .footer-languages { display:flex; flex-direction:row; flex-wrap:wrap; gap:8px 18px; padding-bottom:28px; font-size:12px; }
.footer-languages a { padding-block:6px; }
.footer-languages [aria-current] { color:var(--cyan); text-decoration:underline; text-underline-offset:4px; }
.about-section { display:grid; grid-template-columns:1.2fr 1fr; gap:80px; align-items:center; border-bottom:1px solid var(--line); }
.about-section .text-link { margin-top:24px; }
.about-contact { border:1px solid var(--control-border); border-radius:18px; padding:30px; display:grid; gap:15px; background:var(--surface); }
.about-contact h3 { font-size:20px; }
.about-contact p { font-size:14px; }
.about-contact a { color:var(--control-text); overflow-wrap:anywhere; }
.not-found { min-height:100vh; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:24px; }
.not-found .eyebrow,.not-found .section-description { margin:0; }
.footer-contact a { display:flex; flex-direction:column; align-items:flex-start; gap:2px; }
.footer-contact span { color:var(--muted); font-size:11px; }
.footer-stores { display:flex; flex-wrap:wrap; gap:12px; padding-bottom:30px; }
.footer-stores .store-button { min-width:185px; }
.store-soon:disabled { opacity:1; color:#a9b7d2; background:#0a142d; border-color:#35405a; cursor:not-allowed; }
.store-soon small { color:#a9b7d2; }
.store-live { border-color:#4d8eff; }
.faq-list p a { text-decoration:underline; text-underline-offset:3px; overflow-wrap:anywhere; }
.brand,.phone-crop,.download-symbol img { direction:ltr; }
.hero-copy,.section-top>div,.channels-intro,.faq-section>div,.channel-list article>div { min-width:0; }
h1,h2,h3,.button,.text-link,.eyebrow { overflow-wrap:break-word; }
.hero-actions { flex-wrap:wrap; }
.showcase-bottom>span:last-child { max-width:55%; }
.feature-card { min-width:0; }
.channel-list .icon { margin-left:0; margin-inline-start:auto; }
.store-button>.icon:last-child { margin-left:0; margin-inline-start:7px; }
.faq-list details p { padding-right:0; padding-inline-end:30px; }
.showcase-bottom .icon { margin-left:0; margin-inline-start:8px; }
.unavailable small { margin-left:0; margin-inline-start:6px; }
[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3,[dir="rtl"] .eyebrow,[dir="rtl"] .visual-label,[dir="rtl"] .visual-caption,[dir="rtl"] .showcase-bottom,[dir="rtl"] .footer-label { letter-spacing:normal; }
[dir="rtl"] h1 { line-height:1.35; }
[dir="rtl"] h2 { line-height:1.4; }
[dir="rtl"] .hero-description,[dir="rtl"] .section-description { line-height:1.95; }
[dir="rtl"] .button>.icon,[dir="rtl"] .text-link>.icon,[dir="rtl"] .showcase-bottom .icon,[dir="rtl"] .store-live>.icon:last-child { transform:scaleX(-1); }
[dir="rtl"] .next .icon { transform:rotate(180deg); }
[dir="rtl"] .prev .icon { transform:none; }
[dir="rtl"] .floating-note { left:auto; right:-6px; }
[dir="rtl"] .visual-label { left:auto; right:2px; }
[data-theme="light"] .site-header { background:#f7f9fff0; }
[data-theme="light"] .brand { color:var(--text); }
[data-theme="light"] .site-header nav { color:#394963; }
[data-theme="light"] .eyebrow { color:#006d85; }
[data-theme="light"] .hero-note,[data-theme="light"] .visual-label,[data-theme="light"] .visual-caption { color:#556783; }
[data-theme="light"] .hero-visual { background:radial-gradient(ellipse at center,#d8e5fb,transparent 67%); }
[data-theme="light"] .hero-visual>.phone-crop { box-shadow:0 25px 60px #23487933; }
[data-theme="light"] .floating-note { background:#fffffff5; color:#52647e; border-color:#c9d5e9; box-shadow:0 10px 35px #25417020; }
[data-theme="light"] .floating-note strong,[data-theme="light"] .privacy-caption strong { color:var(--text); }
[data-theme="light"] .promise-bar { background:#edf2fc; }
[data-theme="light"] .promise-bar span { color:#43536e; }
[data-theme="light"] .circle-button { border-color:#bac8df; }
[data-theme="light"] button:hover:not(:disabled) { background:var(--control-hover); }
[data-theme="light"] a:hover { color:#1255d9; }
[data-theme="light"] a.button:hover { color:white; background:#1255d9; }
[data-theme="light"] .screen-card { background:linear-gradient(155deg,#eaf0fc,#fff); border-color:#d7e1f1; }
[data-theme="light"] .screen-card:nth-child(2) { background:linear-gradient(155deg,#e4f4f7,#fff); }
[data-theme="light"] .screen-card:nth-child(3) { background:linear-gradient(155deg,#eee9fc,#fff); }
[data-theme="light"] .screen-card .eyebrow,[data-theme="light"] .showcase-bottom { color:#596b87; }
[data-theme="light"] .features-section { background:#eef3fc; }
[data-theme="light"] .feature-card { background:#fff; border-color:#dce4f1; }
[data-theme="light"] .feature-top span,[data-theme="light"] .channel-number { color:#60708a; }
[data-theme="light"] .feature-top .icon { color:#205bd1; }
[data-theme="light"] .feature-card:nth-child(3n+2) .icon { color:#007e94; }
[data-theme="light"] .feature-card:nth-child(3n) .icon { color:#7135d1; }
[data-theme="light"] .privacy-visual { background:#fff; border-color:#d8e2f1; }
[data-theme="light"] .privacy-caption { color:#506380; }
[data-theme="light"] .channels-intro .text-link,[data-theme="light"] .channel-list .icon { color:#205bd1; }
[data-theme="light"] .languages-section { background:radial-gradient(ellipse at 50% 60%,#eee9fb,#f0f4fc 70%); }
[data-theme="light"] .language-card { background:#ffffffb8; border-color:#d4dcec; }
[data-theme="light"] .language-card>span { color:#183252; }
[data-theme="light"] .language-card small,[data-theme="light"] .language-note { color:#506380; }
[data-theme="light"] .language-note .icon { color:#7135d1; }
[data-theme="light"] .faq-list details { border-color:#d4ddec; }
[data-theme="light"] .faq-plus:before,[data-theme="light"] .faq-plus:after { background:#526783; }
[data-theme="light"] .download-card { background:radial-gradient(ellipse at 100% 0,#d9e7ff99,transparent 65%),linear-gradient(120deg,#e8f0ff,#f0ebfb); border-color:#bdcdef; }
[data-theme="light"] .download-note,[data-theme="light"] .download-symbol span { color:#526683; }
[data-theme="light"] .download-symbol:before { border-color:#8198c326; }
[data-theme="light"] .store-button { background:#fff; color:#0e2347; border-color:#bdcbe1; }
[data-theme="light"] .store-live { border-color:#176bff; box-shadow:0 4px 16px #176bff0d; }
[data-theme="light"] .store-button small { color:#4d6080; }
[data-theme="light"] .store-soon { background:#edf1f8; color:#52617b; border-color:#c9d3e3; }
[data-theme="light"] .store-soon small { color:#52617b; }
[data-theme="light"] .footer nav { color:#405574; }
[data-theme="light"] .footer-label,[data-theme="light"] .footer-bottom,[data-theme="light"] .unavailable { color:#586c88; }
[data-theme="light"] .unavailable small { border-color:#c1cee0; }
@media(max-width:1200px) {
  .header-inner { height:70px; }
  .menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:6px; width:44px; height:44px; border:1px solid var(--control-border); border-radius:9px; background:var(--control-bg); }
  .menu-toggle span { width:18px; height:1px; margin-inline:auto; background:var(--control-text); }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .site-header nav { display:none; position:absolute; inset-inline:0; top:70px; background:#08122c; border-bottom:1px solid var(--line); padding:18px 24px; flex-direction:column; align-items:stretch; gap:0; max-height:calc(100dvh - 70px); overflow-y:auto; }
  .site-header nav.is-open { display:flex; }
  .nav-links { display:grid; gap:0; }
  .nav-links a { padding:10px 0; }
  .site-header nav>.button { margin:14px 0 0; padding:12px; }
  .preferences { flex-direction:column; align-items:stretch; gap:12px; border-top:1px solid var(--line); padding-top:14px; margin-top:8px; }
  .control-label { display:block; margin-inline-end:auto; font-size:13px; }
  .language-control select { max-width:160px; width:150px; font-size:14px; }
  .theme-control { display:flex; align-items:center; }
  .theme-toggle { width:auto; min-width:150px; padding:8px 15px; }
  .theme-name { display:inline; font-size:13px; }
  .language-status:not(:empty) { position:static; max-width:none; margin-top:10px; }
  [data-theme="light"] .site-header nav { background:#f7f9ff; }
}
@media(min-width:1201px) { .site-header nav { position:static; } .language-control>.icon { display:none; } }
@media(max-width:800px) {
  .about-section { grid-template-columns:1fr; gap:30px; }
  .hero-visual { align-self:center; }
  .footer-stores .store-button { flex:1 1 180px; }
  [dir="rtl"] .floating-note { right:0; }
}
@media(max-width:580px) {
  .language-card>span { max-width:100%; font-size:17px; }
  .language-card small { max-width:100%; text-align:center; overflow-wrap:anywhere; }
  .hero .eyebrow { font-size:9px; }
  .hero-copy h1 { font-size:clamp(34px,9.5vw,50px); }
  .hero-actions { gap:18px; }
  .screen-track { min-width:0; }
  .section-top>div:first-child { min-width:0; }
  .footer-bottom { flex-wrap:wrap; }
  .footer-stores { gap:10px; }
  .footer-stores .store-button { flex:1 1 100%; }
  .store-button { text-align:start; }
  .store-button>.icon:last-child { margin-inline-start:auto; }
  .unavailable small { margin-inline-start:0; }
  [dir="rtl"] .floating-note { right:3px; }
}