/**
 * 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: #fef3c7;
  --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: #fef3c7;
  --charcoal-450: #fef3c7;
  --charcoal-400: #fde68a;
  --charcoal-350: #a1a1aa;
  --charcoal-700: #fef3c7;
  --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(245, 158, 11, 0.12);
  --nav-auth-signin-hover-bg: rgba(245, 158, 11, 0.18);
  --nav-auth-signin-border: rgba(245, 158, 11, 0.38);
  --nav-auth-signin-border-hover: rgba(251, 191, 36, 0.55);
  --nav-auth-signin-text: #fef3c7;
  --pw-card: #15151e;
  --pw-card-border: #2a2a3a;
  /* Accent orange (cohérent auth / paywall dashboard) */
  --accent: #f59e0b;
  --accent-hover: #fbbf24;
  --copper-500: #f59e0b;
  --copper-600: #d97706;
  /* 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: #fef3c7 !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: #fef3c7 !important;
}

/* Nav bar — logo horizontal (logo_sharkylong) */
html[data-ab-dark="hustle"] body .nav-brand-logo {
  height: clamp(1.62rem, 1.78vw, 2.05rem) !important;
  max-width: min(440px, 88vw) !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(480px, 82vw) !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"] #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: #fef3c7 !important;
}

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

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

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

/* ── Primary CTAs in page content (not top nav) — fond clair, texte #0A0A0F ─ */
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: #f59e0b !important;
  background-image: none !important;
  border: 1px solid #f59e0b !important;
  color: #0a0a0f !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !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: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #0a0a0f !important;
}

html[data-ab-dark="hustle"] .home-hero-cta-row a.nav-btn-signup:active,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup:active,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup:active {
  color: #0a0a0f !important;
}

/* Fond clair : pas de shimmer / masque interne (évite texte clair sur clair) */
html[data-ab-dark="hustle"] .home-hero-cta-row a.nav-btn-signup::before,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup::before,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup::before,
html[data-ab-dark="hustle"] .home-hero-cta-row a.nav-btn-signup::after,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row a.nav-btn-signup::after,
html[data-ab-dark="hustle"] .home-pricing-cta-row a.nav-btn-signup::after {
  display: none !important;
  content: none !important;
}

/* Top nav + mobile top bar: lien « Reveal 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: #fef3c7 !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: #fef3c7 !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(254, 243, 199, 0.88) !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: #f59e0b !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: #fef3c7 !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;
}

/* ── 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: #fef3c7 !important;
}

html[data-ab-dark="hustle"] .text-charcoal-700,
html[data-ab-dark="hustle"] .font-bold.text-charcoal-700 {
  color: #fef3c7 !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"] #features-objections .feature-pill,
html[data-ab-dark="hustle"] .feature-pill {
  background: rgba(245, 158, 11, 0.14) !important;
  border: 1px solid rgba(245, 158, 11, 0.38) !important;
  color: #fef3c7 !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: #fef3c7 !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: #fef3c7 !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(245, 158, 11, 0.22) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-name-block--band {
  background: rgba(245, 158, 11, 0.08) !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: #fef3c7 !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 .home-pricing-student-note {
  color: #a1a1aa !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-toggle {
  background: rgba(245, 158, 11, 0.11) !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(245, 158, 11, 0.18) !important;
  color: #fef3c7 !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: #fef3c7 !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;
}

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

/* Bottom CTA: outer section transparent; only the card is elevated */
html[data-ab-dark="hustle"] .home-pricing-cta .home-pricing-cta-title {
  color: #fef3c7 !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: #fef3c7 !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: #fef3c7 !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(245, 158, 11, 0.11) !important;
  color: #fef3c7 !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: #fef3c7 !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(245, 158, 11, 0.08) !important;
  border: 1px solid #2a2a3a !important;
  color: #fef3c7 !important;
}

