/* ============================================================
   THEME — FUTURISTE
   Dark-tech, cyan/violet glow, lignes de circuit, typographies
   Orbitron + Space Grotesk, accents holographiques.
   ============================================================ */

[data-theme="futuriste"][data-mode="dark"] {
  --bg: #050912;
  --paper: #0c1220;
  --text: #eaf6ff;
  --muted: #7e8aa3;
  --line: rgba(120,200,255,.12);
  --accent: #00e5ff;
  --accent-2: #b388ff;
  --accent-3: #00ffa3;
  --shadow: 0 0 60px -10px rgba(0,229,255,.45);
}

[data-theme="futuriste"][data-mode="light"] {
  --bg: #e6eef8;
  --paper: #ffffff;
  --text: #0a1220;
  --muted: #4d5a73;
  --line: rgba(10,18,32,.10);
  --accent: #0066ff;
  --accent-2: #7c3aed;
  --accent-3: #00b377;
  --shadow: 0 30px 60px -30px rgba(0,102,255,.4);
}

[data-theme="futuriste"] {
  font-family: 'Space Grotesk', sans-serif;
}

[data-theme="futuriste"] .section-title,
[data-theme="futuriste"] .hero-title,
[data-theme="futuriste"] .opt-num,
[data-theme="futuriste"] .stat-num,
[data-theme="futuriste"] .sim-result-value,
[data-theme="futuriste"] .ba-spec strong,
[data-theme="futuriste"] .tip-step,
[data-theme="futuriste"] .val-num,
[data-theme="futuriste"] .brand-name {
  font-family: 'Orbitron', sans-serif;
  font-weight: 700;
  letter-spacing: 0;
}

[data-theme="futuriste"] .hero-title {
  font-size: clamp(2.6rem, 7vw, 6rem);
  line-height: 1.05;
}
[data-theme="futuriste"] .hero-title .line {
  color: var(--text);
}
[data-theme="futuriste"] .hero-title .italic {
  font-style: normal;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  filter: drop-shadow(0 0 24px rgba(0,229,255,.45));
}
[data-theme="futuriste"] .hero-title .emphasis {
  color: var(--accent);
  text-shadow: 0 0 24px rgba(0,229,255,.6);
}
[data-theme="futuriste"] .section-title em {
  color: var(--accent);
  font-style: normal;
  text-shadow: 0 0 18px rgba(0,229,255,.5);
}

[data-theme="futuriste"] .kicker {
  font-family: 'Major Mono Display', monospace;
  letter-spacing: .3em;
  font-size: .8rem;
  color: var(--accent);
}

[data-theme="futuriste"] .brand-name {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: .15em;
  background: linear-gradient(90deg, var(--accent), var(--accent-2));
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
[data-theme="futuriste"] .brand-sub {
  font-family: 'Major Mono Display', monospace;
  font-size: .65rem;
  letter-spacing: .2em;
  color: var(--accent-3);
}
[data-theme="futuriste"] .brand-mark {
  color: var(--accent);
  filter: drop-shadow(0 0 8px var(--accent));
}

/* Hero — circuit grid */
[data-theme="futuriste"] body { background: var(--bg); }
[data-theme="futuriste"] body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(circle at 50% -20%, rgba(0,229,255,.18), transparent 50%),
    radial-gradient(circle at 0% 100%, rgba(179,136,255,.12), transparent 45%),
    radial-gradient(circle at 100% 100%, rgba(0,255,163,.1), transparent 40%);
}
[data-theme="futuriste"] body::after {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(0,229,255,.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.04) 1px, transparent 1px);
  background-size: 60px 60px;
}
[data-theme="futuriste"][data-mode="light"] body::after {
  background-image:
    linear-gradient(rgba(0,102,255,.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,102,255,.06) 1px, transparent 1px);
}

[data-theme="futuriste"] .hero-bg { color: var(--accent); opacity: .35; mix-blend-mode: screen; }
[data-theme="futuriste"] .hero-bg .pipe-network path { stroke-width: 2; }

