/**
 * A/B variant: dark “hustle” shell for index-dark.html only.
 * Scoped with html[data-ab-dark="hustle"] — does not affect home.html.
 * Premium SaaS: single canvas #0A0A0F, transparent rails/sections, cards #15151E.
 */

/* ── Base canvas (#0A0A0F) ─────────────────────────────────────────── */
html[data-ab-dark="hustle"] {
  background-color: #0a0a0f !important;
  background-image: none !important;
  /* Tokens for sections that read CSS variables */
  --bg: #0a0a0f;
  --surface: #15151e;
  --text: #ffffff;
  --muted: #a1a1aa;
  --border: #2a2a3a;
  --truffl-marketing-page-bg: #0a0a0f;
  /* Same as page canvas — no separate “band” tints */
  --truffl-reviews-rose-surface: #0a0a0f;
  --secondary-surface: #1a1a24;
  --charcoal-500: #ffffff;
  --charcoal-450: #ffffff;
  --charcoal-400: #d4d4d8;
  --charcoal-350: #a1a1aa;
  --charcoal-700: #ffffff;
  --feature-video-matte: #0a0a0f;
  --home-page-gradient: none;
  --chat-input-bg: #15151e;
  --chat-input-border: #2a2a3a;
  --chat-input-shadow: 0 4px 18px rgba(0, 0, 0, 0.45);
  --placeholder: #a1a1aa;
  --nav-auth-signin-bg: rgba(139, 92, 246, 0.12);
  --nav-auth-signin-hover-bg: rgba(139, 92, 246, 0.2);
  --nav-auth-signin-border: rgba(139, 92, 246, 0.45);
  --nav-auth-signin-border-hover: rgba(139, 92, 246, 0.65);
  --nav-auth-signin-text: #ffffff;
  --pw-card: #15151e;
  --pw-card-border: #2a2a3a;
  /* Hero-aligned violet — nav « Find my leads → » arrow uses var(--accent) */
  --accent: #8b5cf6;
  --accent-hover: #a78bfa;
  --copper-500: #8b5cf6;
  --copper-600: #a78bfa;
  /* Shared hero / nav mist — nav bottom MUST match hero top (no seam). */
  --hustle-mist-nav-apex: rgba(118, 114, 138, 0.11);
  --hustle-mist-hero-top: rgba(118, 114, 138, 0.1);
  --hustle-mist-hero-mid: rgba(95, 92, 112, 0.045);
}

html[data-ab-dark="hustle"] body {
  --bg: #0a0a0f !important;
  --truffl-reviews-rose-surface: #0a0a0f !important;
  --feature-video-matte: #0a0a0f !important;
  background-color: #0a0a0f !important;
  background-image: none !important;
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] body::before {
  opacity: 0.08;
  mix-blend-mode: screen;
}

/* ── Navbar: inner rows transparent; slab = gradient on .nav-header only ─ */
html[data-ab-dark="hustle"] body.marketing-nav-frame .nav-shell,
html[data-ab-dark="hustle"] body .nav-shell,
html[data-ab-dark="hustle"] body .nav-end,
html[data-ab-dark="hustle"] body .nav-mobile-bar,
html[data-ab-dark="hustle"] body .nav-root,
html[data-ab-dark="hustle"] body .nav-root.nav-root--scrolled {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: none !important;
}

/* Nav in normal document flow — stays at top of the page, scrolls away with content (no sticky/fixed). */
/* Slightly taller nav bar (subtle vertical rhythm) */
html[data-ab-dark="hustle"] body .nav-shell {
  padding-top: 0.65rem !important;
  padding-bottom: 0.65rem !important;
}

@media (min-width: 1024px) {
  html[data-ab-dark="hustle"] body .nav-shell {
    padding-top: clamp(0.48rem, 0.85vw, 1.12rem) !important;
    padding-bottom: clamp(0.48rem, 0.85vw, 1.12rem) !important;
  }
}

html[data-ab-dark="hustle"] body .nav-header {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  z-index: 50 !important;
  padding-top: env(safe-area-inset-top, 0px) !important;
  background-color: #0a0a0f !important;
  /* Only the upper mist band; 100% = exact same ink as .hero-slab 0% (no color break). */
  background-image: linear-gradient(
    180deg,
    var(--hustle-mist-nav-apex) 0%,
    var(--hustle-mist-hero-top) 100%
  ) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  box-shadow: 0 1px 0 rgba(118, 114, 138, 0.1) !important;
}

