/* ============================================================
   index-espace.css — Page d'accueil MathsPrime, univers spatial
   À charger APRÈS index.css et theme-base.css.
   La structure, le SEO et les scripts de index.php ne changent pas :
   seules les couleurs passent en mode « espace », et l'échantillon
   reprend la console de la vraie mission Nombres décimaux.
   ============================================================ */

/* ---------- Palette : les variables de index.css passent en mode spatial ---------- */
body.index-espace {
    --bg:         #050816;
    --bg2:        #0e1638;
    --card:       rgba(14, 22, 56, .9);
    --card-hover: #16224f;
    --blue:       #4f8df7;
    --blue-dk:    #123A9C;
    --green:      #22b864;
    --green-dk:   #157a43;
    --orange:     #f5c842;   /* l'orange du site devient l'or de la marque */
    --orange-dk:  #c9961a;
    --purple:     #a78bfa;
    --red:        #ff4d6d;
    --text:       #e6ecff;
    --text-muted: #aebae8;
    --text-head:  #ffffff;
    --border:     rgba(34, 211, 238, .22);
    --shadow:     rgba(0, 0, 0, .5);
    --color-modal-bg: rgba(2, 4, 14, .75);
    background-color: #050816;
    color: var(--text);
}
body.index-espace h1, body.index-espace h2, body.index-espace h3 { color: #fff; }

/* Bouton or (action principale) : texte navy */
body.index-espace :is(.hero-v2-btn-primary, .final-cta-btn, .sticky-cta-btn, .offres-trial-btn, .pricing-cta-idx.popular, .parcours-panel-cta, .mc-rolet-btn) {
    background: linear-gradient(180deg, #ffd85a, #f5a623) !important;
    color: #0B1A4A !important;
    border: 0;
    box-shadow: 0 5px 0 #a86a0a, 0 0 22px rgba(245, 200, 66, .3) !important;
}
body.index-espace :is(.hero-v2-btn-primary, .final-cta-btn, .sticky-cta-btn, .offres-trial-btn, .pricing-cta-idx.popular, .parcours-panel-cta, .mc-rolet-btn):hover {
    box-shadow: 0 7px 0 #a86a0a, 0 0 30px rgba(245, 200, 66, .55) !important;
    color: #0B1A4A !important;
}
/* Boutons secondaires : contour néon */
body.index-espace :is(.pricing-cta-idx:not(.popular), .prof-cta, .mc-all-btn, .hero-v2-conseil-btn, .nav-card-btn) {
    background: rgba(34, 211, 238, .08) !important;
    color: #fff !important;
    border: 1.5px solid rgba(34, 211, 238, .55) !important;
    box-shadow: 0 0 16px rgba(34, 211, 238, .15) !important;
}
body.index-espace :is(.pricing-cta-idx:not(.popular), .prof-cta, .mc-all-btn, .hero-v2-conseil-btn, .nav-card-btn):hover {
    background: rgba(34, 211, 238, .16) !important;
    box-shadow: 0 0 22px rgba(34, 211, 238, .35) !important;
}

/* Étiquettes de section → puces HUD */
body.index-espace :is(.parcours-eyebrow, .steps-eyebrow, .avantages-eyebrow, .pedago-eyebrow, .offres-eyebrow, .faq-eyebrow, .prof-eyebrow, .parents-eyebrow, .conseil-quote-eyebrow, .hero-v2-tagline) {
    font-family: var(--hud);
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: .2em;
    text-transform: uppercase;
    color: var(--neon) !important;
    background: rgba(34, 211, 238, .08) !important;
    border: 1px solid rgba(34, 211, 238, .3) !important;
    box-shadow: none !important;
}
body.index-espace .hero-v2-tagline sup { letter-spacing: 0; }

/* Cartes génériques : panneaux de console */
body.index-espace :is(.step-card, .avantage-card, .nav-card, .pricing-card-idx, .parcours-panel, .prof-card, .conseil-quote-card, .parents-item, .faq-item, .hero-v2-avis-card, .hero-v2-avis-pill) {
    background: linear-gradient(180deg, rgba(22, 32, 78, .92), rgba(10, 16, 42, .94)) !important;
    border: 1px solid rgba(34, 211, 238, .25) !important;
    box-shadow: 0 0 24px rgba(34, 211, 238, .07), 0 14px 34px rgba(0, 0, 0, .35) !important;
    color: var(--text);
}
body.index-espace :is(.step-card, .avantage-card, .nav-card, .pricing-card-idx, .parents-item):hover {
    border-color: rgba(34, 211, 238, .6) !important;
    box-shadow: 0 0 30px rgba(34, 211, 238, .2), 0 14px 34px rgba(0, 0, 0, .35) !important;
}

/* Titres de section : un mot en or */
body.index-espace :is(.steps-title span, .avantages-title span, .pedago-title span, .parcours-title-italic, .prof-title-italic, .parents-blue, .conseil-title span) { color: var(--gold) !important; }
body.index-espace .parents-green { color: var(--ok) !important; }
body.index-espace :is(.parcours-title, .steps-title, .avantages-title, .pedago-title, .offres-title, .faq-title, .prof-title, .parents-title, .final-cta-title) {
    color: #fff;
}
body.index-espace :is(.parcours-sub, .pedago-sub, .offres-sub, .parents-sub, .prof-text, .step-text, .avantage-text, .parents-item-desc) { color: var(--muted) !important; }

/* ======================= HERO ======================= */
body.index-espace .hero-v2 { background: transparent; }
body.index-espace .hero-v2::before { display: none; }
body.index-espace .hero-v2-title { color: #fff; text-shadow: 0 0 30px rgba(34, 211, 238, .18); }
body.index-espace .hero-v2-title .hv2-maths { color: var(--neon); }
body.index-espace .hero-v2-title .hv2-blue { color: var(--gold); }
body.index-espace .hv2-underline::after { background: linear-gradient(90deg, var(--gold), #ffb347); box-shadow: 0 0 12px rgba(245, 200, 66, .5); }
body.index-espace .hero-v2-badge {
    background: rgba(14, 22, 56, .85); color: var(--text);
    border: 1px solid rgba(34, 211, 238, .3);
}
body.index-espace .hero-v2-guarantee { color: var(--ok); }
body.index-espace .hv2-stars { color: var(--gold); }
body.index-espace .hv2-score { color: #fff; }
body.index-espace .hv2-count { color: var(--muted); }
body.index-espace .hv2-dot { color: rgba(34, 211, 238, .4); }
body.index-espace .hv2-avatar { border-color: #0e1638; }
body.index-espace .hv2-avatar.a3 { background: linear-gradient(160deg, #ffd85a, #c9961a); box-shadow: 0 2px 0 #8a6510; color: #0B1A4A; }
body.index-espace .hv2-avis-link { background: rgba(34, 211, 238, .1); color: var(--neon); }
body.index-espace .hv2-avis-link:hover { background: rgba(34, 211, 238, .2); }
/* Téléphone : halo néon */
body.index-espace .hero-v2-phone-img { filter: drop-shadow(0 0 28px rgba(34, 211, 238, .35)) drop-shadow(0 20px 40px rgba(0, 0, 0, .6)); }
/* Symboles flottants → balises holographiques */
body.index-espace .hv2-float {
    background: rgba(14, 22, 56, .9) !important;
    border: 1.5px solid rgba(34, 211, 238, .55) !important;
    color: var(--neon) !important;
    box-shadow: 0 0 18px rgba(34, 211, 238, .3) !important;
}
body.index-espace .hv2-x2, body.index-espace .hv2-sig { color: var(--gold) !important; border-color: rgba(245, 200, 66, .6) !important; box-shadow: 0 0 18px rgba(245, 200, 66, .25) !important; }
/* Avis défilants */
body.index-espace .hero-v2-avis-name { color: #fff; }
body.index-espace .hero-v2-avis-note { color: var(--gold); }
body.index-espace .hero-v2-avis-text { color: var(--muted); }
body.index-espace .hv2-avis-arrow { background: #0e1638; color: var(--neon); border-color: rgba(34, 211, 238, .4); }
body.index-espace .hv2-avis-arrow:hover { background: rgba(34, 211, 238, .2); color: #fff; }

/* Bandeau réassurance : télémétrie */
body.index-espace .reassurance-strip {
    background: linear-gradient(90deg, rgba(34, 211, 238, .1), rgba(34, 211, 238, .03), rgba(34, 211, 238, .1));
    border-top: 1px solid rgba(34, 211, 238, .3);
    border-bottom: 1px solid rgba(34, 211, 238, .3);
}
body.index-espace .reassurance-strip::before { background: linear-gradient(to right, #050816, transparent); }
body.index-espace .reassurance-strip::after  { background: linear-gradient(to left, #050816, transparent); }
body.index-espace .reassurance-item { font-family: var(--hud); font-size: 11px; letter-spacing: .16em; color: var(--text); }
body.index-espace .reassurance-icon { color: var(--gold); }
body.index-espace .reassurance-dot { background: var(--neon); box-shadow: 0 0 6px var(--neon); }

/* ======================= ÉCHANTILLON : la vraie console ======================= */
body.index-espace .demo-mission { max-width: 600px; width: 92%; margin: 56px auto 50px; }
body.index-espace .demo-briefing { text-align: left; margin: 0 0 14px; }
body.index-espace .demo-tag {
    display: inline-flex; align-items: center; gap: 8px;
    font-family: var(--hud); font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase;
    color: var(--neon); background: rgba(34, 211, 238, .08); border: 1px solid rgba(34, 211, 238, .3);
    padding: 5px 12px; border-radius: 999px;
}
body.index-espace .demo-tag .blink-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); animation: bsBlink 1.4s ease-in-out infinite; }
body.index-espace .demo-title {
    font-family: var(--hud); font-weight: 900; font-size: clamp(1.35rem, 5vw, 2.1rem);
    color: #fff; margin: 12px 0 6px; letter-spacing: .02em; line-height: 1.15;
}
body.index-espace .demo-title span {
    background: linear-gradient(90deg, var(--gold), #ffb347);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 12px rgba(245, 200, 66, .35));
}
body.index-espace .demo-objective { margin: 0; font-size: 15px; font-weight: 800; color: var(--muted); }
body.index-espace .demo-objective .demo-crosshair { color: var(--hot); margin-right: 6px; font-size: 17px; }

body.index-espace .demo-widget {
    position: relative; max-width: none; margin: 0;
    background:
        repeating-linear-gradient(0deg, rgba(255,255,255,.018) 0 1px, transparent 1px 3px),
        linear-gradient(180deg, rgba(22, 32, 78, .94), rgba(9, 14, 38, .96));
    border: 1px solid rgba(34, 211, 238, .35);
    border-radius: 18px;
    box-shadow: inset 0 0 0 1px rgba(34, 211, 238, .06), 0 0 40px rgba(34, 211, 238, .12), 0 24px 60px rgba(0, 0, 0, .55);
    overflow: visible;
}
/* Équerres de visée */
body.index-espace .demo-widget::before,
body.index-espace .demo-widget::after {
    content: ''; position: absolute; bottom: 8px; width: 22px; height: 22px;
    border: 2px solid var(--neon); opacity: .8; pointer-events: none;
}
body.index-espace .demo-widget::before { left: 8px;  border-right: 0; border-top: 0; border-radius: 0 0 0 6px; }
body.index-espace .demo-widget::after  { right: 8px; border-left: 0;  border-top: 0; border-radius: 0 0 6px 0; }
body.index-espace .demo-widget-badge {
    top: -13px; right: 18px; transform: rotate(2deg);
    font-family: var(--hud); font-size: 10px; letter-spacing: .14em; text-transform: uppercase;
    background: linear-gradient(180deg, #ffd85a, #f5a623); color: #0B1A4A; box-shadow: 0 3px 0 #a86a0a;
}
body.index-espace .dw-console-bar {
    display: flex; justify-content: space-between; align-items: center; gap: 10px;
    padding: 10px 18px; border-radius: 18px 18px 0 0;
    background: linear-gradient(90deg, rgba(34,211,238,.16), rgba(34,211,238,.03));
    border-bottom: 1px solid rgba(34, 211, 238, .25);
    font-family: var(--hud); font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--neon);
}
body.index-espace .dw-console-bar .dw-dots { display: inline-flex; gap: 5px; margin-right: 8px; vertical-align: middle; }
body.index-espace .dw-console-bar .dw-dots i { width: 7px; height: 7px; border-radius: 50%; display: block; }
body.index-espace .dw-console-bar .dw-dots i:nth-child(1) { background: var(--hot); }
body.index-espace .dw-console-bar .dw-dots i:nth-child(2) { background: var(--gold); }
body.index-espace .dw-console-bar .dw-dots i:nth-child(3) { background: var(--ok); }
body.index-espace .dw-target { color: var(--gold); white-space: nowrap; }
body.index-espace .dw-target sup { letter-spacing: 0; }

body.index-espace .demo-widget-body { padding: 22px 22px 40px; gap: 14px; }
body.index-espace .dw-transmission {
    font-family: var(--hud); font-size: 10px; font-weight: 700; letter-spacing: .3em; text-transform: uppercase; color: var(--muted);
}
body.index-espace .dw-question {
    font-size: 22px; font-weight: 900; color: #fff; line-height: 1.45; min-height: 34px;
    text-shadow: 0 0 18px rgba(34, 211, 238, .25);
    animation: dwIncoming .55s ease-out both;
}
@keyframes dwIncoming { 0% { opacity: 0; filter: blur(3px); transform: translateY(6px); } 100% { opacity: 1; filter: none; transform: none; } }
/* Axe gradué : écran clair, tracés lisibles */
body.index-espace .dw-axe { background: #f4f7ff; border-radius: 12px; padding: 10px 8px 4px; box-shadow: 0 0 0 1px rgba(34, 211, 238, .35); }
body.index-espace .dw-latex { color: #fff; }

body.index-espace .dw-input-row { justify-content: center; }
body.index-espace .dw-input-row input {
    flex: 0 1 300px; text-align: center;
    padding: 14px 16px; font-size: 1.15rem; font-weight: 800;
    background: rgba(5, 8, 22, .75); color: #fff;
    border: 1.5px solid rgba(34, 211, 238, .45); border-radius: 12px;
    box-shadow: inset 0 0 14px rgba(34, 211, 238, .08);
}
body.index-espace .dw-input-row input::placeholder { color: #6b7ab0; }
body.index-espace .dw-input-row input:focus { border-color: var(--neon); box-shadow: 0 0 0 3px rgba(34, 211, 238, .18), inset 0 0 14px rgba(34, 211, 238, .1); }

/* Touches du clavier de bord */
body.index-espace .dw-symbols { justify-content: center; gap: 8px; }
body.index-espace .dw-symbols button,
body.index-espace .dw-btn-help,
body.index-espace .dw-btn-settings {
    min-width: 50px; height: 46px; padding: 0 12px;
    background: #22306A; color: #fff;
    border: 1.5px solid rgba(34, 211, 238, .5); border-radius: 10px;
    box-shadow: 0 3px 0 #070c26;
    font-family: 'Nunito', sans-serif; font-size: 18px; font-weight: 800;
    display: inline-flex; align-items: center; justify-content: center;
}
body.index-espace .dw-symbols button:hover,
body.index-espace .dw-btn-help:hover,
body.index-espace .dw-btn-settings:hover {
    background: #2a3a7e; color: #fff; border-color: var(--neon);
    box-shadow: 0 5px 0 #070c26, 0 0 12px rgba(34, 211, 238, .35); transform: translateY(-1px);
}
body.index-espace .dw-btn-help { width: auto; font-size: 17px; border-color: rgba(245, 200, 66, .55); }

/* Valider (or) + Cible suivante (contour) */
body.index-espace .dw-actions { display: flex; justify-content: center; align-items: center; gap: 12px; flex-wrap: wrap; margin-top: 4px; }
body.index-espace .dw-btn-verify {
    padding: 14px 26px;
    font-family: var(--hud); font-size: 14px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase;
    background: linear-gradient(180deg, #ffd85a, #f5a623); color: #0B1A4A;
    border: 0; border-radius: 12px; box-shadow: 0 5px 0 #a86a0a, 0 0 22px rgba(245, 200, 66, .35);
}
body.index-espace .dw-btn-verify:hover { transform: translateY(-2px); box-shadow: 0 7px 0 #a86a0a, 0 0 30px rgba(245, 200, 66, .55); }
body.index-espace .dw-btn-next {
    padding: 12px 18px;
    font-family: var(--hud); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
    background: rgba(5, 8, 22, .4); color: var(--neon);
    border: 1.5px solid rgba(34, 211, 238, .55); border-radius: 12px; cursor: pointer;
}
body.index-espace .dw-btn-next:hover { background: rgba(34, 211, 238, .12); box-shadow: 0 0 16px rgba(34, 211, 238, .3); }

/* Verdict + rapport */
body.index-espace .dw-feedback {
    font-family: var(--hud); font-size: 12px; letter-spacing: .14em; text-transform: uppercase;
    border-radius: 999px; padding: 9px 16px; align-self: center;
}
body.index-espace .dw-correct { background: rgba(62, 240, 138, .12); color: var(--ok); border: 1px solid rgba(62, 240, 138, .5); }
body.index-espace .dw-wrong   { background: rgba(255, 77, 109, .12); color: #ff8a9e; border: 1px solid rgba(255, 77, 109, .5); }
body.index-espace .dw-correction {
    background: #f4f7ff; color: #0B1A4A;
    border: 0; border-left: 4px solid var(--gold); border-radius: 12px;
    padding: 14px 18px; text-align: left; font-weight: 700;
    box-shadow: 0 0 22px rgba(245, 200, 66, .15);
}
body.index-espace .dw-correction::before {
    content: '⚠ Rapport d\2019 analyse'; display: block; margin-bottom: 6px;
    font-family: var(--hud); font-size: 10px; letter-spacing: .2em; text-transform: uppercase; color: #a8740a;
}
body.index-espace .dw-correction * { color: inherit; }

/* Sécurisation du secteur */
body.index-espace .dw-progress-title {
    font-family: var(--hud); font-size: 10px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--muted);
    margin-top: 6px;
}
body.index-espace .dw-progress-wrap {
    width: min(360px, 100%); height: 14px; margin: 0 auto;
    background: rgba(5, 8, 22, .7); border: 1px solid rgba(34, 211, 238, .35); border-radius: 999px; overflow: hidden;
}
body.index-espace .dw-progress-bar {
    height: 100%; border-radius: 999px;
    background: linear-gradient(90deg, var(--neon), var(--ok)); box-shadow: 0 0 12px rgba(34, 211, 238, .6);
}
body.index-espace .dw-footer { display: flex; justify-content: center; gap: 10px; margin-top: 4px; }
body.index-espace .dw-btn-full {
    display: inline-flex; align-items: center; gap: 6px; padding: 10px 16px; text-decoration: none;
    font-family: var(--hud); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase;
    background: rgba(255, 255, 255, .06); color: var(--text);
    border: 1px solid rgba(255, 255, 255, .25); border-radius: 10px; box-shadow: none;
}
body.index-espace .dw-btn-full:hover { border-color: var(--gold); color: var(--gold); transform: none; box-shadow: none; }

/* Popups aide + réglages du widget */
body.index-espace .dw-overlay { background: rgba(2, 4, 14, .75); backdrop-filter: blur(4px); }
body.index-espace .dw-popup {
    background: linear-gradient(180deg, #121c48, #0a1030) !important;
    border: 1px solid rgba(34, 211, 238, .4) !important;
    box-shadow: 0 0 40px rgba(34, 211, 238, .2), 0 24px 60px rgba(0, 0, 0, .6) !important;
    color: var(--text);
}
body.index-espace .dw-close-button { color: var(--muted); }
body.index-espace .dw-close-button:hover { color: var(--hot); }
body.index-espace .dw-help-title { color: var(--gold); }
body.index-espace .dw-help-icon { background: rgba(34, 211, 238, .12); color: var(--neon); border-color: rgba(34, 211, 238, .4); }
body.index-espace .dw-example-block { background: rgba(5, 8, 22, .6); color: var(--text); border: 1px solid rgba(34, 211, 238, .25); }
body.index-espace .dw-example-block strong { color: #fff; }
body.index-espace .dw-example-block small { color: var(--muted); }
body.index-espace .dw-tip-box { background: rgba(245, 200, 66, .08); border-color: rgba(245, 200, 66, .5); color: var(--text); }
body.index-espace .dw-tip-box code { background: rgba(5, 8, 22, .7); color: var(--gold); }
body.index-espace .dw-settings-title { color: var(--neon); font-family: var(--hud); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
body.index-espace .dw-setting-row { background: rgba(5, 8, 22, .55); border: 1px solid rgba(34, 211, 238, .25); color: #fff; }
body.index-espace .dw-setting-switch { background: rgba(255, 255, 255, .15); }
body.index-espace .dw-setting-switch.on { background: var(--neon); box-shadow: 0 0 12px rgba(34, 211, 238, .5); }
body.index-espace .dw-setting-warning { background: rgba(245, 200, 66, .1); border-color: var(--gold); color: var(--gold); }

/* ======================= PARCOURS 6e → Tle ======================= */
body.index-espace .parcours-line { background: linear-gradient(90deg, var(--neon) 0%, var(--neon) 55%, var(--gold) 55%, var(--gold) 100%); box-shadow: 0 0 10px rgba(34, 211, 238, .5); }
body.index-espace .parcours-zone-college { color: var(--neon); font-family: var(--hud); letter-spacing: .16em; }
body.index-espace .parcours-zone-lycee   { color: var(--gold); font-family: var(--hud); letter-spacing: .16em; }
body.index-espace .parcours-node-dot {
    background: radial-gradient(circle at 35% 30%, #2a3a7e, #0e1638 70%);
    border: 2px solid rgba(34, 211, 238, .45); color: #fff; box-shadow: 0 0 14px rgba(34, 211, 238, .2);
    font-family: var(--hud); font-size: 13px;
}
body.index-espace .parcours-node:hover .parcours-node-dot { border-color: var(--neon); box-shadow: 0 0 20px rgba(34, 211, 238, .5); }
body.index-espace .parcours-node.active .parcours-node-dot {
    background: radial-gradient(circle at 35% 30%, #fff 0 6%, #ffd85a 30%, #c9961a 100%);
    border-color: var(--gold); color: #0B1A4A; box-shadow: 0 0 24px rgba(245, 200, 66, .6);
}
body.index-espace .parcours-node-name { color: var(--muted); }
body.index-espace .parcours-node.active .parcours-node-name { color: var(--gold); }
body.index-espace .parcours-panel-eyebrow { color: var(--neon); background: rgba(34, 211, 238, .08); border-color: rgba(34, 211, 238, .3); }
body.index-espace .parcours-stat { background: rgba(5, 8, 22, .6); border-color: rgba(34, 211, 238, .3); }
body.index-espace .parcours-stat-num { color: var(--gold); }
body.index-espace .parcours-stat-label, body.index-espace .parcours-panel-prefix, body.index-espace .parcours-panel-official { color: var(--muted); }
body.index-espace .parcours-panel-title { color: #fff; }
body.index-espace .parcours-panel-divider { border-color: rgba(34, 211, 238, .2); }

/* ======================= ÉTAPES / AVANTAGES ======================= */
body.index-espace .step-num {
    background: linear-gradient(180deg, #ffd85a, #f5a623); color: #0B1A4A;
    box-shadow: 0 0 14px rgba(245, 200, 66, .5); font-family: var(--hud);
}
body.index-espace .step-label, body.index-espace .avantage-label { color: #fff; }
body.index-espace .step-arrow { color: var(--neon); text-shadow: 0 0 10px rgba(34, 211, 238, .6); }
body.index-espace .avantage-icon { background: rgba(34, 211, 238, .12) !important; border: 1px solid rgba(34, 211, 238, .45); box-shadow: 0 0 14px rgba(34, 211, 238, .2) !important; }
body.index-espace .av-green .avantage-icon  { background: rgba(62, 240, 138, .1) !important; border-color: rgba(62, 240, 138, .45); }
body.index-espace .av-orange .avantage-icon { background: rgba(245, 200, 66, .1) !important; border-color: rgba(245, 200, 66, .5); }
body.index-espace .avantage-num { color: var(--muted); font-family: var(--hud); letter-spacing: .14em; }
body.index-espace .avantage-divider { border-color: rgba(34, 211, 238, .18); }
body.index-espace .av-blue .avantage-foot   { color: var(--neon); }
body.index-espace .av-green .avantage-foot  { color: var(--ok); }
body.index-espace .av-orange .avantage-foot { color: var(--gold); }

/* ======================= COURS & EXERCICES ======================= */
body.index-espace .nav-card-label { color: #fff; }
body.index-espace .nav-card-sub { color: var(--muted); font-family: var(--hud); font-size: 10px; letter-spacing: .18em; }
body.index-espace .nav-card.cours-card .nav-card-features li { color: var(--neon); }
body.index-espace .nav-card.exos-card .nav-card-features li { color: var(--ok); }
body.index-espace .pedago-pill { background: rgba(14, 22, 56, .85); color: var(--text); border: 1px solid rgba(34, 211, 238, .3); box-shadow: none; }

/* ======================= CHIFFRES CLÉS ======================= */
body.index-espace .stats-wrap {
    background: linear-gradient(180deg, rgba(22, 32, 78, .94), rgba(9, 14, 38, .96));
    border: 1px solid rgba(34, 211, 238, .35);
    box-shadow: 0 0 40px rgba(34, 211, 238, .12), 0 20px 50px rgba(0, 0, 0, .5);
}
body.index-espace .stat-num { font-family: var(--hud); color: #fff; text-shadow: 0 0 16px rgba(34, 211, 238, .45); }
body.index-espace .stat-infinity { color: var(--neon); }
body.index-espace .stat-gold { color: var(--gold); text-shadow: 0 0 16px rgba(245, 200, 66, .45); }
body.index-espace .stat-label { color: var(--muted); }
body.index-espace .stat-sep { color: rgba(34, 211, 238, .45); }

/* ======================= OFFRES ======================= */
body.index-espace .offres-anchor { background: rgba(245, 200, 66, .08); color: var(--text); border: 1px solid rgba(245, 200, 66, .4); }
body.index-espace .offres-anchor strong { color: var(--gold); }
body.index-espace .pricing-card-idx h3 { color: var(--neon); font-family: var(--hud); font-size: 13px; letter-spacing: .16em; text-transform: uppercase; }
body.index-espace .pricing-price-idx { color: #fff; font-family: var(--hud); }
body.index-espace .pricing-card-idx.popular { border: 2px solid var(--gold) !important; box-shadow: 0 0 30px rgba(245, 200, 66, .22), 0 14px 34px rgba(0, 0, 0, .35) !important; }
body.index-espace .pricing-card-idx.popular h3 { color: var(--gold); }
body.index-espace .pricing-card-idx.popular .pricing-price-idx { color: var(--gold); }
body.index-espace .popular-badge-idx { background: linear-gradient(180deg, #ffd85a, #f5a623); color: #0B1A4A; font-family: var(--hud); font-size: 10px; letter-spacing: .14em; }
body.index-espace .pricing-period-idx, body.index-espace .pricing-equiv-idx { color: var(--muted); }
body.index-espace .pricing-equiv-idx strong { color: var(--ok); }
body.index-espace :is(.pricing-no-renew-idx, .pricing-single-payment-idx) { background: rgba(5, 8, 22, .6) !important; color: var(--text) !important; border: 1px solid rgba(34, 211, 238, .3) !important; }
body.index-espace .pricing-features-idx li,
body.index-espace .pricing-card-idx.popular .pricing-features-idx li { color: var(--text); }
body.index-espace .offres-trial-banner {
    background: linear-gradient(90deg, rgba(245, 200, 66, .16), rgba(245, 200, 66, .05));
    border: 1px solid rgba(245, 200, 66, .55); color: var(--text);
    box-shadow: 0 0 30px rgba(245, 200, 66, .15);
}
body.index-espace .offres-trial-banner strong { color: var(--gold); }

/* ======================= PROF / PARENTS ======================= */
body.index-espace .prof-photo, body.index-espace .conseil-quote-avatar-img { border-color: var(--gold) !important; box-shadow: 0 0 20px rgba(245, 200, 66, .35); }
body.index-espace .conseil-quote-text { color: #fff; }
body.index-espace .conseil-quote-name { color: var(--gold); }
body.index-espace .conseil-quote-role { color: var(--muted); }
body.index-espace .parents-item-label { color: #fff; }
body.index-espace .parents-item-icon { background: rgba(34, 211, 238, .1) !important; border: 1px solid rgba(34, 211, 238, .4) !important; }

/* ======================= AVIS ======================= */
body.index-espace .rewards-subtitle { color: var(--neon); font-family: var(--hud); font-size: 13px; letter-spacing: .2em; }
body.index-espace .mc-carousel { box-shadow: 0 0 30px rgba(34, 211, 238, .12); border: 1px solid rgba(34, 211, 238, .3); }
body.index-espace .mc-slide { background: linear-gradient(180deg, rgba(22, 32, 78, .96), rgba(10, 16, 42, .98)); }
body.index-espace .mc-avatar { background: linear-gradient(135deg, #22d3ee, #123A9C); }
body.index-espace .mc-name { color: #fff; }
body.index-espace .mc-date { color: var(--muted); }
body.index-espace .star { color: rgba(255, 255, 255, .2); }
body.index-espace .star.filled { color: var(--gold); }
body.index-espace .mc-divider { border-top-color: rgba(34, 211, 238, .2); }
body.index-espace .mc-review { color: var(--text); }
body.index-espace :is(.mc-prev, .mc-next) { background: #0e1638; color: var(--neon); border-color: rgba(34, 211, 238, .45); }
body.index-espace :is(.mc-prev, .mc-next):hover { background: rgba(34, 211, 238, .2); color: #fff; border-color: var(--neon); }
body.index-espace .mc-dot { background: rgba(255, 255, 255, .2); }
body.index-espace .mc-dot.active { background: var(--neon); box-shadow: 0 0 8px var(--neon); }

/* ======================= FAQ ======================= */
body.index-espace .faq-item summary { color: #fff; }
body.index-espace .faq-item summary::after { background: rgba(34, 211, 238, .12) !important; color: var(--neon); border-color: rgba(34, 211, 238, .4) !important; }
body.index-espace .faq-item[open] { border-color: rgba(245, 200, 66, .5) !important; }
body.index-espace .faq-item[open] summary::after { background: rgba(245, 200, 66, .15) !important; color: var(--gold); }
body.index-espace .faq-item p { color: var(--muted); }
body.index-espace .faq-item p strong { color: #fff; }

/* ======================= CTA FINAL / STICKY ======================= */
body.index-espace .final-cta-card {
    background:
        radial-gradient(ellipse 60% 80% at 50% 0%, rgba(34, 211, 238, .18), transparent 70%),
        linear-gradient(180deg, rgba(22, 32, 78, .96), rgba(9, 14, 38, .98));
    border: 1px solid rgba(34, 211, 238, .4);
    box-shadow: 0 0 50px rgba(34, 211, 238, .18), 0 24px 60px rgba(0, 0, 0, .55);
}
body.index-espace .final-cta-symbols span { color: rgba(34, 211, 238, .14); }
body.index-espace .final-cta-sub, body.index-espace .final-cta-note { color: var(--muted); }
body.index-espace .sticky-cta { background: rgba(5, 8, 22, .92); border-color: rgba(34, 211, 238, .35); backdrop-filter: blur(10px); }

/* ======================= RÉSEAUX ======================= */
body.index-espace .social-card { background: linear-gradient(180deg, rgba(22, 32, 78, .94), rgba(9, 14, 38, .96)); border: 1px solid rgba(34, 211, 238, .3); }
body.index-espace .social-title { color: #fff; }
body.index-espace .social-link { background: rgba(5, 8, 22, .6); color: var(--text); border: 1px solid rgba(34, 211, 238, .25); }
body.index-espace .social-link:hover { background: rgba(34, 211, 238, .1); }
body.index-espace .social-handle { color: var(--muted); }
body.index-espace .youtube-badge { color: #ff6b6b; }

/* ======================= MENU DÉROULANT « COURS » ======================= */
body.index-espace .header-dropdown-toggle { font-family: var(--hud); font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--text); }
body.index-espace .header-dropdown:hover .header-dropdown-toggle { background: rgba(34, 211, 238, .1); color: var(--neon); }
body.index-espace :is(.header-dropdown-menu, .dd-submenu) {
    background: #0e1638; border: 1px solid rgba(34, 211, 238, .35);
    box-shadow: 0 0 30px rgba(34, 211, 238, .15), 0 16px 40px rgba(0, 0, 0, .55);
}
body.index-espace .dd-branch-label { color: var(--text); }
body.index-espace .dd-branch:hover .dd-branch-label { background: rgba(34, 211, 238, .1); color: var(--neon); }
body.index-espace .dd-arrow { color: var(--muted); }
body.index-espace .dd-submenu a { color: var(--text); }
body.index-espace .dd-submenu a:hover { background: rgba(34, 211, 238, .18); color: #fff; }
@media (max-width: 768px) {
    body.index-espace .header-connexion-link {
        background: rgba(34, 211, 238, .1) !important; border: 1.5px solid rgba(34, 211, 238, .55);
        box-shadow: none !important; color: #fff !important;
    }
}

/* Petits écrans */
@media (max-width: 480px) {
    body.index-espace .demo-widget-body { padding: 18px 14px 38px; }
    body.index-espace .dw-question { font-size: 19px; }
    body.index-espace .dw-console-bar { font-size: 10px; letter-spacing: .12em; padding: 10px 12px; }
    body.index-espace .dw-symbols button, body.index-espace .dw-btn-help { min-width: 44px; height: 42px; font-size: 16px; }
    body.index-espace .dw-btn-verify { padding: 13px 20px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
    body.index-espace .dw-question { animation: none; }
}

/* Ajustements */
body.index-espace .demo-widget-badge { display: none; }   /* « Mission d'essai » est déjà annoncé au-dessus */
body.index-espace .mc-slide a { color: var(--neon); }
body.index-espace .mc-slide p[style] { color: var(--muted) !important; }

/* Icônes des touches (même rendu que les pages d'exercices) */
body.index-espace .dw-ico { width: 1.1em; height: 1.1em; flex-shrink: 0; display: inline-block; vertical-align: -0.15em; }
body.index-espace .dw-btn-verify { display: inline-flex; align-items: center; gap: 8px; }
body.index-espace .dw-btn-verify .dw-ico { color: #0B1A4A; }               /* éclair navy sur bouton or */
body.index-espace .dw-btn-settings { color: var(--gold); border-color: rgba(245, 200, 66, .55); }
body.index-espace .dw-btn-settings .dw-ico { width: 22px; height: 22px; transition: transform .4s ease; }
body.index-espace .dw-btn-settings:hover .dw-ico { transform: rotate(90deg); }