[data-theme="futuriste"] .hero {
  position: relative;
}
[data-theme="futuriste"] .hero::before {
  content: '';
  position: absolute;
  top: 14%; right: 8%;
  width: 320px; height: 320px;
  border: 1px solid var(--accent);
  border-radius: 50%;
  box-shadow:
    inset 0 0 60px rgba(0,229,255,.2),
    0 0 60px rgba(0,229,255,.3);
  animation: scanRing 12s linear infinite;
  z-index: -1;
}
[data-theme="futuriste"] .hero::after {
  content: '';
  position: absolute;
  top: 20%; right: 14%;
  width: 220px; height: 220px;
  border: 1px dashed var(--accent-2);
  border-radius: 50%;
  animation: scanRing 18s linear infinite reverse;
  z-index: -1;
}
@keyframes scanRing { to { transform: rotate(360deg); } }

[data-theme="futuriste"] .hero-eyebrow,
[data-theme="futuriste"] .hero-lead { color: var(--muted); }
[data-theme="futuriste"] .hero-eyebrow { font-family: 'Major Mono Display', monospace; }

[data-theme="futuriste"] .stat-num {
  color: var(--accent);
  text-shadow: 0 0 14px rgba(0,229,255,.5);
}

/* Buttons */
[data-theme="futuriste"] .btn {
  font-family: 'Space Grotesk', sans-serif;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: .8rem;
}
[data-theme="futuriste"] .btn-primary {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #050912;
  border: 1px solid var(--accent);
  box-shadow: 0 0 30px rgba(0,229,255,.5), inset 0 0 12px rgba(255,255,255,.2);
}
[data-theme="futuriste"] .btn-primary:hover {
  background: linear-gradient(135deg, var(--accent-2), var(--accent));
  color: #fff;
  box-shadow: 0 0 50px rgba(179,136,255,.7);
}
[data-theme="futuriste"] .btn-ghost {
  background: rgba(0,229,255,.05);
  color: var(--accent);
  border-color: var(--accent);
}
[data-theme="futuriste"] .btn-ghost:hover { box-shadow: 0 0 20px rgba(0,229,255,.4); }

/* Header & nav */
[data-theme="futuriste"] .site-header {
  background: rgba(10,18,32,.7);
  border-bottom: 1px solid var(--accent);
  box-shadow: 0 0 40px rgba(0,229,255,.15);
  backdrop-filter: blur(16px);
}
[data-theme="futuriste"][data-mode="light"] .site-header {
  background: rgba(255,255,255,.85);
}
[data-theme="futuriste"] .site-nav a {
  font-family: 'Major Mono Display', monospace;
  font-size: .8rem;
  text-transform: uppercase;
  letter-spacing: .15em;
}
[data-theme="futuriste"] .site-nav a.nav-cta {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #050912;
  box-shadow: 0 0 16px rgba(0,229,255,.5);
}

/* Theme switch */
[data-theme="futuriste"] .theme-switch {
  background: rgba(0,229,255,.05);
  border: 1px solid var(--accent);
  box-shadow: 0 0 12px rgba(0,229,255,.2);
}
[data-theme="futuriste"] .theme-btn { font-family: 'Major Mono Display', monospace; }
[data-theme="futuriste"] .theme-btn.is-active {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #050912;
}

/* Social rail & ctrls — pas de cadre, on laisse les boutons "flotter" */
[data-theme="futuriste"] .social-rail {
  background: transparent;
  border: 0;
  box-shadow: none;
}
/* On ne réécrase plus la couleur ni le hover : les couleurs de marque
   (Facebook bleu, Instagram dégradé, X noir) définies dans base.css
   restent actives, ce qui est plus joli et cohérent. */
[data-theme="futuriste"] .social-tag { font-family: 'Major Mono Display', monospace; color: var(--accent-2); }
[data-theme="futuriste"] .ctrl-btn {
  background: var(--paper);
  color: var(--accent);
  border: 1px solid var(--accent);
  box-shadow: 0 0 16px rgba(0,229,255,.3);
}
[data-theme="futuriste"] .ctrl-btn:hover {
  background: var(--accent);
  color: #050912;
  box-shadow: 0 0 24px rgba(0,229,255,.7);
}