html[data-ab-dark="hustle"] body #faq .truffl-lab-faq-trigger:hover {
  background: rgba(245, 158, 11, 0.13) !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: #fef3c7 !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 » — pastille orange pleine */
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-popular.flu-p-popular--lab {
  color: #0a0a0f !important;
  background: rgba(245, 158, 11, 0.88) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .flu-p-plan-title {
  color: #fef3c7 !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: #fef3c7 !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"] #paywallBackdrop.pricing-page-embed {
  --accent: #f59e0b !important;
  --accent-hover: #fbbf24 !important;
  --paywall-accent: #fbbf24 !important;
  --paywall-accent-hover: #fbbf24 !important;
  --pw-plan-outline: rgba(245, 158, 11, 0.48) !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) {
  background: #f59e0b !important;
  color: #0a0a0f !important;
  border-color: #f59e0b !important;
}

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

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .pw-manage-sub-link {
  color: #fbbf24 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .pw-manage-sub-link:hover {
  color: #fef3c7 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .paywall-upgrade-btn.flu-p-cta--solid,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.paywall-upgrade-btn.flu-p-cta--solid {
  background: #f59e0b !important;
  color: #0a0a0f !important;
  border: 1px solid #f59e0b !important;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.35) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .paywall-upgrade-btn.flu-p-cta--solid:hover,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.paywall-upgrade-btn.flu-p-cta--solid:hover {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #0a0a0f !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .paywall-upgrade-btn.flu-p-cta--ghost,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.paywall-upgrade-btn.flu-p-cta--ghost {
  color: #f59e0b !important;
  border-color: rgba(245, 158, 11, 0.52) !important;
  background: rgba(245, 158, 11, 0.11) !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .paywall-upgrade-btn.flu-p-cta--ghost:hover,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed button.paywall-upgrade-btn.flu-p-cta--ghost:hover {
  background: rgba(245, 158, 11, 0.18) !important;
  border-color: rgba(251, 191, 36, 0.7) !important;
  color: #fef3c7 !important;
}

html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .plan-card.plan-card--current.flu-p-card,
html[data-ab-dark="hustle"] #paywallBackdrop.pricing-page-embed .plan-card.plan-card--current.flu-p-card--growth {
  box-shadow:
    0 1px 3px rgba(0, 0, 0, 0.2),
    0 0 0 2px rgba(245, 158, 11, 0.45) !important;
}

/* Go to dashboard — fond orange, texte #0A0A0F */
html[data-ab-dark="hustle"] .nav-btn-dashboard,
html[data-ab-dark="hustle"] .nav-btn-dashboard-sm,
html[data-ab-dark="hustle"] .home-hero-cta-row .nav-btn-dashboard,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row .nav-btn-dashboard,
html[data-ab-dark="hustle"] .home-pricing-cta-row .nav-btn-dashboard {
  color: #0a0a0f !important;
  background: #f59e0b !important;
  border: 1px solid #f59e0b !important;
}

html[data-ab-dark="hustle"] .nav-btn-dashboard:hover,
html[data-ab-dark="hustle"] .nav-btn-dashboard-sm:hover,
html[data-ab-dark="hustle"] .home-hero-cta-row .nav-btn-dashboard:hover,
html[data-ab-dark="hustle"] .truffl-lab-faq-intro .home-hero-cta-row .nav-btn-dashboard:hover,
html[data-ab-dark="hustle"] .home-pricing-cta-row .nav-btn-dashboard:hover {
  background: #fbbf24 !important;
  border-color: #fbbf24 !important;
  color: #0a0a0f !important;
}

html[data-ab-dark="hustle"] .nav-account-trigger:hover {
  background: rgba(245, 158, 11, 0.14) !important;
}

html[data-ab-dark="hustle"] .nav-account-avatar {
  background: #2a2a3a !important;
  color: #f59e0b !important;
}

/* Bandeau communauté / CTA — dégradé ambre */
html[data-ab-dark="hustle"] .home-community-banner-cta {
  border: 1px solid rgba(245, 158, 11, 0.52) !important;
  background-color: rgba(245, 158, 11, 0.22) !important;
  background-image: linear-gradient(
    105deg,
    rgba(245, 158, 11, 0.26) 0%,
    rgba(251, 191, 36, 0.4) 50%,
    rgba(245, 158, 11, 0.26) 100%
  ) !important;
  color: #0a0a0f !important;
  box-shadow:
    0 4px 22px rgba(0, 0, 0, 0.35),
    0 0 0 1px rgba(245, 158, 11, 0.14) inset !important;
}

html[data-ab-dark="hustle"] .home-community-banner-cta:hover {
  border-color: rgba(251, 191, 36, 0.7) !important;
  background-color: rgba(245, 158, 11, 0.28) !important;
  background-image: none !important;
  color: #0a0a0f !important;
  box-shadow:
    0 8px 26px rgba(0, 0, 0, 0.4),
    0 0 0 1px rgba(245, 158, 11, 0.22) inset !important;
}

/* Badge étudiant — finitions sans violet */
html[data-ab-dark="hustle"] .home-student-badge-pill {
  border-color: rgba(251, 191, 36, 0.45) !important;
  box-shadow:
    0 1px 0 rgba(245, 158, 11, 0.11) inset,
    0 6px 28px rgba(0, 0, 0, 0.35) !important;
}

html[data-ab-dark="hustle"] .home-student-badge-close:hover {
  background: rgba(245, 158, 11, 0.18) !important;
  color: #0a0a0f !important;
}

html[data-ab-dark="hustle"] .home-student-badge-close:focus-visible {
  outline: 2px solid rgba(251, 191, 36, 0.62) !important;
}

html[data-ab-dark="hustle"] .home-student-badge-cta:focus-visible {
  outline: 2px solid rgba(251, 191, 36, 0.62) !important;
}

html[data-ab-dark="hustle"] .home-student-badge-icon {
  background: rgba(245, 158, 11, 0.14) !important;
  border-color: rgba(245, 158, 11, 0.28) !important;
}

html[data-ab-dark="hustle"] .home-student-badge-copy {
  color: #0a0a0f !important;
}

/* Hero avatar “+N” pill — inline dark used white/bg + black text; terminal card instead */
html[data-ab-dark="hustle"] #homeHeroRoot .input-box .send-btn {
  background: #f59e0b !important;
  border: 1px solid rgba(245, 158, 11, 0.48) !important;
  color: #0a0a0f !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .input-box .send-btn:hover {
  background: #fbbf24 !important;
  border-color: rgba(251, 191, 36, 0.62) !important;
  color: #0a0a0f !important;
}

