html, body {
  background:
    radial-gradient(circle at 85% 0%, rgba(109,93,251,.28), transparent 34%),
    radial-gradient(circle at 15% 0%, rgba(110,168,255,.16), transparent 32%),
    linear-gradient(180deg,#050B14,#07101D 45%,#050B14) !important;
  color:#F8FAFC !important;
}

.topbar,.topbarInner,header,nav{
  background:rgba(5,11,20,.94)!important;
}

.hero,section,.eqx-last-wrap,.eqx-best-wrap,.plan,.faqItem,.faq-item{
  background:linear-gradient(180deg,rgba(17,24,39,.96),rgba(8,17,31,.96))!important;
  color:#F8FAFC!important;
  border-color:rgba(148,163,184,.20)!important;
}

.eqx-mini-ticker-shell{
  background:rgba(8,17,31,.92)!important;
  border:1px solid rgba(148,163,184,.22)!important;
}
.eqx-mini-item,.eqx-mini-item span{color:#CBD5E1!important;}
.eqx-mini-item strong{color:#F8FAFC!important;}
.eqx-mini-pos{color:#22C55E!important;}
.eqx-mini-neg{color:#FF4D5A!important;}

.heroTitle,h1,h2,h3,h4,.eqx-best-title{
  color:#F8FAFC!important;
}
.sub,.note,p,small,span,li{
  color:#CBD5E1!important;
}
strong,b{color:#F8FAFC!important;}

.heroMini span,.badge,.pill,.chip,.tag,.kpi,.stat,.metric{
  background:rgba(15,23,42,.96)!important;
  color:#E2E8F0!important;
  border:1px solid rgba(148,163,184,.22)!important;
}

.eqx-last-card,.eqx-best-card{
  background:linear-gradient(180deg,rgba(15,23,42,.98),rgba(8,17,31,.98))!important;
  border:1px solid rgba(148,163,184,.22)!important;
  box-shadow:0 14px 35px rgba(0,0,0,.30)!important;
}
.eqx-last-symbol,.eqx-best-symbol{color:#94A3B8!important;}
.eqx-last-dir,.eqx-best-dir{color:#F8FAFC!important;}
.eqx-last-reason,.eqx-best-reason{
  background:rgba(30,41,59,.95)!important;
  color:#CBD5E1!important;
}
.eqx-last-pct.pos,.eqx-best-pct.pos{color:#22C55E!important;}
.eqx-last-pct.neg,.eqx-best-pct.neg{color:#FF4D5A!important;}

.btn,.cta,a.cta,button{
  background:linear-gradient(135deg,#6EA8FF,#6D5DFB)!important;
  color:white!important;
}

/* === FIX FINAL 3 DERNIERS LMENTS BLANCS === */

/* Boutons gris du hero */
.hero .btn:not(.primary) {
  background: rgba(30,41,59,.95) !important;
  color: #E2E8F0 !important;
  border: 1px solid rgba(148,163,184,.25) !important;
}

/* Pills sous le hero (stats) */
.heroMini span {
  background: rgba(15,23,42,.98) !important;
  color: #E2E8F0 !important;
}

/* Badge "Accs priv..." */
.badge {
  background: rgba(15,23,42,.95) !important;
  color: #CBD5E1 !important;
  border: 1px solid rgba(148,163,184,.25) !important;
}

/* Scurit anti-blanc ultime (mais cible) */
.hero *[style*="background"],
section *[style*="background"] {
  background-color: transparent !important;
}


/* Fix les 3 pills blanches du mock cockpit hero */
.mockPill,
.mockChip,
.mockTag,
.mock .pill,
.mock span,
.mockBottom span,
.mockActions span,
.mockActions div,
.mockFooter span,
.mockFooter div,
.mock [class*="pill"],
.mock [class*="chip"],
.mock [class*="tag"],
.mock [class*="action"] {
  background: rgba(15,23,42,.96) !important;
  color: #E2E8F0 !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
}

.mock strong,
.mock b {
  color: #F8FAFC !important;
}

.mock span {
  color: #CBD5E1 !important;
}


/* === FIX EXACT MOCK HERO === */
.mock,
.mockBody,
.mockRow,
.mockTop {
  background: transparent !important;
}

.mockR,
.mockR *,
.pillOk,
.pillOk * {
  background: rgba(15,23,42,.96) !important;
  color: #E2E8F0 !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  border-radius: 999px !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
}

.mockL span,
.mockTag {
  color: #94A3B8 !important;
}

.mockL strong,
.mockTop b {
  color: #F8FAFC !important;
}

.pillDot {
  background: #22C55E !important;
  border: 0 !important;
  box-shadow: 0 0 12px rgba(34,197,94,.45) !important;
}

/* === FIX EXACT 3 PILLS BLANCHES HERO === */
.mockL strong {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 10px 18px !important;
  border-radius: 999px !important;
  background: rgba(15,23,42,.96) !important;
  color: #E2E8F0 !important;
  border: 1px solid rgba(148,163,184,.24) !important;
  box-shadow: 0 10px 26px rgba(0,0,0,.22) !important;
}

.mockTag {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  color: #94A3B8 !important;
}

.mockTop,
.mockTop span,
.mockTop b {
  border: 0 !important;
  box-shadow: none !important;
}


/* === FIX NAVBAR TEXT (Mthode / Offres / FAQ) === */
.nav a {
  color: #E2E8F0 !important;
  opacity: 0.85;
  transition: all .2s ease;
}

.nav a:hover {
  color: #FFFFFF !important;
  opacity: 1;
}

/* CTA bouton dj bon mais on scurise */
.nav .cta {
  color: white !important;
}


/* === FIX BAS DE PAGE : MTHODE + FAQ === */

/* Cartes "Une approche discipline" */
.feature,
.featureCard,
.methodCard,
.method-card,
.infoCard,
.info-card,
.section .grid > div,
#methode .card,
#methode article,
#methode .feature,
#methode [class*="card"],
#methode [class*="item"],
#methode [class*="box"] {
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,17,31,.98)) !important;
  color: #F8FAFC !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.28) !important;
}

/* FAQ */
#faq .faqItem,
#faq .faq-item,
#faq details,
#faq article,
#faq .card,
#faq [class*="faq"],
#faq [class*="item"],
#faq [class*="card"],
.faqItem,
.faq-item {
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,17,31,.98)) !important;
  color: #F8FAFC !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.28) !important;
}

/* Textes mthode + FAQ */
#methode h3,
#methode h4,
#methode strong,
#faq h3,
#faq h4,
#faq strong,
.faqItem strong,
.faq-item strong {
  color: #F8FAFC !important;
}

#methode p,
#methode span,
#faq p,
#faq span,
.faqItem p,
.faq-item p {
  color: #CBD5E1 !important;
}

/* Scurit anti fond blanc sur bas de page */
#methode * {
  border-color: rgba(148,163,184,.22) !important;
}

#faq * {
  border-color: rgba(148,163,184,.22) !important;
}

/* === FIX FINAL FAQ BLANCHE === */
.faq,
.faqBlock,
.faqCard,
.faqQuestion,
.faqAnswer,
.faqRow,
.faqList,
.faqList > div,
#faq > div,
#faq div,
#faq article,
#faq section,
#faq details,
#faq summary,
#faq p {
  background: linear-gradient(180deg, rgba(15,23,42,.98), rgba(8,17,31,.98)) !important;
  color: #CBD5E1 !important;
  border-color: rgba(148,163,184,.22) !important;
}

#faq h2,
#faq h3,
#faq strong,
#faq summary {
  color: #F8FAFC !important;
}

#faq .faqQuestion,
#faq .faqAnswer,
#faq [class*="question"],
#faq [class*="answer"],
#faq [class*="item"],
#faq [class*="row"] {
  background: rgba(15,23,42,.96) !important;
  color: #CBD5E1 !important;
  border: 1px solid rgba(148,163,184,.22) !important;
  border-radius: 16px !important;
  box-shadow: 0 14px 35px rgba(0,0,0,.25) !important;
}
