/* ORYKSA site: light version (owner 2026-09-27). Dark stays the default; the sun/moon button in the header switches
   and the choice is remembered (localStorage lp_theme). Colours only; layout never changes between themes. */
.lp-logo-light { display: none !important; }
.lp-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 38px; height: 38px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.25); background: transparent; color: #fff; font-size: 17px; cursor: pointer; margin-right: 10px;
  flex-shrink: 0; padding: 0; transition: background .2s, color .2s; }
.lp-theme-toggle:hover { background: rgba(255,255,255,.08); }

html[data-theme="light"] .lp-logo-dark { display: none !important; }
html[data-theme="light"] .lp-logo-light { display: inline-block !important; }
html[data-theme="light"] .lp-theme-toggle { border-color: #d6dce8; color: #0f172a; }
html[data-theme="light"] .lp-theme-toggle:hover { background: #f1f5f9; }

/* header */
html[data-theme="light"] #header.header { background: rgba(255,255,255,.97) !important; border-bottom: 1px solid #e6eaf2 !important; box-shadow: 0 1px 14px rgba(15,23,42,.06) !important; }
html[data-theme="light"] #header .navmenu a, html[data-theme="light"] #header .navmenu a:focus { color: #1e293b !important; }
html[data-theme="light"] #header .navmenu a:hover, html[data-theme="light"] #header .navmenu .active, html[data-theme="light"] #header .navmenu .active:focus { color: #5b57e0 !important; }
html[data-theme="light"] #header select { background: #fff !important; color: #0f172a !important; border-color: #d6dce8 !important; }
html[data-theme="light"] #header .btn-login-header { color: #1e293b !important; border-color: #cbd5e1 !important; }
html[data-theme="light"] #lp-bell { border-color: #d6dce8 !important; color: #0f172a !important; }
html[data-theme="light"] #lp-bell i, html[data-theme="light"] #lp-bell svg { color: #0f172a !important; stroke: currentColor; }
html[data-theme="light"] #header .mobile-nav-toggle { color: #0f172a !important; }
html[data-theme="light"] #lp-user-chip { color: #0f172a !important; }
html[data-theme="light"] #lp-user-menu { background: #fff !important; border-color: #e2e8f0 !important; box-shadow: 0 10px 30px rgba(15,23,42,.12) !important; }
html[data-theme="light"] #lp-user-menu a, html[data-theme="light"] #lp-user-greeting { color: #1e293b !important; background: transparent !important; border-color: #eef2f7 !important; }
html[data-theme="light"] #lp-user-menu a[onclick*="SignOut"] { color: #dc2626 !important; }
@media (max-width: 1199px) {
  html[data-theme="light"].mobile-nav-active .navmenu > ul, html[data-theme="light"] .mobile-nav-active .navmenu > ul { background: #fff !important; }
  html[data-theme="light"] .mobile-nav-active .navmenu { background: rgba(15,23,42,.35) !important; }
}

/* hero: the video fades into white */
html[data-theme="light"] #hero.hero { background: linear-gradient(160deg, #ffffff 0%, #f5f7ff 45%, #eef2ff 100%) !important; color: #0f172a; }
html[data-theme="light"] #hero .line-1 { color: #0f172a !important; }
html[data-theme="light"] #hero .hero-lead-new { color: #334155 !important; }
html[data-theme="light"] #hero .hero-cta-wrap > div, html[data-theme="light"] #hero .hero-cta-wrap small { color: #64748b !important; }
html[data-theme="light"] .hero-photo-wrap::after { background: linear-gradient(to bottom, transparent 0%, rgba(255,255,255,.88) 92%) !important; }
html[data-theme="light"] .hero-photo-wrap::before { background: linear-gradient(to right, transparent 0%, rgba(255,255,255,.8) 95%) !important; }
html[data-theme="light"] .hero-stat { background: rgba(255,255,255,.95) !important; border: 1px solid #e6eaf2 !important; box-shadow: 0 12px 30px rgba(15,23,42,.12) !important; }
html[data-theme="light"] .hero-stat .hs-label { color: #64748b !important; }
html[data-theme="light"] .hero-stat .hs-value { color: #0f172a !important; }
html[data-theme="light"] .hero-sound { background: rgba(255,255,255,.88) !important; color: #0f172a !important; border-color: #d6dce8 !important; }

/* live WhatsApp demo + sign-up card */
html[data-theme="light"] #wa-live { background: #f5f7fb !important; }
html[data-theme="light"] #wl-wrap { background: #fff !important; border-color: #e6eaf2 !important; box-shadow: 0 18px 50px rgba(15,23,42,.08); }
html[data-theme="light"] #wl-right { background: #f8fafc !important; border-color: #e6eaf2 !important; }
html[data-theme="light"] #wl-left h3 { color: #0f172a !important; }
html[data-theme="light"] #wl-left .wl-sub, html[data-theme="light"] .wl-note, html[data-theme="light"] .wl-note span { color: #64748b !important; }
html[data-theme="light"] .wl-or { color: #94a3b8 !important; }
html[data-theme="light"] .wl-or::before, html[data-theme="light"] .wl-or::after { background: #e2e8f0 !important; }
html[data-theme="light"] .wl-social { background: #fff !important; border-color: #d6dce8 !important; color: #0f172a !important; }
html[data-theme="light"] .wl-social span { color: #0f172a !important; }
html[data-theme="light"] .wl-social:hover { border-color: #4f6ff5 !important; }
html[data-theme="light"] #wa-live input { background: #fff !important; border-color: #d6dce8 !important; color: #0f172a !important; }
html[data-theme="light"] #wa-live input::placeholder { color: #94a3b8 !important; }
html[data-theme="light"] #wl-right span, html[data-theme="light"] #wl-right li { color: #334155; }
html[data-theme="light"] #wl-demo { background: #efeae2 !important; }
html[data-theme="light"] #wl-demo .wl-head { color: #54656f !important; }
html[data-theme="light"] .wl-in { background: #fff !important; color: #111b21 !important; box-shadow: 0 1px .5px rgba(11,20,26,.13); }
html[data-theme="light"] .wl-out, html[data-theme="light"] #wl-typing { background: #d9fdd3 !important; color: #111b21 !important; box-shadow: 0 1px .5px rgba(11,20,26,.13); }
html[data-theme="light"] #wl-typing span { background: #54656f !important; }
html[data-theme="light"] .wl-voice .vp { background: rgba(17,27,33,.1) !important; }
html[data-theme="light"] .wl-bars i { background: rgba(17,27,33,.55) !important; }
html[data-theme="light"] .wl-dur { color: #54656f !important; }
html[data-theme="light"] .wl-foot { color: #1f9d55 !important; }

/* the dark strip at the bottom of the hero */
html[data-theme="light"] #hero.hero::after { background: #f5f7fb !important; }

/* hero video: the bottom fade starts a little lower, both themes (owner 2026-09-27: "baixa só um pouquinho") */
#hero .hero-photo-wrap .hero-photo {
  -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 30%), linear-gradient(to left, transparent 0%, #000 22%), linear-gradient(to bottom, #000 0%, #000 58%, transparent 97%);
          mask-image: linear-gradient(to right, transparent 0%, #000 25%), linear-gradient(to left, transparent 0%, #000 12%), linear-gradient(to bottom, #000 0%, #000 58%, transparent 97%);
}
#hero .hero-photo-wrap::after { height: 30%; }

/* hero line breaks only on wide screens (owner 2026-09-27) */
@media (max-width: 991px) { .lp-br-lg { display: none; } }

/* one light background for the hero, its fades and the section below (owner 2026-09-27: the fade starts in the
   background colour, no edge anywhere) */
html[data-theme="light"] #hero.hero { background: #f5f7fb !important; }
html[data-theme="light"] #hero .hero-photo-wrap::after { background: linear-gradient(to bottom, rgba(245,247,251,0) 0%, rgba(245,247,251,.92) 88%, #f5f7fb 100%) !important; }
html[data-theme="light"] #hero .hero-photo-wrap::before { background: linear-gradient(to right, rgba(245,247,251,0) 0%, rgba(245,247,251,.85) 95%) !important; }
html[data-theme="light"] #hero.hero::after, html[data-theme="light"] #wa-live { background: #f5f7fb !important; }
/* one light background */

/* ===== Dark version of the static pages (terms, privacy, cookies, integrations, investors). MASTER 2, 2026-09-30.
   Universal theme rule: colours only by html[data-theme]; dark = html:not([data-theme="light"]). Scoped with :has() to
   the page content class so the home page is untouched. Layout never changes between themes. */
html:not([data-theme="light"]) body:has(.legal-page), html:not([data-theme="light"]) body:has(.ipage), html:not([data-theme="light"]) body:has(.inv-content) {
  --background-color: #0a1628; --surface-color: #0f1e32; --default-color: #c8d3e3; --heading-color: #ffffff;
  background-color: #0a1628 !important; color: #c8d3e3;
}
html:not([data-theme="light"]) body:has(.legal-page) main, html:not([data-theme="light"]) body:has(.ipage) main, html:not([data-theme="light"]) body:has(.inv-content) main { background: #0a1628; }
/* legal pages: terms, privacy, cookies */
html:not([data-theme="light"]) .legal-page { background: #0a1628; }
html:not([data-theme="light"]) .legal-page h1, html:not([data-theme="light"]) .legal-page h2, html:not([data-theme="light"]) .legal-page h3, html:not([data-theme="light"]) .legal-page h4, html:not([data-theme="light"]) .legal-page strong { color: #ffffff; }
html:not([data-theme="light"]) .legal-page p, html:not([data-theme="light"]) .legal-page li, html:not([data-theme="light"]) .legal-page td { color: #c8d3e3; }
html:not([data-theme="light"]) .legal-meta { color: #8fa3bf; }
html:not([data-theme="light"]) .legal-page a:not(.ck-btn) { color: #7f9bff; }
html:not([data-theme="light"]) .legal-toc { background: rgba(79,111,245,.12); border-left-color: #4f6ff5; }
html:not([data-theme="light"]) .legal-page .ck-wrap { border-color: rgba(127,155,255,.25); }
html:not([data-theme="light"]) .legal-page table.ck th { background: rgba(79,111,245,.16); color: #ffffff; }
html:not([data-theme="light"]) .legal-page table.ck td { border-top-color: rgba(127,155,255,.16); }
html:not([data-theme="light"]) .legal-page table.ck code, html:not([data-theme="light"]) .legal-page code { color: #dbe5ff; background: transparent; }
/* integrations (connectors) page */
html:not([data-theme="light"]) .ipage { background: #0a1628; }
html:not([data-theme="light"]) .ipage h1, html:not([data-theme="light"]) .ipage h2, html:not([data-theme="light"]) .ipage-card .ic-body h3 { color: #ffffff; }
html:not([data-theme="light"]) .ipage .ipage-lead, html:not([data-theme="light"]) .ipage-card .ic-body p { color: #aebbd0; }
html:not([data-theme="light"]) .ipage-cats h4 { color: #8fa3bf; }
html:not([data-theme="light"]) .ipage-cats li { color: #dbe5ff; border-bottom-color: rgba(255,255,255,.08); }
html:not([data-theme="light"]) .ipage-cats li:hover, html:not([data-theme="light"]) .ipage-cats li.active { color: #7f9bff; }
html:not([data-theme="light"]) .ipage-cats li .ic-count { color: #8fa3bf; }
html:not([data-theme="light"]) .ipage-suggest { background: #0f1e32; color: #c8d3e3; }
html:not([data-theme="light"]) .ipage-card { background: #0f1e32; border-color: rgba(255,255,255,.09); }
html:not([data-theme="light"]) .ipage-card:hover { border-color: rgba(127,155,255,.45); }
/* investors page */
html:not([data-theme="light"]) .inv-content, html:not([data-theme="light"]) .inv-section { background: transparent; color: #c8d3e3; }
html:not([data-theme="light"]) .inv-section h2, html:not([data-theme="light"]) .inv-section h3, html:not([data-theme="light"]) .inv-section h4, html:not([data-theme="light"]) .inv-section strong { color: #ffffff; }
html:not([data-theme="light"]) .inv-section p, html:not([data-theme="light"]) .inv-section li, html:not([data-theme="light"]) .section-sub { color: #aebbd0; }
html:not([data-theme="light"]) .callout { background: #0f1e32; color: #c8d3e3; }
html:not([data-theme="light"]) .callout.green { background: rgba(16,185,129,.14); }
html:not([data-theme="light"]) .callout.amber { background: rgba(245,158,11,.14); }
html:not([data-theme="light"]) .red-text { color: #f87171; }
html:not([data-theme="light"]) .green-text { color: #34d399; }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card { background: #0f1e32; border-color: rgba(255,255,255,.09); }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card .value { color: #ffffff; }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card .label { color: #aebbd0; }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card.red { background: rgba(220,38,38,.14); border-color: rgba(248,113,113,.3); }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card.red .value { color: #f87171; }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card.amber { background: rgba(217,119,6,.14); border-color: rgba(253,230,138,.3); }
html:not([data-theme="light"]) .inv-section .stat-grid .stat-card.amber .value { color: #fbbf24; }
html:not([data-theme="light"]) .inv-table, html:not([data-theme="light"]) .inv-table th, html:not([data-theme="light"]) .inv-table td { --bs-table-bg: transparent; --bs-table-color: #c8d3e3; background-color: transparent; color: #c8d3e3; border-color: rgba(255,255,255,.1); }
html:not([data-theme="light"]) .inv-table thead th { color: #ffffff; background: rgba(79,111,245,.14); }
html:not([data-theme="light"]) .inv-table .row-total td, html:not([data-theme="light"]) .inv-table tr.row-total { color: #ffffff; background: rgba(255,255,255,.04); }
html:not([data-theme="light"]) .highlight { background: rgba(79,111,245,.18); color: #ffffff; }
/* investors hero in the light theme (was a fixed dark gradient) */
html[data-theme="light"] .inv-hero { background: linear-gradient(160deg, #ffffff 0%, #f5f7ff 45%, #eef2ff 100%) !important; color: #0f172a !important; }
html[data-theme="light"] .inv-hero h1 { color: #0f172a !important; }
html[data-theme="light"] .inv-hero p.lead, html[data-theme="light"] .inv-hero .lead { color: #334155 !important; }
html[data-theme="light"] .inv-hero .badge-meta { color: #047857 !important; background: rgba(16,185,129,.12) !important; }