/* ==========================================================================
   ATLAS CONNECT · DARK MODE GLOBAL
   Style : Apple / Stripe / Framer · scopé sous body.atlas-dark
   Couverture : accueil, services, sous-services, devis, contact, atlas mobile,
                soutien, a-propos, footer, formulaires, popups, FAQ, timeline
   ========================================================================== */

/* Anti-flash : peindre la racine avant que le body ne reçoive la classe */
html.atlas-dark-preload { background: #08122E; }
html.atlas-dark-preload body { background: #08122E; visibility: hidden; }

/* ───────────────────────── TOKENS DARK ───────────────────────── */
body.atlas-dark {
  /* Surfaces · deep blue glow base (plus de gris, plus de bleu) */
  --white:    #08122E;
  --off:      #0E1A40;

  /* Texte */
  --text:     #E8EDF5;
  --mid:      #C5D0E0;
  --muted:    #9AA7BD;

  /* Bordures & glow */
  --border:   rgba(96,165,250,0.12);
  --blue-xl:  rgba(96,165,250,0.10);

  /* Ombres profondes */
  --sh-sm:    0 2px 12px rgba(0,0,0,.35);
  --sh-md:    0 8px 32px rgba(0,0,0,.45);
  --sh-lg:    0 24px 64px rgba(0,0,0,.60);

  /* Tokens glass premium */
  --glass-bg:      rgba(255,255,255,0.04);
  --glass-bg-2:    rgba(255,255,255,0.06);
  --glass-border:  rgba(96,165,250,0.12);
  --glass-glow:    rgba(59,130,246,0.25);

  color-scheme: dark;
  background: #08122E;
  color: #E8EDF5;
}

/* ───────── AMBIANCE GLOBALE · glow bleu foncé + clair ─────────
   Couche fixe sous tout le site : grandes nappes radiales bleu
   profond + bleu clair qui éclairent les sections par transparence. */
body.atlas-dark {
  background:
    radial-gradient(ellipse 95% 60% at 12% 4%,   rgba(37,99,235,.26)  0%, transparent 55%),
    radial-gradient(ellipse 80% 55% at 88% 22%,  rgba(96,165,250,.18) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 18% 55%,  rgba(59,130,246,.14) 0%, transparent 60%),
    radial-gradient(ellipse 90% 55% at 82% 78%,  rgba(37,99,235,.22)  0%, transparent 55%),
    radial-gradient(ellipse 110% 60% at 50% 100%, rgba(96,165,250,.16) 0%, transparent 60%),
    linear-gradient(180deg, #06102A 0%, #0A1638 50%, #06102A 100%) !important;
  background-attachment: fixed !important;
}

/* Transitions douces (surfaces seulement, pas les animations existantes) */
html, body { transition: background-color .3s ease, color .3s ease; }
.section, .footer, .header { transition: background-color .3s ease, border-color .3s ease; }

/* ───────────────────────── BASE ───────────────────────── */
body.atlas-dark { color: var(--text); }

/* Sections par défaut : transparentes pour laisser passer le glow body */
body.atlas-dark .section,
body.atlas-dark section.section { background: transparent; position: relative; }

/* Surface élevée (bg-off) · bleu profond avec halo lumineux */
body.atlas-dark .section.bg-off,
body.atlas-dark .bg-off {
  background:
    radial-gradient(ellipse 80% 60% at 50% 50%, rgba(96,165,250,.14) 0%, transparent 65%),
    linear-gradient(180deg, rgba(20,36,82,.55) 0%, rgba(14,26,68,.70) 50%, rgba(20,36,82,.55) 100%);
  box-shadow: inset 0 1px 0 rgba(96,165,250,.10), inset 0 -1px 0 rgba(96,165,250,.06);
}

/* Surface navy · deep blue + double glow */
body.atlas-dark .section.bg-navy {
  background:
    radial-gradient(ellipse 70% 55% at 25% 30%, rgba(96,165,250,.22) 0%, transparent 60%),
    radial-gradient(ellipse 70% 55% at 75% 70%, rgba(37,99,235,.26) 0%, transparent 60%),
    linear-gradient(180deg, #04091F 0%, #0A1638 50%, #04091F 100%);
}

/* Header glassmorphique bleu profond */
body.atlas-dark .header          { background: rgba(8,18,46,.78) !important; -webkit-backdrop-filter: blur(18px) saturate(1.4); backdrop-filter: blur(18px) saturate(1.4); border-bottom: 1px solid rgba(96,165,250,.10) !important; }
body.atlas-dark .header.scrolled { background: rgba(6,14,38,.92) !important; box-shadow: 0 8px 32px rgba(7,15,40,.55), 0 0 60px rgba(37,99,235,.10) !important; }
body.atlas-dark .mobile-nav      { background: linear-gradient(180deg, #06102A 0%, #0A1638 100%) !important; border-color: rgba(96,165,250,.12) !important; }

/* Titres / texte par défaut */
body.atlas-dark h1, body.atlas-dark h2, body.atlas-dark h3,
body.atlas-dark h4, body.atlas-dark h5, body.atlas-dark h6 { color: var(--text); }
body.atlas-dark .s-title,
body.atlas-dark .svc-hero-title          { color: var(--text); }
body.atlas-dark .s-sub                   { color: var(--mid); }
body.atlas-dark .services-header-cta     { color: var(--blue-l); }

/* ════════════════════════════════════════════════════════════════
   ACCUEIL · sections spécifiques
   ════════════════════════════════════════════════════════════════ */

/* SERVICES CARDS */
body.atlas-dark .svc:not(.highlight) {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
          backdrop-filter: blur(20px) saturate(1.4);
}
body.atlas-dark .svc-title { color: var(--text); }
body.atlas-dark .svc-desc  { color: var(--muted); }
body.atlas-dark .svc-pill  { background: rgba(255,255,255,0.04); border-color: var(--border); color: var(--mid); }
body.atlas-dark .svc-link  { border-top-color: var(--border); color: var(--blue-l); }
body.atlas-dark .svc:not(.highlight) .svc-ico     { background: rgba(96,165,250,0.12); }
body.atlas-dark .svc:not(.highlight) .svc-ico svg { stroke: var(--blue-l); }
body.atlas-dark .svc:not(.highlight):hover {
  border-color: rgba(96,165,250,0.30) !important;
  box-shadow: 0 18px 48px rgba(0,0,0,.5), 0 0 0 1px var(--glass-glow);
}

/* WHO CARDS */
body.atlas-dark .who-card:not(.pro) {
  background: linear-gradient(180deg, rgba(255,255,255,0.04) 0%, rgba(255,255,255,0.02) 100%) !important;
  border-color: var(--glass-border) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 14px 36px rgba(0,0,0,.30);
}
body.atlas-dark .who-card:not(.pro):hover {
  border-color: rgba(96,165,250,0.25) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 32px 68px rgba(0,0,0,.45), 0 0 0 1px var(--glass-glow);
}
body.atlas-dark .who-card:not(.pro) .who-head h3 { color: var(--text); }
body.atlas-dark .who-card:not(.pro) .who-pitch,
body.atlas-dark .who-benefit-text span           { color: var(--muted); }
body.atlas-dark .who-benefit-text strong         { color: var(--text); }
body.atlas-dark .who-divider {
  background: linear-gradient(90deg, transparent, rgba(96,165,250,.14) 20%, rgba(96,165,250,.14) 80%, transparent);
}
body.atlas-dark .who-card:not(.pro) .who-label       { background: rgba(96,165,250,0.10); border-color: var(--border); color: var(--blue-l); }
body.atlas-dark .who-card:not(.pro) .who-benefit-ico { background: rgba(96,165,250,0.10); border-color: var(--border); }
body.atlas-dark .who-card:not(.pro) .who-benefit-ico svg { stroke: var(--blue-l); }
body.atlas-dark .who-card:not(.pro) .who-ico        { background: rgba(96,165,250,0.12); border-color: var(--border); }
body.atlas-dark .who-card:not(.pro) .who-ico svg    { stroke: var(--blue-l); }
body.atlas-dark .who-card:not(.pro) .who-cta        { background: rgba(96,165,250,0.12); border-color: var(--border); color: var(--blue-l); }
body.atlas-dark .who-card:not(.pro) .who-cta:hover  { background: rgba(96,165,250,0.20); border-color: rgba(96,165,250,0.32); }
body.atlas-dark .who-tag { color: var(--muted); }

body.atlas-dark .who-trust { background: rgba(255,255,255,0.03); border-color: var(--glass-border); box-shadow: inset 0 1px 0 rgba(255,255,255,.04), 0 10px 28px rgba(0,0,0,.25); }
body.atlas-dark .who-trust-item { border-right-color: rgba(96,165,250,.10) !important; }
body.atlas-dark .who-trust-ico  { background: rgba(96,165,250,0.10); border-color: var(--border); }
body.atlas-dark .who-trust-ico svg     { stroke: var(--blue-l); }
body.atlas-dark .who-trust-text strong { color: var(--text); }
body.atlas-dark .who-trust-text span   { color: var(--muted); }

/* WHY SECTION */
body.atlas-dark .why-feat { background: rgba(255,255,255,0.03) !important; border-color: var(--glass-border) !important; }
body.atlas-dark .why-feat:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.03) 100%) !important;
  border-color: rgba(96,165,250,0.25) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.45), 0 0 0 1px var(--glass-glow) !important;
}
body.atlas-dark .why-feat-body strong { color: var(--text); }
/* Services · "Pourquoi nous" titres en orange glow (dark mode) */
body.atlas-dark .why-feat strong {
  color: #fdba74 !important;
  text-shadow:
    0 0 16px rgba(249,115,22,.70),
    0 0 32px rgba(249,115,22,.40),
    0 0 60px rgba(249,115,22,.22) !important;
}
body.atlas-dark .why-feat-body p      { color: var(--muted); }
body.atlas-dark .why-feat-ico         { background: rgba(96,165,250,0.10); }
body.atlas-dark .why-feat-ico svg     { stroke: var(--blue-l); }
body.atlas-dark .why-feat:hover .why-feat-ico     { background: var(--blue-b) !important; }
body.atlas-dark .why-feat:hover .why-feat-ico svg { stroke: white !important; }
body.atlas-dark .why-trust-pill        { background: rgba(255,255,255,0.04) !important; border-color: var(--border); color: var(--mid); }
body.atlas-dark .why-trust-pill:hover  { color: var(--text); border-color: rgba(96,165,250,0.30); }
body.atlas-dark .why-trust-pill svg    { stroke: var(--blue-l); }
body.atlas-dark .why-badge,
body.atlas-dark .why-badge-3 {
  background: rgba(20,28,48,0.92) !important;
  border-color: var(--border) !important;
  -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px);
  box-shadow: 0 8px 28px rgba(0,0,0,.45);
}
body.atlas-dark .why-badge .wb-txt .t1 { color: var(--text); }
body.atlas-dark .why-badge .wb-txt .t2 { color: var(--muted); }
body.atlas-dark .why-badge .wb-ico     { background: rgba(96,165,250,0.12); }
body.atlas-dark .why-img-frame         { box-shadow: 0 32px 80px rgba(0,0,0,.6), 0 0 0 1px var(--glass-border); }
body.atlas-dark .why-feat-tag          { background: rgba(96,165,250,0.12); color: var(--blue-l); }
body.atlas-dark .why-feat-tag.green    { background: rgba(34,197,94,.18);  color: #4ade80; }
body.atlas-dark .why-feat-tag.orange   { background: rgba(249,115,22,.18); color: #fdba74; }

/* Steps accueil */
body.atlas-dark .step:hover .step-n { background: var(--blue-b) !important; }
body.atlas-dark .step-n             { background: rgba(96,165,250,0.10) !important; color: var(--blue-l); }

/* Cartes glass génériques (fcards / floating) */
body.atlas-dark .fcard { background: rgba(255,255,255,0.06); border-color: var(--glass-border); }

/* ════════════════════════════════════════════════════════════════
   PAGES SERVICES (service-base.css) · classes communes
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark .benefit-card,
body.atlas-dark .pq-card,
body.atlas-dark .prest-item,
body.atlas-dark .proc-step,
body.atlas-dark .faq-item,
body.atlas-dark .p3-step {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.3);
          backdrop-filter: blur(16px) saturate(1.3);
}
body.atlas-dark .benefit-label,
body.atlas-dark .pq-title,
body.atlas-dark .prest-text strong,
body.atlas-dark .proc-body strong,
body.atlas-dark .faq-q,
body.atlas-dark .p3-step h4 { color: var(--text) !important; }
body.atlas-dark .benefit-desc,
body.atlas-dark .pq-desc,
body.atlas-dark .prest-text p,
body.atlas-dark .proc-body p,
body.atlas-dark .faq-a-inner,
body.atlas-dark .p3-step p { color: var(--muted) !important; }
body.atlas-dark .benefit-num,
body.atlas-dark .p3-num,
body.atlas-dark .proc-num { color: var(--blue-l) !important; }

/* Dark mode : le grand chiffre passe en orange au survol de la carte */
body.atlas-dark .benefit-card .benefit-num { transition: color .25s; }
body.atlas-dark .benefit-card:hover .benefit-num { color: #FF7A2B !important; }
body.atlas-dark .p3-num,
body.atlas-dark .proc-num {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
  box-shadow: 0 4px 16px rgba(0,0,0,.35) !important;
}
body.atlas-dark .p3-num svg,
body.atlas-dark .proc-num svg { stroke: var(--blue-l) !important; }
/* PROJECT FLOW timeline · dark */
body.atlas-dark .method-step { background: linear-gradient(160deg, rgba(96,165,250,.06) 0%, rgba(37,99,235,.04) 100%) !important; border-color: var(--border) !important; }
body.atlas-dark .method-step h4 { color: #eaf0ff !important; }
body.atlas-dark .ms-num { color: var(--blue-l) !important; background: var(--glass-bg-2) !important; }
/* Méthode · au survol de l'étape, le chiffre passe en orange (dark) */
body.atlas-dark .method-step .ms-num { transition: color .25s, background .25s, border-color .25s, box-shadow .25s !important; }
body.atlas-dark .method-step:hover .ms-num {
  color: var(--orange) !important;
  background: rgba(255,107,26,.14) !important;
  border-color: rgba(255,107,26,.35) !important;
  box-shadow: 0 0 18px rgba(255,107,26,.28) !important;
}
body.atlas-dark .pq-icon,
body.atlas-dark .prest-ico {
  background: rgba(96,165,250,0.12) !important;
  border-color: var(--border) !important;
}
body.atlas-dark .pq-icon svg,
body.atlas-dark .prest-ico svg { stroke: var(--blue-l) !important; }

/* Dark mode : icônes des prestations incluses passent en orange au survol */
body.atlas-dark .prest-item:hover .prest-ico {
  background: rgba(255,122,43,0.16) !important;
  border-color: rgba(255,122,43,0.35) !important;
}
body.atlas-dark .prest-item:hover .prest-ico svg { stroke: #FF7A2B !important; }

/* Dark mode : icône "Pour qui" passe en orange au survol de la carte */
body.atlas-dark .pq-card:hover .pq-icon {
  background: rgba(255,122,43,0.16) !important;
  border-color: rgba(255,122,43,0.35) !important;
}
body.atlas-dark .pq-card:hover .pq-icon svg { stroke: #FF7A2B !important; }

/* Dark mode : icône des formules passe en orange au survol de la carte */
body.atlas-dark .offer:hover .offer-ico {
  background: rgba(255,122,43,0.16) !important;
}
body.atlas-dark .offer:hover .offer-ico svg { stroke: #FF7A2B !important; }

/* CTA final (déjà navy) */
body.atlas-dark .cta-final { background: var(--off) !important; }
body.atlas-dark .cta-final-kicker { color: var(--blue-l) !important; }
body.atlas-dark .cta-final-reass { color: var(--muted) !important; }
/* .cta-final-line est un bloc de 760×220 px : en thème sombre il lisait comme un
   rectangle plus clair derrière le titre. Retiré — la lueur vient de ::before + halo. */
body.atlas-dark .cta-final-line { display: none !important; }

/* Boutons secondaires */
body.atlas-dark .btn-secondary {
  background: rgba(255,255,255,0.05) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
body.atlas-dark .btn-secondary:hover {
  background: rgba(96,165,250,0.12) !important;
  border-color: rgba(96,165,250,0.30) !important;
}

/* Filtres services / chips */
body.atlas-dark .filter-btn,
body.atlas-dark .chip {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--mid) !important;
}
body.atlas-dark .filter-btn.active,
body.atlas-dark .filter-btn:hover {
  background: rgba(96,165,250,0.16) !important;
  border-color: rgba(96,165,250,0.32) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .chip.active {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.4) !important;
}
body.atlas-dark .opt-pill:has(input:checked) {
  background: rgba(249,115,22,.16) !important;
  border-color: var(--orange) !important;
  color: #fff !important;
}

/* Services grid cards (services.html) */
body.atlas-dark .svc-card {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
}
body.atlas-dark .svc-card h3,
body.atlas-dark .svc-card .svc-card-title { color: var(--text) !important; }
body.atlas-dark .svc-card p { color: var(--muted) !important; }

/* a-propos.html · mini-cards, taglines */
body.atlas-dark .svc-mini,
body.atlas-dark .who-p-tagline-center,
body.atlas-dark .logo-slot:hover {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .who-p-tagline-center { color: var(--mid) !important; }

/* Photo band (services + a-propos) */
body.atlas-dark .pb-frame {
  background: linear-gradient(160deg, rgba(96,165,250,0.10) 0%, rgba(37,99,235,0.05) 100%) !important;
  border-color: var(--glass-border) !important;
}

/* ════════════════════════════════════════════════════════════════
   SOUS-PAGES SERVICES · classes spécifiques
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark .panne,
body.atlas-dark .solution-card,
body.atlas-dark .ia-svc-card,
body.atlas-dark .domaine,
body.atlas-dark .dtab,
body.atlas-dark .ritem,
body.atlas-dark .plan,
body.atlas-dark .method-step,
body.atlas-dark .inc-item,
body.atlas-dark .fa-mini-card,
body.atlas-dark .fa-mini-card.alt,
body.atlas-dark .fa-card,
body.atlas-dark .fa-card.b2,
body.atlas-dark .fa-brochure > div,
body.atlas-dark .fa-grid3 > .d,
body.atlas-dark .fa-template-set .t3,
body.atlas-dark .fa-pao,
body.atlas-dark .pmk,
body.atlas-dark .pmk.brochure,
body.atlas-dark .phone-screen,
body.atlas-dark .li-card,
body.atlas-dark .offer {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .panne strong,
body.atlas-dark .solution-card strong,
body.atlas-dark .ia-svc-card strong,
body.atlas-dark .domaine strong,
body.atlas-dark .plan strong,
body.atlas-dark .method-step strong,
body.atlas-dark .inc-item strong,
body.atlas-dark .ritem strong,
body.atlas-dark .panne h3, body.atlas-dark .panne h4,
body.atlas-dark .solution-card h3, body.atlas-dark .solution-card h4,
body.atlas-dark .ia-svc-card h3, body.atlas-dark .ia-svc-card h4,
body.atlas-dark .domaine h3, body.atlas-dark .domaine h4,
body.atlas-dark .plan h3, body.atlas-dark .plan h4,
body.atlas-dark .offer h3, body.atlas-dark .offer h4 { color: var(--text) !important; }
body.atlas-dark .panne p,
body.atlas-dark .solution-card p,
body.atlas-dark .ia-svc-card p,
body.atlas-dark .domaine p,
body.atlas-dark .plan p,
body.atlas-dark .method-step p,
body.atlas-dark .inc-item p,
body.atlas-dark .ritem p { color: var(--muted) !important; }
body.atlas-dark .ia-step-num {
  background: var(--glass-bg-2) !important;
  color: var(--blue-l) !important;
  border: 1px solid var(--border);
}

/* IG mock / story progress / phone screen */
body.atlas-dark .ig-avatar div { background: var(--glass-bg-2) !important; }
body.atlas-dark .story-progress span.active { background: var(--blue-l) !important; }

/* ════════════════════════════════════════════════════════════════
   ATLAS MOBILE · crowdfunding & soutien
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark .proj-card,
body.atlas-dark .rew,
body.atlas-dark .reward-card,
body.atlas-dark .tier-card,
body.atlas-dark .donate-card,
body.atlas-dark .support-card,
body.atlas-dark .progress-card,
body.atlas-dark .stats-card,
body.atlas-dark .timeline-item,
body.atlas-dark .uof-bar,
body.atlas-dark .uof-leg,
body.atlas-dark .rm-dot,
body.atlas-dark .conf-card,
body.atlas-dark .conf-ghost,
body.atlas-dark .wall-tile,
body.atlas-dark .s-panel,
body.atlas-dark .s-foot,
body.atlas-dark .bank-copy,
body.atlas-dark .bank-qr-frame {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .proj-card h3, body.atlas-dark .proj-card strong,
body.atlas-dark .rew h3, body.atlas-dark .rew strong,
body.atlas-dark .reward-card h3, body.atlas-dark .reward-card strong,
body.atlas-dark .tier-card strong,
body.atlas-dark .donate-card strong,
body.atlas-dark .conf-card h3, body.atlas-dark .conf-card strong { color: var(--text) !important; }
body.atlas-dark .proj-card p,
body.atlas-dark .rew p,
body.atlas-dark .reward-card p,
body.atlas-dark .tier-card p,
body.atlas-dark .donate-card p,
body.atlas-dark .conf-card p { color: var(--muted) !important; }
body.atlas-dark .rew-cta {
  background: rgba(96,165,250,0.16) !important;
  color: var(--blue-l) !important;
  border-color: var(--border) !important;
}
body.atlas-dark .pay-tab.is-active {
  background: var(--blue-b) !important;
  color: white !important;
}
body.atlas-dark .pay-tab:not(.is-active) {
  background: var(--glass-bg) !important;
  color: var(--mid) !important;
  border-color: var(--border) !important;
}
body.atlas-dark .final-cta { background: var(--off) !important; color: var(--text); }

/* ════════════════════════════════════════════════════════════════
   FORMULAIRES (devis, contact, soutien)
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark input[type="text"],
body.atlas-dark input[type="email"],
body.atlas-dark input[type="tel"],
body.atlas-dark input[type="url"],
body.atlas-dark input[type="number"],
body.atlas-dark input[type="search"],
body.atlas-dark input[type="password"],
body.atlas-dark input[type="date"],
body.atlas-dark textarea,
body.atlas-dark select,
body.atlas-dark .f-input,
body.atlas-dark .f-textarea,
body.atlas-dark .f-select,
body.atlas-dark .form-input,
body.atlas-dark .form-textarea,
body.atlas-dark .form-select {
  background-color: rgba(255,255,255,0.04) !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}
body.atlas-dark input::placeholder,
body.atlas-dark textarea::placeholder,
body.atlas-dark .f-input::placeholder,
body.atlas-dark .f-textarea::placeholder { color: var(--muted) !important; opacity: 1; }
body.atlas-dark input:focus,
body.atlas-dark textarea:focus,
body.atlas-dark select:focus,
body.atlas-dark .f-input:focus,
body.atlas-dark .f-textarea:focus,
body.atlas-dark .f-select:focus,
body.atlas-dark .form-textarea:focus,
body.atlas-dark .f-field input:focus {
  border-color: rgba(96,165,250,0.45) !important;
  box-shadow: 0 0 0 3px var(--glass-glow) !important;
  outline: none !important;
  background-color: rgba(255,255,255,0.06) !important;
}
body.atlas-dark label,
body.atlas-dark .form-label,
body.atlas-dark .f-field label { color: var(--mid) !important; }

/* Devis · cartes complètes */
body.atlas-dark .quote-card,
body.atlas-dark .quote-card-inner,
body.atlas-dark .choice-inner,
body.atlas-dark .benefit,
body.atlas-dark .tl-content,
body.atlas-dark .cta-banner {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .quote-card h3, body.atlas-dark .quote-card strong,
body.atlas-dark .choice-inner strong,
body.atlas-dark .benefit strong,
body.atlas-dark .tl-content h3, body.atlas-dark .tl-content strong { color: var(--text) !important; }
body.atlas-dark .quote-card p, body.atlas-dark .choice-inner p,
body.atlas-dark .benefit p, body.atlas-dark .tl-content p { color: var(--muted) !important; }
body.atlas-dark .qp-dot,
body.atlas-dark .choice-check {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .qp-dot.active,
body.atlas-dark .choice-check.active,
body.atlas-dark input[type="radio"]:checked + .choice-check,
body.atlas-dark .choice-inner.selected .choice-check {
  background: var(--blue-b) !important;
  border-color: var(--blue-b) !important;
  color: white !important;
}
body.atlas-dark .range-input::-webkit-slider-thumb {
  background: var(--blue-l) !important;
  box-shadow: 0 0 0 4px rgba(96,165,250,0.20) !important;
}
body.atlas-dark .range-input::-moz-range-thumb {
  background: var(--blue-l) !important;
  box-shadow: 0 0 0 4px rgba(96,165,250,0.20) !important;
}
body.atlas-dark .btn-step {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text) !important;
}
body.atlas-dark .btn-step:hover:not(:disabled) {
  background: rgba(96,165,250,0.16) !important;
  border-color: rgba(96,165,250,0.32) !important;
}
body.atlas-dark .btn-step:disabled,
body.atlas-dark .btn-step:disabled:hover {
  background: rgba(255,255,255,0.02) !important;
  color: var(--muted) !important;
  opacity: 0.5;
}

/* Contact · cartes & rassurance */
body.atlas-dark .reassure-list li,
body.atlas-dark .why-card,
body.atlas-dark .form-radio-inner {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .why-section { background: var(--off) !important; }
body.atlas-dark .why-card h3, body.atlas-dark .why-card strong { color: var(--text) !important; }
body.atlas-dark .why-card p { color: var(--muted) !important; }

/* Soutien · wallets, consent, options */
body.atlas-dark .f-wall-opt {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .f-wall-opt:hover {
  background: var(--glass-bg-2) !important;
  border-color: rgba(96,165,250,0.30) !important;
}
body.atlas-dark .f-wall-opt-mark::after,
body.atlas-dark .f-consent-mark {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
}
body.atlas-dark .f-wall-opt.active .f-wall-opt-mark::after,
body.atlas-dark .f-consent.checked .f-consent-mark {
  background: var(--blue-b) !important;
  border-color: var(--blue-b) !important;
}

/* ════════════════════════════════════════════════════════════════
   FOOTER · garder son gradient sombre original (fonctionne en dark)
   ════════════════════════════════════════════════════════════════ */
/* Le footer service-base utilise déjà un gradient #030814 → #020610.
   On garde ce gradient (il est déjà parfait pour le dark). */

/* ════════════════════════════════════════════════════════════════
   SAFETY NET · attributs style inline + fallback
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark [style*="background: white"],
body.atlas-dark [style*="background:#fff"],
body.atlas-dark [style*="background: #fff"],
body.atlas-dark [style*="background:#ffffff"],
body.atlas-dark [style*="background: #ffffff"],
body.atlas-dark [style*="background-color: white"],
body.atlas-dark [style*="background-color:#fff"],
body.atlas-dark [style*="background-color: #fff"],
body.atlas-dark [style*="background-color:#ffffff"],
body.atlas-dark [style*="background-color: #ffffff"] {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}

/* Texte foncé hardcodé dans les cartes/sections → forcer clair */
body.atlas-dark .pq-card h3, body.atlas-dark .pq-card h4,
body.atlas-dark .benefit-card h3, body.atlas-dark .benefit-card h4,
body.atlas-dark .prest-item h3, body.atlas-dark .prest-item h4, body.atlas-dark .prest-item h5,
body.atlas-dark .faq-q,
body.atlas-dark .quote-card-title,
body.atlas-dark .svc-mini h3, body.atlas-dark .svc-mini h4,
body.atlas-dark .svc-card h2, body.atlas-dark .svc-card h3,
body.atlas-dark .proj-card h2, body.atlas-dark .proj-card h3,
body.atlas-dark .rew h3, body.atlas-dark .rew h4,
body.atlas-dark .conf-card h2, body.atlas-dark .conf-card h3 {
  color: var(--text) !important;
}

/* ════════════════════════════════════════════════════════════════
   SECTIONS LIGHT-GRADIENT (à neutraliser en dark)
   ════════════════════════════════════════════════════════════════ */

/* Bandeau CTA "Passez à l'action" (accueil / services / contact) */
body.atlas-dark .cta-band {
  background: radial-gradient(ellipse 75% 95% at 50% 45%,
    var(--off) 0%, #0d1530 60%, var(--white) 100%) !important;
}
body.atlas-dark .cta-band .cta-kicker,
body.atlas-dark .cta-kicker { color: var(--blue-l) !important; }
body.atlas-dark .cta-band .cta-headline,
body.atlas-dark .cta-headline { color: var(--text) !important; }
body.atlas-dark .cta-band p,
body.atlas-dark .cta-band-line + p,
body.atlas-dark .cta-inner p { color: var(--mid) !important; }

/* "Comment ça marche" : section process accueil */
body.atlas-dark .process-section {
  background: linear-gradient(180deg, var(--white) 0%, var(--off) 60%, var(--white) 100%) !important;
}

/* FAQ section accueil */
body.atlas-dark .faq,
body.atlas-dark section.faq { background: var(--off) !important; }
body.atlas-dark .faq-title,
body.atlas-dark .faq h2,
body.atlas-dark .faq h3 { color: var(--text) !important; }
body.atlas-dark .faq-toggle {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
  color: var(--blue-l) !important;
}

/* À PROPOS · sections light gradient */
body.atlas-dark .about-cta,
body.atlas-dark .compare-section,
body.atlas-dark .compare-section.compare-premium,
body.atlas-dark .vision-block,
body.atlas-dark .about-block,
body.atlas-dark .story-premium,
body.atlas-dark .who-premium,
body.atlas-dark .trust,
body.atlas-dark section.trust {
  background: linear-gradient(180deg, var(--off) 0%, var(--white) 55%, var(--off) 100%) !important;
}
body.atlas-dark .vision-core,
body.atlas-dark .compare-vs-core,
body.atlas-dark .story-year,
body.atlas-dark .story-quote-card,
body.atlas-dark .story-quote-avatar {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .vision-core h2, body.atlas-dark .vision-core h3,
body.atlas-dark .compare-vs-core h2, body.atlas-dark .compare-vs-core h3,
body.atlas-dark .story-year h3, body.atlas-dark .story-year h4,
body.atlas-dark .story-quote-card h3, body.atlas-dark .story-quote-card p { color: var(--text) !important; }
body.atlas-dark .story-quote-card p { color: var(--mid) !important; }
body.atlas-dark .story-year strong { color: var(--blue-l) !important; }

/* SERVICES · filters-bar sticky */
body.atlas-dark .filters-bar {
  background: rgba(11,18,32,0.92) !important;
  -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px);
  border-bottom-color: var(--glass-border) !important;
}
body.atlas-dark .filter-btn {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--mid) !important;
}
body.atlas-dark .filter-btn.active,
body.atlas-dark .filter-btn:hover {
  background: rgba(96,165,250,0.16) !important;
  border-color: rgba(96,165,250,0.32) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .filter-count {
  background: rgba(96,165,250,0.18) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .filter-btn.active .filter-count {
  background: rgba(96,165,250,0.30) !important;
  color: white !important;
}

/* SERVICES · svc-card-badge */
body.atlas-dark .svc-card-badge {
  background: var(--blue-b) !important;
  color: white !important;
}
body.atlas-dark .hub-node-tag {
  background: var(--glass-bg-2) !important;
  border-color: var(--glass-border) !important;
  color: var(--mid) !important;
}

/* CROWDFUNDING · "Contreparties" header + tiers + cards */
body.atlas-dark .rew-head h2,
body.atlas-dark .rew-head h3,
body.atlas-dark .rew-tier-chip strong { color: var(--text) !important; }
body.atlas-dark .rew-tier-chip {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--mid) !important;
}
body.atlas-dark .rew-badge {
  background: var(--blue-b) !important;
  color: white !important;
}
body.atlas-dark .uof-text-card {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark .uof-leg-pct { color: var(--blue-l) !important; }
body.atlas-dark .btn-ghost-light {
  background: var(--glass-bg) !important;
  color: var(--text) !important;
  border-color: var(--glass-border) !important;
}
body.atlas-dark .btn-ghost-light:hover {
  background: var(--glass-bg-2) !important;
  border-color: rgba(96,165,250,0.30) !important;
}
body.atlas-dark .final-cta { background: var(--off) !important; }
body.atlas-dark .final-cta h2 { color: var(--text) !important; }
body.atlas-dark .final-cta p { color: var(--mid) !important; }

/* CONTACT · form-head + form-section + form-radio + design-tag */
body.atlas-dark .form-section {
  background: var(--off) !important;
}
body.atlas-dark .form-head h3,
body.atlas-dark .form-head h2 { color: var(--text) !important; }
body.atlas-dark .form-microcopy,
body.atlas-dark .form-head p { color: var(--mid) !important; }
/* Emphase de la microcopy en orange (au lieu du navy illisible sur fond sombre) + titres d'options lisibles */
body.atlas-dark .form-microcopy strong { color: var(--orange) !important; }
body.atlas-dark .form-radio-text strong { color: var(--text) !important; }
body.atlas-dark .form-radio-inner {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--text);
}
body.atlas-dark input[type="radio"]:checked + .form-radio-inner,
body.atlas-dark .form-radio.checked .form-radio-inner {
  background: rgba(249,115,22,0.14) !important;
  border-color: var(--orange) !important;
}
body.atlas-dark input[type="radio"]:checked + .form-radio-inner .form-radio-ico,
body.atlas-dark .form-radio.checked .form-radio-inner .form-radio-ico {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 16px rgba(249,115,22,.45) !important;
}
body.atlas-dark input[type="radio"]:checked + .form-radio-inner .form-radio-ico svg,
body.atlas-dark .form-radio.checked .form-radio-inner .form-radio-ico svg { stroke: #fff !important; }
body.atlas-dark .form-radio-ico {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
  color: var(--blue-l) !important;
}
/* Réassurance · picto orange au survol (dark) */
body.atlas-dark .reassure-list li:hover .ri-ico { background: var(--orange) !important; border-color: var(--orange) !important; }
body.atlas-dark .reassure-list li:hover .ri-ico svg { stroke: #fff !important; }
body.atlas-dark .design-tag {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
  color: var(--mid) !important;
}
body.atlas-dark .hc-title { color: var(--text) !important; }

/* SOUTIEN · "Page sécurisée · Don" badge + "UN DERNIER MOT" */
body.atlas-dark .s-secure-badge,
body.atlas-dark .secure-badge {
  background: var(--glass-bg) !important;
  border-color: var(--glass-border) !important;
  color: var(--blue-l) !important;
}

/* ACCUEIL · Atlas Mobile tease + steps */
body.atlas-dark .atm-title { color: var(--text) !important; }
body.atlas-dark .at-title { color: var(--text) !important; }
body.atlas-dark .at-led {
  background: var(--glass-bg-2) !important;
  border-color: var(--border) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .logo-card-badge {
  background: var(--glass-bg-2) !important;
  color: var(--blue-l) !important;
  border-color: var(--border) !important;
}

/* S-EYEBROW (labels "Ils nous font confiance", "Notre vision", etc.) */
body.atlas-dark .s-eyebrow { color: var(--blue-l) !important; }
body.atlas-dark .s-eyebrow::before { background: var(--orange) !important; }

/* TRUST / Partenaires section (services.html "Ils nous font confiance") */
body.atlas-dark .trust .s-title,
body.atlas-dark .trust h2 { color: var(--text) !important; }
body.atlas-dark .trust p { color: var(--mid) !important; }


/* ════════════════════════════════════════════════════════════════
   ★ POLISH PASS · Premium dark refinement
   Halos, gradients, glows, finitions typographiques
   ════════════════════════════════════════════════════════════════ */

/* Cartes glass · profondeur premium */
body.atlas-dark .svc:not(.highlight),
body.atlas-dark .svc-card,
body.atlas-dark .pq-card,
body.atlas-dark .benefit-card,
body.atlas-dark .prest-item,
body.atlas-dark .proc-step,
body.atlas-dark .faq-item,
body.atlas-dark .p3-step,
body.atlas-dark .why-feat,
body.atlas-dark .who-card:not(.pro),
body.atlas-dark .proj-card,
body.atlas-dark .rew,
body.atlas-dark .reward-card,
body.atlas-dark .quote-card,
body.atlas-dark .choice-inner,
body.atlas-dark .benefit,
body.atlas-dark .tl-content,
body.atlas-dark .cta-banner,
body.atlas-dark .why-card,
body.atlas-dark .reassure-list li,
body.atlas-dark .s-panel,
body.atlas-dark .conf-card,
body.atlas-dark .wall-tile,
body.atlas-dark .uof-text-card,
body.atlas-dark .panne,
body.atlas-dark .solution-card,
body.atlas-dark .ia-svc-card,
body.atlas-dark .domaine,
body.atlas-dark .plan,
body.atlas-dark .method-step,
body.atlas-dark .inc-item,
body.atlas-dark .ritem,
body.atlas-dark .dtab,
body.atlas-dark .vision-core,
body.atlas-dark .compare-vs-core,
body.atlas-dark .story-year,
body.atlas-dark .story-quote-card,
body.atlas-dark .svc-mini,
body.atlas-dark .offer,
body.atlas-dark .fa-mini-card,
body.atlas-dark .fa-card {
  background: linear-gradient(180deg, rgba(255,255,255,0.045) 0%, rgba(255,255,255,0.02) 100%) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 2px 6px rgba(0,0,0,0.20),
    0 14px 36px rgba(0,0,0,0.30) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
          backdrop-filter: blur(20px) saturate(1.4) !important;
}
body.atlas-dark .svc:not(.highlight):hover,
body.atlas-dark .svc-card:hover,
body.atlas-dark .pq-card:hover,
body.atlas-dark .benefit-card:hover,
body.atlas-dark .prest-item:hover,
body.atlas-dark .proc-step:hover,
body.atlas-dark .faq-item:hover,
body.atlas-dark .p3-step:hover,
body.atlas-dark .why-feat:hover,
body.atlas-dark .who-card:not(.pro):hover,
body.atlas-dark .proj-card:hover,
body.atlas-dark .rew:hover,
body.atlas-dark .quote-card:hover,
body.atlas-dark .vision-core:hover,
body.atlas-dark .story-year:hover,
body.atlas-dark .panne:hover,
body.atlas-dark .solution-card:hover,
body.atlas-dark .ia-svc-card:hover,
body.atlas-dark .domaine:hover,
body.atlas-dark .plan:hover {
  background: linear-gradient(180deg, rgba(255,255,255,0.07) 0%, rgba(255,255,255,0.03) 100%) !important;
  border-color: rgba(96,165,250,0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 2px 8px rgba(0,0,0,0.30),
    0 22px 56px rgba(0,0,0,0.45),
    0 0 0 1px var(--glass-glow),
    0 0 40px rgba(59,130,246,0.10) !important;
}

/* Sections gradient · halos */
body.atlas-dark .process-section {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(37,99,235,0.10) 0%, transparent 60%),
    radial-gradient(ellipse 50% 40% at 50% 100%, rgba(96,165,250,0.06) 0%, transparent 60%),
    linear-gradient(180deg, var(--white) 0%, #0E1731 50%, var(--white) 100%) !important;
}
body.atlas-dark .cta-band {
  background:
    radial-gradient(ellipse 70% 90% at 50% 50%, rgba(37,99,235,0.14) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 50% 100%, rgba(249,115,22,0.06) 0%, transparent 70%),
    linear-gradient(180deg, var(--white) 0%, #0E1731 60%, var(--white) 100%) !important;
}
body.atlas-dark .about-cta,
body.atlas-dark .compare-section,
body.atlas-dark .compare-section.compare-premium,
body.atlas-dark .vision-block,
body.atlas-dark .about-block,
body.atlas-dark .story-premium,
body.atlas-dark .who-premium {
  background:
    radial-gradient(ellipse 55% 50% at 20% 30%, rgba(96,165,250,0.08) 0%, transparent 60%),
    radial-gradient(ellipse 55% 50% at 80% 70%, rgba(249,115,22,0.04) 0%, transparent 60%),
    linear-gradient(180deg, var(--off) 0%, var(--white) 60%, var(--off) 100%) !important;
}
body.atlas-dark .faq,
body.atlas-dark section.faq {
  background:
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(37,99,235,0.06) 0%, transparent 65%),
    var(--off) !important;
}
body.atlas-dark .final-cta {
  background:
    radial-gradient(ellipse 70% 80% at 50% 50%, rgba(37,99,235,0.10) 0%, transparent 65%),
    linear-gradient(180deg, var(--off) 0%, #0F1932 100%) !important;
}
body.atlas-dark .form-section {
  background:
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(37,99,235,0.06) 0%, transparent 65%),
    var(--off) !important;
}
body.atlas-dark .trust,
body.atlas-dark section.trust {
  background:
    radial-gradient(ellipse 50% 60% at 50% 50%, rgba(37,99,235,0.10) 0%, transparent 70%),
    linear-gradient(180deg, #060e2b 0%, #0a153c 50%, #060e2b 100%) !important;
}

/* Eyebrows · glow subtil */
body.atlas-dark .s-eyebrow {
  color: var(--blue-l) !important;
  text-shadow: 0 0 24px rgba(96,165,250,0.18);
}
body.atlas-dark .s-eyebrow::before {
  background: var(--orange) !important;
  box-shadow: 0 0 12px rgba(249,115,22,0.55), 0 0 4px rgba(249,115,22,0.8);
}

/* Titres · gradient premium */
body.atlas-dark .s-title,
body.atlas-dark .faq-title,
body.atlas-dark .cta-headline,
body.atlas-dark .rew-head h2,
body.atlas-dark .form-head h2,
body.atlas-dark .form-head h3 {
  background: linear-gradient(135deg, #ffffff 0%, #93c5fd 50%, #ffffff 100%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent !important;
}
body.atlas-dark .s-title .accent,
body.atlas-dark .cta-headline .accent {
  -webkit-text-fill-color: var(--blue-l) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .s-title .orange,
body.atlas-dark .cta-headline .orange {
  -webkit-text-fill-color: var(--orange) !important;
  color: var(--orange) !important;
}

/* Filters bar (services) */
body.atlas-dark .filters-bar {
  background: rgba(11,18,32,0.85) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.5) !important;
          backdrop-filter: blur(24px) saturate(1.5) !important;
  border-bottom: 1px solid var(--glass-border) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.25);
}
body.atlas-dark .filter-btn {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--glass-border) !important;
  color: var(--mid) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  transition: all .25s cubic-bezier(.22,.68,0,1) !important;
}
body.atlas-dark .filter-btn:hover {
  background: rgba(96,165,250,0.12) !important;
  border-color: rgba(96,165,250,0.30) !important;
  color: var(--text) !important;
  transform: translateY(-1px);
}
body.atlas-dark .filter-btn.active {
  background: linear-gradient(135deg, rgba(37,99,235,0.25) 0%, rgba(96,165,250,0.15) 100%) !important;
  border-color: rgba(96,165,250,0.45) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    0 4px 16px rgba(37,99,235,0.30),
    0 0 0 1px rgba(96,165,250,0.15);
}

/* Champs formulaire · focus glow */
body.atlas-dark input,
body.atlas-dark textarea,
body.atlas-dark select,
body.atlas-dark .f-input,
body.atlas-dark .f-textarea,
body.atlas-dark .form-input,
body.atlas-dark .form-textarea {
  background: linear-gradient(180deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.025) 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05) !important;
  transition: border-color .2s, box-shadow .25s, background .2s !important;
}
body.atlas-dark input:focus,
body.atlas-dark textarea:focus,
body.atlas-dark select:focus,
body.atlas-dark .f-input:focus,
body.atlas-dark .f-textarea:focus,
body.atlas-dark .form-textarea:focus {
  background: linear-gradient(180deg, rgba(96,165,250,0.07) 0%, rgba(96,165,250,0.03) 100%) !important;
  border-color: rgba(96,165,250,0.50) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 0 0 3px rgba(59,130,246,0.18),
    0 8px 24px rgba(37,99,235,0.12) !important;
}

/* FAQ item ouvert */
body.atlas-dark .faq-item.open {
  border-color: rgba(96,165,250,0.30) !important;
  background: linear-gradient(180deg, rgba(96,165,250,0.06) 0%, rgba(255,255,255,0.02) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.08),
    0 14px 36px rgba(0,0,0,0.35),
    0 0 0 1px var(--glass-glow) !important;
}
body.atlas-dark .faq-q:hover { color: var(--blue-l) !important; }
body.atlas-dark .faq-toggle {
  background: linear-gradient(135deg, rgba(96,165,250,0.15) 0%, rgba(37,99,235,0.08) 100%) !important;
  border-color: rgba(96,165,250,0.25) !important;
  color: var(--blue-l) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
}

/* Contreparties · rew avec accent */
body.atlas-dark .rew { position: relative; overflow: hidden; }
body.atlas-dark .rew::before {
  content: '';
  position: absolute; top: 0; left: 24px; right: 24px;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--blue-l), transparent);
  opacity: .35;
}
body.atlas-dark .rew.featured,
body.atlas-dark .rew.popular {
  background: linear-gradient(180deg, rgba(96,165,250,0.07) 0%, rgba(255,255,255,0.02) 100%) !important;
  border-color: rgba(96,165,250,0.28) !important;
}
body.atlas-dark .rew-cta {
  background: linear-gradient(135deg, rgba(96,165,250,0.16) 0%, rgba(37,99,235,0.10) 100%) !important;
  border-color: rgba(96,165,250,0.25) !important;
  color: var(--blue-l) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.06);
  transition: all .25s !important;
}
body.atlas-dark .rew-cta:hover {
  background: linear-gradient(135deg, rgba(96,165,250,0.28) 0%, rgba(37,99,235,0.18) 100%) !important;
  border-color: rgba(96,165,250,0.45) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 8px 24px rgba(37,99,235,0.20);
}

/* Numéros / pastilles · accent bleu glow */
body.atlas-dark .p3-num,
body.atlas-dark .proc-num,
body.atlas-dark .step-n,
body.atlas-dark .ia-step-num,
body.atlas-dark .qp-dot {
  background: linear-gradient(160deg, rgba(96,165,250,0.20) 0%, rgba(37,99,235,0.08) 100%) !important;
  border: 1px solid rgba(96,165,250,0.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.10),
    0 4px 16px rgba(37,99,235,0.20),
    0 0 24px rgba(96,165,250,0.15) !important;
}
body.atlas-dark .p3-step:hover .p3-num,
body.atlas-dark .proc-step:hover .proc-num,
body.atlas-dark .step:hover .step-n {
  background: linear-gradient(160deg, var(--blue-b) 0%, rgba(37,99,235,0.85) 100%) !important;
  border-color: var(--blue-b) !important;
  color: white !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.20),
    0 6px 22px rgba(37,99,235,0.45),
    0 0 32px rgba(96,165,250,0.30) !important;
}

/* Soutien · badges + panels · ombres premium */
body.atlas-dark .s-secure-badge,
body.atlas-dark .secure-badge,
body.atlas-dark .conf-card,
body.atlas-dark .s-panel {
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.06),
    0 2px 8px rgba(0,0,0,0.25),
    0 16px 40px rgba(0,0,0,0.35),
    0 0 0 1px rgba(96,165,250,0.05) !important;
}
body.atlas-dark .pay-tab.is-active {
  background: linear-gradient(135deg, var(--blue-b) 0%, #1e56d8 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.15),
    0 6px 22px rgba(37,99,235,0.40) !important;
}

/* Footer · deep blue glow (plus de noir, ambiance bleu profond) */
body.atlas-dark .footer {
  background:
    radial-gradient(ellipse 60% 70% at 20% 0%,  rgba(37,99,235,.22)  0%, transparent 55%),
    radial-gradient(ellipse 60% 70% at 80% 0%,  rgba(96,165,250,.16) 0%, transparent 55%),
    radial-gradient(ellipse 100% 60% at 50% 100%, rgba(37,99,235,.18) 0%, transparent 55%),
    linear-gradient(180deg, #050C24 0%, #08132E 50%, #04091F 100%) !important;
  position: relative;
}
body.atlas-dark .footer::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(96,165,250,.45) 50%, transparent 100%);
  pointer-events: none;
}

/* Mascottes · drop-shadow bleu */
body.atlas-dark .hero-mascot,
body.atlas-dark .why-img-frame img {
  filter: drop-shadow(0 32px 64px rgba(37,99,235,0.35)) drop-shadow(0 0 80px rgba(96,165,250,0.15));
}

/* ════════════════════════════════════════════════════════════════
   FIX SPÉCIFIQUES · halos blancs + intégration "Comment ça marche"
   et bloc FAQ-cta
   ════════════════════════════════════════════════════════════════ */

/* "UN DERNIER MOT" · CTA band : remplacer halo blanc par bleu marine */
body.atlas-dark .cta-band::after {
  background:
    radial-gradient(ellipse 55% 55% at 50% 40%, rgba(37,99,235,.28) 0%, transparent 65%),
    radial-gradient(ellipse 50% 55% at 20% 55%, rgba(96,165,250,.18) 0%, transparent 65%),
    radial-gradient(ellipse 40% 50% at 80% 55%, rgba(96,165,250,.10) 0%, transparent 65%) !important;
}
body.atlas-dark .cta-band {
  background:
    radial-gradient(ellipse 70% 90% at 50% 50%, rgba(37,99,235,.16) 0%, transparent 60%),
    radial-gradient(ellipse 50% 60% at 50% 100%, rgba(96,165,250,.06) 0%, transparent 70%),
    linear-gradient(180deg, #07112C 0%, #0C1B42 50%, #07112C 100%) !important;
}
body.atlas-dark .cta-headline::before {
  background: radial-gradient(ellipse at center,
    rgba(96,165,250,.18) 0%,
    rgba(96,165,250,.06) 45%,
    transparent 75%) !important;
}
body.atlas-dark .cta-band .cta-desc { color: rgba(232,237,245,.62) !important; }

/* "Comment ça marche" · process-section · bleu glow intégré */
body.atlas-dark .process-section {
  background:
    radial-gradient(ellipse 65% 55% at 50% 0%, rgba(37,99,235,.14) 0%, transparent 60%),
    radial-gradient(ellipse 55% 50% at 50% 100%, rgba(96,165,250,.08) 0%, transparent 60%),
    linear-gradient(180deg, #07112C 0%, #0C1B42 55%, #07112C 100%) !important;
}
/* halo bleu gauche retiré en thème sombre (demande du 25/07) */
body.atlas-dark .process-bg-halo.h1 {
  display: none !important;
}
body.atlas-dark .process-bg-halo.h2 {
  background: radial-gradient(circle, rgba(96,165,250,.12) 0%, transparent 65%) !important;
}

/* Cartes étapes · glass dark avec glow bleu */
body.atlas-dark .step {
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%) !important;
  border-color: rgba(96,165,250,.18) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 6px 22px rgba(0,0,0,.30),
    0 0 32px rgba(37,99,235,.10) !important;
}
body.atlas-dark .step:hover {
  border-color: rgba(96,165,250,.35) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 12px 32px rgba(0,0,0,.40),
    0 0 48px rgba(37,99,235,.22) !important;
}
body.atlas-dark .step-bubble {
  background:
    radial-gradient(circle at 35% 30%, rgba(96,165,250,.24) 0%, rgba(37,99,235,.14) 60%, rgba(11,18,32,.6) 100%) !important;
  border-color: rgba(96,165,250,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 8px 24px rgba(37,99,235,.30),
    0 0 0 6px rgba(37,99,235,.08),
    0 0 36px rgba(96,165,250,.20) !important;
}
body.atlas-dark .step-bubble svg { stroke: var(--blue-l) !important; }
body.atlas-dark .step-n {
  background: linear-gradient(160deg, #fb923c 0%, #f97316 100%) !important;
  color: #0c2a6e !important;
  border-color: transparent !important;
  box-shadow: 0 4px 14px rgba(249,115,22,.55), 0 0 18px rgba(249,115,22,.25) !important;
}
body.atlas-dark .step:hover .step-n {
  background: var(--blue-l) !important;
  color: #061232 !important;
  border-color: #0a1640 !important;
  box-shadow: 0 4px 14px rgba(96,165,250,.55), 0 0 22px rgba(96,165,250,.40) !important;
}
body.atlas-dark .step h3, body.atlas-dark .step h4 { color: var(--text) !important; }
body.atlas-dark .step p { color: var(--muted) !important; }

/* FAQ-cta · "Votre question n'est pas listée ?" + lien "Nous contacter" */
body.atlas-dark .faq-cta {
  background: linear-gradient(180deg, rgba(96,165,250,.10) 0%, rgba(37,99,235,.05) 100%) !important;
  border-color: rgba(96,165,250,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 8px 24px rgba(0,0,0,.25),
    0 0 32px rgba(37,99,235,.15) !important;
}
body.atlas-dark .faq-cta-text {
  color: var(--blue-l) !important;
  text-shadow: 0 0 16px rgba(96,165,250,.30);
}
body.atlas-dark .faq-cta-text strong {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(96,165,250,.45);
}
body.atlas-dark .faq-cta-link {
  color: var(--blue-l) !important;
  background: rgba(96,165,250,.14) !important;
  border: 1px solid rgba(96,165,250,.32) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 0 22px rgba(96,165,250,.20) !important;
  text-shadow: 0 0 12px rgba(96,165,250,.40);
}
body.atlas-dark .faq-cta-link:hover {
  background: rgba(96,165,250,.24) !important;
  border-color: rgba(96,165,250,.55) !important;
  color: #ffffff !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 4px 18px rgba(37,99,235,.30),
    0 0 32px rgba(96,165,250,.40) !important;
}
body.atlas-dark .faq-cta-link svg { stroke: currentColor !important; }

/* ════════════════════════════════════════════════════════════════
   FIX TYPOS · accueil · texte invisible/illisible en dark
   ════════════════════════════════════════════════════════════════ */

/* Bouton "secondaire" du CTA band (Voir nos services / etc.) */
body.atlas-dark .btn-cta-secondary {
  background: rgba(255,255,255,.06) !important;
  color: var(--text) !important;
  border-color: rgba(96,165,250,.25) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.4);
          backdrop-filter: blur(20px) saturate(1.4);
}
body.atlas-dark .btn-cta-secondary:hover {
  background: rgba(96,165,250,.16) !important;
  border-color: rgba(96,165,250,.45) !important;
  color: #fff !important;
}

/* Rassurance sous le CTA band */
body.atlas-dark .cta-reass-item { color: rgba(232,237,245,.6) !important; }
body.atlas-dark .cta-reass-item svg { stroke: var(--blue-l) !important; }

/* FAQ · texte des réponses */
body.atlas-dark .faq-a,
body.atlas-dark .faq-a-inner,
body.atlas-dark .faq-a p,
body.atlas-dark .faq-a li,
body.atlas-dark .faq-a span,
body.atlas-dark details[open] .faq-a-inner { color: var(--mid) !important; }
body.atlas-dark .faq-a strong { color: var(--text) !important; }
body.atlas-dark .faq-a a {
  color: var(--blue-l) !important;
  border-bottom-color: rgba(96,165,250,.35) !important;
}
body.atlas-dark .faq-a a:hover { border-bottom-color: var(--blue-l) !important; }

/* Step tag (chips bleus) */
body.atlas-dark .step-tag {
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(96,165,250,.30) !important;
  color: var(--blue-l) !important;
}
body.atlas-dark .step:hover .step-tag {
  background: rgba(96,165,250,.22) !important;
  border-color: rgba(96,165,250,.45) !important;
}

/* Sous-titres + paragraphes par défaut sur dark */
body.atlas-dark .step p,
body.atlas-dark .step h4 { /* déjà couvert mais on assure */ }

/* Atlas Mobile tease · descriptions & sub */
body.atlas-dark .atm-sub,
body.atlas-dark .atm-feat span,
body.atlas-dark .atm-list li,
body.atlas-dark .atm-cta-note { color: rgba(232,237,245,.7) !important; }
body.atlas-dark .atm-feat strong,
body.atlas-dark .atm-list li strong { color: #fff !important; }

/* Stats bar labels */
body.atlas-dark .stat-l { color: rgba(232,237,245,.6) !important; }

/* Services header sub */
body.atlas-dark .services-header-row .s-sub,
body.atlas-dark .s-sub { color: var(--mid) !important; }

/* Hero descriptions / chips */
body.atlas-dark .hero-desc { color: rgba(232,237,245,.65) !important; }
body.atlas-dark .hero-chip .hc-txt span { color: rgba(232,237,245,.6) !important; }
body.atlas-dark .hero-chip .hc-txt strong { color: #fff !important; }
body.atlas-dark .hero-trust .trust-item { color: rgba(232,237,245,.45) !important; }

/* Section common · paragraphes orphelins dans le contenu */
body.atlas-dark .container > p:not([class]),
body.atlas-dark .section .container p:not([class]):not(.s-sub) { color: var(--mid); }



/* ════════════════════════════════════════════════════════════════
   TOGGLE BUTTON · navbar + version flottante
   ════════════════════════════════════════════════════════════════ */
.atlas-theme-toggle {
  position: relative;
  width: 40px; height: 40px;
  border-radius: 50%;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.14);
  cursor: pointer;
  display: inline-flex; align-items: center; justify-content: center;
  margin-right: 6px;
  padding: 0;
  flex-shrink: 0;
  transition: background .25s ease, border-color .25s ease, transform .25s ease;
  -webkit-tap-highlight-color: transparent;
}
.atlas-theme-toggle:hover {
  background: rgba(96,165,250,0.18);
  border-color: rgba(96,165,250,0.40);
  transform: translateY(-1px);
}
.atlas-theme-toggle:focus-visible {
  outline: 2px solid #60a5fa;
  outline-offset: 2px;
}
.atlas-theme-toggle svg {
  position: absolute;
  width: 18px; height: 18px;
  stroke: #E8EDF5; fill: none;
  stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
  transition: opacity .3s ease, transform .45s cubic-bezier(.22,.68,0,1.4);
}
.atlas-theme-toggle .icon-sun  { opacity: 0; transform: rotate(-90deg) scale(.6); }
.atlas-theme-toggle .icon-moon { opacity: 1; transform: rotate(0)     scale(1);   }
body.atlas-dark .atlas-theme-toggle .icon-sun  { opacity: 1; transform: rotate(0)    scale(1);   }
body.atlas-dark .atlas-theme-toggle .icon-moon { opacity: 0; transform: rotate(90deg) scale(.6); }

/* Version flottante (pages sans navbar) */
.atlas-theme-toggle.floating {
  position: fixed;
  top: 18px; right: 18px;
  z-index: 9999;
  background: rgba(11,18,32,0.85);
  border-color: rgba(96,165,250,0.25);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.25);
}
.atlas-theme-toggle.floating svg { stroke: #E8EDF5; }
body:not(.atlas-dark) .atlas-theme-toggle.floating {
  background: rgba(255,255,255,0.92);
  border-color: rgba(15,23,42,0.10);
}
body:not(.atlas-dark) .atlas-theme-toggle.floating svg { stroke: #0d1f5c; }

@media (max-width: 768px) {
  .atlas-theme-toggle { width: 36px; height: 36px; margin-right: 0; }
  .atlas-theme-toggle svg { width: 16px; height: 16px; }
}

/* Échappatoires utilitaires */
body.atlas-dark .atlas-keep-light *    { color: initial; }
body.atlas-dark .atlas-force-dark      { background: var(--white) !important; color: var(--text) !important; }
body.atlas-dark .atlas-force-elevated  { background: var(--off)   !important; color: var(--text) !important; }

/* ════════════════════════════════════════════════════════════════
   "Comment ça marche" · bloc réassurance · full blue glow
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark .process-reassurance {
  /* override inline color="rgb(0,97,255)" set on the wrapper */
  color: #ffffff !important;
  background:
    radial-gradient(ellipse 120% 180% at 50% 50%, rgba(96,165,250,.30) 0%, rgba(37,99,235,.22) 45%, rgba(29,78,216,.16) 100%),
    linear-gradient(135deg, #1d4ed8 0%, #2563eb 50%, #1e40af 100%) !important;
  border: 1px solid rgba(147,197,253,.55) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 1px 0 rgba(255,255,255,.18) inset,
    0 0 24px rgba(59,130,246,.45),
    0 0 60px rgba(37,99,235,.50),
    0 0 120px rgba(37,99,235,.35),
    0 18px 48px rgba(7,17,44,.55) !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  position: relative;
  overflow: hidden;gap:36px !important;
  padding-left:36px !important;padding-right:36px !important;
}
/* sheen subtil sur le bord supérieur */
body.atlas-dark .process-reassurance::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, transparent 35%);
  pointer-events: none;
}

body.atlas-dark .process-reassurance .reass-item {
  color: #ffffff !important;
  font-weight: 700 !important;
  letter-spacing: .01em;
  text-shadow: 0 0 14px rgba(255,255,255,.25), 0 1px 0 rgba(7,17,44,.30);
  position: relative;
  z-index: 1;
}

body.atlas-dark .process-reassurance .reass-item svg {
  stroke: #0a1640 !important;
  filter:
    drop-shadow(0 0 6px rgba(10,22,64,.85))
    drop-shadow(0 0 14px rgba(30,64,175,.65))
    drop-shadow(0 0 22px rgba(37,99,235,.45));
  stroke-width: 2.6 !important;
}

/* ════════════════════════════════════════════════════════════════
   DEVIS · multi-step quote form · DARK MODE
   Bleu profond glow, cartes + champs cohérents
   ════════════════════════════════════════════════════════════════ */

/* Section background */
body.atlas-dark .quote-section {
  background:
    radial-gradient(ellipse 75% 60% at 50% 0%,  rgba(37,99,235,.18) 0%, transparent 65%),
    radial-gradient(ellipse 60% 50% at 18% 90%, rgba(96,165,250,.12) 0%, transparent 60%),
    radial-gradient(ellipse 60% 50% at 82% 90%, rgba(37,99,235,.14) 0%, transparent 60%),
    linear-gradient(180deg, #04081d 0%, #060f30 50%, #04091f 100%) !important;
}

/* Card · wrap + inner = un seul vrai dégradé bleu profond */
body.atlas-dark .quote-card {
  background: linear-gradient(135deg,
    rgba(96,165,250,.32) 0%,
    rgba(37,99,235,.20) 50%,
    rgba(29,78,216,.16) 100%) !important;
  border: 1px solid rgba(147,197,253,.42) !important;
  border-radius: 26px !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.14) inset,
    0 24px 64px rgba(7,17,44,.65),
    0 0 48px rgba(59,130,246,.35),
    0 0 110px rgba(37,99,235,.25) !important;
}
body.atlas-dark .quote-card-inner {
  background:
    radial-gradient(ellipse 100% 60% at 50% 0%,   rgba(96,165,250,.22) 0%, transparent 60%),
    radial-gradient(ellipse 100% 60% at 50% 100%, rgba(37,99,235,.20)  0%, transparent 60%),
    linear-gradient(165deg, rgba(14,28,68,.95) 0%, rgba(10,20,54,.98) 50%, rgba(14,28,68,.95) 100%) !important;
  border: 1px solid rgba(96,165,250,.20) !important;
  border-radius: 20px !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
          backdrop-filter: blur(18px) saturate(1.3);
}
body.atlas-dark .quote-card-inner::before {
  background: linear-gradient(90deg, transparent 0%, #60a5fa 50%, transparent 100%) !important;
  height: 2px !important;
  opacity: 1 !important;
  box-shadow: 0 0 18px rgba(96,165,250,.65) !important;
}

/* Progress bar */
body.atlas-dark .qp-bar::before {
  background: rgba(96,165,250,.18) !important;
}
body.atlas-dark .qp-fill {
  background: linear-gradient(90deg, #2563eb 0%, #60a5fa 50%, var(--orange) 100%) !important;
  box-shadow: 0 0 12px rgba(96,165,250,.55), 0 0 24px rgba(37,99,235,.35) !important;
}
body.atlas-dark .qp-dot {
  background: rgba(96,165,250,.08) !important;
  border: 1.5px solid rgba(96,165,250,.35) !important;
  color: rgba(255,255,255,.75) !important;
}
body.atlas-dark .qp-step.active .qp-dot {
  background: linear-gradient(135deg, #ff8a3a 0%, var(--orange) 100%) !important;
  border-color: #fdba74 !important;
  box-shadow:
    0 0 0 5px rgba(249,115,22,.18),
    0 0 22px rgba(249,115,22,.65),
    0 0 44px rgba(249,115,22,.30) !important;
}
body.atlas-dark .qp-step.done .qp-dot {
  background: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%) !important;
  border-color: #93c5fd !important;
  box-shadow: 0 0 18px rgba(96,165,250,.65) !important;
}
body.atlas-dark .qp-label { color: rgba(255,255,255,.55) !important; }
body.atlas-dark .qp-step.active .qp-label { color: #ffffff !important; text-shadow: 0 0 12px rgba(96,165,250,.40); }
body.atlas-dark .qp-step.done .qp-label { color: #93c5fd !important; }

/* Step head */
body.atlas-dark .qp-step-num { color: rgba(255,255,255,.55) !important; }
body.atlas-dark .qp-step-num span { color: #fdba74 !important; text-shadow: 0 0 10px rgba(249,115,22,.45); }
body.atlas-dark .qp-step-title {
  color: #ffffff !important;
  text-shadow: 0 0 22px rgba(96,165,250,.35);
}
body.atlas-dark .qp-step-help { color: rgba(255,255,255,.72) !important; }

/* Choice cards */
body.atlas-dark .choice-inner {
  background: rgba(96,165,250,.06) !important;
  border: 1.5px solid rgba(96,165,250,.22) !important;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
body.atlas-dark .choice:hover .choice-inner {
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(147,197,253,.55) !important;
  box-shadow: 0 0 24px rgba(96,165,250,.35), 0 8px 22px rgba(7,17,44,.40) !important;
}
body.atlas-dark .choice input:checked + .choice-inner {
  background: linear-gradient(160deg, rgba(249,115,22,.16) 0%, rgba(249,115,22,.08) 100%) !important;
  border-color: var(--orange) !important;
  box-shadow:
    0 0 0 3px rgba(249,115,22,.18),
    0 0 28px rgba(249,115,22,.40),
    0 8px 22px rgba(7,17,44,.45) !important;
}
body.atlas-dark .choice-ico {
  background: rgba(96,165,250,.18) !important;
  box-shadow: 0 0 14px rgba(96,165,250,.32);
}
body.atlas-dark .choice-ico svg {
  stroke: #bfdbfe !important;
  filter: drop-shadow(0 0 4px rgba(96,165,250,.55));
}
body.atlas-dark .choice input:checked + .choice-inner .choice-ico {
  background: linear-gradient(135deg, #ff8a3a 0%, var(--orange) 100%) !important;
  box-shadow: 0 0 18px rgba(249,115,22,.65) !important;
}
body.atlas-dark .choice input:checked + .choice-inner .choice-ico svg { stroke: #ffffff !important; filter: drop-shadow(0 0 4px rgba(255,255,255,.50)); }
body.atlas-dark .choice-text strong { color: #ffffff !important; }
body.atlas-dark .choice-text span   { color: rgba(255,255,255,.62) !important; }
body.atlas-dark .choice-check {
  background: rgba(96,165,250,.10) !important;
  border-color: rgba(96,165,250,.35) !important;
}
body.atlas-dark .choice input:checked + .choice-inner .choice-check {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 12px rgba(249,115,22,.55);
}

/* Inputs */
body.atlas-dark .field-label { color: #ffffff !important; }
body.atlas-dark .field-label .opt { color: rgba(255,255,255,.55) !important; }
body.atlas-dark .f-input,
body.atlas-dark .f-textarea,
body.atlas-dark .f-select {
  background: rgba(96,165,250,.06) !important;
  border: 1.5px solid rgba(96,165,250,.25) !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
body.atlas-dark .f-input::placeholder,
body.atlas-dark .f-textarea::placeholder { color: rgba(255,255,255,.42) !important; }
body.atlas-dark .f-input:focus,
body.atlas-dark .f-textarea:focus,
body.atlas-dark .f-select:focus {
  background: rgba(96,165,250,.12) !important;
  border-color: #60a5fa !important;
  box-shadow:
    0 0 0 4px rgba(96,165,250,.22),
    0 0 20px rgba(96,165,250,.30) !important;
}

/* Nav buttons (Précédent / Suivant) */
body.atlas-dark .qp-nav {
  border-top: 1px solid rgba(96,165,250,.18) !important;
}
body.atlas-dark .btn-step {
  background: rgba(96,165,250,.10) !important;
  border: 1px solid rgba(96,165,250,.30) !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}
body.atlas-dark .btn-step:hover {
  background: rgba(96,165,250,.22) !important;
  border-color: rgba(147,197,253,.55) !important;
  box-shadow: 0 0 22px rgba(96,165,250,.40) !important;
}
body.atlas-dark .btn-step:disabled,
body.atlas-dark .btn-step[disabled] {
  opacity: .35 !important;
}
body.atlas-dark .btn-step.next,
body.atlas-dark .btn-step.submit {
  background: linear-gradient(140deg, #3b82f6 0%, #2563eb 50%, #1d4ed8 100%) !important;
  border-color: #93c5fd !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.30) inset,
    0 1px 0 rgba(255,255,255,.20) inset,
    0 14px 36px -8px rgba(37,99,235,.65),
    0 0 28px rgba(96,165,250,.45) !important;
}
body.atlas-dark .btn-step.next:hover,
body.atlas-dark .btn-step.submit:hover {
  box-shadow:
    0 0 0 1px rgba(191,219,254,.40) inset,
    0 1px 0 rgba(255,255,255,.28) inset,
    0 18px 48px -8px rgba(37,99,235,.85),
    0 0 50px rgba(96,165,250,.65) !important;
}

/* Success card */
body.atlas-dark .qp-success h3 { color: #ffffff !important; text-shadow: 0 0 22px rgba(96,165,250,.35); }
body.atlas-dark .qp-success p  { color: rgba(255,255,255,.72) !important; }
body.atlas-dark .qp-success-ico {
  background: linear-gradient(160deg, rgba(96,165,250,.22), rgba(37,99,235,.18)) !important;
  border: 1px solid rgba(147,197,253,.50) !important;
  box-shadow: 0 0 0 1px rgba(96,165,250,.18) inset, 0 0 28px rgba(96,165,250,.55) !important;
}
body.atlas-dark .qp-success-ico svg {
  stroke: #fdba74 !important;
  filter: drop-shadow(0 0 6px rgba(249,115,22,.65));
}

/* Success card hover icon */

/* ════════════════════════════════════════════════════════════════
   GLOW BLUE CARDS · à-propos / Atlas Mobile / contact (page Contact)
   Remplace les cartes blanches/grises par des cartes glow bleu,
   typo blanche, icônes bleu lumineux.
   ════════════════════════════════════════════════════════════════ */

/* ── Mixin de base (light blue glow) ── */
body.atlas-dark .who-p-card,
body.atlas-dark .vision-sat,
body.atlas-dark .compare-card,
body.atlas-dark .compare-pillar,
body.atlas-dark .story-card {
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%,   rgba(96,165,250,.22) 0%, transparent 60%),
    radial-gradient(ellipse 90%  80% at 50% 100%, rgba(37,99,235,.18)  0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.78) 0%, rgba(12,26,68,.86) 100%) !important;
  border: 1px solid rgba(96,165,250,.32) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.10) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 8px 28px rgba(7,17,44,.55),
    0 0 28px rgba(59,130,246,.32),
    0 0 64px rgba(37,99,235,.22) !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
          backdrop-filter: blur(10px) saturate(1.2);
}

/* Texte blanc partout dans ces cartes */
body.atlas-dark .who-p-card h4,
body.atlas-dark .who-p-card p,
body.atlas-dark .who-p-stat-val,
body.atlas-dark .who-p-stat-lbl,
body.atlas-dark .vision-sat .vs-name,
body.atlas-dark .vision-sat .vs-desc,
body.atlas-dark .compare-card h3,
body.atlas-dark .compare-card h3 strong,
body.atlas-dark .compare-list li,
body.atlas-dark .compare-tag,
body.atlas-dark .compare-pillar-name,
body.atlas-dark .compare-pillar-text,
body.atlas-dark .compare-stat-val,
body.atlas-dark .compare-stat-lbl,
body.atlas-dark .story-card h3,
body.atlas-dark .story-card p,
body.atlas-dark .story-card p strong,
body.atlas-dark .story-year { color: #ffffff !important; }

body.atlas-dark .who-p-card p,
body.atlas-dark .vision-sat .vs-desc,
body.atlas-dark .compare-list li,
body.atlas-dark .compare-pillar-text,
body.atlas-dark .compare-stat-lbl,
body.atlas-dark .story-card p { color: rgba(255,255,255,.82) !important; }

/* Icônes : bleu clair lumineux avec glow */
body.atlas-dark .who-p-card .who-p-card-ico,
body.atlas-dark .compare-pillar-ico,
body.atlas-dark .compare-stat-ico,
body.atlas-dark .vision-sat .vs-ico {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(147,197,253,.42) !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.20) inset,
    0 0 18px rgba(96,165,250,.45) !important;
  color: #93c5fd !important;
}
body.atlas-dark .who-p-card .who-p-card-ico svg,
body.atlas-dark .compare-pillar-ico svg,
body.atlas-dark .compare-stat-ico svg,
body.atlas-dark .vision-sat .vs-ico svg {
  stroke: #bfdbfe !important;
  fill: none;
  filter: drop-shadow(0 0 6px rgba(96,165,250,.65));
}
/* Garde l'icône orange dans Vision (Mobilité) */
body.atlas-dark .vision-sat .vs-ico.is-orange {
  background: rgba(255,138,58,.18) !important;
  border-color: rgba(253,186,116,.45) !important;
  box-shadow: 0 0 0 1px rgba(253,186,116,.20) inset, 0 0 18px rgba(255,138,58,.55) !important;
  color: #fdba74 !important;
}
body.atlas-dark .vision-sat .vs-ico.is-orange svg {
  stroke: #fed7aa !important;
  filter: drop-shadow(0 0 6px rgba(255,138,58,.7));
}

/* Hover : intensifie le glow */
body.atlas-dark .who-p-card:hover,
body.atlas-dark .vision-sat:hover,
body.atlas-dark .compare-pillar:hover,
body.atlas-dark .story-card:hover {
  border-color: rgba(147,197,253,.55) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 1px 0 rgba(255,255,255,.14) inset,
    0 12px 36px rgba(7,17,44,.65),
    0 0 36px rgba(59,130,246,.45),
    0 0 84px rgba(37,99,235,.30) !important;
}

/* Détails internes */
body.atlas-dark .who-p-card .who-p-card-underline { background: linear-gradient(90deg, #60a5fa, transparent) !important; }

/* À PROPOS · "La technologie au service des humains" · orange glow renforcé */
body.atlas-dark .who-p-tagline-text strong {
  color: #fdba74 !important;
  text-shadow:
    0 0 16px rgba(249,115,22,.65),
    0 0 32px rgba(249,115,22,.40),
    0 0 60px rgba(249,115,22,.22) !important;
}

/* CROWDFUNDING · "Outils, matériel, technicien" · orange glow renforcé */
body.atlas-dark .photo-band .pb-head h2 .orange-glow {
  color: #fdba74 !important;
  text-shadow:
    0 0 18px rgba(249,115,22,.65),
    0 0 36px rgba(249,115,22,.40),
    0 0 70px rgba(249,115,22,.22) !important;
}

/* À PROPOS · "Qui sommes-nous" · liste de checks → texte orange glow */
body.atlas-dark .who-p-text > p,
body.atlas-dark .who-p-text > p strong {
  color: #ffffff !important;
}

/* À PROPOS · "Notre vision" · paragraphes blanc + glow bleu */
body.atlas-dark .vision-block .about-text > p,
body.atlas-dark .vision-block .about-text > p strong {
  color: #ffffff !important;
  text-shadow:
    0 0 14px rgba(96,165,250,.45),
    0 0 28px rgba(37,99,235,.25) !important;
}
body.atlas-dark .who-p-checks li {
  color: #fdba74 !important;
  font-weight: 600 !important;
  text-shadow:
    0 0 14px rgba(249,115,22,.45),
    0 0 28px rgba(249,115,22,.22) !important;
}
body.atlas-dark .who-p-checks li::before {
  background-color: var(--orange) !important;
  box-shadow:
    0 0 0 1px rgba(253,186,116,.40),
    0 0 14px rgba(249,115,22,.65),
    0 0 28px rgba(249,115,22,.35) !important;
}

/* ───────────────────────────────────────────────────────────────
   À PROPOS · Strip stats (500+ / 2h / Partout / 7-7)
   Cadre unifié glow bleu, items alignés, séparateurs lumineux
   ─────────────────────────────────────────────────────────────── */
body.atlas-dark .who-p-stats {
  display: grid !important;
  padding-left:28px !important;padding-right:28px !important;
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%,   rgba(96,165,250,.20) 0%, transparent 60%),
    radial-gradient(ellipse 90%  80% at 50% 100%, rgba(37,99,235,.18)  0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.82) 0%, rgba(12,26,68,.90) 100%) !important;
  border: 1px solid rgba(147,197,253,.40) !important;
  border-radius: 20px !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.14) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 14px 38px rgba(7,17,44,.55),
    0 0 36px rgba(59,130,246,.32),
    0 0 80px rgba(37,99,235,.22) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
          backdrop-filter: blur(14px) saturate(1.2);
  position: relative;
  overflow: hidden;
}
body.atlas-dark .who-p-stats::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 40%);
  pointer-events: none;
}

/* Chaque item : layout vertical centré (icône en haut, val + lbl en-dessous) */
body.atlas-dark .who-p-stat {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  display: flex !important;
  
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  padding-left:10px !important;padding-right:10px !important;
  position: relative;
  z-index: 1;
  min-width: 0;
}
/* Le bloc texte (val + lbl) */
body.atlas-dark .who-p-stat > div:last-child {
  min-width: 0;
  display: flex;
  
  align-items: center;
  justify-content: center;
  text-align: center;
}
body.atlas-dark .who-p-stat + .who-p-stat::before {
  content: "";
  position: absolute;
  left: 0; top: 14%; bottom: 14%;
  background: linear-gradient(180deg, transparent 0%, rgba(96,165,250,.55) 50%, transparent 100%);
  box-shadow: 0 0 8px rgba(96,165,250,.45);
}

/* Icône ronde glow bleu, taille uniforme */
body.atlas-dark .who-p-stat-ico {
  border-radius: 12px !important;
  background: linear-gradient(160deg, rgba(96,165,250,.22) 0%, rgba(37,99,235,.18) 100%) !important;
  border: 1px solid rgba(147,197,253,.45) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 0 18px rgba(96,165,250,.45) !important;
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
body.atlas-dark .who-p-stat-ico svg {
  stroke: #bfdbfe !important;
  fill: none;
  stroke-width: 2 !important;
  filter: drop-shadow(0 0 5px rgba(96,165,250,.65));
}

body.atlas-dark .who-p-stat-val {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 800 !important;
  
  color: #ffffff !important;
  
  text-shadow: 0 0 16px rgba(96,165,250,.55);
  
  
  white-space: nowrap;
}
body.atlas-dark .who-p-stat-lbl {
  
  font-weight: 600 !important;
  
  color: rgba(255,255,255,.80) !important;
  
  
  display: block;
  text-align: center;
  text-wrap: balance;
  max-width: 100%;
}

/* Responsive: 2 colonnes avec séparateurs adaptés */
@media (max-width: 900px) {
  body.atlas-dark .who-p-stats {
  }
  body.atlas-dark .who-p-stat + .who-p-stat::before { display: none; }
  body.atlas-dark .who-p-stat:nth-child(even)::before {
    content: "";
    position: absolute;
    left: 0; top: 14%; bottom: 14%;
    background: linear-gradient(180deg, transparent 0%, rgba(96,165,250,.55) 50%, transparent 100%);
    box-shadow: 0 0 8px rgba(96,165,250,.45);
  }
}
body.atlas-dark .compare-card.bad .compare-tag,
body.atlas-dark .compare-card.good .compare-tag {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(147,197,253,.42) !important;
  color: #bfdbfe !important;
}
/* CROWDFUNDING · Contreparties · prix en glow bleu (dark mode) */
body.atlas-dark .rew-amount,
body.atlas-dark .rew.featured .rew-amount {
  color: #93c5fd !important;
  text-shadow:
    0 0 16px rgba(96,165,250,.70),
    0 0 36px rgba(37,99,235,.45),
    0 0 70px rgba(37,99,235,.28) !important;
}
body.atlas-dark .rew-amount .cur,
body.atlas-dark .rew.featured .rew-amount .cur {
  color: #93c5fd !important;
  text-shadow:
    0 0 12px rgba(96,165,250,.70),
    0 0 24px rgba(37,99,235,.40) !important;
}
body.atlas-dark .rew-amount:hover,
body.atlas-dark .rew.featured .rew-amount:hover {
  color: #ffffff !important;
  text-shadow:
    0 0 18px rgba(96,165,250,.85),
    0 0 40px rgba(37,99,235,.60),
    0 0 90px rgba(37,99,235,.40) !important;
}
body.atlas-dark .rew-amount:hover .cur,
body.atlas-dark .rew.featured .rew-amount:hover .cur {
  color: #ffffff !important;
  text-shadow:
    0 0 14px rgba(96,165,250,.85),
    0 0 28px rgba(37,99,235,.55) !important;
}

body.atlas-dark .compare-list li::before { color: #93c5fd !important; }

/* ─── Override des spécificités plus fortes (.compare-premium .compare-card.bad, etc) ─── */
body.atlas-dark .compare-premium .compare-card,
body.atlas-dark .compare-premium .compare-card.bad,
body.atlas-dark .compare-premium .compare-card.good,
body.atlas-dark section .story-card,
body.atlas-dark .vision-block .vision-sat,
body.atlas-dark .vision-sat-wrap .vision-sat {
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%,   rgba(96,165,250,.22) 0%, transparent 60%),
    radial-gradient(ellipse 90%  80% at 50% 100%, rgba(37,99,235,.18)  0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.78) 0%, rgba(12,26,68,.86) 100%) !important;
  border: 1px solid rgba(96,165,250,.32) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.10) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 8px 28px rgba(7,17,44,.55),
    0 0 28px rgba(59,130,246,.32),
    0 0 64px rgba(37,99,235,.22) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
          backdrop-filter: blur(10px) saturate(1.2) !important;
}

/* Textes des cartes compare/story/vision · toujours blancs en dark mode */
body.atlas-dark .compare-premium .compare-card.bad h3,
body.atlas-dark .compare-premium .compare-card.good h3,
body.atlas-dark .compare-premium .compare-card.good h3 strong,
body.atlas-dark .compare-premium .compare-card.bad .compare-list li,
body.atlas-dark .compare-premium .compare-card.good .compare-list li,
body.atlas-dark section .story-card h3,
body.atlas-dark section .story-card p,
body.atlas-dark section .story-card p strong,
body.atlas-dark .vision-sat .vs-name { color: #ffffff !important; }

body.atlas-dark .compare-premium .compare-card.bad .compare-list li,
body.atlas-dark section .story-card p,
body.atlas-dark .vision-sat .vs-desc { color: rgba(255,255,255,.82) !important; }

/* Tag/pill en haut des cartes : bleu glow translucide */
body.atlas-dark .compare-premium .compare-card.bad .compare-tag,
body.atlas-dark .compare-premium .compare-card.good .compare-tag,
body.atlas-dark .story-year {
  background: rgba(96,165,250,.18) !important;
  border: 1px solid rgba(147,197,253,.40) !important;
  color: #bfdbfe !important;
}
body.atlas-dark .story-mile.is-now .story-year {
  background: rgba(249,115,22,.18) !important;
  border-color: rgba(253,186,116,.45) !important;
  color: #fdba74 !important;
  text-shadow: 0 0 8px rgba(249,115,22,.55);
}

/* Story-tag pills (Écoute terrain, Recherche, etc.) */
body.atlas-dark .story-tag {
  background: rgba(96,165,250,.14) !important;
  border: 1px solid rgba(147,197,253,.32) !important;
  color: #bfdbfe !important;
}

/* Puces ✗/✓ dans la liste compare en dark mode */
body.atlas-dark .compare-premium .compare-card.bad .compare-list li::before {
  background-color: rgba(96,165,250,.10) !important;
  border: 1px solid rgba(96,165,250,.22) !important;
}
body.atlas-dark .compare-premium .compare-card.good .compare-list li::before {
  background-color: rgba(96,165,250,.28) !important;
  border-color: rgba(147,197,253,.55) !important;
  box-shadow: 0 0 14px rgba(96,165,250,.55) !important;
}

/* Story-mile-node : cercle blanc → glass bleu en dark mode */
body.atlas-dark .story-mile-node::before {
  background:
    radial-gradient(ellipse 100% 100% at 50% 0%, rgba(96,165,250,.22) 0%, transparent 70%),
    linear-gradient(160deg, rgba(20,40,90,.85) 0%, rgba(12,26,68,.92) 100%) !important;
  border-color: rgba(147,197,253,.45) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 0 0 6px rgba(96,165,250,.10),
    0 0 22px rgba(96,165,250,.45) !important;
}
body.atlas-dark .story-mile-node svg { stroke: #bfdbfe !important; filter: drop-shadow(0 0 4px rgba(96,165,250,.55)); }
body.atlas-dark .story-mile.is-now .story-mile-node svg { stroke: #fdba74 !important; filter: drop-shadow(0 0 6px rgba(249,115,22,.65)); }

/* Story timeline · ligne centrale */
body.atlas-dark .story-line,
body.atlas-dark .story-rail {
  background: linear-gradient(180deg, transparent 0%, rgba(96,165,250,.45) 12%, rgba(96,165,250,.55) 50%, rgba(96,165,250,.45) 88%, transparent 100%) !important;
  box-shadow: 0 0 14px rgba(96,165,250,.35) !important;
}

/* Accueil "Particuliers & pros / Intervention mobile / Design & PAO" */
body.atlas-dark .pq-card,
body.atlas-dark .pq-item,
body.atlas-dark .preview-card {
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%, rgba(96,165,250,.18) 0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.72) 0%, rgba(12,26,68,.84) 100%) !important;
  border: 1px solid rgba(96,165,250,.28) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.10) inset,
    0 8px 28px rgba(7,17,44,.55),
    0 0 28px rgba(59,130,246,.28) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2) !important;
          backdrop-filter: blur(10px) saturate(1.2) !important;
}
body.atlas-dark .pq-card h3,
body.atlas-dark .pq-card strong,
body.atlas-dark .pq-item h3,
body.atlas-dark .preview-card h3 { color: #ffffff !important; }
body.atlas-dark .pq-card p,
body.atlas-dark .pq-item p,
body.atlas-dark .preview-card p { color: rgba(255,255,255,.78) !important; }

/* ─────────────────────────────────────────────────────────────────
   A-PROPOS · Floating cards "Particuliers & pros / Intervention mobile / Design & PAO"
   Override fort sur .who-p-card.c1/.c2/.c3 (spécificité plus haute)
   ───────────────────────────────────────────────────────────────── */
body.atlas-dark .who-p-card,
body.atlas-dark .who-p-card.c1,
body.atlas-dark .who-p-card.c2,
body.atlas-dark .who-p-card.c3,
body.atlas-dark .who-p-visual .who-p-card {
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%,   rgba(96,165,250,.30) 0%, transparent 60%),
    radial-gradient(ellipse 90%  80% at 50% 100%, rgba(37,99,235,.22)  0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.92) 0%, rgba(10,22,64,.96) 100%) !important;
  border: 1px solid rgba(147,197,253,.42) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 14px 36px rgba(7,17,44,.65),
    0 0 32px rgba(59,130,246,.40),
    0 0 70px rgba(37,99,235,.25) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.3) !important;
          backdrop-filter: blur(14px) saturate(1.3) !important;
}
body.atlas-dark .who-p-card h4 {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(96,165,250,.35);
}
body.atlas-dark .who-p-card p {
  color: rgba(255,255,255,.82) !important;
}
body.atlas-dark .who-p-card-ico {
  background: linear-gradient(160deg, rgba(96,165,250,.30) 0%, rgba(37,99,235,.18) 100%) !important;
  border: 1px solid rgba(147,197,253,.45) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 0 18px rgba(96,165,250,.55) !important;
}
body.atlas-dark .who-p-card-ico svg {
  stroke: #bfdbfe !important;
  filter: drop-shadow(0 0 6px rgba(96,165,250,.65));
}
body.atlas-dark .who-p-card-dots { color: rgba(191,219,254,.55) !important; }
body.atlas-dark .who-p-card-underline {
  background: linear-gradient(90deg, #60a5fa, transparent) !important;
  box-shadow: 0 0 8px rgba(96,165,250,.55);
  opacity: 1 !important;
}

/* ─────────────────────────────────────────────────────────────────
   DEVIS · Timeline "De la demande à l'intervention" (5 étapes)
   .tl-content cards · glow bleu + pills + textes blancs
   ───────────────────────────────────────────────────────────────── */
body.atlas-dark .timeline-section {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%,   rgba(37,99,235,.18) 0%, transparent 65%),
    radial-gradient(ellipse 60% 55% at 18% 90%, rgba(96,165,250,.14) 0%, transparent 60%),
    radial-gradient(ellipse 60% 55% at 82% 90%, rgba(37,99,235,.16) 0%, transparent 60%),
    linear-gradient(180deg, #04081d 0%, #060f30 50%, #04091f 100%) !important;
}

/* Rail central */
body.atlas-dark .timeline::before {
  background: rgba(96,165,250,.14) !important;
  box-shadow: 0 0 12px rgba(96,165,250,.20);
}
body.atlas-dark .timeline::after {
  background: linear-gradient(180deg, #60a5fa 0%, #2563eb 50%, var(--orange) 100%) !important;
  box-shadow: 0 0 12px rgba(96,165,250,.55), 0 0 24px rgba(37,99,235,.35) !important;
}

/* Dot circulaire (01, 02, 03…) */
body.atlas-dark .tl-dot {
  background:
    radial-gradient(ellipse 100% 100% at 50% 0%, rgba(96,165,250,.20) 0%, transparent 70%),
    linear-gradient(160deg, rgba(20,40,90,.85) 0%, rgba(12,26,68,.95) 100%) !important;
  border: 1.5px solid rgba(147,197,253,.55) !important;
  color: #bfdbfe !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 0 22px rgba(96,165,250,.45),
    0 8px 22px rgba(7,17,44,.55) !important;
  text-shadow: 0 0 8px rgba(96,165,250,.55);
}
body.atlas-dark .tl-step.is-final .tl-dot {
  background: linear-gradient(160deg, #ff8a3a 0%, var(--orange) 100%) !important;
  border-color: #fdba74 !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 5px rgba(249,115,22,.16),
    0 0 26px rgba(249,115,22,.70),
    0 0 60px rgba(249,115,22,.40) !important;
  text-shadow: 0 0 6px rgba(255,255,255,.45);
}

/* Card content */
body.atlas-dark .tl-content {
  background:
    radial-gradient(ellipse 95% 70% at 50% 0%,   rgba(96,165,250,.18) 0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.82) 0%, rgba(12,26,68,.90) 100%) !important;
  border: 1px solid rgba(147,197,253,.40) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.14) inset,
    0 1px 0 rgba(255,255,255,.08) inset,
    0 12px 32px rgba(7,17,44,.55),
    0 0 28px rgba(59,130,246,.30) !important;
  -webkit-backdrop-filter: blur(12px) saturate(1.2) !important;
          backdrop-filter: blur(12px) saturate(1.2) !important;
}
body.atlas-dark .tl-step:hover .tl-content {
  border-color: rgba(191,219,254,.65) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.20) inset,
    0 16px 40px rgba(7,17,44,.65),
    0 0 40px rgba(96,165,250,.55) !important;
}

/* Pills "MAINTENANT / +1H / SOUS 24H / QUAND VOUS VOULEZ / LE JOUR J" */
body.atlas-dark .tl-time {
  background: rgba(96,165,250,.18) !important;
  border: 1px solid rgba(147,197,253,.45) !important;
  color: #bfdbfe !important;
  box-shadow: 0 0 0 1px rgba(96,165,250,.10) inset, 0 0 14px rgba(96,165,250,.32);
  text-shadow: 0 0 8px rgba(96,165,250,.55);
}
body.atlas-dark .tl-time svg {
  stroke: #bfdbfe !important;
  filter: drop-shadow(0 0 4px rgba(96,165,250,.55));
}
body.atlas-dark .tl-step.is-final .tl-time {
  background: rgba(249,115,22,.18) !important;
  border-color: rgba(253,186,116,.50) !important;
  color: #fdba74 !important;
  box-shadow: 0 0 0 1px rgba(249,115,22,.18) inset, 0 0 16px rgba(249,115,22,.55);
  text-shadow: 0 0 8px rgba(249,115,22,.55);
}
body.atlas-dark .tl-step.is-final .tl-time svg {
  stroke: #fdba74 !important;
  filter: drop-shadow(0 0 4px rgba(249,115,22,.65));
}

/* Titres + descriptions */
body.atlas-dark .tl-content h3 {
  color: #ffffff !important;
  text-shadow: 0 0 18px rgba(96,165,250,.30);
}
body.atlas-dark .tl-content p {
  color: rgba(255,255,255,.85) !important;
}
body.atlas-dark .tl-content p strong { color: #ffffff !important; }

/* Heading section "De la demande à l'intervention" */
body.atlas-dark .timeline-head .s-title { color: #ffffff !important; }
body.atlas-dark .timeline-head .s-sub  { color: rgba(255,255,255,.72) !important; }
body.atlas-dark .timeline-head .s-eyebrow {
  color: #bfdbfe !important;
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(147,197,253,.32) !important;
}

/* ─────────────────────────────────────────────────────────────────
   CROWDFUNDING · Utilisation des fonds · cards glow bleu + texte blanc
   ───────────────────────────────────────────────────────────────── */
body.atlas-dark .uof-leg {
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%, rgba(96,165,250,.16) 0%, transparent 65%),
    linear-gradient(160deg, rgba(20,40,90,.72) 0%, rgba(12,26,68,.84) 100%) !important;
  border: 1px solid rgba(96,165,250,.28) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.10) inset,
    0 6px 22px rgba(7,17,44,.45),
    0 0 22px rgba(59,130,246,.20) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
          backdrop-filter: blur(10px) saturate(1.2);
}
body.atlas-dark .uof-leg:hover {
  border-color: rgba(147,197,253,.50) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.18) inset,
    0 10px 30px rgba(7,17,44,.55),
    0 0 32px rgba(96,165,250,.40) !important;
}
body.atlas-dark .uof-leg-name { color: #ffffff !important; }
body.atlas-dark .uof-leg-amount {
  color: #ffffff !important;
  text-shadow: 0 0 14px rgba(96,165,250,.40);
}
body.atlas-dark .uof-leg-pct {
  background: rgba(96,165,250,.16) !important;
  color: #bfdbfe !important;
  border: 1px solid rgba(147,197,253,.30);
}
/* Barre supérieure des fonds */
body.atlas-dark .uof-bar {
  background: rgba(96,165,250,.10) !important;
  border-color: rgba(96,165,250,.22) !important;
  box-shadow: 0 0 24px rgba(37,99,235,.18) !important;
}

/* ════════════════════════════════════════════════════════════════
   SOUTENIR ATLAS MOBILE · page entière en dark mode
   - panneaux Paiement / Vos informations / Mur des soutiens
   - reprend l'identité glow bleu du formulaire de contact
   ════════════════════════════════════════════════════════════════ */

/* Body / canvas */
body.atlas-dark .s-grid-wrap {
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(37,99,235,.18) 0%, transparent 65%),
    radial-gradient(ellipse 60% 50% at 20% 80%, rgba(96,165,250,.10) 0%, transparent 60%),
    linear-gradient(180deg, #06102A 0%, #0A1638 100%) !important;
}

/* Réassurance · bandeau glass bleu */
body.atlas-dark .s-reassure .reassure-row {
  background:
    linear-gradient(165deg, rgba(20,40,90,.72) 0%, rgba(12,26,68,.84) 100%) !important;
  border: 1px solid rgba(147,197,253,.32) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.12) inset,
    0 18px 44px rgba(7,17,44,.55),
    0 0 40px rgba(37,99,235,.22) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
          backdrop-filter: blur(18px) saturate(1.3);
}
body.atlas-dark .reassure-item { border-left-color: rgba(96,165,250,.16) !important; }
@media (max-width: 980px) {
  body.atlas-dark .reassure-item:nth-child(3),
  body.atlas-dark .reassure-item:nth-child(4) { border-top-color: rgba(96,165,250,.16) !important; }
}
@media (max-width: 560px) {
  body.atlas-dark .reassure-item { border-top-color: rgba(96,165,250,.16) !important; }
}
body.atlas-dark .reassure-ico {
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(147,197,253,.34) !important;
}
body.atlas-dark .reassure-ico svg { stroke: #93c5fd !important; }
body.atlas-dark .reassure-item:nth-child(2) .reassure-ico svg { stroke: #fdba74 !important; }
body.atlas-dark .reassure-item:nth-child(4) .reassure-ico svg { stroke: #6ee7b7 !important; }
body.atlas-dark .reassure-title { color: #ffffff !important; }
body.atlas-dark .reassure-sub { color: rgba(255,255,255,.62) !important; }

/* Moyens de paiement acceptés */
body.atlas-dark .pay-accepted {
  background: rgba(96,165,250,.07) !important;
  border-color: rgba(96,165,250,.18) !important;
}
body.atlas-dark .pay-accepted-label { color: rgba(191,219,254,.72) !important; }
body.atlas-dark .pay-brand {
  background: rgba(255,255,255,.92) !important;
  border-color: rgba(147,197,253,.30) !important;
}

/* Top nav glass bleu profond */
body.atlas-dark .s-nav {
  background: rgba(8,18,46,.82) !important;
  border-bottom: 1px solid rgba(96,165,250,.18) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.4);
          backdrop-filter: blur(18px) saturate(1.4);
}
body.atlas-dark .s-back {
  color: rgba(232,237,245,.72) !important;
  background: rgba(96,165,250,.08);
  border: 1px solid rgba(96,165,250,.18);
}
body.atlas-dark .s-back:hover {
  background: rgba(96,165,250,.18) !important;
  color: #ffffff !important;
}

/* ── PANNEAUX "Paiement" + "Vos informations" · glow bleu (idem form-card contact) ── */
body.atlas-dark .s-panel {
  background:
    radial-gradient(ellipse 90% 70% at 50% 0%,   rgba(96,165,250,.20) 0%, transparent 65%),
    radial-gradient(ellipse 90% 70% at 50% 100%, rgba(37,99,235,.18)  0%, transparent 65%),
    linear-gradient(165deg, rgba(20,40,90,.70) 0%, rgba(12,26,68,.82) 50%, rgba(20,40,90,.70) 100%) !important;
  border: 1px solid rgba(147,197,253,.42) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.14) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 22px 56px rgba(7,17,44,.55),
    0 0 40px rgba(59,130,246,.30),
    0 0 100px rgba(37,99,235,.20) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
          backdrop-filter: blur(20px) saturate(1.3);
  position: relative;
  overflow: hidden;
}
body.atlas-dark .s-panel::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, #60a5fa 50%, transparent 100%);
  box-shadow: 0 0 18px rgba(96,165,250,.55);
  pointer-events: none;
}
body.atlas-dark .s-panel:hover {
  border-color: rgba(191,219,254,.55) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.20) inset,
    0 26px 64px rgba(7,17,44,.65),
    0 0 56px rgba(59,130,246,.42),
    0 0 130px rgba(37,99,235,.30) !important;
}

/* En-têtes & textes des panneaux */
body.atlas-dark .panel-head h2 { color: #ffffff !important; text-shadow: 0 0 18px rgba(96,165,250,.30); }
body.atlas-dark .panel-head p  { color: rgba(255,255,255,.70) !important; }
body.atlas-dark .panel-step {
  color: #bfdbfe !important;
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(147,197,253,.40) !important;
}
body.atlas-dark .panel-step-num {
  background: linear-gradient(135deg, #60a5fa, #2563eb) !important;
  box-shadow: 0 0 12px rgba(96,165,250,.55);
}

/* Onglets de paiement */
body.atlas-dark .pay-tabs {
  background: rgba(96,165,250,.08) !important;
  border-color: rgba(96,165,250,.18) !important;
}
body.atlas-dark .pay-tab { color: rgba(255,255,255,.65) !important; }
body.atlas-dark .pay-tab:hover { color: #ffffff !important; }
body.atlas-dark .pay-tab.is-active {
  background: linear-gradient(160deg, rgba(96,165,250,.22), rgba(37,99,235,.18)) !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.42),
    0 0 18px rgba(96,165,250,.40) !important;
}

/* PayPal résumé + note */
body.atlas-dark .pp-summary {
  background: rgba(96,165,250,.08) !important;
  border-color: rgba(96,165,250,.20) !important;
}
body.atlas-dark .pp-summary-label { color: rgba(255,255,255,.65) !important; }
body.atlas-dark .pp-summary-amount {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(96,165,250,.45);
}
body.atlas-dark .pp-note {
  background: rgba(96,165,250,.10) !important;
  border-color: rgba(147,197,253,.30) !important;
  color: rgba(255,255,255,.78) !important;
}
body.atlas-dark .pp-note strong { color: #ffffff !important; }
body.atlas-dark .pp-note svg { stroke: #93c5fd !important; filter: drop-shadow(0 0 4px rgba(96,165,250,.55)); }

/* Virement bancaire · rows + QR */
body.atlas-dark .bank-row {
  background: rgba(96,165,250,.07) !important;
  border-color: rgba(96,165,250,.18) !important;
}
body.atlas-dark .bank-row .lbl { color: rgba(191,219,254,.75) !important; }
body.atlas-dark .bank-row .val { color: #ffffff !important; }
body.atlas-dark .bank-row .val.is-amount {
  color: #93c5fd !important;
  text-shadow: 0 0 14px rgba(96,165,250,.55);
}
body.atlas-dark .bank-copy {
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(147,197,253,.32) !important;
  color: #bfdbfe !important;
}
body.atlas-dark .bank-copy:hover {
  background: rgba(96,165,250,.28) !important;
  border-color: rgba(191,219,254,.55) !important;
  color: #ffffff !important;
  box-shadow: 0 0 14px rgba(96,165,250,.50);
}
body.atlas-dark .bank-qr {
  background: rgba(96,165,250,.06) !important;
  border-color: rgba(96,165,250,.18) !important;
}
body.atlas-dark .bank-qr-frame {
  background: #ffffff !important;
  box-shadow: 0 0 0 1px rgba(147,197,253,.40), 0 0 24px rgba(96,165,250,.45);
}
body.atlas-dark .bank-qr-label { color: rgba(255,255,255,.65) !important; }
body.atlas-dark .bank-qr-label strong { color: #ffffff !important; }

/* Formulaire "Vos informations" */
body.atlas-dark .f-field label { color: #ffffff !important; }
body.atlas-dark .f-field label .opt { color: rgba(255,255,255,.55) !important; }
body.atlas-dark .f-field input[type="text"],
body.atlas-dark .f-field input[type="email"] {
  background: rgba(96,165,250,.08) !important;
  border-color: rgba(96,165,250,.25) !important;
  color: #ffffff !important;
}
body.atlas-dark .f-field input::placeholder { color: rgba(255,255,255,.42) !important; }
body.atlas-dark .f-field input:focus {
  background: rgba(96,165,250,.14) !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 4px rgba(96,165,250,.22), 0 0 20px rgba(96,165,250,.30) !important;
}

/* Préférences d'affichage (radios) */
body.atlas-dark .f-wall-legend { color: #ffffff !important; }
body.atlas-dark .f-wall-opt {
  background: rgba(96,165,250,.06) !important;
  border-color: rgba(96,165,250,.20) !important;
}
body.atlas-dark .f-wall-opt:hover {
  background: rgba(96,165,250,.14) !important;
  border-color: rgba(147,197,253,.50) !important;
}
body.atlas-dark .f-wall-opt:has(input:checked) {
  background: rgba(96,165,250,.18) !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 0 1px rgba(96,165,250,.30) inset, 0 0 18px rgba(96,165,250,.35);
}
body.atlas-dark .f-wall-opt-mark { border-color: rgba(147,197,253,.45) !important; }
body.atlas-dark .f-wall-opt:has(input:checked) .f-wall-opt-mark {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 10px rgba(96,165,250,.65);
}
body.atlas-dark .f-wall-opt-title { color: #ffffff !important; }
body.atlas-dark .f-wall-opt-sub { color: rgba(255,255,255,.60) !important; }

/* Consent + submit */
body.atlas-dark .f-consent {
  background: rgba(96,165,250,.08) !important;
  border-color: rgba(96,165,250,.22) !important;
}
body.atlas-dark .f-consent-mark {
  background: rgba(255,255,255,.05) !important;
  border-color: rgba(147,197,253,.45) !important;
}
body.atlas-dark .f-consent:has(input:checked) .f-consent-mark {
  background: #60a5fa !important;
  border-color: #60a5fa !important;
  box-shadow: 0 0 12px rgba(96,165,250,.65);
}
body.atlas-dark .f-consent-text { color: rgba(255,255,255,.75) !important; }
body.atlas-dark .f-consent-text a { color: #93c5fd !important; }
body.atlas-dark .f-submit {
  background: linear-gradient(160deg, #2563eb, #1d4ed8) !important;
  box-shadow:
    0 14px 36px -8px rgba(37,99,235,.65),
    0 0 30px rgba(96,165,250,.45),
    inset 0 1px 0 rgba(255,255,255,.25) !important;
}
body.atlas-dark .f-submit:hover {
  box-shadow:
    0 20px 48px -8px rgba(37,99,235,.85),
    0 0 50px rgba(96,165,250,.65),
    inset 0 1px 0 rgba(255,255,255,.32) !important;
}

/* ── Mur des soutiens · cases full glow bleu (soutenir + crowdfunding) ── */
/* Section conteneur · fond bleu marine + glow (override le clair par défaut) */
body.atlas-dark .wall-section {
  background:
    radial-gradient(ellipse 70% 50% at 50% 0%,   rgba(96,165,250,.20) 0%, transparent 65%),
    radial-gradient(ellipse 60% 45% at 20% 85%,  rgba(37,99,235,.18)  0%, transparent 60%),
    radial-gradient(ellipse 60% 45% at 80% 85%,  rgba(96,165,250,.14) 0%, transparent 60%),
    linear-gradient(180deg, #04091F 0%, #0A1638 50%, #04091F 100%) !important;
  border-top: 1px solid rgba(96,165,250,.18) !important;
  position: relative;
}
body.atlas-dark .wall-section::before {
  content: "";
  position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(96,165,250,.55) 50%, transparent 100%);
  box-shadow: 0 0 14px rgba(96,165,250,.45);
  pointer-events: none;
}

/* Wall head eyebrow */
body.atlas-dark .wall-section .s-eyebrow {
  color: #bfdbfe !important;
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(147,197,253,.32) !important;
}

body.atlas-dark .wall-tile {
  background:
    radial-gradient(ellipse 100% 90% at 50% 50%, rgba(96,165,250,.22) 0%, transparent 70%),
    linear-gradient(160deg, rgba(20,40,90,.78) 0%, rgba(12,26,68,.88) 100%) !important;
  border: 1px solid rgba(147,197,253,.42) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.14) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 10px 28px rgba(7,17,44,.55),
    0 0 28px rgba(59,130,246,.32),
    0 0 60px rgba(37,99,235,.20) !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
          backdrop-filter: blur(10px) saturate(1.2);
  position: relative;
  overflow: hidden;
  transition: border-color .25s, box-shadow .25s, transform .25s, background .25s !important;
}
body.atlas-dark .wall-tile::before {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.08) 0%, transparent 35%);
  pointer-events: none;
}
body.atlas-dark .wall-tile > * { position: relative; z-index: 1; }
body.atlas-dark .wall-tile:hover {
  background:
    radial-gradient(ellipse 100% 90% at 50% 50%, rgba(96,165,250,.34) 0%, transparent 70%),
    linear-gradient(160deg, rgba(30,55,115,.85) 0%, rgba(16,32,80,.92) 100%) !important;
  border-color: rgba(191,219,254,.65) !important;
  transform: translateY(-3px) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.22) inset,
    0 1px 0 rgba(255,255,255,.14) inset,
    0 16px 36px rgba(7,17,44,.65),
    0 0 40px rgba(96,165,250,.65),
    0 0 90px rgba(37,99,235,.40) !important;
}

/* Placeholders (cartes "Votre nom ici") · pointillé glow bleu */
body.atlas-dark .wall-tile.placeholder {
  background:
    linear-gradient(160deg, rgba(20,40,90,.32) 0%, rgba(12,26,68,.42) 100%) !important;
  border: 1px dashed rgba(147,197,253,.45) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.06) inset,
    0 4px 18px rgba(7,17,44,.30),
    0 0 18px rgba(59,130,246,.18) !important;
}
body.atlas-dark .wall-tile.placeholder::after {
  content: '+';
  font-family: 'Space Grotesk', sans-serif;
  font-size: 1.2rem; font-weight: 700;
  color: #93c5fd;
  
  line-height: 1;
  text-shadow: 0 0 12px rgba(96,165,250,.65);
  position: relative; z-index: 1;
}
body.atlas-dark .wall-tile.placeholder .wt-lbl {
  color: rgba(191,219,254,.55) !important;
}

/* Tile "logo" (partenaires) : léger accent */
body.atlas-dark .wall-tile.logo {
  background:
    radial-gradient(ellipse 100% 90% at 50% 50%, rgba(96,165,250,.28) 0%, transparent 70%),
    linear-gradient(160deg, rgba(30,55,115,.78) 0%, rgba(14,30,72,.88) 100%) !important;
  border-color: rgba(191,219,254,.55) !important;
}

/* ─── Textes ─── */
/* Variante soutenir-atlas-mobile : .w-name / .w-tier */
body.atlas-dark .wall-tile .w-name,
body.atlas-dark .wall-tile .wt-name {
  color: #ffffff !important;
  text-shadow: 0 0 12px rgba(96,165,250,.35);
}
body.atlas-dark .wall-tile .w-tier,
body.atlas-dark .wall-tile .wt-tier {
  color: #93c5fd !important;
  background: transparent !important;
  border: 0 !important;
  text-shadow: 0 0 10px rgba(96,165,250,.55);
}
/* Variantes premium (partners + gold/corporate) : couleurs accent conservées */
body.atlas-dark .wall-tile.t-partner .w-tier,
body.atlas-dark .wall-tile .wt-tier.orange {
  color: #fdba74 !important;
  text-shadow: 0 0 12px rgba(249,115,22,.55), 0 0 24px rgba(249,115,22,.30);
}
body.atlas-dark .wall-tile.t-gold .w-tier,
body.atlas-dark .wall-tile.t-corporate .w-tier {
  color: #fbbf24 !important;
  text-shadow: 0 0 12px rgba(245,158,11,.55), 0 0 24px rgba(245,158,11,.30);
}
body.atlas-dark .wall-tile.t-anonymous .w-name { color: rgba(255,255,255,.55) !important; }
body.atlas-dark .wall-tile.t-anonymous .w-name::before { background: rgba(147,197,253,.55) !important; }

/* Wall head + footer */
body.atlas-dark .wall-head h2,
body.atlas-dark .wall-wrap h2 { color: #ffffff !important; }
body.atlas-dark .wall-head p,
body.atlas-dark .wall-wrap p { color: rgba(255,255,255,.72) !important; }
body.atlas-dark .wall-footer { color: rgba(255,255,255,.65) !important; }
body.atlas-dark .wall-footer a {
  color: #93c5fd !important;
  border-bottom-color: rgba(96,165,250,.55) !important;
  text-shadow: 0 0 12px rgba(96,165,250,.40);
}
body.atlas-dark .wall-footer a:hover { color: #ffffff !important; border-bottom-color: #ffffff !important; }

/* Mini footer */
body.atlas-dark .s-foot {
  background: rgba(8,18,46,.50) !important;
  border-top: 1px solid rgba(96,165,250,.15) !important;
}
body.atlas-dark .s-foot p { color: rgba(255,255,255,.55) !important; }
body.atlas-dark .s-foot a { color: #93c5fd !important; }

/* Top nav unifié : déjà dark de base, le dark mode renforce juste le glow */
body.atlas-dark .s-nav {
  background:
    radial-gradient(ellipse 80% 100% at 50% 0%, rgba(37,99,235,.24) 0%, transparent 70%),
    linear-gradient(180deg, rgba(4,8,29,.94) 0%, rgba(6,15,48,.88) 100%) !important;
  box-shadow: 0 10px 36px rgba(4,8,29,.55), 0 0 80px rgba(37,99,235,.18) !important;
}

/* ─────────────────────────────────────────────────────────────────
   À PROPOS · Strip "Pourquoi Atlas Connect" stats
   (500+ Clients / 7/7 Support / 3 🇧🇪 Régions / 2026 Vision)
   Cadre unifié glow bleu, séparateurs lumineux, pas d'encadré blanc
   ───────────────────────────────────────────────────────────────── */
body.atlas-dark .compare-stats {
  display: grid !important;
  padding-left:32px !important;padding-right:32px !important;
  background:
    radial-gradient(ellipse 100% 80% at 50% 0%,   rgba(96,165,250,.22) 0%, transparent 60%),
    radial-gradient(ellipse 90%  80% at 50% 100%, rgba(37,99,235,.20)  0%, transparent 60%),
    linear-gradient(160deg, rgba(20,40,90,.82) 0%, rgba(12,26,68,.90) 100%) !important;
  border: 1px solid rgba(147,197,253,.42) !important;
  border-radius: 22px !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.16) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 16px 40px rgba(7,17,44,.55),
    0 0 40px rgba(59,130,246,.35),
    0 0 90px rgba(37,99,235,.25) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.2);
          backdrop-filter: blur(14px) saturate(1.2);
  position: relative;
  overflow: hidden;
}
body.atlas-dark .compare-stats::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.10) 0%, transparent 40%);
  pointer-events: none;
}

/* Chaque item · layout vertical centré, fond transparent */
body.atlas-dark .compare-stat {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
  display: flex !important;
  
  align-items: center !important;
  justify-content: flex-start !important;
  text-align: center !important;
  padding-left:14px !important;padding-right:14px !important;
  position: relative;
  z-index: 1;
  min-width: 0;
}
body.atlas-dark .compare-stat:first-child { border-left: 0 !important; padding-left: 14px !important; }
/* Séparateur lumineux vertical entre items */
body.atlas-dark .compare-stat + .compare-stat::before {
  content: "";
  position: absolute;
  left: 0; top: 18%; bottom: 18%;
  background: linear-gradient(180deg, transparent 0%, rgba(96,165,250,.55) 50%, transparent 100%);
  box-shadow: 0 0 10px rgba(96,165,250,.50);
}

/* Icône · badge rond glow bleu */
body.atlas-dark .compare-stat-ico {
  border-radius: 50% !important;
  background: linear-gradient(160deg, rgba(96,165,250,.24) 0%, rgba(37,99,235,.20) 100%) !important;
  border: 1px solid rgba(147,197,253,.50) !important;
  color: #bfdbfe !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.20) inset,
    0 0 22px rgba(96,165,250,.55) !important;
  flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
}
body.atlas-dark .compare-stat-ico svg {
  stroke: #bfdbfe !important;
  fill: none;
  stroke-width: 2 !important;
  filter: drop-shadow(0 0 6px rgba(96,165,250,.70));
}
body.atlas-dark .compare-stat:hover .compare-stat-ico {
  background: linear-gradient(160deg, rgba(96,165,250,.32) 0%, rgba(37,99,235,.26) 100%) !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.32) inset,
    0 0 32px rgba(96,165,250,.75) !important;
  transform: scale(1.06);
}

/* Bloc texte (val + lbl) sous l'icône */
body.atlas-dark .compare-stat > div:last-child {
  display: flex;
  
  align-items: center;
  justify-content: center;
  min-width: 0;
}
body.atlas-dark .compare-stat-val {
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 800 !important;
  
  
  color: #ffffff !important;
  
  text-shadow: 0 0 18px rgba(96,165,250,.55) !important;
  
  display: inline-flex; align-items: center; justify-content: center;
  white-space: nowrap;
}
body.atlas-dark .compare-stat-val .flag { filter: drop-shadow(0 0 4px rgba(255,255,255,.30)); }
body.atlas-dark .compare-stat-lbl {
  
  font-weight: 600 !important;
  
  color: rgba(255,255,255,.80) !important;
  
  
  display: block;
  text-align: center;
  text-wrap: balance;
  max-width: 14ch;
}

@media (max-width: 900px) {
  body.atlas-dark .compare-stats {
  }
  body.atlas-dark .compare-stat + .compare-stat::before { display: none; }
  body.atlas-dark .compare-stat:nth-child(even)::before {
    content: "";
    position: absolute;
    left: 0; top: 18%; bottom: 18%;
    background: linear-gradient(180deg, transparent 0%, rgba(96,165,250,.55) 50%, transparent 100%);
    box-shadow: 0 0 10px rgba(96,165,250,.50);
  }
}
body.atlas-dark .story-card::after {
  background: linear-gradient(90deg, rgba(96,165,250,.10), rgba(96,165,250,.55)) !important;
}

/* ────────────────────────────────────────────────────────────────
   PARTENAIRES · "Ils nous font confiance" · GLOW BLEU FLASH
   ──────────────────────────────────────────────────────────────── */
body.atlas-dark .logo-slot {
  background:
    radial-gradient(ellipse 90% 90% at 50% 50%, rgba(96,165,250,.32) 0%, transparent 70%),
    linear-gradient(135deg, rgba(37,99,235,.28) 0%, rgba(29,78,216,.22) 100%) !important;
  border: 1px solid rgba(147,197,253,.55) !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.20) inset,
    0 0 22px rgba(96,165,250,.55),
    0 0 56px rgba(37,99,235,.40) !important;
  text-shadow: 0 0 12px rgba(255,255,255,.35);
}
body.atlas-dark .logo-slot:hover {
  background:
    radial-gradient(ellipse 90% 90% at 50% 50%, rgba(147,197,253,.45) 0%, transparent 70%),
    linear-gradient(135deg, rgba(59,130,246,.40) 0%, rgba(37,99,235,.30) 100%) !important;
  border-color: rgba(191,219,254,.75) !important;
  color: #ffffff !important;
  box-shadow:
    0 0 0 1px rgba(147,197,253,.30) inset,
    0 0 32px rgba(96,165,250,.75),
    0 0 80px rgba(37,99,235,.55) !important;
  transform: translateY(-3px);
}
/* Conteneur des slots (le wrapper inline-style blanc) */
body.atlas-dark section .reveal[style*="background:#fff"],
body.atlas-dark section .reveal[style*="background: #fff"],
body.atlas-dark section .reveal[style*="background:white"],
body.atlas-dark section .reveal[style*="background: white"] {
  background:
    radial-gradient(ellipse 80% 80% at 50% 50%, rgba(37,99,235,.10) 0%, transparent 70%),
    linear-gradient(180deg, rgba(14,26,68,.55) 0%, rgba(8,18,46,.65) 100%) !important;
  border: 1px solid rgba(96,165,250,.22) !important;
  box-shadow: 0 8px 32px rgba(7,17,44,.50), 0 0 40px rgba(37,99,235,.15) !important;
}

/* ────────────────────────────────────────────────────────────────
   ATLAS MOBILE (crowdfunding) · FAQ · FULL GLOW BLEU + TYPO BLANCHE
   ──────────────────────────────────────────────────────────────── */
body.atlas-dark .faq-item {
  background: linear-gradient(180deg, rgba(255,255,255,.05) 0%, rgba(255,255,255,.02) 100%) !important;
  border: 1px solid var(--glass-border) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.06),
    0 2px 6px rgba(0,0,0,.20),
    0 14px 36px rgba(0,0,0,.30) !important;
  position: relative;
  overflow: hidden;
  -webkit-backdrop-filter: blur(20px) saturate(1.4) !important;
          backdrop-filter: blur(20px) saturate(1.4) !important;
}
/* On neutralise l'ancien sheen lumineux (harmonisation site) */
body.atlas-dark .faq-item::before { content: none !important; display: none !important; }
body.atlas-dark .faq-item > * { position: relative; z-index: 1; }

body.atlas-dark .faq-item:hover {
  border-color: rgba(96,165,250,.30) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 4px 10px rgba(0,0,0,.22),
    0 18px 44px rgba(0,0,0,.34),
    0 0 22px rgba(59,130,246,.12) !important;
}
body.atlas-dark .faq-item.open {
  border-color: rgba(96,165,250,.34) !important;
  background: linear-gradient(180deg, rgba(96,165,250,.07) 0%, rgba(255,255,255,.02) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 10px 30px rgba(0,0,0,.34),
    0 0 26px rgba(59,130,246,.16) !important;
}

/* Typo lisible · cohérente avec le reste du site sombre */
body.atlas-dark .faq-q,
body.atlas-dark .faq-q span {
  color: var(--text) !important;
  background: transparent !important;
  border: 0 !important;
  font-weight: 600 !important;
  text-shadow: none !important;
}
body.atlas-dark .faq-q:hover,
body.atlas-dark .faq-item.open .faq-q { color: var(--blue-l) !important; }

/* FAQ accueil · ALIGNÉE sur la FAQ des pages services :
   verre bleu nuit, pastilles + bouton "+" en accent BLEU (plus d'orange). */
body.atlas-dark .faq-q .faq-q-tag {
  color: var(--blue-l) !important;
  background: rgba(96,165,250,.12) !important;
  border: 1px solid rgba(96,165,250,.30) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}
body.atlas-dark .faq-item[open] .faq-q .faq-q-tag,
body.atlas-dark .faq-item.open .faq-q .faq-q-tag {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(96,165,250,.46) !important;
  box-shadow: none !important;
}

/* Bouton "+" FAQ : carré orange au repos · orange plein (×) à l'ouverture (dark) */
body.atlas-dark .faq-q .faq-q-toggle {
  background: rgba(255,107,26,.14) !important;
  border: 1px solid rgba(255,107,26,.30) !important;
  box-shadow: none !important;
}
body.atlas-dark .faq-q .faq-q-toggle svg { stroke: var(--orange) !important; }
body.atlas-dark .faq-item[open] .faq-q .faq-q-toggle,
body.atlas-dark .faq-item.open .faq-q .faq-q-toggle {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 16px rgba(255,107,26,.35) !important;
}
body.atlas-dark .faq-item[open] .faq-q .faq-q-toggle svg,
body.atlas-dark .faq-item.open .faq-q .faq-q-toggle svg { stroke: #ffffff !important; }

/* FAQ pages services · carré orange autour du "+" (dark) */
body.atlas-dark .faq-q > svg {
  background: rgba(255,107,26,.14) !important;
  border-color: rgba(255,107,26,.30) !important;
  stroke: var(--orange) !important;
}
body.atlas-dark .faq-item.open .faq-q > svg {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  stroke: #fff !important;
}

/* Trust cards · chiffres en orange + glow bleu du rectangle au survol (dark) */
body.atlas-dark .trust-card { transition: background .3s, border-color .3s, box-shadow .3s !important; }
body.atlas-dark .trust-card:hover {
  border-color: rgba(96,165,250,.45) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.22),
    0 10px 34px rgba(37,99,235,.28),
    0 0 30px rgba(96,165,250,.30) !important;
}
body.atlas-dark .trust-card .tc-val { transition: color .25s !important; }
body.atlas-dark .trust-card:hover .tc-val { color: var(--orange) !important; }
body.atlas-dark .faq-a,
body.atlas-dark .faq-a-inner { background: transparent !important; }
body.atlas-dark .faq-a-inner {
  color: var(--mid) !important;
  text-shadow: none !important;
}
body.atlas-dark .faq-a-inner a {
  color: var(--blue-l) !important;
  text-decoration: underline;
  text-decoration-color: rgba(96,165,250,.45);
  text-underline-offset: 3px;
}

/* Toggle + · carré orange (harmonisé dark) */
body.atlas-dark .faq-toggle {
  background: rgba(255,107,26,.14) !important;
  border: 1px solid rgba(255,107,26,.30) !important;
  box-shadow: none !important;
}
body.atlas-dark .faq-toggle svg {
  stroke: var(--orange) !important;
  filter: none !important;
}
body.atlas-dark .faq-item.open .faq-toggle {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
  box-shadow: 0 0 16px rgba(255,107,26,.35) !important;
}
body.atlas-dark .faq-item.open .faq-toggle svg {
  stroke: #ffffff !important;
  filter: none !important;
}

/* FAQ IA-automatisation · carré orange autour du "+" (dark) */
body.atlas-dark .ia-faq-item .fq-plus {
  background: rgba(255,107,26,.14) !important;
  border-color: rgba(255,107,26,.30) !important;
}
body.atlas-dark .ia-faq-item .fq-plus::before,
body.atlas-dark .ia-faq-item .fq-plus::after { background: var(--orange) !important; }
body.atlas-dark .ia-faq-item[open] .fq-plus {
  background: var(--orange) !important;
  border-color: var(--orange) !important;
}
body.atlas-dark .ia-faq-item[open] .fq-plus::before,
body.atlas-dark .ia-faq-item[open] .fq-plus::after { background: #fff !important; }

/* ────────────────────────────────────────────────────────────────
   CONTACT · formulaire · glow bleu
   ──────────────────────────────────────────────────────────────── */
body.atlas-dark .form-card {
  background:
    radial-gradient(ellipse 90% 70% at 50% 0%,  rgba(96,165,250,.20) 0%, transparent 65%),
    radial-gradient(ellipse 90% 70% at 50% 100%, rgba(37,99,235,.18)  0%, transparent 65%),
    linear-gradient(165deg, rgba(20,40,90,.70) 0%, rgba(12,26,68,.82) 50%, rgba(20,40,90,.70) 100%) !important;
  border: 1px solid rgba(147,197,253,.42) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.14) inset,
    0 1px 0 rgba(255,255,255,.10) inset,
    0 24px 64px rgba(7,17,44,.60),
    0 0 40px rgba(59,130,246,.32),
    0 0 100px rgba(37,99,235,.22) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.4);
          backdrop-filter: blur(24px) saturate(1.4);
}
body.atlas-dark .form-card::before {
  background: linear-gradient(90deg, transparent 0%, #60a5fa 50%, transparent 100%) !important;
  box-shadow: 0 0 18px rgba(96,165,250,.65) !important;
}

/* ────────────────────────────────────────────────────────────────
   DEVIS · étape par étape · ancien bloc (désactivé, remplacé en haut)
   ──────────────────────────────────────────────────────────────── */
body.atlas-dark .quote-card.legacy-disabled-quote-card {
  background: linear-gradient(135deg, rgba(96,165,250,.32) 0%, rgba(37,99,235,.18) 100%) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   COHESION LAYER · ambiance dark uniforme et fluide sur tout le site
   ════════════════════════════════════════════════════════════════════════ */
body.atlas-dark {
  background:
    radial-gradient(ellipse 80% 50% at 18% 10%,  rgba(37,99,235,.22)  0%, transparent 55%),
    radial-gradient(ellipse 70% 45% at 82% 25%,  rgba(96,165,250,.16) 0%, transparent 55%),
    radial-gradient(ellipse 75% 40% at 22% 55%,  rgba(59,130,246,.12) 0%, transparent 60%),
    radial-gradient(ellipse 85% 45% at 78% 75%,  rgba(37,99,235,.18)  0%, transparent 60%),
    radial-gradient(ellipse 110% 55% at 50% 100%, rgba(96,165,250,.14) 0%, transparent 65%),
    linear-gradient(180deg, #05091E 0%, #07112C 30%, #0A1638 60%, #07112C 100%) !important;
  background-attachment: fixed !important;
}

/* Sections transparentes (kill bg-off / bg-navy / etc.) */
body.atlas-dark .section,
body.atlas-dark section.section,
body.atlas-dark .section.bg-off,
body.atlas-dark .bg-off,
body.atlas-dark .section.bg-navy,
body.atlas-dark .section.bg-light,
body.atlas-dark .crowd-hero,
body.atlas-dark .photo-band,
body.atlas-dark .who-premium,
body.atlas-dark .vision-block,
body.atlas-dark .compare-section,
body.atlas-dark .story-section,
body.atlas-dark .quote-section,
body.atlas-dark .timeline-section,
body.atlas-dark .process-section,
body.atlas-dark .atlas-tease,
body.atlas-dark .wall-section,
body.atlas-dark .uof-section {
  background: transparent !important;
  box-shadow: none !important;
  position: relative;
}

/* AUCUN ::before ni ::after sur les sections : empêche les rectangles parasites */
body.atlas-dark .section::before,
body.atlas-dark .section::after,
body.atlas-dark .section.bg-off::before,
body.atlas-dark .section.bg-off::after,
body.atlas-dark .bg-off::before,
body.atlas-dark .bg-off::after,
body.atlas-dark .section.bg-navy::before,
body.atlas-dark .section.bg-navy::after,
body.atlas-dark .who-premium::before,
body.atlas-dark .who-premium::after,
body.atlas-dark .vision-block::before,
body.atlas-dark .vision-block::after,
body.atlas-dark .compare-section::before,
body.atlas-dark .compare-section::after,
body.atlas-dark .timeline-section::before,
body.atlas-dark .timeline-section::after,
body.atlas-dark .quote-section::before,
body.atlas-dark .quote-section::after,
body.atlas-dark .wall-section::before,
body.atlas-dark .wall-section::after,
body.atlas-dark .uof-section::before,
body.atlas-dark .uof-section::after,
body.atlas-dark .atlas-tease::before,
body.atlas-dark .atlas-tease::after,
body.atlas-dark .atlas-tease-bridge::before,
body.atlas-dark .atlas-tease-bridge::after,
body.atlas-dark .cta-band::before,
body.atlas-dark .cta-band::after,
body.atlas-dark .cta-band-line,
body.atlas-dark .photo-band::before,
body.atlas-dark .photo-band::after,
body.atlas-dark .footer::before {
  display: none !important;
}

/* Contenu au-dessus du body grain/lines */
body.atlas-dark .section,
body.atlas-dark .footer { position: relative; z-index: 3; }
body.atlas-dark .header { z-index: 50; }

/* Espacements supplémentaires pour adoucir les transitions de sections */
body.atlas-dark .quote-section,
body.atlas-dark .timeline-section { }
body.atlas-dark .wall-section { }
body.atlas-dark .photo-band { }
body.atlas-dark .cta-band,
body.atlas-dark .cta-pulse,
body.atlas-dark .cta-section {
  background: transparent !important;
  overflow: visible !important;
}
body.atlas-dark .atlas-tease,
body.atlas-dark .who-premium,
body.atlas-dark .vision-block,
body.atlas-dark .compare-section,
body.atlas-dark .story-section,
body.atlas-dark .process-section {
  background: transparent !important;
  overflow: visible !important;
}

/* Nuke tous les fonds opaques internes qui créent des cassures dures */
body.atlas-dark .atlas-tease-grid,
body.atlas-dark .atlas-tease > .atlas-tease-bg,
body.atlas-dark .atlas-tease-overlay,
body.atlas-dark .cta-band-bg,
body.atlas-dark .cta-pulse-bg,
body.atlas-dark .wall-section-bg,
body.atlas-dark .quote-section-bg,
body.atlas-dark .timeline-section-bg {
  background: transparent !important;
  opacity: .35 !important;
}

/* Inline-styles `<section style="background:...">` killed via attribute selector */
body.atlas-dark section[style*="background"],
body.atlas-dark .section[style*="background"] {
  background-color: transparent !important;
  background-image: none !important;
}
/* Mais garder les inline styles pour CTA-blocks "cards" (anneau interne) */
body.atlas-dark .cta-band-block[style*="background"],
body.atlas-dark .cta-pulse-block[style*="background"],
body.atlas-dark .glass-block[style*="background"] {
  background-color: initial;
  background-image: initial;
}

/* "Comment ça marche" · réafficher le full glow block AU-DESSUS de tout */
body.atlas-dark .process-reassurance {
  position: relative !important;
  z-index: 5 !important;
}

/* Header : continu avec body */
body.atlas-dark .header {
  background:
    linear-gradient(180deg, rgba(5,9,30,.78) 0%, rgba(7,17,44,.55) 80%, transparent 100%) !important;
  -webkit-backdrop-filter: blur(20px) saturate(1.3);
          backdrop-filter: blur(20px) saturate(1.3);
  border-bottom: 0 !important;
  box-shadow: none !important;
}
body.atlas-dark .header.scrolled {
  background:
    linear-gradient(180deg, rgba(4,8,29,.92) 0%, rgba(6,15,48,.78) 90%, transparent 100%) !important;
  box-shadow: 0 8px 40px rgba(4,8,29,.45) !important;
}

/* Footer : fondu continu depuis body, plus de rectangle parasite */
body.atlas-dark .footer {
  background:
    radial-gradient(ellipse 70% 80% at 25% 0%, rgba(37,99,235,.14) 0%, transparent 60%),
    radial-gradient(ellipse 70% 80% at 75% 0%, rgba(96,165,250,.10) 0%, transparent 60%),
    linear-gradient(180deg, rgba(4,8,29,.40) 0%, #060f30 50%, #04091F 100%) !important;
  border-top: 0 !important;
}

/* ════════════════════════════════════════════════════════════════
   FOOTER COMPACT PREMIUM · style Apple / Stripe
   Intégré au fond, plus aéré, séparateurs subtils, hiérarchie claire
   ════════════════════════════════════════════════════════════════ */

/* Conteneur principal · padding compact */
body.atlas-dark .footer-main {
  max-width: 1200px !important;
  padding-left:32px !important;padding-right:32px !important;
  grid-template-columns: 2.2fr .9fr .9fr .9fr .9fr !important;gap:44px !important;
}

/* Brand · logo + bio */
body.atlas-dark .footer-logo {
  height: 44px !important;
  
  filter: brightness(1.15) drop-shadow(0 2px 10px rgba(37,99,235,.35)) !important;
}
body.atlas-dark .footer-bio {
  font-size: .82rem !important;
  color: rgba(255,255,255,.55) !important;
  line-height: 1.65 !important;
  max-width: 320px !important;
  
}

/* Réseaux sociaux · compacts + glow bleu unifié */
body.atlas-dark .footer-socials {gap:8px !important; }
body.atlas-dark .footer-social {
  width: 34px !important; height: 34px !important;
  border-radius: 10px !important;
  background: rgba(96,165,250,.08) !important;
  border: 1px solid rgba(96,165,250,.16) !important;
  color: rgba(255,255,255,.55) !important;
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  transition: background .25s, border-color .25s, color .25s, transform .2s, box-shadow .25s !important;
}
body.atlas-dark .footer-social svg { width: 14px !important; height: 14px !important; }
body.atlas-dark .footer-social:hover {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(147,197,253,.40) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 0 18px rgba(96,165,250,.45) !important;
}

/* Colonnes liens · titres + sous-trait orange */
body.atlas-dark .footer-col-title {
  font-size: .68rem !important;
  letter-spacing: 2.5px !important;
  color: rgba(255,255,255,.55) !important;
  
  
}
body.atlas-dark .footer-col-title::after {
  width: 22px !important;
  height: 2px !important;
  background: var(--orange) !important;
  box-shadow: 0 0 6px rgba(249,115,22,.55) !important;
  border-radius: 2px !important;
}

/* Liens · compact + hover bleu glow */
body.atlas-dark .footer-links a {
  font-size: .82rem !important;
  color: rgba(255,255,255,.60) !important;
  padding-left:0!important;padding-right:0!important;
  transition: color .25s, transform .2s !important;
}
body.atlas-dark .footer-links a:hover {
  color: #ffffff !important;
  transform: translateX(2px);
  text-shadow: 0 0 10px rgba(96,165,250,.50);
}
/* Désactive le soulignement central → bords (trop décoratif) */
body.atlas-dark .footer-links a::after { display: none !important; }

/* Sous-footer · séparateur subtil + texte fin */
body.atlas-dark .footer-sub {
  background: transparent !important;
  border-top: 1px solid rgba(96,165,250,.10) !important;
  padding-left:48px !important;padding-right:48px !important;
  max-width: 1296px !important;
  margin: 0 auto !important;
  font-size: .76rem !important;
  color: rgba(255,255,255,.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  flex-wrap: wrap !important;gap:12px !important;
}
body.atlas-dark .footer-sub a {
  color: rgba(255,255,255,.55) !important;
  transition: color .2s;
}
body.atlas-dark .footer-sub a:hover { color: #ffffff !important; }

/* Petite séparation lumineuse en haut du footer (transition douce avec section précédente) */
body.atlas-dark .footer::after {
  content: "" !important;
  position: absolute;
  left: 50%; top: 0;
  transform: translateX(-50%);
  width: min(60%, 800px);
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(96,165,250,.30) 50%, transparent 100%);
  box-shadow: 0 0 12px rgba(96,165,250,.25);
  pointer-events: none;
}
body.atlas-dark .footer::before {
  display: none !important;
}

/* Responsive */
@media (max-width: 1024px) {
  body.atlas-dark .footer-main {
    grid-template-columns: 1fr 1fr !important;
    gap: 32px !important;
    padding: 48px 32px 24px !important;
  }
}
@media (max-width: 640px) {
  body.atlas-dark .footer-main {
    grid-template-columns:minmax(0,1fr)!important;
    gap: 28px !important;
    padding: 40px 24px 20px !important;
  }
  body.atlas-dark .footer-sub {
    padding-left:24px !important;padding-right:24px !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
  }
}

/* Cards génériques · fond translucide */
body.atlas-dark .svc:not(.highlight),
body.atlas-dark .who-card:not(.pro),
body.atlas-dark .pq-card,
body.atlas-dark .preview-card,
body.atlas-dark .benefit-card,
body.atlas-dark .pillar-card {
  background: linear-gradient(160deg, rgba(96,165,250,.06) 0%, rgba(37,99,235,.04) 100%) !important;
  border-color: rgba(96,165,250,.18) !important;
  -webkit-backdrop-filter: blur(14px) saturate(1.3) !important;
          backdrop-filter: blur(14px) saturate(1.3) !important;
}

/* ════════════════════════════════════════════════════════════════════════
   SERVICES SUBPAGES · dark mode premium
   (10 sous-pages : depannage-urgent, support-maintenance, it-delivery,
    installation-cle-en-main, reparations-mobiles-pc, deploiement-entreprise,
    ia-automatisation, branding-logo, supports-print, reseaux-sociaux-pao)
   ════════════════════════════════════════════════════════════════════════ */

/* HERO : fond fluide cohérent avec body */
body.atlas-dark .svc-hero {
  background: transparent !important;
  padding-left:110px !important;padding-right:110px !important;
  position: relative;
  overflow: hidden;
}
body.atlas-dark .svc-hero::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 75% 60% at 18% 25%, rgba(37,99,235,.22) 0%, transparent 60%),
    radial-gradient(ellipse 70% 55% at 85% 40%, rgba(96,165,250,.16) 0%, transparent 60%),
    radial-gradient(ellipse 90% 50% at 50% 100%, rgba(96,165,250,.10) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}
body.atlas-dark .svc-hero::after {
  content: "";
  position: absolute; left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(96,165,250,.40) 50%, transparent 100%);
  box-shadow: 0 0 18px rgba(96,165,250,.35);
  pointer-events: none;
  z-index: 1;
}
body.atlas-dark .svc-hero .grid-bg { opacity: .35 !important; }
body.atlas-dark .svc-hero-halo-1 {
  background: radial-gradient(circle, rgba(96,165,250,.28) 0%, transparent 65%) !important;
  filter: blur(20px);
}
body.atlas-dark .svc-hero-halo-2 {
  background: radial-gradient(circle, rgba(249,115,22,.10) 0%, transparent 65%) !important;
  filter: blur(20px);
}

/* HERO · back link */
body.atlas-dark .svc-hero-back {
  color: rgba(232,237,245,.55) !important;
  padding-left:12px;padding-right:16px;
  border-radius: 50px;
  background: rgba(96,165,250,.06);
  border: 1px solid rgba(96,165,250,.18);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  transition: background .25s, border-color .25s, color .25s, gap .2s;
}
body.atlas-dark .svc-hero-back:hover {
  color: #ffffff !important;
  background: rgba(96,165,250,.14);
  border-color: rgba(147,197,253,.40);gap:10px;
}

/* HERO · pill */
body.atlas-dark .svc-hero-pill {
  background: rgba(96,165,250,.10) !important;
  border: 1px solid rgba(96,165,250,.32) !important;
  color: #bfdbfe !important;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 0 18px rgba(96,165,250,.20);
}
body.atlas-dark .svc-hero-pill.orange {
  background: rgba(249,115,22,.14) !important;
  border-color: rgba(249,115,22,.40) !important;
  color: #fdba74 !important;
  box-shadow: 0 0 18px rgba(249,115,22,.35);
}

/* HERO · titre + accents */
body.atlas-dark .svc-hero-title {
  color: #ffffff !important;
  text-shadow: 0 0 32px rgba(96,165,250,.20);
}
body.atlas-dark .svc-hero-title .accent {
  background: linear-gradient(120deg, #60a5fa 0%, #93c5fd 50%, #60a5fa 100%);
  background-size: 200% 100%;
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent !important;
  filter: drop-shadow(0 0 26px rgba(96,165,250,.45));
  animation: svcHeroShimmer 6s ease-in-out infinite;
}
@keyframes svcHeroShimmer {
  0%,100% { background-position: 0% 50%; }
  50%     { background-position: 100% 50%; }
}
body.atlas-dark .svc-hero-title .orange {
  color: #ff8a3a !important;
  text-shadow: 0 0 22px rgba(249,115,22,.35);
}
body.atlas-dark .svc-hero-sub { color: rgba(255,255,255,.68) !important; }

/* Boutons hero */
body.atlas-dark .svc-hero .btn-primary {
  background: linear-gradient(135deg, #ff8a3a 0%, #ff6b1a 50%, #ff5e1a 100%) !important;
  box-shadow:
    0 14px 36px -8px rgba(255,107,26,.65),
    0 0 28px rgba(255,107,26,.35),
    0 0 56px rgba(96,165,250,.20),
    inset 0 1px 0 rgba(255,255,255,.28) !important;
}
body.atlas-dark .svc-hero .btn-primary:hover {
  box-shadow:
    0 20px 48px -8px rgba(255,107,26,.85),
    0 0 42px rgba(255,107,26,.55),
    0 0 80px rgba(96,165,250,.35),
    inset 0 1px 0 rgba(255,255,255,.35) !important;
  transform: translateY(-2px);
}
body.atlas-dark .svc-hero .btn-secondary {
  background: rgba(96,165,250,.08) !important;
  border: 1px solid rgba(96,165,250,.30) !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: blur(10px) saturate(1.2);
          backdrop-filter: blur(10px) saturate(1.2);
}
body.atlas-dark .svc-hero .btn-secondary:hover {
  background: rgba(96,165,250,.18) !important;
  border-color: rgba(147,197,253,.55) !important;
  box-shadow: 0 0 28px rgba(96,165,250,.40) !important;
  transform: translateY(-2px);
}

/* Trust badges */
body.atlas-dark .svc-hero-trust .trust-badge { color: rgba(255,255,255,.60) !important; }
body.atlas-dark .svc-hero-trust .trust-badge svg {
  stroke: #93c5fd !important;
  filter: drop-shadow(0 0 4px rgba(96,165,250,.55));
}

/* Sections subpages : transparentes + padding harmonisé */
body.atlas-dark .svc-hero ~ .section,
body.atlas-dark .svc-hero ~ .section.bg-off,
body.atlas-dark .svc-hero ~ .section.bg-navy {
  background: transparent !important;
  position: relative;
}

/* Section eyebrow + titre */
body.atlas-dark .s-eyebrow { color: #93c5fd !important; }
body.atlas-dark .s-eyebrow::before {
  background: var(--orange) !important;
  box-shadow: 0 0 8px rgba(249,115,22,.55);
}
body.atlas-dark .s-title,
body.atlas-dark .s-title.light {
  color: #ffffff !important;
  text-shadow: 0 0 24px rgba(96,165,250,.18);
}
body.atlas-dark .s-sub,
body.atlas-dark .s-sub.light { color: rgba(255,255,255,.65) !important; }

/* CARTES communes des sous-pages services · intégration fluide */
body.atlas-dark .pour-qui-card,
body.atlas-dark .prestation-card,
body.atlas-dark .trust-card,
body.atlas-dark .feature-card,
body.atlas-dark .step-card,
body.atlas-dark .problem-block,
body.atlas-dark .solution-card,
body.atlas-dark .pq-pro-card {
  background:
    radial-gradient(ellipse 100% 70% at 50% 0%, rgba(96,165,250,.08) 0%, transparent 70%),
    linear-gradient(160deg, rgba(20,40,90,.32) 0%, rgba(12,26,68,.42) 100%) !important;
  border: 1px solid rgba(96,165,250,.10) !important;
  border-radius: 22px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.04) inset,
    0 0 0 1px rgba(96,165,250,.04) inset,
    0 18px 44px rgba(4,8,29,.40),
    0 0 60px rgba(37,99,235,.10) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
          backdrop-filter: blur(18px) saturate(1.3) !important;
  transition: transform .35s, border-color .35s, box-shadow .4s, background .4s !important;
  position: relative;
}
/* Border gradient subtil (fond inner glow plutôt qu'un trait dur) */
body.atlas-dark .pour-qui-card::after,
body.atlas-dark .prestation-card::after,
body.atlas-dark .trust-card::after,
body.atlas-dark .feature-card::after,
body.atlas-dark .step-card::after,
body.atlas-dark .problem-block::after,
body.atlas-dark .solution-card::after,
body.atlas-dark .pq-pro-card::after {
  content: "";
  position: absolute; inset: 0;
  border-radius: inherit;
  padding-left:1px;padding-right:1px;
  background: linear-gradient(160deg, rgba(147,197,253,.32) 0%, rgba(96,165,250,.04) 40%, rgba(96,165,250,.02) 80%, rgba(96,165,250,.10) 100%);
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
          mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
  opacity: .7;
}
body.atlas-dark .pour-qui-card:hover,
body.atlas-dark .prestation-card:hover,
body.atlas-dark .trust-card:hover,
body.atlas-dark .feature-card:hover,
body.atlas-dark .step-card:hover,
body.atlas-dark .solution-card:hover,
body.atlas-dark .pq-pro-card:hover {
  border-color: rgba(147,197,253,.22) !important;
  background:
    radial-gradient(ellipse 100% 70% at 50% 0%, rgba(96,165,250,.14) 0%, transparent 70%),
    linear-gradient(160deg, rgba(28,52,110,.42) 0%, rgba(16,32,80,.55) 100%) !important;
  transform: translateY(-3px);
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 0 0 1px rgba(96,165,250,.10) inset,
    0 24px 52px rgba(4,8,29,.50),
    0 0 80px rgba(37,99,235,.22) !important;
}
body.atlas-dark .pour-qui-card:hover::after,
body.atlas-dark .prestation-card:hover::after,
body.atlas-dark .trust-card:hover::after,
body.atlas-dark .feature-card:hover::after,
body.atlas-dark .step-card:hover::after,
body.atlas-dark .solution-card:hover::after,
body.atlas-dark .pq-pro-card:hover::after { opacity: 1; }

/* Désactive la barre orange dure en haut des problem-block / pour-qui-card */
body.atlas-dark .problem-block::before,
body.atlas-dark .pour-qui-card::before,
body.atlas-dark .solution-card::before { display: none !important; }
body.atlas-dark .pour-qui-card h3,
body.atlas-dark .prestation-card h3,
body.atlas-dark .trust-card h3,
body.atlas-dark .feature-card h3,
body.atlas-dark .step-card h3,
body.atlas-dark .solution-card h3,
body.atlas-dark .problem-block h2,
body.atlas-dark .problem-block h3 { color: #ffffff !important; }
body.atlas-dark .pour-qui-card p,
body.atlas-dark .prestation-card p,
body.atlas-dark .trust-card p,
body.atlas-dark .feature-card p,
body.atlas-dark .step-card p,
body.atlas-dark .solution-card p,
body.atlas-dark .problem-block p { color: rgba(255,255,255,.70) !important; }

/* Icônes cards · halo doux plutôt que cercle dur */
body.atlas-dark .pour-qui-card .ico,
body.atlas-dark .prestation-card .ico,
body.atlas-dark .trust-card .ico,
body.atlas-dark .feature-card .ico,
body.atlas-dark .step-card .ico,
body.atlas-dark .pour-qui-card-ico,
body.atlas-dark .prestation-card-ico,
body.atlas-dark .step-ico,
body.atlas-dark .feat-ico {
  background:
    radial-gradient(circle, rgba(96,165,250,.20) 0%, rgba(37,99,235,.10) 60%, transparent 100%) !important;
  border: 1px solid rgba(147,197,253,.18) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.06) inset,
    0 0 22px rgba(96,165,250,.30) !important;
}
body.atlas-dark .pour-qui-card .ico svg,
body.atlas-dark .prestation-card .ico svg,
body.atlas-dark .trust-card .ico svg,
body.atlas-dark .feature-card .ico svg,
body.atlas-dark .step-card .ico svg,
body.atlas-dark .pour-qui-card-ico svg,
body.atlas-dark .prestation-card-ico svg,
body.atlas-dark .step-ico svg,
body.atlas-dark .feat-ico svg {
  stroke: #bfdbfe !important;
  filter: drop-shadow(0 0 6px rgba(96,165,250,.65));
}

/* CTA finale · intégré au fond */
body.atlas-dark .svc-cta,
body.atlas-dark .final-cta {
  background: transparent !important;
}
body.atlas-dark .svc-cta-inner,
body.atlas-dark .final-cta-inner,
body.atlas-dark .cta-glass {
  background:
    radial-gradient(ellipse 100% 70% at 50% 0%,   rgba(96,165,250,.14) 0%, transparent 65%),
    radial-gradient(ellipse 100% 70% at 50% 100%, rgba(37,99,235,.12)  0%, transparent 65%),
    linear-gradient(165deg, rgba(20,40,90,.38) 0%, rgba(12,26,68,.52) 50%, rgba(20,40,90,.38) 100%) !important;
  border: 1px solid rgba(147,197,253,.18) !important;
  border-radius: 28px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.06) inset,
    0 0 0 1px rgba(96,165,250,.06) inset,
    0 30px 80px rgba(4,8,29,.50),
    0 0 80px rgba(37,99,235,.18) !important;
  -webkit-backdrop-filter: blur(24px) saturate(1.3) !important;
          backdrop-filter: blur(24px) saturate(1.3) !important;
}

/* Conteneurs "Comment ça se passe" / "3-step grid" · suppression du cadre extérieur */
body.atlas-dark .steps-wrap,
body.atlas-dark .process-3,
body.atlas-dark .steps-grid {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  
}

/* Plans / pricing cards */
body.atlas-dark .plan-card,
body.atlas-dark .pricing-card {
  background:
    radial-gradient(ellipse 100% 70% at 50% 0%, rgba(96,165,250,.10) 0%, transparent 70%),
    linear-gradient(160deg, rgba(20,40,90,.36) 0%, rgba(12,26,68,.48) 100%) !important;
  border: 1px solid rgba(96,165,250,.12) !important;
  border-radius: 24px !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.05) inset,
    0 24px 56px rgba(4,8,29,.45),
    0 0 60px rgba(37,99,235,.15) !important;
  -webkit-backdrop-filter: blur(18px) saturate(1.3) !important;
          backdrop-filter: blur(18px) saturate(1.3) !important;
}
body.atlas-dark .plan-card.featured,
body.atlas-dark .pricing-card.featured {
  background:
    radial-gradient(ellipse 100% 70% at 50% 0%, rgba(96,165,250,.18) 0%, transparent 70%),
    linear-gradient(160deg, rgba(28,52,110,.52) 0%, rgba(16,32,80,.65) 100%) !important;
  border-color: rgba(147,197,253,.32) !important;
  box-shadow:
    0 1px 0 rgba(255,255,255,.10) inset,
    0 0 0 1px rgba(96,165,250,.12) inset,
    0 30px 70px rgba(4,8,29,.55),
    0 0 80px rgba(37,99,235,.30) !important;
}

/* Repair rows (réparations-mobiles-pc) · barres translucides */
body.atlas-dark .repair-row,
body.atlas-dark .repair-item,
body.atlas-dark .device-pill {
  background: rgba(96,165,250,.06) !important;
  border: 1px solid rgba(96,165,250,.10) !important;
  border-radius: 14px !important;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  box-shadow: 0 8px 22px rgba(4,8,29,.30) !important;
}
body.atlas-dark .repair-row:hover,
body.atlas-dark .repair-item:hover {
  background: rgba(96,165,250,.12) !important;
  border-color: rgba(147,197,253,.28) !important;
  box-shadow: 0 12px 30px rgba(4,8,29,.45), 0 0 32px rgba(96,165,250,.22) !important;
}
body.atlas-dark .device-pill.active {
  background: linear-gradient(160deg, rgba(96,165,250,.22), rgba(37,99,235,.14)) !important;
  border-color: rgba(147,197,253,.42) !important;
  box-shadow: 0 0 18px rgba(96,165,250,.35) !important;
}

/* Tags sous les cartes Pannes (intervention <2h, etc.) */
body.atlas-dark .panne-tag,
body.atlas-dark .card-tag,
body.atlas-dark .feat-tag {
  background: rgba(96,165,250,.10) !important;
  border: 1px solid rgba(96,165,250,.20) !important;
  color: #bfdbfe !important;
}

/* FAQ items sur sous-pages */
body.atlas-dark .svc-faq .faq-item,
body.atlas-dark .faq-section .faq-item,
body.atlas-dark .faq-grid .faq-item {
  background:
    radial-gradient(ellipse 100% 100% at 50% 0%, rgba(96,165,250,.14) 0%, transparent 65%),
    linear-gradient(160deg, rgba(20,40,90,.65) 0%, rgba(12,26,68,.80) 100%) !important;
  border: 1px solid rgba(96,165,250,.22) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.06) inset,
    0 8px 22px rgba(7,17,44,.45),
    0 0 22px rgba(59,130,246,.18) !important;
}
body.atlas-dark .svc-faq .faq-item:hover,
body.atlas-dark .faq-section .faq-item:hover {
  border-color: rgba(147,197,253,.50) !important;
}

/* ════════════════════════════════════════════════════════════
   « Vous reconnaissez-vous ? » (atlas-ps) · MODE SOMBRE
   La colonne Problème était une carte BLANCHE → texte illisible.
   On la passe en verre nuit lisible (accent orange conservé),
   on équilibre la paire et on aère pour la lisibilité.
   ════════════════════════════════════════════════════════════ */
body.atlas-dark .atlas-ps-prob {
  background:
    radial-gradient(ellipse 70% 55% at 92% -8%, rgba(249,115,22,.16), transparent 60%),
    linear-gradient(165deg, rgba(20,33,72,.94) 0%, rgba(10,21,56,.94) 68%, rgba(14,26,66,.94) 100%) !important;
  border: 1px solid rgba(249,115,22,.30) !important;
  box-shadow:
    0 24px 60px -30px rgba(0,0,0,.78),
    0 0 50px -26px rgba(249,115,22,.32),
    inset 0 1px 0 rgba(255,255,255,.06) !important;
}
body.atlas-dark .atlas-ps-prob:hover {
  border-color: rgba(249,115,22,.50) !important;
  box-shadow:
    0 34px 72px -30px rgba(0,0,0,.86),
    0 0 64px -22px rgba(249,115,22,.5) !important;
}
/* Plus d'air pour la lisibilité (les deux colonnes restent symétriques) */
body.atlas-dark .atlas-ps-prob,
body.atlas-dark .atlas-ps-sol { padding-left:38px !important;padding-right:38px !important; }

/* Titre + icône d'en-tête */
body.atlas-dark .aps-title { color: #ffffff !important; }
body.atlas-dark .aps-head-ic {
  background: linear-gradient(160deg, rgba(249,115,22,.24), rgba(249,115,22,.06)) !important;
  border-color: rgba(249,115,22,.42) !important;
}
body.atlas-dark .aps-head-ic svg { stroke: #fdba74 !important; }

/* Liste des problèmes · texte lisible + plus d'espacement */
body.atlas-dark .aps-list li {
  color: #cfdaf2 !important;
  border-bottom-color: rgba(255,255,255,.10) !important;
  
  font-size: 1rem !important;gap:16px !important;
}
body.atlas-dark .aps-ic {
  background: linear-gradient(160deg, rgba(249,115,22,.22), rgba(249,115,22,.06)) !important;
  border-color: rgba(249,115,22,.36) !important;
}
body.atlas-dark .aps-ic svg { stroke: #fdba74 !important; }
/* Trame de points (coin haut-droit) · un peu plus présente sur fond nuit */
body.atlas-dark .atlas-ps-prob::after { opacity: .7 !important; }

/* Colonne Solution · déjà sombre → on renforce juste sa présence */
body.atlas-dark .atlas-ps-sol { border-color: rgba(249,115,22,.42) !important; }

/* ════════════════════════════════════════════════════════════
   « Comment ça se passe » · 3 étapes (.process-3 / .p3-step)
   MODE SOMBRE : on reprend la DA du mode CLAIR (colonnes ouvertes
   reliées par la ligne + pastilles rondes, PAS de cartes encadrées),
   on améliore juste la lisibilité.
   ════════════════════════════════════════════════════════════ */
/* Supprime l'encadrement "carte" hérité du traitement global */
body.atlas-dark .p3-step {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
          backdrop-filter: none !important;
}
body.atlas-dark .p3-step:hover {
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
  transform: none !important;
}
/* Ligne de liaison rétablie + espacement identique au clair */
body.atlas-dark .process-3 {gap:0 !important;  }
body.atlas-dark .process-3::before { display: block !important; }

/* Lisibilité accrue (sans toucher à la DA) */
body.atlas-dark .p3-step h4 {
  color: #ffffff !important;
  font-size: 1rem !important;
  
}
body.atlas-dark .p3-step p {
  color: #c5d3ef !important;
  font-size: .9rem !important;
  line-height: 1.7 !important;
  max-width: 220px !important;
}

/* ════════════════════════════════════════════════════════════════
   CADRAGE DES 4 PILIERS (a-propos · « Pourquoi Atlas Connect »)
   En clair, ce sont 4 colonnes séparées par de fins filets : pas de
   rayon, pas de gouttière, pas de padding vertical. Le thème sombre
   les transforme en cartes glow — sans cette géométrie, les 4 cartes
   se touchaient bord à bord, coins carrés, filet de séparation encore
   visible par-dessus la bordure. On leur donne ici une vraie boîte.
   ════════════════════════════════════════════════════════════════ */
body.atlas-dark .compare-pillars { gap: 14px !important; }
body.atlas-dark .compare-pillar {
  border-left: 1px solid rgba(96,165,250,.32) !important;
  border-top: 1px solid rgba(96,165,250,.32) !important;
  border-radius: 16px !important;
  padding: 18px 16px !important;
  align-items: flex-start !important;
  transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;
}
body.atlas-dark .compare-pillar:hover {
  border-color: rgba(147,197,253,.52) !important;
  box-shadow:
    0 0 0 1px rgba(96,165,250,.16) inset,
    0 1px 0 rgba(255,255,255,.12) inset,
    0 12px 34px rgba(7,17,44,.62),
    0 0 34px rgba(59,130,246,.40),
    0 0 76px rgba(37,99,235,.26) !important;
}
body.atlas-dark .compare-pillar-name { margin-bottom: 4px !important; }
@media (max-width: 900px) {
  body.atlas-dark .compare-pillars { gap: 12px !important; }
  body.atlas-dark .compare-pillar { padding: 16px 15px !important; }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce) {
  html, body, .section, .footer, .header { transition: none !important; }
  .atlas-theme-toggle, .atlas-theme-toggle svg { transition: opacity .2s ease !important; }
}

/* ============================================================
   GARDE-FOU · le thème sombre ouvre plusieurs sections (overflow:visible plus haut dans ce
   fichier) pour laisser les halos déborder. Conséquence constatée le 15/09 sur l'accueil en
   1600 px et plus : l'aurore de .cta-band, qui TOURNE, présentait une boîte englobante bien
   plus haute que la bande — elle dépassait de 700 px sous le pied de page et rallongeait
   d'autant le document (grande bande bleue vide après le pied, d'autant plus visible que
   l'écran est large).
   `overflow: clip` borne la casse SANS créer de conteneur de défilement (donc position:sticky
   continue de fonctionner, contrairement à overflow:hidden), et overflow-clip-margin laisse
   les halos déborder de 200 px comme prévu par le design.
   ============================================================ */
body.atlas-dark .cta-band,
body.atlas-dark .cta-pulse,
body.atlas-dark .cta-section,
body.atlas-dark .atlas-tease,
body.atlas-dark .who-premium,
body.atlas-dark .vision-block,
body.atlas-dark .compare-section,
body.atlas-dark .story-section,
body.atlas-dark .process-section {
  overflow: clip !important;
  overflow-clip-margin: 200px;
}