/* Landing pages (home, about, support, downloads, privacy, terms): one dark gradient background instead of the white one.
   Generated file. Text on the page turns light; cards and buttons that were white become dark glass with a clear outline so they still stand out;
   the top bar is dark glass; the sign-up wizard (onboarding) uses the same dark look. */

:root { --act-grad: linear-gradient(180deg, #3B69B3 0%, #28487E 100%); --act-grad-hover: linear-gradient(180deg, #4A7AC4 0%, #2F5593 100%); }
html { background: #070D18; }
body { background-color: #070D18 !important; color: #D3DEEF; }
/* the gradient glow, fixed to the screen (replaces the old dotted pattern on every page) */
body {
  background-image:
    radial-gradient(800px 480px at 85% 0%, rgba(63,111,186,.26), transparent 65%),
    radial-gradient(700px 400px at 0% 100%, rgba(14,159,110,.12), transparent 70%) !important;
  background-size: auto !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
}
body::before { background-image: none !important; }
body > .absolute, main > .absolute { opacity: .35; }
::selection { background: #3F6FBA; color: #fff; }

/* ---- text and lines ---- */
body .text-gray-900:not(nav *):not(nav) { color: #F4F8FF; }
body .text-gray-800:not(nav *):not(nav) { color: #EAF1FB; }
body .text-gray-700:not(nav *):not(nav) { color: #D3DEEF; }
body .text-gray-600:not(nav *):not(nav) { color: #A9BAD2; }
body .text-gray-500:not(nav *):not(nav) { color: #93A4BC; }
body .text-gray-400:not(nav *):not(nav) { color: #8091A8; }
body .text-gray-300:not(nav *):not(nav) { color: #8091A8; }
body .text-slate-900:not(nav *):not(nav) { color: #F4F8FF; }
body .text-slate-800:not(nav *):not(nav) { color: #EAF1FB; }
body .text-slate-700:not(nav *):not(nav) { color: #D3DEEF; }
body .text-slate-600:not(nav *):not(nav) { color: #A9BAD2; }
body .text-slate-500:not(nav *):not(nav) { color: #93A4BC; }
body .text-slate-400:not(nav *):not(nav) { color: #8091A8; }
body .text-brand:not(nav *):not(nav) { color: #9DBBE6; }
body .text-brand-dark:not(nav *):not(nav) { color: #9DBBE6; }
body .text-blue-900:not(nav *):not(nav) { color: #BFD3F5; }
body .text-blue-600:not(nav *):not(nav) { color: #8FB4EC; }
body .text-blue-700:not(nav *):not(nav) { color: #A5C1F2; }
body .text-amber-900:not(nav *):not(nav) { color: #F5D9A6; }
body .text-amber-700:not(nav *):not(nav) { color: #F6C56A; }
body .text-amber-600:not(nav *):not(nav) { color: #F6C56A; }
body .text-emerald-700:not(nav *):not(nav) { color: #6EE7B7; }
body .text-emerald-600:not(nav *):not(nav) { color: #6EE7B7; }
body .text-emerald-500:not(nav *):not(nav) { color: #4ADE9E; }
body .text-emerald-400:not(nav *):not(nav) { color: #4ADE9E; }
body .text-emerald-300:not(nav *):not(nav) { color: #6EE7B7; }
body .text-indigo-700:not(nav *):not(nav) { color: #B4BFFB; }
body .text-indigo-600:not(nav *):not(nav) { color: #A5B4FC; }
body .text-indigo-500:not(nav *):not(nav) { color: #A5B4FC; }
body .text-indigo-400:not(nav *):not(nav) { color: #A5B4FC; }
body .text-indigo-200:not(nav *):not(nav) { color: #C7D2FE; }
body .text-red-700:not(nav *):not(nav) { color: #FCA5A5; }
body .text-red-600:not(nav *):not(nav) { color: #FCA5A5; }
body .text-red-500:not(nav *):not(nav) { color: #FCA5A5; }
body .text-rose-600:not(nav *):not(nav) { color: #FDA4AF; }
body .text-purple-600:not(nav *):not(nav) { color: #D8B4FE; }
body .text-orange-600:not(nav *):not(nav) { color: #FDBA74; }
body .hover\:text-gray-900:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-gray-800:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-gray-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-gray-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-gray-500:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-gray-400:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-gray-300:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-slate-900:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-slate-800:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-slate-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-slate-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-slate-500:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-slate-400:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-brand:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-brand-dark:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-blue-900:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-blue-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-blue-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-amber-900:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-amber-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-amber-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-emerald-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-emerald-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-emerald-500:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-emerald-400:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-emerald-300:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-indigo-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-indigo-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-indigo-500:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-indigo-400:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-indigo-200:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-red-700:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-red-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-red-500:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-rose-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-purple-600:hover:not(nav *):not(nav) { color: #fff; }
body .hover\:text-orange-600:hover:not(nav *):not(nav) { color: #fff; }
body .border-gray-100:not(nav *):not(nav) { border-color: rgba(255,255,255,.10); }
body .border-gray-200:not(nav *):not(nav) { border-color: rgba(255,255,255,.14); }
body .border-gray-300:not(nav *):not(nav) { border-color: rgba(255,255,255,.22); }
body .border-slate-100:not(nav *):not(nav) { border-color: rgba(255,255,255,.10); }
body .border-slate-200:not(nav *):not(nav) { border-color: rgba(255,255,255,.14); }
body .border-white:not(nav *):not(nav) { border-color: rgba(255,255,255,.14); }
body .border-brand:not(nav *):not(nav) { border-color: #6E96D4; }
body .border-brand\/20:not(nav *):not(nav) { border-color: rgba(143,180,236,.30); }
body .border-brand\/60:not(nav *):not(nav) { border-color: #6E96D4; }
body .border-brand\/30:not(nav *):not(nav) { border-color: rgba(143,180,236,.35); }
body .border-brand\/10:not(nav *):not(nav) { border-color: rgba(143,180,236,.2); }
body .border-indigo-100:not(nav *):not(nav) { border-color: rgba(165,180,252,.28); }
body .border-indigo-200:not(nav *):not(nav) { border-color: rgba(165,180,252,.32); }
body .border-emerald-100:not(nav *):not(nav) { border-color: rgba(74,222,158,.28); }
body .border-emerald-200:not(nav *):not(nav) { border-color: rgba(74,222,158,.32); }
body .border-amber-200\/80:not(nav *):not(nav) { border-color: rgba(246,197,106,.32); }
body .border-amber-300\/40:not(nav *):not(nav) { border-color: rgba(246,197,106,.34); }
body .border-blue-200\/80:not(nav *):not(nav) { border-color: rgba(143,180,236,.32); }
body .border-red-100:not(nav *):not(nav) { border-color: rgba(252,165,165,.3); }
body h1:not(nav *):not(nav), body h2:not(nav *):not(nav), body h3:not(nav *):not(nav), body h4:not(nav *):not(nav) { color: #F4F8FF; }
body a:not([class]):not(nav *):not(nav) { color: #9DBBE6; }
body .text-transparent.bg-clip-text { background-image: linear-gradient(96deg, #CFE0FA 4%, #8FB4EC 50%, #E7A93C 110%) !important; }

/* ---- cards: dark glass with a visible outline ---- */
body .bg-white:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body [class*="bg-white/"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body .glass-card:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body .bg-gray-50:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body [class*="bg-gray-50/"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body .bg-slate-50:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body .bg-slate-100:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body [class*="from-white"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body [class*="from-slate-50"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body [class*="to-white"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.055) !important; background-image: none !important; border-color: rgba(255,255,255,.14); }
body [class*="bg-indigo-50"]:not(nav *):not(nav) { background-color: rgba(165,180,252,.12) !important; background-image: none !important; }
body [class*="bg-emerald-50"]:not(nav *):not(nav) { background-color: rgba(74,222,158,.10) !important; background-image: none !important; }
body [class*="bg-amber-50"]:not(nav *):not(nav) { background-color: rgba(246,197,106,.10) !important; background-image: none !important; }
body [class*="bg-blue-50"]:not(nav *):not(nav) { background-color: rgba(143,180,236,.12) !important; background-image: none !important; }
body [class*="bg-red-50"]:not(nav *):not(nav) { background-color: rgba(252,165,165,.10) !important; background-image: none !important; }
body [class*="bg-indigo-100"]:not(nav *):not(nav) { background-color: rgba(165,180,252,.18) !important; background-image: none !important; }
body [class*="bg-emerald-100"]:not(nav *):not(nav) { background-color: rgba(74,222,158,.16) !important; background-image: none !important; }
body [class*="bg-amber-100"]:not(nav *):not(nav) { background-color: rgba(246,197,106,.16) !important; background-image: none !important; }
body .bg-gray-100:not(nav *):not(nav) { background-color: rgba(255,255,255,.08) !important; background-image: none !important; }
body [class*="bg-gray-100/"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.08) !important; background-image: none !important; }
body .bg-gray-200:not(nav *):not(nav) { background-color: rgba(255,255,255,.12) !important; background-image: none !important; }
body .bg-gray-300:not(nav *):not(nav) { background-color: rgba(255,255,255,.2) !important; background-image: none !important; }
body [class*="bg-brand/10"]:not(nav *):not(nav) { background-color: rgba(143,180,236,.14) !important; background-image: none !important; }
body [class*="bg-brand/5"]:not(nav *):not(nav) { background-color: rgba(143,180,236,.08) !important; background-image: none !important; }
body [class*="bg-brand/20"]:not(nav *):not(nav) { background-color: rgba(143,180,236,.2) !important; background-image: none !important; }
body a[class*="bg-white"].border:not(nav *):not(nav), body button[class*="bg-white"].border:not(nav *):not(nav), body a.border-gray-300:not(nav *):not(nav), body button.border-gray-300:not(nav *):not(nav) { border-color: rgba(255,255,255,.3); }
body .shadow-sm:not(nav *):not(nav), body .shadow-md:not(nav *):not(nav), body .shadow-lg:not(nav *):not(nav), body .shadow-xl:not(nav *):not(nav), body .shadow-2xl:not(nav *):not(nav) { box-shadow: 0 10px 28px -18px rgba(0,0,0,.7); }
body .glass-card:not(nav *):not(nav) { -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); box-shadow: 0 10px 28px -18px rgba(0,0,0,.7); }
body .hover\:bg-gray-100:hover:not(nav *):not(nav), body .hover\:bg-gray-50:hover:not(nav *):not(nav), body [class*="hover:bg-gray-50/"]:hover:not(nav *):not(nav), body .hover\:bg-gray-200:hover:not(nav *):not(nav) { background-color: rgba(255,255,255,.11) !important; }
body [class*="hover:bg-brand/5"]:hover:not(nav *):not(nav), body [class*="hover:bg-brand/20"]:hover:not(nav *):not(nav) { background-color: rgba(143,180,236,.18) !important; }

/* ---- buttons: the old slate-coloured button becomes the blue gradient so it stays visible on dark ---- */
body .bg-brand:not(nav *):not(nav), body a.bg-brand:not(nav *):not(nav), body button.bg-brand:not(nav *):not(nav) { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%) !important; color: #fff; border-color: rgba(255,255,255,.18); box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 10px 22px -12px rgba(29,58,103,.9); }
body .hover\:bg-brand-light:hover:not(nav *):not(nav) { background: linear-gradient(180deg, #4A7AC4 0%, #2F5593 100%) !important; }
body .bg-gray-900:not(nav *):not(nav), body [class*="bg-gray-900/"]:not(nav *):not(nav) { background-color: rgba(255,255,255,.1) !important; }

/* ---- the recommended plan card stands out ---- */
#pricing .border-brand:not(#x *), #pricing [class*="border-brand"][class*="border-2"] { border-color: #6E96D4 !important; background-color: rgba(143,180,236,.1) !important; box-shadow: 0 0 0 1px rgba(110,150,212,.35), 0 18px 40px -22px rgba(63,111,186,.7) !important; }

/* ---- sign-up wizard (landing onboarding) ---- */
#landingOnboardingFullscreen { background: radial-gradient(800px 480px at 85% 0%, rgba(63,111,186,.26), transparent 65%), radial-gradient(700px 400px at 0% 100%, rgba(14,159,110,.12), transparent 70%), #070D18 !important; color: #D3DEEF; }
#landingOnboardingFullscreen header, #landingOnboardingFullscreen footer, #landingOnboardingFullscreen [class*="backdrop-blur"] { background-color: rgba(10,20,36,.78) !important; border-color: rgba(255,255,255,.12) !important; }
#landingOnboardingFullscreen [class*="bg-gray-200"] { background-color: rgba(255,255,255,.14) !important; }
#landingOnboardingFullscreen [class~="p-0.5"] > button[class*="bg-white"], #landingOnboardingFullscreen [class~="p-0.5"] > button[class*="bg-brand"] { background-color: #fff !important; background-image: none !important; color: #12203A !important; box-shadow: 0 2px 6px rgba(0,0,0,.35); font-weight: 800; }
#landingOnboardingFullscreen [class~="p-0.5"] > button:not([class*="bg-white"]):not([class*="bg-brand"]) { color: #AEBDD2 !important; background: transparent !important; }
#landingOnboardingFullscreen button[disabled], #landingOnboardingFullscreen button:disabled { opacity: .45; }
#obLegalModal > div, #obLegalModal [class*="bg-white"] { background-color: #0D1829 !important; }

/* ---- phone mode (perf-lite) forces solid white on glass cards: keep them dark there too ---- */
html.perf-lite body .glass-card, html.perf-lite body [class*="backdrop-blur"][class*="bg-white/"] { background-color: rgba(20,30,48,.97) !important; }
html.perf-lite body nav.fixed.top-3, html.perf-lite body #mainNav > div:first-child { background-color: rgba(10,20,36,.95) !important; }

/* ---- help chat (bottom right) ---- */
#bmsHelpBot .bhb-fab { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%); border-color: rgba(255,255,255,.22); box-shadow: 0 14px 30px -12px rgba(0,0,0,.6); }
#bmsHelpBot .bhb-fab:hover { background: linear-gradient(180deg, #4A7AC4 0%, #2F5593 100%); }
#bmsHelpBot .bhb-greet { background: #0D1829; border-color: rgba(255,255,255,.16); color: #E4ECF8; box-shadow: 0 14px 30px -12px rgba(0,0,0,.6); }
#bmsHelpBot .bhb-greet::after { background: #0D1829; border-color: rgba(255,255,255,.16); }
#bmsHelpBot .bhb-greet .bhb-gx { color: #8091A8; }
#bmsHelpBot .bhb-greet .bhb-gx:hover { background: rgba(255,255,255,.1); color: #fff; }
#bmsHelpBot .bhb-panel { background: #0A1424; border-color: rgba(255,255,255,.14); box-shadow: 0 25px 50px -12px rgba(0,0,0,.7); }
#bmsHelpBot .bhb-head { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%); border-bottom-color: rgba(255,255,255,.12); }
#bmsHelpBot .bhb-msgs { background: #070D18; }
#bmsHelpBot .bhb-bot { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.13); color: #E4ECF8; }
#bmsHelpBot .bhb-me { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%); color: #fff; }
#bmsHelpBot .bhb-typing i { background: #8091A8; }
#bmsHelpBot .bhb-opt { background: rgba(255,255,255,.05); border-color: rgba(255,255,255,.18); color: #D3DEEF; }
#bmsHelpBot .bhb-opt:hover { background: rgba(255,255,255,.11); border-color: #6E96D4; }
#bmsHelpBot .bhb-opt .bhb-oi { color: #8FB4EC; }
#bmsHelpBot .bhb-opt .bhb-oc { color: #8091A8; }
#bmsHelpBot .bhb-link { background: transparent; border-color: #6E96D4; color: #8FB4EC; }
#bmsHelpBot .bhb-link:hover { background: rgba(255,255,255,.09); }
#bmsHelpBot .bhb-link.pri { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%); color: #fff; border-color: rgba(255,255,255,.2); }
#bmsHelpBot .bhb-link.pri:hover { background: linear-gradient(180deg, #4A7AC4 0%, #2F5593 100%); }
#bmsHelpBot .bhb-foot { background: #0A1424; border-top-color: rgba(255,255,255,.1); }
#bmsHelpBot .bhb-ctl { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.16); color: #D3DEEF; }
#bmsHelpBot .bhb-ctl:hover { background: rgba(255,255,255,.12); }

/* ---- searchable city list (sign-up) ---- */
body .bmscs-btn { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2); color: #F4F8FF; }
body .bmscs-btn .ph { color: #8091A8; }
body .bmscs-btn svg { color: #A9BAD2; }
body .bmscs-btn:focus, body .bmscs.open .bmscs-btn { border-color: #6E96D4; box-shadow: 0 0 0 2px rgba(63,111,186,.35); }
body .bmscs-list { background: #0D1829; border-color: rgba(255,255,255,.16); box-shadow: 0 16px 36px rgba(0,0,0,.55); }
body .bmscs-search { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.1); }
body .bmscs-search input { background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.2); color: #F4F8FF; }
body .bmscs-grp, body .bmscs-none { color: #8091A8; }
body .bmscs-item { color: #D3DEEF; }
body .bmscs-item:hover, body .bmscs-item.hl { background: rgba(255,255,255,.08); }
body .bmscs-item.sel { background: rgba(63,111,186,.4); color: #fff; }

/* ---- fields on the support form etc. ---- */
body input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not(nav *):not(nav), body textarea:not(nav *):not(nav), body select:not(nav *):not(nav) {
  background-color: rgba(255,255,255,.06) !important; color: #F4F8FF; border-color: rgba(255,255,255,.2);
}
body input:not(nav *):not(nav)::placeholder, body textarea:not(nav *):not(nav)::placeholder { color: #8091A8; }
body option { background: #0D1829; color: #F4F8FF; }

/* ---- logos: the tile behind the app logo is no longer white ---- */
body img[src*="logo"]:not(nav *):not(nav), body img[alt*="Logo"]:not(nav *):not(nav) { background: transparent !important; box-shadow: none; }

/* ---- top bar: dark glass ---- */
nav.fixed.top-3, #mainNav > div:first-child {
  background: rgba(10, 20, 36, .72) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: 0 8px 24px -14px rgba(0,0,0,.6) !important;
}
nav.fixed.top-3 a, nav.fixed.top-3 button, nav.fixed.top-3 span { color: #D3DEEF; }
nav.fixed.top-3 a:hover { color: #fff; }
nav.fixed.top-3 .bg-brand, nav.fixed.top-3 a.bg-brand { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%) !important; color: #fff !important; }
nav.fixed.top-3 a.bg-white, nav.fixed.top-3 a[class*="bg-white"], nav.fixed.top-3 a.border { background: rgba(255,255,255,.06) !important; border-color: rgba(255,255,255,.22) !important; color: #EAF1FC !important; }
nav.fixed.top-3 a.bg-white:hover, nav.fixed.top-3 a.border:hover { background: rgba(255,255,255,.12) !important; }
nav.fixed.top-3 [class*="bg-gray-100"], nav.fixed.top-3 [class*="bg-gray-50"] { background: rgba(255,255,255,.07) !important; }
nav.fixed.top-3 img { background: transparent !important; }
nav #navSignInBtn, nav.fixed.top-3 a[id*="SignIn"] { background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.24) !important; color: #EAF1FC !important; }
nav #navSignInBtn:hover { background: rgba(255,255,255,.14) !important; color: #fff !important; }
#mobileMenu, #mobileMenu > div { background: #0D1829 !important; color: #D3DEEF; }
#mobileMenu a { color: #D3DEEF; }
#mobileMenu [class*="bg-gray-50"], #mobileMenu [class*="bg-gray-100"], #mobileMenu [class*="bg-white"] { background: rgba(255,255,255,.06) !important; }
#mobileMenu [class*="border-gray"] { border-color: rgba(255,255,255,.12) !important; }
#siteLangSwitch { background: rgba(255,255,255,.08) !important; }
#siteLangSwitch button { color: #AEBDD2 !important; }
#siteLangSwitch button[aria-pressed="true"] { background: #fff !important; color: #12203A !important; }

/* ---- footer ---- */
footer { color: #93A4BC; }
footer a { color: #A9BAD2; }
footer a:hover { color: #fff; }

/* ---- wizard accents (dark blue on the light page, light blue here) ---- */
body [class~="text-[#2E5796]"]:not(nav *) { color: #8FB4EC; }
body [class~="hover:text-[#2E5796]"]:hover:not(nav *) { color: #fff; }

/* ============================================================
   Dark page: the landing pages now share one dark gradient background (landing-dark.css), so these sections sit on it
   instead of on white bands.
   ============================================================ */
.lp { color: #D3DEEF; }
.lp-h2, .lp-step__title, .lp-card__title { color: #F4F8FF; }
.lp-lede, .lp-how__note, .lp-card__text, .lp-step__text, .lp-faq__a, .lp-proof__label { color: #A9BAD2; }
.lp-eyebrow { color: #CFE0FA; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.14); }
.lp-section--soft { background: rgba(255,255,255,.025); border-block: 1px solid rgba(255,255,255,.07); }
.lp-proof { background: transparent; border-block: 1px solid rgba(255,255,255,.08); }
.lp-proof__item { border-left-color: rgba(255,255,255,.1); }
.lp-proof__value { color: #F4F8FF; }
.lp-chip { color: #D3DEEF; background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.12); }
.lp-tour { background: transparent; }
.lp-security { background: rgba(255,255,255,.02); }
.lp-card { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.09); }
.lp-card__num, .lp-step__num { color: #E7A93C; }
.lp-step { border-top-color: rgba(255,255,255,.12); }
.lp-faq__item { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.09); box-shadow: none; }
.lp-faq__item[open] { border-color: rgba(255,255,255,.2); box-shadow: none; }
.lp-faq__item summary { color: #F4F8FF; }
.lp-faq__plus::before, .lp-faq__plus::after { background: #9DBBE6; }
.lp-faq__a a { color: #9DBBE6; }
.lp-cta__card { border: 1px solid rgba(255,255,255,.1); }

/* modal panels must be solid in dark mode (the generic white-to-glass rule above would make them see-through) */
#supportModal .bg-white, [id$="Modal"] .rounded-3xl.bg-white, [id$="Modal"] .rounded-2xl.bg-white, [role="dialog"] .rounded-3xl.bg-white, [role="dialog"] .rounded-2xl.bg-white { background-color: #0D1829 !important; background-image: none !important; border-color: rgba(255,255,255,.14); backdrop-filter: none !important; }

/* long-form pages (about, privacy, terms): inline .prose colours are dark slate, so lift them in dark mode */
.prose h1, .prose h2, .prose h3, .prose h4, .prose strong { color: #F4F8FF !important; }
.prose p, .prose li, .prose ul, .prose ol, .prose td, .prose th, .prose span { color: #A9BAD2 !important; }
.prose a { color: #8FB2E8 !important; }

/* modal backdrop: dark and blurred (no grey wash) */
#supportModal > .absolute.inset-0, [id$="Modal"] > .absolute.inset-0 { background-color: rgba(3,8,18,.66) !important; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px) !important; }

/* support modal: gradient panel and the same blue gradient button as the rest of the page */
#supportModal .relative.bg-white { background-image: linear-gradient(160deg, #15294A 0%, #0D1829 55%, #0A1322 100%) !important; }
#supportModal button[class*="bg-[#475B6E]"], #supportModal button[type="submit"] { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%) !important; color: #fff; box-shadow: 0 10px 22px -12px rgba(0,0,0,.7); }
#supportModal button[class*="bg-[#475B6E]"]:hover, #supportModal button[type="submit"]:hover { background: linear-gradient(180deg, #4A7AC4 0%, #2F5593 100%) !important; }

/* EN | SW and light | dark switches in dark mode: blue gradient highlight slides behind the selected option */
#siteLangSwitch .bms-slider, #siteThemeSwitch .bms-slider { background: linear-gradient(180deg, #3B69B3 0%, #28487E 100%) !important; box-shadow: 0 6px 14px -8px rgba(0,0,0,.7) !important; }
#siteLangSwitch button[aria-pressed="true"], #siteThemeSwitch button[aria-pressed="true"] { background: transparent !important; color: #fff !important; box-shadow: none !important; }
#siteThemeSwitch { background: rgba(255,255,255,.08) !important; }
#siteThemeSwitch button { color: #AEBDD2 !important; }
#siteThemeSwitch button[aria-pressed="true"] { color: #fff !important; }

/* mobile menu in dark mode: solid dark panel, rounded glass tiles */
#mobileMenu { background: rgba(10,18,32,.97) !important; border-color: rgba(255,255,255,.14) !important; backdrop-filter: none !important; }
#mobileNavGrid a { background: rgba(255,255,255,.07) !important; border: 1px solid rgba(255,255,255,.1) !important; color: #E8EEF8 !important; }
#mobileNavGrid a:hover { background: rgba(143,178,232,.18) !important; color: #fff !important; }

/* slim themed scrollbars (page, help chat, menus) */
html, html * { scrollbar-width: thin; scrollbar-color: rgba(143,178,232,.38) transparent; }
@supports not (scrollbar-color: auto) {
  html ::-webkit-scrollbar { width: 8px; height: 8px; }
  html ::-webkit-scrollbar-track { background: transparent; }
  html ::-webkit-scrollbar-thumb { background: rgba(143,178,232,.38); border-radius: 8px; }
  html ::-webkit-scrollbar-button { display: none; }
}