/* Hero demo play — disque orange (cohérent CTAs) */
html[data-ab-dark="hustle"] #homeHeroRoot .home-hero-demo-play-icon {
  background: linear-gradient(
    to bottom,
    rgba(251, 191, 36, 0.98) 0%,
    #d97706 52%,
    #b45309 100%
  ) !important;
  color: #0a0a0f !important;
  box-shadow:
    0 4px 6px -1px rgba(0, 0, 0, 0.35),
    0 2px 4px -2px rgba(0, 0, 0, 0.28),
    inset 0 1px 0 rgba(254, 243, 199, 0.45) !important;
}

/* Variante .composer-send (si présente) — même contraste que .send-btn */
html[data-ab-dark="hustle"] .composer-send,
html[data-ab-dark="hustle"] #homeHeroRoot .composer-send {
  background: #f59e0b !important;
  color: #0a0a0f !important;
  border: 1px solid rgba(245, 158, 11, 0.48) !important;
}

html[data-ab-dark="hustle"] .composer-send:hover,
html[data-ab-dark="hustle"] #homeHeroRoot .composer-send:hover {
  background: #fbbf24 !important;
  color: #0a0a0f !important;
}

html[data-ab-dark="hustle"] #homeHeroRoot .avatar-circles > .avatar-circles-count {
  background: #15151e !important;
  color: #fef3c7 !important;
  border: 1px solid #2a2a3a !important;
}