html[data-ab-dark="hustle"] .nav-shell a:not(.nav-btn-signup):not(.nav-btn-signup-sm):not(.nav-btn-dashboard),
html[data-ab-dark="hustle"] .nav-overlay-list a:not(.nav-btn-signup):not(.nav-btn-signup-sm) {
  color: #e4e4e7 !important;
}

html[data-ab-dark="hustle"] .nav-brand-wordmark {
  color: #ffffff !important;
}

/* Nav bar — logo légèrement plus petit (dark hustle) */
html[data-ab-dark="hustle"] body .nav-brand-logo {
  height: clamp(1.62rem, 1.78vw, 2.05rem) !important;
  max-width: min(252px, 68vw) !important;
}
@media (min-width: 1024px) {
  html[data-ab-dark="hustle"] body .nav-brand-logo {
    height: clamp(1.9rem, 1.8vw, 2.38rem) !important;
    max-width: min(300px, 75vw) !important;
  }
}

html[data-ab-dark="hustle"] .nav-overlay {
  background: #0a0a0f !important;
}

html[data-ab-dark="hustle"] .nav-overlay-close {
  color: #d4d4d8 !important;
}

/* ── Global sections: no extra slabs (inherit body #0A0A0F) ───────── */
html[data-ab-dark="hustle"] main,
html[data-ab-dark="hustle"] .hero-section,
html[data-ab-dark="hustle"] .below,
html[data-ab-dark="hustle"] #features-objections,
html[data-ab-dark="hustle"] #pricing.home-pricing-section,
html[data-ab-dark="hustle"] #home-competitor-compare,
html[data-ab-dark="hustle"] #home-competitor-compare.home-competitor-compare,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews.truffl-lab-ar,
html[data-ab-dark="hustle"] .home-faq-region,
html[data-ab-dark="hustle"] #faq,
html[data-ab-dark="hustle"] .home-pricing-cta,
html[data-ab-dark="hustle"] footer,
html[data-ab-dark="hustle"] .site-footer {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-ab-dark="hustle"] .below::before {
  background: transparent !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq {
  background-color: transparent !important;
  background-image: none !important;
}

/* Full-page ambient glow — same gray-violet language as .dark-ab-glow, soft bands down the scroll */
html[data-ab-dark="hustle"] main {
  position: relative;
  isolation: isolate;
}

html[data-ab-dark="hustle"] main::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(
      ellipse min(100vw, 48rem) 34% at 50% 24%,
      rgba(108, 104, 128, 0.065) 0%,
      transparent 58%
    ),
    radial-gradient(
      ellipse min(105vw, 50rem) 32% at 50% 46%,
      rgba(98, 94, 118, 0.072) 0%,
      transparent 56%
    ),
    radial-gradient(
      ellipse min(100vw, 48rem) 34% at 50% 68%,
      rgba(108, 104, 128, 0.064) 0%,
      transparent 58%
    ),
    radial-gradient(
      ellipse min(110vw, 52rem) 38% at 50% 88%,
      rgba(105, 100, 125, 0.056) 0%,
      transparent 60%
    ),
    radial-gradient(
      ellipse 130% 28% at 50% 108%,
      rgba(98, 94, 118, 0.04) 0%,
      transparent 55%
    );
  filter: blur(84px);
}

/* Hero: same mist tokens as nav — continuous from nav bottom → hero fade */
html[data-ab-dark="hustle"] .hero-slab {
  position: relative;
  z-index: 1;
  background-color: transparent !important;
  background-image: linear-gradient(
    180deg,
    var(--hustle-mist-hero-top) 0%,
    var(--hustle-mist-hero-mid) 38%,
    rgba(10, 10, 15, 0) 62%,
    transparent 100%
  ) !important;
  padding-top: max(
    calc(env(safe-area-inset-top, 0px) + 2.35rem),
    clamp(2.5rem, 6.5vh, 4.25rem)
  ) !important;
}

@media (min-width: 1024px) {
  html[data-ab-dark="hustle"] .hero-slab {
    padding-top: max(
      calc(env(safe-area-inset-top, 0px) + 2.65rem),
      clamp(2.85rem, 7vh, 4.75rem)
    ) !important;
  }
}

html[data-ab-dark="hustle"] .hero-slab::before {
  opacity: 0.11 !important;
  background: radial-gradient(
    ellipse 78% 62% at 50% 42%,
    rgba(120, 116, 142, 0.22) 0%,
    rgba(88, 86, 105, 0.08) 44%,
    transparent 72%
  ) !important;
}