/* About */
[data-theme="futuriste"] .about, [data-theme="futuriste"] .advice, [data-theme="futuriste"] .site-footer {
  background: var(--paper);
}
[data-theme="futuriste"] .portrait-frame {
  background: linear-gradient(135deg, rgba(0,229,255,.2), rgba(179,136,255,.2));
  border: 1px solid var(--accent);
  box-shadow: 0 0 40px rgba(0,229,255,.3);
  transform: rotate(0);
}
[data-theme="futuriste"] .portrait-bg { fill: rgba(0,229,255,.15); }
[data-theme="futuriste"] .portrait-stroke path, [data-theme="futuriste"] .portrait-stroke circle { stroke: var(--accent); }
[data-theme="futuriste"] .portrait-tag {
  background: var(--accent);
  color: #050912;
  font-family: 'Major Mono Display', monospace;
  font-size: .75rem;
}
[data-theme="futuriste"] .portrait-caption { font-family: 'Major Mono Display', monospace; font-size: .9rem; color: var(--accent-2); letter-spacing: .15em; }
[data-theme="futuriste"] .badge { background: rgba(0,229,255,.1); color: var(--accent); border: 1px solid var(--accent); }

/* Services */
[data-theme="futuriste"] .services-grid {
  background: var(--accent);
  border: 1px solid var(--accent);
  box-shadow: 0 0 40px rgba(0,229,255,.15);
}
[data-theme="futuriste"] .service-card { background: var(--paper); }
[data-theme="futuriste"] .service-card::before { background: linear-gradient(135deg, var(--accent), var(--accent-2)); }
[data-theme="futuriste"] .service-card h3 { font-family: 'Orbitron', sans-serif; font-size: 1.2rem; text-transform: uppercase; letter-spacing: .04em; }
[data-theme="futuriste"] .service-icon { color: var(--accent); filter: drop-shadow(0 0 10px var(--accent)); }
[data-theme="futuriste"] .service-card:hover { color: #050912; }
[data-theme="futuriste"] .service-card:hover h3 { color: #050912; text-shadow: none; }
[data-theme="futuriste"] .service-card:hover .service-icon { color: #050912; filter: none; }

/* Premium */
[data-theme="futuriste"] .premium {
  background: linear-gradient(135deg, #050912 0%, #0c1d3a 100%);
}
[data-theme="futuriste"] .premium::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,229,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.08) 1px, transparent 1px);
  background-size: 80px 80px;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 30%, transparent 70%);
          mask-image: radial-gradient(ellipse at center, #000 30%, transparent 70%);
}
[data-theme="futuriste"] .opt-card {
  background: rgba(0,229,255,.04);
  border: 1px solid rgba(0,229,255,.2);
  border-radius: 4px;
  position: relative;
}
[data-theme="futuriste"] .opt-card::before {
  content: '';
  position: absolute;
  top: 0; left: 0; width: 24px; height: 1px; background: var(--accent);
}
[data-theme="futuriste"] .opt-card:hover {
  background: rgba(0,229,255,.08);
  border-color: var(--accent);
  box-shadow: 0 0 30px rgba(0,229,255,.4);
}
[data-theme="futuriste"] .opt-num {
  font-family: 'Major Mono Display', monospace;
  color: var(--accent);
  font-size: 2rem;
}
[data-theme="futuriste"] .opt-card h3 {
  font-family: 'Orbitron', sans-serif;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: .04em;
}
[data-theme="futuriste"] .opt-card::after {
  background: linear-gradient(135deg, var(--accent), var(--accent-3));
  color: #050912;
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
  border-radius: 4px;
  box-shadow: 0 0 30px rgba(0,229,255,.6);
}

/* BA / advice / reviews */
[data-theme="futuriste"] .ba-knob { background: var(--accent); color: #050912; box-shadow: 0 0 24px var(--accent); }
[data-theme="futuriste"] .ba-line, [data-theme="futuriste"] .ba-handle { background: var(--accent); box-shadow: 0 0 12px var(--accent); }
[data-theme="futuriste"] .ba-spec strong { font-family: 'Orbitron', sans-serif; font-size: 1.4rem; color: var(--accent); }

[data-theme="futuriste"] .advice-sim {
  background: linear-gradient(135deg, #0c1d3a, #1a0a3a);
  border: 1px solid var(--accent);
  box-shadow: 0 0 40px rgba(0,229,255,.3);
}
[data-theme="futuriste"] .advice-sim h3 { font-family: 'Orbitron', sans-serif; font-size: 1.4rem; color: var(--accent); }
[data-theme="futuriste"] .sim-result-value { color: var(--accent); text-shadow: 0 0 18px rgba(0,229,255,.5); }
[data-theme="futuriste"] .sim-toggle button.is-active {
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #050912;
}

[data-theme="futuriste"] .rev-card {
  background: var(--paper);
  border: 1px solid rgba(0,229,255,.2);
  border-radius: 4px;
}
[data-theme="futuriste"] .rev-card:hover {
  border-color: var(--accent);
  box-shadow: 0 0 24px rgba(0,229,255,.3);
}
[data-theme="futuriste"] .rev-card p { font-family: 'Space Grotesk', sans-serif; font-style: normal; }
[data-theme="futuriste"] .rev-quote { color: var(--accent); }

/* Contact */
[data-theme="futuriste"] .contact {
  background:
    linear-gradient(135deg, #050912 0%, #0c1d3a 50%, #1a0a3a 100%);
}
[data-theme="futuriste"] .contact::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(0,229,255,.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,.08) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  -webkit-mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
          mask-image: radial-gradient(ellipse at center, #000 40%, transparent 80%);
}
[data-theme="futuriste"] .contact-form {
  background: rgba(0,229,255,.04);
  border: 1px solid var(--accent);
  box-shadow: 0 0 40px rgba(0,229,255,.2);
  border-radius: 6px;
}
[data-theme="futuriste"] .ci-value {
  font-family: 'Orbitron', sans-serif;
  font-size: 1rem;
  color: var(--accent);
}
[data-theme="futuriste"] .field input,
[data-theme="futuriste"] .field select,
[data-theme="futuriste"] .field textarea { font-family: 'Orbitron', sans-serif; font-size: .95rem; letter-spacing: .04em; }

/* Footer */
[data-theme="futuriste"] .site-footer { border-top: 1px solid var(--accent); box-shadow: 0 -10px 40px -20px rgba(0,229,255,.4); }
[data-theme="futuriste"] .foot-mark { color: var(--accent); filter: drop-shadow(0 0 8px var(--accent)); }
[data-theme="futuriste"] .foot-tag { font-family: 'Orbitron', sans-serif; font-size: .9rem; }
[data-theme="futuriste"] .foot-grid ul a { font-family: 'Major Mono Display', monospace; text-transform: uppercase; font-size: .8rem; letter-spacing: .15em; }

[data-theme="futuriste"] .reviews { background: var(--bg); }
[data-theme="futuriste"] .ba { background: var(--bg); }

/* ════════════════════════════════════════════════════════════════
   COSMOS — planètes animées en arrière-plan (thème futuriste only)
   ════════════════════════════════════════════════════════════════ */

/* Cachées par défaut, visibles uniquement en thème futuriste */
.futuriste-cosmos { display: none; }
[data-theme="futuriste"] .futuriste-cosmos {
  display: block;
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  overflow: hidden;
}

/* Champ d'étoiles : multiples points blancs/bleus qui scintillent */
[data-theme="futuriste"] .cosmos-stars {
  position: absolute;
  inset: 0;
  background-image:
    radial-gradient(1.4px 1.4px at 12% 18%, #fff 50%, transparent 100%),
    radial-gradient(1px 1px at 25% 65%, rgba(255,255,255,.85) 50%, transparent 100%),
    radial-gradient(1.6px 1.6px at 38% 12%, #fff 50%, transparent 100%),
    radial-gradient(.8px .8px at 47% 88%, rgba(0,229,255,.9) 50%, transparent 100%),
    radial-gradient(1.2px 1.2px at 60% 38%, rgba(255,255,255,.7) 50%, transparent 100%),
    radial-gradient(1.5px 1.5px at 72% 72%, #fff 50%, transparent 100%),
    radial-gradient(1px 1px at 84% 22%, rgba(179,136,255,.9) 50%, transparent 100%),
    radial-gradient(1.3px 1.3px at 92% 55%, #fff 50%, transparent 100%),
    radial-gradient(.9px .9px at 6% 82%, rgba(255,255,255,.6) 50%, transparent 100%),
    radial-gradient(1.1px 1.1px at 55% 8%, rgba(0,229,255,.85) 50%, transparent 100%);
  animation: starsTwinkle 4.5s ease-in-out infinite;
}
@keyframes starsTwinkle {
  0%, 100% { opacity: .55; }
  50%      { opacity: 1; }
}

/* Soleil lointain en haut à gauche : grosse boule lumineuse fixe */
[data-theme="futuriste"] .planet--sun {
  position: absolute;
  top: -120px; left: -120px;
  width: 380px; height: 380px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 35% 35%, #FFE9A8 0%, #FFB347 35%, #E58000 65%, #8B3A00 100%);
  box-shadow:
    0 0 80px rgba(255,200,100,.55),
    0 0 200px rgba(255,140,40,.35),
    inset -30px -30px 80px rgba(80,30,0,.4);
  animation: sunPulse 8s ease-in-out infinite;
  opacity: .55;
}
@keyframes sunPulse {
  0%, 100% { transform: scale(1); filter: brightness(1); }
  50%      { transform: scale(1.04); filter: brightness(1.15); }
}

/* Géante gazeuse turquoise-violet à droite, lente rotation visible via gradient */
[data-theme="futuriste"] .planet--gas {
  position: absolute;
  top: 18%; right: 6%;
  width: 180px; height: 180px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, rgba(255,255,255,.30) 0, transparent 35%),
    repeating-linear-gradient(178deg,
      #1a4a7a 0, #1a4a7a 8px,
      #2d6ba8 8px, #2d6ba8 16px,
      #3585c0 16px, #3585c0 22px,
      #1a4a7a 22px, #1a4a7a 32px),
    radial-gradient(circle at 50% 50%, #2d6ba8 0%, #0f2a4a 100%);
  box-shadow:
    0 0 60px rgba(53,133,192,.5),
    inset -25px -15px 60px rgba(10,15,30,.6);
  animation: planetOrbit 28s linear infinite, gasRotate 14s linear infinite;
  transform-origin: -250px 50%;
}
@keyframes gasRotate {
  to { background-position: 0 0, 0 64px, 0 0; }
}

/* Planète à anneaux (Saturne-like), centre-droit */
[data-theme="futuriste"] .planet--ringed {
  position: absolute;
  top: 65%; right: 18%;
  width: 110px; height: 110px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 32% 30%, #FFD9B0 0%, #E5A878 40%, #A85843 80%, #5A2818 100%);
  box-shadow:
    0 0 40px rgba(229,168,120,.5),
    inset -18px -12px 35px rgba(40,15,5,.6);
  animation: planetFloat 18s ease-in-out infinite, planetRotate 30s linear infinite;
}
[data-theme="futuriste"] .planet__ring {
  position: absolute;
  top: 50%; left: 50%;
  width: 240px; height: 60px;
  border-radius: 50%;
  border: 2px solid rgba(255,217,176,.55);
  background:
    radial-gradient(ellipse at center, transparent 38%, rgba(255,217,176,.15) 42%, rgba(255,217,176,.30) 50%, rgba(255,217,176,.15) 58%, transparent 62%);
  transform: translate(-50%, -50%) rotateX(72deg) rotateZ(-18deg);
  pointer-events: none;
}

/* Planète glacée bleue-cyan en bas à gauche, légère oscillation */
[data-theme="futuriste"] .planet--ice {
  position: absolute;
  bottom: 12%; left: 8%;
  width: 90px; height: 90px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 28% 28%, #E8FBFF 0%, #99E5F2 40%, #2EA6C5 75%, #0E4A6B 100%);
  box-shadow:
    0 0 36px rgba(0,229,255,.45),
    inset -14px -10px 30px rgba(10,40,70,.55);
  animation: planetFloat 22s ease-in-out infinite reverse;
}

/* Petite lune blanche, satellite qui dérive plus vite */
[data-theme="futuriste"] .planet--moon {
  position: absolute;
  top: 38%; left: 18%;
  width: 36px; height: 36px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 30% 30%, #ffffff 0%, #d8e4f0 50%, #8095b0 100%);
  box-shadow:
    0 0 18px rgba(216,228,240,.6),
    inset -6px -4px 12px rgba(40,50,70,.5);
  animation: moonDrift 16s ease-in-out infinite;
}

/* Comète furtive : barre lumineuse avec traînée qui traverse en diagonale */
[data-theme="futuriste"] .cosmos-comet {
  position: absolute;
  top: 8%; left: -10%;
  width: 140px; height: 2px;
  background: linear-gradient(90deg, transparent, #fff 60%, #00e5ff);
  border-radius: 999px;
  filter: drop-shadow(0 0 8px #00e5ff) drop-shadow(0 0 20px rgba(0,229,255,.6));
  opacity: 0;
  animation: cometShoot 14s ease-in infinite;
}

@keyframes planetOrbit {
  0%   { transform: translate(0, 0); }
  50%  { transform: translate(-40px, 25px); }
  100% { transform: translate(0, 0); }
}
@keyframes planetFloat {
  0%, 100% { transform: translate(0, 0) rotate(0deg); }
  33%      { transform: translate(8px, -12px) rotate(5deg); }
  66%      { transform: translate(-6px, 6px) rotate(-3deg); }
}
@keyframes planetRotate {
  to { background-position: 60px 0; }
}
@keyframes moonDrift {
  0%, 100% { transform: translate(0, 0); }
  50%      { transform: translate(60px, -30px); }
}
@keyframes cometShoot {
  0%        { opacity: 0; transform: translate(0, 0) rotate(20deg); }
  6%        { opacity: 1; }
  18%       { opacity: 0; transform: translate(120vw, 60vh) rotate(20deg); }
  100%      { opacity: 0; transform: translate(120vw, 60vh) rotate(20deg); }
}

/* En light mode futuriste, on assombrit légèrement les planètes
   et on retire le champ d'étoiles (qui se voit mal sur fond clair) */
[data-theme="futuriste"][data-mode="light"] .cosmos-stars { opacity: .25; }
[data-theme="futuriste"][data-mode="light"] .planet--sun { opacity: .35; }
[data-theme="futuriste"][data-mode="light"] .planet--gas,
[data-theme="futuriste"][data-mode="light"] .planet--ringed,
[data-theme="futuriste"][data-mode="light"] .planet--ice { opacity: .65; }

/* Hero en futuriste DARK : on remplace le fond cream de mason.css
   par un fond cosmique sombre transparent pour laisser voir les planètes */
[data-theme="futuriste"][data-mode="dark"] .hero,
[data-theme="futuriste"][data-mode="dark"] .reviews,
[data-theme="futuriste"][data-mode="dark"] .ba,
[data-theme="futuriste"][data-mode="dark"] .methode,
[data-theme="futuriste"][data-mode="dark"] .nuancier,
[data-theme="futuriste"][data-mode="dark"] .services,
[data-theme="futuriste"][data-mode="dark"] .prestations,
[data-theme="futuriste"][data-mode="dark"] .advice,
[data-theme="futuriste"][data-mode="dark"] .about,
[data-theme="futuriste"][data-mode="dark"] .gallery {
  background:
    radial-gradient(ellipse at 30% 20%, rgba(0,229,255,.06), transparent 55%),
    radial-gradient(ellipse at 80% 80%, rgba(179,136,255,.06), transparent 55%),
    rgba(5,9,18,.92) !important;
}
[data-theme="futuriste"][data-mode="dark"] .methode__body h3 { color: #eaf6ff !important; }
[data-theme="futuriste"][data-mode="dark"] .methode__body p { color: #b8c5d8 !important; }
[data-theme="futuriste"][data-mode="dark"] .methode__body p strong { color: #ffffff !important; }
[data-theme="futuriste"][data-mode="dark"] .hero-check { color: #eaf6ff; font-weight: 700; }
[data-theme="futuriste"][data-mode="dark"] .hero-check .icon {
  background: rgba(0,229,255,.20);
  color: #00e5ff;
}

/* Mouvement réduit : on calme tout */
@media (prefers-reduced-motion: reduce) {
  [data-theme="futuriste"] .planet,
  [data-theme="futuriste"] .planet__ring,
  [data-theme="futuriste"] .cosmos-stars,
  [data-theme="futuriste"] .cosmos-comet {
    animation: none !important;
  }
  [data-theme="futuriste"] .cosmos-comet { display: none; }
}