/* ── SMOOTHER theme transitions (0.42s atelier ease) ───────────────── */
  html, body, header, nav, main, aside, footer, section, article,
  [class*="card"], [class*="-tile"], [class*="-pill"], [class*="-cell"],
  [class*="bento"], [class*="price-"], [class*="voice-"], [class*="drop-"],
  [class*="bt-"], [class*="int-"], [class*="iv-"], [class*="foot-"],
  [class*="community-"], [class*="hero-"], [class*="nav-"], [class*="trust-"] {
    transition:
      background-color  0.42s cubic-bezier(.22,1,.36,1),
      border-color      0.42s cubic-bezier(.22,1,.36,1),
      color             0.32s cubic-bezier(.22,1,.36,1),
      box-shadow        0.42s cubic-bezier(.22,1,.36,1),
      opacity           0.32s ease-out;
  }
  @media (prefers-reduced-motion: reduce) {
    html, body, header, nav, main, aside, footer, section, article,
    [class*="card"], [class*="-tile"], [class*="-pill"], [class*="-cell"],
    [class*="bento"], [class*="price-"], [class*="voice-"], [class*="drop-"],
    [class*="bt-"], [class*="int-"], [class*="iv-"], [class*="foot-"],
    [class*="community-"], [class*="hero-"], [class*="nav-"], [class*="trust-"] {
      transition: none;
    }
  }

  /* ── HERO: invert galaxy starfield for light mode ─────────────────── */
  [data-theme="light"] .hero-stars canvas {
    filter: invert(1) hue-rotate(180deg);
    mix-blend-mode: multiply;
    opacity: 0.55;
  }
  [data-theme="light"] .hero-beams,
  [data-theme="light"] .hero-bars-bg,
  [data-theme="light"] .hero-bars-glow,
  [data-theme="light"] .hero-grid {
    opacity: 0 !important;
  }
  [data-theme="light"] .hero-wisps {
    opacity: 0.25;
    filter: invert(1);
  }
  [data-theme="light"] .hero-glow {
    background:
      radial-gradient(ellipse 70% 55% at 25% 20%, rgba(176, 68, 232, 0.07), transparent 60%),
      radial-gradient(ellipse 60% 50% at 75% 75%, rgba(184, 135, 13, 0.05), transparent 55%);
  }
  [data-theme="light"] .hero-glow::before,
  [data-theme="light"] .hero-glow::after {
    background: transparent !important;
  }
  [data-theme="light"] .hero-glow .hero-topdark {
    background: linear-gradient(180deg, rgba(245,245,247,0.85), transparent) !important;
  }

  /* ── ANNOUNCEMENT BAR ──────────────────────────────────────────── */
  [data-theme="light"] .announce {
    background: rgba(255,255,255,0.85);
    border-bottom: 1px solid var(--line);
  }
  [data-theme="light"] .ann-btn {
    background: rgba(0,0,0,0.04);
    border: 1px solid var(--line);
    color: var(--fg);
  }
  [data-theme="light"] .ann-btn:hover {
    background: rgba(0,0,0,0.08);
    border-color: var(--line-2);
  }

  /* ── NAV (top flat + scroll pill + drawer) ───────────────────── */
  [data-theme="light"] .nav-pill {
    background: rgba(255,255,255,0.92);
    border: 1px solid var(--line);
    box-shadow: 0 8px 28px -10px rgba(0,0,0,0.10), 0 2px 6px rgba(0,0,0,0.04);
  }
  [data-theme="light"] .nav-pill::before { background: transparent; }
  [data-theme="light"] .nav-pill .btn-demo {
    background: var(--fg);
    color: var(--bg);
    border: 1px solid var(--line-2);
  }
  [data-theme="light"] .nav-pill .btn-demo:hover {
    background: var(--fg-dim);
  }
  [data-theme="light"] .nav-pill .pill-login,
  [data-theme="light"] .nav-login {
    color: var(--fg-dim);
  }
  [data-theme="light"] .nav-pill .pill-login:hover,
  [data-theme="light"] .nav-login:hover { color: var(--fg); }
  [data-theme="light"] .nav-hamburger span {
    background: var(--fg);
  }
  [data-theme="light"] .nav-drawer {
    background: var(--bg-elev);
    border-left: 1px solid var(--line);
  }
  [data-theme="light"] .nav-drawer-backdrop {
    background: rgba(0,0,0,0.40);
  }

  /* ── HERO PILL ("V1.3 BETA LAUNCH | AI for 6 and 7 figure sellers") + dot ───────── */
  [data-theme="light"] .hero-pill {
    background: rgba(255,255,255,0.85);
    border: 1px solid var(--line);
    color: var(--fg);
    box-shadow: 0 4px 14px -6px rgba(0,0,0,0.08);
  }
  [data-theme="light"] .hero-pill::before { background: transparent !important; }
  [data-theme="light"] .hero-pill b { color: var(--fg); }
  [data-theme="light"] .hero-pill .pill-dot {
    background: var(--purple);
    box-shadow: 0 0 0 3px rgba(176,68,232,0.18), 0 0 10px rgba(176,68,232,0.4);
  }

  /* ── HERO H1/H2/H3 ────────────────────────────────────────────── */
  [data-theme="light"] h1,
  [data-theme="light"] h2,
  [data-theme="light"] h3 {
    color: var(--fg);
  }

  /* ── PRIMARY BUTTONS ──────────────────────────────────────────── */
  [data-theme="light"] .btn-primary,
  [data-theme="light"] .cta-primary {
    background: var(--fg);
    color: var(--bg);
    border: 1px solid var(--line-2);
    box-shadow: 0 4px 14px -6px rgba(0,0,0,0.18);
  }
  [data-theme="light"] .btn-primary:hover,
  [data-theme="light"] .cta-primary:hover {
    background: #1a1a1f;
    box-shadow: 0 8px 22px -10px rgba(0,0,0,0.25);
  }
  [data-theme="light"] .btn-secondary,
  [data-theme="light"] .cta-secondary {
    background: rgba(0,0,0,0.04);
    border: 1px solid var(--line);
    color: var(--fg);
  }

  /* ── TRUST BAR ─────────────────────────────────────────────────── */
  [data-theme="light"] .trust-bar {
    background: transparent;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
  }
  [data-theme="light"] .trust-bar .tb-caption { color: var(--fg-dim); }
  [data-theme="light"] .trust-bar .tb-caption em { color: var(--fg); font-style: italic; }
  [data-theme="light"] .tb-logo img {
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    filter: none !important;
  }

  /* ── INTEGRATION TILES ─────────────────────────────────────────── */
  [data-theme="light"] #how,
  [data-theme="light"] #phases,
  [data-theme="light"] #faq {
    background: linear-gradient(180deg, transparent, rgba(176,68,232,0.025), transparent) !important;
    border-top: 1px solid var(--line) !important;
    border-bottom: 1px solid var(--line) !important;
  }
  [data-theme="light"] .int-tile {
    background: var(--bg-card);
    border: 1px solid var(--line);
    box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 4px 14px rgba(0,0,0,0.04);
  }
  [data-theme="light"] .int-tile:hover {
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
    border-color: var(--line-2);
  }
  [data-theme="light"] .int-logo {
    background: transparent !important;
    border: 1px solid var(--line) !important;
  }
  [data-theme="light"] .int-logo img {
    width: 18px !important;
    height: 18px !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    filter: none !important;
  }
  [data-theme="light"] .int-name { color: var(--fg); }
  [data-theme="light"] .int-desc { color: var(--fg-dim); }
  [data-theme="light"] .int-chevron { color: var(--fg-mute); }
  [data-theme="light"] .int-viz {
    border-top: 1px solid var(--line) !important;
  }

  /* ── BT-TILE (Operational Truth — reference pattern, just tighten shadow) ── */
  [data-theme="light"] .bt-tile {
    box-shadow: 0 1px 2px rgba(0,0,0,0.03), 0 4px 14px rgba(0,0,0,0.04);
  }
  [data-theme="light"] .bt-rev-col .seg.s4 { background: rgba(0,0,0,0.32); }
  [data-theme="light"] .bt-credo { color: var(--fg-dim); }
  [data-theme="light"] .bt-timeline { color: var(--fg-dim); }

  /* ── PRICING — featured tier ───────────────────────────────────── */
  [data-theme="light"] .price-card:not(.featured):hover {
    box-shadow: 0 4px 22px rgba(0,0,0,0.07);
    border-color: var(--line-2);
  }
  [data-theme="light"] .price-card.featured {
    background: var(--bg-card);
    border: 1.5px solid var(--purple);
    box-shadow:
      0 0 0 4px rgba(176,68,232,0.06),
      0 8px 28px -8px rgba(176,68,232,0.18),
      0 4px 14px rgba(0,0,0,0.04);
  }
  [data-theme="light"] .price-card.featured::before {
    background: linear-gradient(180deg, rgba(176,68,232,0.07), transparent 50%);
    opacity: 1;
  }
  [data-theme="light"] .price-card.featured .price-amount .amt {
    background: linear-gradient(135deg, var(--purple) 0%, var(--gold) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
  }
  [data-theme="light"] .price-toggle {
    background: rgba(0,0,0,0.04);
    border: 1px solid var(--line);
  }

  /* ── CTA ────────────────────────────────────────────────────────── */
  [data-theme="light"] .cta::before {
    background: linear-gradient(180deg, transparent, rgba(176,68,232,0.04), transparent);
  }

  /* ── FOOTER ─────────────────────────────────────────────────────── */
  [data-theme="light"] .site-foot {
    background: rgba(0,0,0,0.025);
    border-top: 1px solid var(--line);
    color: var(--fg-dim);
  }
  [data-theme="light"] .foot-top,
  [data-theme="light"] .foot-bottom {
    border-color: var(--line);
  }
  [data-theme="light"] .foot-col a,
  [data-theme="light"] .foot-copy,
  [data-theme="light"] .foot-status {
    color: var(--fg-mute);
  }
  [data-theme="light"] .foot-col a:hover { color: var(--fg); }
  [data-theme="light"] .foot-status .dot { background: var(--green); }

  /* ── Universal text/border fixes ───────────────────────────────── */
  [data-theme="light"] strong,
  [data-theme="light"] em,
  [data-theme="light"] b { color: var(--fg); }
  [data-theme="light"] hr { border-color: var(--line); }
  [data-theme="light"] code,
  [data-theme="light"] kbd {
    background: rgba(0,0,0,0.04);
    border: 1px solid var(--line);
    color: var(--fg);
  }