html[data-ab-dark="hustle"] .hero-slab::after {
  background: linear-gradient(
    to bottom,
    transparent 0%,
    transparent 100%
  ) !important;
  opacity: 0 !important;
}

/* Ambient glow — low-key gray-violet (no flashy purple core) */
html[data-ab-dark="hustle"] .dark-ab-glow {
  position: absolute;
  left: 50%;
  top: min(32%, 12rem);
  transform: translate(-50%, -50%);
  width: min(100vw, 46rem);
  height: clamp(12rem, 34vw, 19rem);
  z-index: 0;
  pointer-events: none;
  background: radial-gradient(
    circle,
    rgba(108, 104, 128, 0.14) 0%,
    rgba(98, 94, 118, 0.05) 48%,
    rgba(98, 94, 118, 0) 74%
  );
  filter: blur(88px);
}

/* Main copy */
html[data-ab-dark="hustle"] #homeHeroRoot .welcome-heading,
html[data-ab-dark="hustle"] #homeHeroRoot .welcome-sub,
html[data-ab-dark="hustle"] .home-hero-cta-micro {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-sub {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] .home-hero-social-proof {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .social-text {
  color: #d1d5db !important;
}

/* ── Primary CTAs in page content (not top nav) — neon outline ─────── */
html[data-ab-dark="hustle"] .home-hero-cta-row a.nav-btn-signup,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup {
  background: rgba(139, 92, 246, 0.28) !important;
  border: 2px solid #8b5cf6 !important;
  color: #ffffff !important;
  box-shadow:
    0 0 24px rgba(139, 92, 246, 0.45),
    0 0 8px rgba(139, 92, 246, 0.35) inset !important;
}

html[data-ab-dark="hustle"] .home-hero-cta-row a.nav-btn-signup:hover,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup:hover,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup:hover {
  background: rgba(139, 92, 246, 0.4) !important;
  border-color: #a78bfa !important;
  color: #ffffff !important;
}

/* Top nav + mobile top bar: lien « Find my leads → » un peu plus discret */
html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm {
  padding: 0.2rem 0.3rem !important;
  font-size: 0.75rem !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Overlay menu: taille lisible (alignée sur index-dark inline ~1.5rem) */
html[data-ab-dark="hustle"] body .nav-overlay li.auth-anon-only .nav-btn-signup,
html[data-ab-dark="hustle"] .nav-overlay-list a.nav-btn-signup {
  padding: 0.625rem 0 !important;
  font-size: clamp(1.125rem, 4vw, 1.5rem) !important;
  font-weight: 400 !important;
  line-height: 1.35 !important;
  letter-spacing: -0.01em !important;
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup:hover,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm:hover,
html[data-ab-dark="hustle"] body .nav-overlay li.auth-anon-only .nav-btn-signup:hover,
html[data-ab-dark="hustle"] .nav-overlay-list a.nav-btn-signup:hover {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

/* Nav CTAs: hide only shimmer ::before — keep ::after arrow (index-dark inline SVG mask). */
html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup::before,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm::before,
html[data-ab-dark="hustle"] body .nav-overlay li.auth-anon-only .nav-btn-signup::before,
html[data-ab-dark="hustle"] .nav-overlay-list a.nav-btn-signup::before {
  display: none !important;
  content: none !important;
}

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup.auth-anon-only::after,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm.auth-anon-only::after,
html[data-ab-dark="hustle"] body .nav-overlay li.auth-anon-only .nav-btn-signup::after,
html[data-ab-dark="hustle"] .nav-overlay-list li.auth-anon-only a.nav-btn-signup::after {
  background-color: #8b5cf6 !important;
}

html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup.auth-anon-only:hover::after,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm.auth-anon-only:hover::after,
html[data-ab-dark="hustle"] body .nav-overlay li.auth-anon-only .nav-btn-signup:hover::after,
html[data-ab-dark="hustle"] .nav-overlay-list li.auth-anon-only a.nav-btn-signup:hover::after {
  background-color: #a78bfa !important;
}

/* Flèche CTA — un peu plus petite sur la barre seulement */
html[data-ab-dark="hustle"] body .nav-end .nav-btn-signup.auth-anon-only::after,
html[data-ab-dark="hustle"] body .nav-mobile-bar .nav-btn-signup-sm.auth-anon-only::after {
  width: 0.78em !important;
  height: 0.78em !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta-row .nav-btn-signup::before,
html[data-ab-dark="hustle"] .home-pricing-cta-row .nav-btn-signup::after {
  opacity: 0.5;
}

/* ── Features: card shells only (#15151E) ──────────────────────────── */
html[data-ab-dark="hustle"] .below > h2,
html[data-ab-dark="hustle"] .below .steps-block > h2,
html[data-ab-dark="hustle"] #features-objections [data-feature-index] h2 {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .text-charcoal-700,
html[data-ab-dark="hustle"] .font-bold.text-charcoal-700 {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-sublead-type,
html[data-ab-dark="hustle"] #features-objections [data-feature-index] p.home-sublead-type {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] .feature-showcase-frame {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
}

html[data-ab-dark="hustle"] .feature-showcase-frame > div.border {
  border-color: #2a2a3a !important;
  background: #15151e !important;
}

html[data-ab-dark="hustle"] .feature-pill {
  background: rgba(139, 92, 246, 0.15) !important;
  border-color: rgba(139, 92, 246, 0.35) !important;
  color: #e9d5ff !important;
}

/* ── Competitor table: canvas #0A0A0F, card shell #15151E (no gray header band) ─ */
html[data-ab-dark="hustle"] .home-competitor-compare-title {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-sub,
html[data-ab-dark="hustle"] .home-competitor-compare-sub.home-sublead-type {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table-wrap {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.22) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table thead th {
  background: transparent !important;
  color: #ffffff !important;
  border-bottom: 1px solid #2a2a3a !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table th,
html[data-ab-dark="hustle"] .home-competitor-compare-table td {
  border-bottom-color: #2a2a3a !important;
  background: transparent !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-th--feature {
  color: #71717a !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-th--highlight,
html[data-ab-dark="hustle"] .home-competitor-compare-td--highlight {
  background: rgba(139, 92, 246, 0.08) !important;
  box-shadow: inset 0 0 0 1px rgba(139, 92, 246, 0.32) !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-th--highlight,
html[data-ab-dark="hustle"] .home-competitor-compare-td--highlight,
html[data-ab-dark="hustle"] .home-competitor-compare-row-label {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-table td:not(.home-competitor-compare-row-label):not(.home-competitor-compare-td--highlight) {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-yes {
  color: #a78bfa !important;
}

html[data-ab-dark="hustle"] .home-competitor-compare-no {
  color: #71717a !important;
}

/* ── Pricing (#paywallBackdrop): transparent shell, premium cards ───── */
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed {
  background: transparent !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .paywall-modal {
  background: transparent !important;
  --paywall-modal-canvas: transparent;
  --pw-card: #15151e;
  --pw-card-border: #2a2a3a;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-top .paywall-title,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-lede {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-pricing-lede {
  color: #d1d5db !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
  color: #ffffff !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card--featured {
  border: 1px solid #2a2a3a !important;
  box-shadow:
    0 8px 32px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(139, 92, 246, 0.22) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-name-block--band {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid #2a2a3a !important;
  box-shadow: none !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-plan-title,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-li-icon,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card--solo .flu-p-li-inline-x {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-sub,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-feats-label {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li.flu-p-li--neg {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li.flu-p-li--neg .flu-p-li-icon--neg {
  color: #d4d4d8 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-toggle {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid #2a2a3a !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-seg {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-seg--active {
  background: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
}

/* ── Reviews (Pixkit): section transparent; cards #15151E —───────────
   Inline <style> in index-dark sets --truffl-ar-ink etc.; we override last. */
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__column {
  background: transparent !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__inner {
  background: transparent !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__card {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__card-top {
  background-image: repeating-linear-gradient(
    to right,
    #3f3f52 0,
    #3f3f52 2px,
    transparent 2px,
    transparent 5px
  ) !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__name {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__role {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__via {
  color: #d1d5db !important;
  opacity: 1 !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote.home-sublead-type {
  color: #d1d5db !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__sub,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__sub.lead {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__badge {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
  color: #e4e4e7 !important;
  box-shadow: none !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__avatar {
  border-color: #2a2a3a !important;
  box-shadow: none !important;
}

@media (max-width: 640px) {
  html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__grid {
    width: 100% !important;
    max-width: none !important;
  }
  html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__card {
    width: 100% !important;
  }
}

html[data-ab-dark="hustle"] #truffl-lab-faq-heading,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__head h2 {
  color: #ffffff !important;
}

/* Bottom CTA: outer section transparent; only the card is elevated */
html[data-ab-dark="hustle"] .home-pricing-cta .home-pricing-cta-title {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta .home-sublead-type {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta .home-pricing-cta-note {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] .home-pricing-cta-card {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.28) !important;
}

/* FAQ triggers / panels — no near-black ink */
html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-panel-inner {
  color: #d1d5db !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-intro > p.lead {
  color: #a1a1aa !important;
}

/* Footer */
html[data-ab-dark="hustle"] footer,
html[data-ab-dark="hustle"] .site-footer {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] footer a,
html[data-ab-dark="hustle"] .site-footer a {
  color: #d4d4d8 !important;
}

html[data-ab-dark="hustle"] .footer-brand-title,
html[data-ab-dark="hustle"] .footer-col h4 {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] .footer-brand p,
html[data-ab-dark="hustle"] .footer-col a {
  color: #a1a1aa !important;
}

/* Student floating badge: keep legible on dark */
html[data-ab-dark="hustle"] .home-student-badge-pill {
  background: #15151e !important;
  border: 1px solid #2a2a3a !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .welcome-search-help-btn:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #ffffff !important;
}

/* ═══════════════════════════════════════════════════════════════════════
   Premium “terminal” polish — single #0A0A0F canvas, cards #15151E only.
   ═══════════════════════════════════════════════════════════════════════ */

html[data-theme="dark"][data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed {
  background: transparent !important;
  background-color: transparent !important;
}

html[data-ab-dark="hustle"] body.marketing-nav-frame > .shell,
html[data-ab-dark="hustle"] .shell {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-ab-dark="hustle"] #our-story,
html[data-ab-dark="hustle"] .home-hero-form,
html[data-ab-dark="hustle"] .home-hero-chat-demo-column,
html[data-ab-dark="hustle"] .home-hero-demo-video,
html[data-ab-dark="hustle"] .welcome-composer-stack,
html[data-ab-dark="hustle"] .below > p.lead,
html[data-ab-dark="hustle"] .steps-block {
  background-color: transparent !important;
  background-image: none !important;
}

html[data-ab-dark="hustle"] .below > p.lead {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] body .nav-lower-rule {
  opacity: 0.42 !important;
}

/* Pixkit: reset inline ink tokens so nested rules inherit readable colors */
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews.truffl-lab-ar {
  --truffl-ar-ink: #ffffff !important;
  --truffl-ar-muted: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote,
html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__quote.home-sublead-type {
  color: #e5e7eb !important;
}

html[data-ab-dark="hustle"] #truffl-lab-pixkit-reviews .truffl-lab-ar__via {
  color: #e5e7eb !important;
}

/* FAQ: no flat slabs — triggers as light glass chips on canvas */
html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-inner,
html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-card,
html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-list {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid #2a2a3a !important;
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger:hover {
  background: rgba(255, 255, 255, 0.07) !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-panel-inner {
  background: transparent !important;
  color: #e5e7eb !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-heading,
html[data-ab-dark="hustle"] body #faq #truffl-lab-faq-heading {
  color: #ffffff !important;
}

/* Pricing embed: kill residual dark-purple / black ink from light Fluence rules */
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-name-block,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-name-block--band,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-title-row,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-mid,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-feats,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-feats-label,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-row,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-line--a,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-line--b,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-price-currency,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-list li {
  color: #e5e7eb !important;
}

/* « Popular » / « Best Value » — texte violet sur fond sombre (pas le gris corps du bloc ci-dessus) */
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-popular.flu-p-popular--lab {
  color: #c4b5fd !important;
  background: rgba(124, 58, 237, 0.22) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-plan-title {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-li-icon,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-card--solo .flu-p-li-inline-x {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-cta--solid:not(.paywall-upgrade-btn),
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.flu-p-cta--solid:not(.paywall-upgrade-btn) {
  color: #ffffff !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-cta--ghost:not(.paywall-upgrade-btn) {
  color: #e5e7eb !important;
}

/* Tailwind / marketing utility text that stayed charcoal on dark */
html[data-ab-dark="hustle"] .text-gray-900,
html[data-ab-dark="hustle"] .text-gray-800,
html[data-ab-dark="hustle"] .text-gray-700,
html[data-ab-dark="hustle"] .text-gray-600,
html[data-ab-dark="hustle"] .text-black {
  color: #e5e7eb !important;
}

/* Hero avatar “+N” pill — inline dark used white/bg + black text; terminal card instead */
html[data-ab-dark="hustle"] #homeHeroRoot .avatar-circles > .avatar-circles-count {
  background: #15151e !important;
  color: #ffffff !important;
  border: 1px solid #2a2a3a !important;
}