/* ═══════════════════════════════════════════════════════════════
   VÉLOCI · Mouvement fluide
   D'après les principes Apple (Designing Fluid Interfaces, WWDC 2018)
   et The Details of UI Typography (WWDC 2020).
   Chargée en dernier : elle affine, elle ne remplace rien.
   ═══════════════════════════════════════════════════════════════ */

:root{
  /* Ressort critique, sans dépassement : réponse ~0.3s (principe 4) */
  --spring: cubic-bezier(.16, 1, .3, 1);
  --spring-fast: cubic-bezier(.22, 1, .36, 1);
  /* Réservé aux gestes portant de l'élan (principe 4) */
  --spring-bounce: cubic-bezier(.34, 1.4, .64, 1);
  --t-press: 110ms;
  --t-ui: 320ms;
  --t-enter: 420ms;
}

/* ── 1. Response : le retour naît de la pression, pas du relâchement ──
   C'est le principe fondateur : sans lui, l'interface paraît morte. */
.btn-primary,.btn-secondary,.nav-cta,.card-read-btn,.sim-btn,
button:not(:disabled),.vc-artcard,.blog-card,.p-card,.vc-lever,
.related-card,a.btn,.hero-cta-wrap a{
  transition: transform var(--t-press) var(--spring-fast),
              box-shadow var(--t-ui) var(--spring),
              border-color var(--t-ui) var(--spring);
  touch-action: manipulation;   /* supprime le délai de 300 ms au tap */
}
.btn-primary:active,.btn-secondary:active,.nav-cta:active,
.card-read-btn:active,.sim-btn:active,a.btn:active,
.hero-cta-wrap a:active{ transform: scale(.972); }

/* Une carte est plus grande : elle s'enfonce moins qu'un bouton. */
.vc-artcard:active,.blog-card:active,.p-card:active,
.vc-lever:active,.related-card:active{ transform: scale(.988); }

/* Les champs aussi confirment la prise. */
input:not([type=range]):focus-visible,select:focus-visible,textarea:focus-visible{
  transition: box-shadow var(--t-ui) var(--spring);
}

/* ── 7. Cohérence spatiale : un menu naît de ce qui l'ouvre ──
   Ancré au déclencheur, il conserve le lien entre le bouton et son contenu. */
nav#navbar .dropdown{
  transform-origin: top center;
  transition: opacity 190ms var(--spring-fast),
              transform 260ms var(--spring) !important;
}

/* ── 12. Matériaux : une surface translucide capte la lumière sur son bord ── */
nav#navbar .dropdown,.nav-mobile{
  box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 24px 64px rgba(0,0,0,.55);
}

/* ── 4. Courbes calibrées pour les révélations au défilement ──
   Amorti critique : l'élément arrive et se pose, sans rebond. */
.reveal{ transition: opacity var(--t-enter) var(--spring),
                     transform var(--t-enter) var(--spring); }

/* ── 15. Typographie optique : le crénage suit la taille ──
   Un grand titre veut du négatif, le corps de texte veut zéro. */
h1{ letter-spacing: -.022em; }
h2,.s-title{ letter-spacing: -.014em; }
h3{ letter-spacing: -.008em; }
p,li,.lead,.card-lead{ letter-spacing: 0; }
/* Les intitulés en capitales font exception : ils s'ouvrent. */
.s-badge,.v2-eyebrow,.hss-lbl,.stat-box-lbl{ letter-spacing: .08em; }

/* ── 14. Mouvement réduit : un équivalent doux, pas l'absence de retour ── */
@media (prefers-reduced-motion: reduce){
  .reveal,.vc-artcard,.blog-card,.p-card,.vc-lever{
    transition: opacity 200ms ease !important; transform: none !important;
  }
  .btn-primary:active,.btn-secondary:active,.nav-cta:active{
    transform: none; opacity: .82;   /* le retour subsiste, sans déplacement */
  }
}
@media (prefers-reduced-transparency: reduce){
  nav#navbar .dropdown,.nav-mobile{ backdrop-filter: none !important; background: #0b1020 !important; }
}
@media (prefers-contrast: more){
  .btn-secondary,.vc-artcard,.p-card{ border-color: rgba(255,255,255,.45) !important; }
}

/* ═══════════════════════════════════════════════════════════════
   PARALLAXE, pilotée par le défilement en CSS natif
   Hors fil principal, donc sans coût pour la réactivité (principe 11).
   Amplitude volontairement faible : la profondeur doit se sentir,
   pas se voir. Le registre patrimonial est lent et posé.
   ═══════════════════════════════════════════════════════════════ */
@supports (animation-timeline: view()) {
  @media (prefers-reduced-motion: no-preference) {

    /* Couverture d'article : l'image dérive plus lentement que le texte,
       ce qui la place derrière lui. Le cadre est masqué pour éviter
       toute bande vide au bord. */
    /* clip et non hidden : hidden crée un conteneur de défilement,
       auquel la chronologie s'accrocherait au lieu de la page. */
    .article-figure{ overflow: clip; border-radius: 16px; }
    .vc-artcard, .blog-card, .related-card{ overflow: clip; }
    .article-figure img{
      will-change: transform;
      animation: vc-parallax linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }

    /* Visuels de cartes : même dérive, plus discrète encore. */
    .vc-artcard img, .blog-card img, .related-card img{
      will-change: transform;
      animation: vc-parallax-soft linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }

    /* Icône du hero des pages produits : elle monte doucement
       pendant que la section défile, ce qui la détache du fond. */
    /* Icône du hero : écartée, la chronologie de vue s'y fige
       (élément visible au chargement, plage dégénérée). */

    /* Mur de logos partenaires : dérive horizontale minime,
       assez pour que le mur ne paraisse pas collé à la page. */
    .vc-logowall{
      animation: vc-drift linear both;
      animation-timeline: view();
      animation-range: entry 0% exit 100%;
    }
  }
}

@keyframes vc-parallax{
  from{ transform: scale(1.08) translateY(-3.2%); }
  to  { transform: scale(1.08) translateY(3.2%); }
}
@keyframes vc-parallax-soft{
  from{ transform: scale(1.05) translateY(-2%); }
  to  { transform: scale(1.05) translateY(2%); }
}
@keyframes vc-drift{
  from{ transform: translateY(10px); }
  to  { transform: translateY(-10px); }
}

/* ═══════════════════════════════════════════════════════════════
   Réglages typographiques mesurés sur ramify.fr (novembre 2026)
   Ce qui y est transposable sans changer la direction artistique :
   l'interligne serré des grands titres et le rendu optique.
   Non transposé : leur serif PP Fragment (sous licence payante)
   et leur fond clair, incompatible avec le bleu nuit de la marque.
   ═══════════════════════════════════════════════════════════════ */
h1{ line-height: 1.04; font-optical-sizing: auto; text-wrap: balance; }
h2,.s-title{ line-height: 1.12; font-optical-sizing: auto; text-wrap: balance; }
h3{ line-height: 1.28; }
.lead,.s-sub{ max-width: 62ch; }
/* Ramify plafonne son corps de texte à 15,5 px avec un interligne de 1,6.
   Véloci reste plus grand pour la lisibilité, mais adopte le même rapport. */
p,li{ line-height: 1.72; }

/* ═══════════════════════════════════════════════════════════
   COUCHE ÉDITORIALE v7 · registre « maison de gestion »
   Serif de titrage Newsreader (dessinée pour l'écran, contraste
   modéré, taille optique variable) sur les titres seulement.
   Le corps reste en IBM Plex Sans pour la lisibilité des chiffres.
   ═══════════════════════════════════════════════════════════ */
body h1, .page-hero h1, .hero h1, .article-hero h1, .page-title,
body h2, .page-hero h2, .hero h2, .section-title h2, .s-title,
.vc-accomp-title, .vc-imgtext h3, .gb-quote{
  font-family:"Newsreader","Iowan Old Style",Georgia,serif !important;
  font-weight:500 !important;
  font-optical-sizing:auto;
  font-variation-settings:"opsz" 48;
}
body h1, .page-hero h1, .hero h1{ letter-spacing:-.018em !important; }
body h2, .page-hero h2, .section-title h2, .s-title{ letter-spacing:-.012em !important; }
h1{ letter-spacing:-.018em !important; }
h2, .s-title{ letter-spacing:-.012em !important; }
h1 em, h2 em, .s-title em{ font-style:italic; font-weight:400; }

/* ── Sélecteur de clientèle dans l'en-tête ───────────────── */
.seg-switch{display:inline-flex;align-items:center;gap:2px;padding:3px;margin-left:20px;
  border-radius:100px;border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.05);flex:none}
[data-theme="light"] .seg-switch{border-color:rgba(11,17,36,.14);background:rgba(11,17,36,.04)}
[data-theme="light"] .seg-item{color:rgba(11,17,36,.58)}
[data-theme="light"] .seg-item:hover{color:#0b1124}
[data-theme="light"] .seg-item.is-on{background:#0b1124;color:#fff}
[data-theme="light"] .seg-item.is-on:hover{color:#fff}
[data-theme="light"] .mnav-seg a{color:rgba(11,17,36,.58);border-color:rgba(11,17,36,.14)}
[data-theme="light"] .mnav-seg a.is-on{background:#0b1124;color:#fff}
.seg-item{font-size:12.5px;font-weight:500;line-height:1;padding:7px 15px;border-radius:100px;
  text-decoration:none;color:var(--muted);white-space:nowrap;
  transition:color .22s ease,background-color .22s ease}
.seg-item:hover{color:var(--white)}
.seg-item.is-on{background:var(--gold);color:#0a0e1f;font-weight:600}
.seg-item.is-on:hover{color:#0a0e1f}
@media(max-width:1080px){.seg-switch{display:none}}

/* Reprise dans le tiroir mobile */
.mnav-seg{display:flex;width:100%;box-sizing:border-box;gap:8px;margin:6px 0 20px;padding-right:46px}
.mnav-seg a{flex:1;text-align:center;padding:11px 8px;border-radius:100px;font-size:14px;
  font-weight:500;text-decoration:none;color:var(--muted);border:1px solid rgba(255,255,255,.14)}
.mnav-seg a.is-on{background:var(--gold);color:#0a0e1f;font-weight:600;border-color:transparent}

/* ── Bouton secondaire (contour), manquait au jeu de composants ─── */
.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:9px;
  padding:14px 26px;border-radius:100px;font:inherit;font-size:15px;font-weight:500;
  color:inherit;background:transparent;border:1px solid var(--border);cursor:pointer;
  text-decoration:none;white-space:nowrap;
  transition:border-color .25s ease,background-color .25s ease,transform .11s cubic-bezier(.22,1,.36,1)}
.btn-ghost:hover{border-color:var(--border-hover);background:rgba(255,255,255,.04)}
.btn-ghost:active{transform:scale(.972)}
@media (prefers-reduced-motion:reduce){.btn-ghost{transition:none}.btn-ghost:active{transform:none;opacity:.85}}

/* Parcours de souscription en thème clair */
[data-theme="light"] .fn-progress{background:rgba(10,14,31,.1)}
[data-theme="light"] .fn-bar{background:#0b1124}
[data-theme="light"] .fn-track{background:rgba(10,14,31,.1)}
[data-theme="light"] .fn-opt:has(input:checked){border-color:#c9a227;background:rgba(201,162,39,.07)}
[data-theme="light"] .fn-ico-big{background:#0b1124;color:#fff}
[data-theme="light"] .btn-ghost:hover{background:rgba(10,14,31,.04)}

/* Titres dorés en thème clair : le dégradé pâle était illisible sur fond blanc */
[data-theme="light"] h1 em,
[data-theme="light"] h2 em,
[data-theme="light"] .s-title em,
[data-theme="light"] .page-hero h1 em{
  background-image:linear-gradient(120deg,#a8791b,#7d560a)!important;
  -webkit-background-clip:text;background-clip:text;
}

/* ── Indicateur de défilement du carrousel d'habilitations ─────── */
.acc-scroller{position:relative}
.acc-arrow{position:absolute;top:50%;right:-4px;transform:translateY(-50%);
  display:flex;align-items:center;justify-content:center;width:42px;height:42px;
  border-radius:100px;border:1px solid var(--border);background:var(--card-bg);
  color:inherit;cursor:pointer;padding:0;z-index:3;
  transition:opacity .3s ease,border-color .25s ease,transform .12s cubic-bezier(.22,1,.36,1)}
.acc-arrow:hover{border-color:var(--border-hover)}
.acc-arrow:active{transform:translateY(-50%) scale(.92)}
.acc-arrow svg{width:17px;height:17px}
.acc-arrow[hidden]{display:none}
.acc-arrow.is-done{opacity:0;pointer-events:none}
.acc-fade{position:absolute;top:0;right:0;width:96px;height:100%;pointer-events:none;z-index:2;
  background:linear-gradient(90deg,transparent,var(--bg));transition:opacity .3s ease}
.acc-fade.is-done{opacity:0}
.acc-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:2px;
  font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.acc-hint svg{width:14px;height:14px;animation:accNudge 2.4s ease-in-out infinite}
@keyframes accNudge{0%,60%,100%{transform:translateX(0)}75%{transform:translateX(5px)}}
.acc-hint.is-done{opacity:0;transition:opacity .3s ease}
@media(prefers-reduced-motion:reduce){.acc-hint svg{animation:none}}
@media(max-width:640px){.acc-arrow{display:none}}

/* ── Menus déroulants opaques : à 97 % le grand titre transparaissait ─── */
nav#navbar .dropdown,
nav#navbar .dropdown-produits{ background:#0a1024 !important; }
[data-theme="light"] nav#navbar .dropdown,
[data-theme="light"] nav#navbar .dropdown-produits{ background:#ffffff !important;
  border-color:rgba(11,17,36,.1) !important;
  box-shadow:0 24px 64px rgba(122,92,24,.16) !important; }

/* ═══════════════════════════════════════════════════════════
   THÈME JOUR · fond blanc chaud et halos dorés de la marque
   Le bleuté #f5f8fe cédait la place au bleu nuit : en journée
   c'est l'or qui porte l'identité, sur un blanc franc.
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"]{
  --bg:#fffdf6;
  --bg2:#fff6e4;
  --gold:#ffda68;
  --card-bg:#ffffff;
  --border:rgba(122,92,24,.16);
  --border-hover:rgba(198,150,42,.52);
  --glow:0 0 40px -10px rgba(255,218,104,.55);
}
[data-theme="light"] body{
  background-color:#fffdf6;
  background-image:
    radial-gradient(880px 520px at 10% -8%, rgba(255,218,104,.38), transparent 62%),
    radial-gradient(760px 460px at 94% 2%, rgba(255,229,165,.46), transparent 66%),
    radial-gradient(1200px 760px at 52% 106%, rgba(255,229,165,.34), transparent 72%);
  background-attachment:fixed;
  background-repeat:no-repeat;
}
/* Les cartes en blanc franc pour se détacher du fond doré */

[data-theme="light"] .acc-fade{background:linear-gradient(90deg,transparent,#fffdf6)}


/* ═══════════════════════════════════════════════════════════
   ACCENT DES TITRES · le bleu de marque remplace l'or
   ═══════════════════════════════════════════════════════════ */
h1 em, h2 em, h3 em, .s-title em, .page-hero h1 em,
.hero h1 em, .cta-banner h3 em, .vc-accomp-title span,
[data-theme="light"] h1 em, [data-theme="light"] h2 em,
[data-theme="light"] .s-title em, [data-theme="light"] .page-hero h1 em{
  background:none !important;
  background-image:none !important;
  background-color:transparent !important;
  -webkit-text-fill-color:#2563eb !important;
  color:#2563eb !important;
  box-shadow:none !important;
  padding:0 !important;
  border-radius:0 !important;
}
/* Sur le bleu nuit, le même bleu manque de lumière : on l'éclaircit juste assez */
:root:not([data-theme="light"]) h1 em,
:root:not([data-theme="light"]) h2 em,
:root:not([data-theme="light"]) h3 em,
:root:not([data-theme="light"]) .s-title em,
:root:not([data-theme="light"]) .page-hero h1 em,
:root:not([data-theme="light"]) .hero h1 em,
:root:not([data-theme="light"]) .cta-banner h3 em,
:root:not([data-theme="light"]) .vc-accomp-title span{
  -webkit-text-fill-color:#5b8dff !important;
  color:#5b8dff !important;
}

/* ═══════════════════════════════════════════════════════════
   BLOCS EN THÈME JOUR · fond doré pâle #ffe6a7
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] .card{
  background:#ffe6a7 !important;
  border-color:rgba(122,92,24,.22) !important;
  color:#0b1124 !important;
  box-shadow:0 1px 2px rgba(122,92,24,.08),0 10px 30px -20px rgba(122,92,24,.45) !important;
}
[data-theme="light"] .card h3,
[data-theme="light"] .card h4,
[data-theme="light"] .card strong{ color:#0b1124 !important; }
[data-theme="light"] .card p,
[data-theme="light"] .card li,
[data-theme="light"] .card span:not(.card-num){ color:rgba(11,17,36,.78) !important; }
[data-theme="light"] .card-num{ color:rgba(122,92,24,.26) !important; }
[data-theme="light"] .card a{ color:#1d4fd8 !important; }


/* ═══════════════════════════════════════════════════════════
   THÈME JOUR · en-tête, menus et pied de page en blanc
   Une règle html[data-theme=light] nav#navbar plus spécifique
   les forçait en bleu nuit : on la neutralise ici.
   ═══════════════════════════════════════════════════════════ */
html[data-theme="light"] nav#navbar{
  background:rgba(255,255,255,.72) !important;
  border-bottom-color:rgba(11,17,36,.07) !important;
}
html[data-theme="light"] nav#navbar.scrolled{
  background:rgba(255,255,255,.93) !important;
  border-bottom-color:rgba(11,17,36,.1) !important;
  box-shadow:0 8px 34px -22px rgba(122,92,24,.5) !important;
}
/* Bascule du logo : la version claire cède la place à la version bleu nuit */
/* « nav#navbar .nav-logo-img{display:block} » porte un id : sans !important
   les deux logos s'affichaient côte à côte en thème sombre. */
.nav-logo-dark{display:none !important}
[data-theme="light"] .nav-logo-dark{display:inline-block !important}
[data-theme="light"] .logo > .nav-logo-img:not(.nav-logo-dark),
[data-theme="light"] footer .nav-logo-img:not(.nav-logo-dark){display:none !important}
[data-theme="light"] .nav-logo-dark{display:inline-block !important}

/* Textes et contrôles de l'en-tête */
html[data-theme="light"] nav#navbar .nav-links > li > a,
html[data-theme="light"] nav#navbar .lang-btn,
html[data-theme="light"] nav#navbar .theme-toggle{ color:rgba(11,17,36,.66) !important; }
html[data-theme="light"] nav#navbar .nav-links > li > a:hover{
  color:#0b1124 !important; background:rgba(11,17,36,.05) !important; }
html[data-theme="light"] nav#navbar .lang-btn,
html[data-theme="light"] nav#navbar .theme-toggle{
  border-color:rgba(11,17,36,.14) !important; background:rgba(11,17,36,.03) !important; }
html[data-theme="light"] nav#navbar .nav-social-ico{ color:rgba(11,17,36,.5) !important; }
html[data-theme="light"] nav#navbar .nav-social-ico:hover{ color:#0b1124 !important; }
html[data-theme="light"] nav#navbar .hamburger span{ background:#0b1124 !important; }

/* Contenu des menus déroulants */
[data-theme="light"] nav#navbar .dropdown a{ color:rgba(11,17,36,.74) !important; }
[data-theme="light"] nav#navbar .dropdown a:hover{
  color:#0b1124 !important; background:rgba(37,99,235,.08) !important; }
[data-theme="light"] .dp-header,[data-theme="light"] .dp-section-label{ color:rgba(11,17,36,.5) !important; }
[data-theme="light"] .dp-info strong,[data-theme="light"] .dp-col strong{ color:#0b1124 !important; }
[data-theme="light"] .dp-info span,[data-theme="light"] .dp-col span{ color:rgba(11,17,36,.6) !important; }
[data-theme="light"] .dp-grid,[data-theme="light"] .dp-footer,
[data-theme="light"] .dp-header{ border-color:rgba(11,17,36,.09) !important; }

/* Tiroir mobile */
[data-theme="light"] #mobileNav{ background:#fff !important; }
[data-theme="light"] #mobileNav a{ color:rgba(11,17,36,.78) !important; }
[data-theme="light"] #mobileNav .mob-section-title{ color:rgba(11,17,36,.5) !important; }
[data-theme="light"] .nav-mobile-close{ color:#0b1124 !important; }

/* Pied de page */
html[data-theme="light"] body footer{
  background:#ffffff !important;
  border-top:1px solid rgba(11,17,36,.09) !important;
  color:rgba(11,17,36,.72) !important;
}
html[data-theme="light"] body footer > *{ background:transparent !important; }
[data-theme="light"] footer a{ color:rgba(11,17,36,.68) !important; }
[data-theme="light"] footer a:hover{ color:#2563eb !important; }
[data-theme="light"] footer h3,[data-theme="light"] footer h4,
[data-theme="light"] footer strong,[data-theme="light"] footer .footer-col-title{ color:#0b1124 !important; }
[data-theme="light"] footer p,[data-theme="light"] footer li,
[data-theme="light"] footer span,[data-theme="light"] footer small{ color:rgba(11,17,36,.62) !important; }
[data-theme="light"] footer hr,[data-theme="light"] footer .footer-bottom{
  border-color:rgba(11,17,36,.09) !important; }
[data-theme="light"] footer .nav-social-ico,
[data-theme="light"] footer .footer-social a{ color:rgba(11,17,36,.5) !important; }

/* Bandeau d'annonce et contrôles de l'en-tête, thème jour */
html[data-theme="light"] .ann-bar{
  background:#fffdf6 !important;
  color:rgba(11,17,36,.74) !important;
  border-bottom:1px solid rgba(11,17,36,.07) !important;
}
html[data-theme="light"] .ann-bar a,
html[data-theme="light"] .ann-bar strong{ color:#0b1124 !important; }
html[data-theme="light"] .ann-text{ color:rgba(11,17,36,.7) !important; }
html[data-theme="light"] .ann-bar .ann-close,
html[data-theme="light"] .ann-bar button{ color:rgba(11,17,36,.45) !important; }
html[data-theme="light"] nav#navbar .nav-client-btn{
  color:#1d4fd8 !important;
  border-color:rgba(29,79,216,.45) !important;
  background:rgba(29,79,216,.06) !important;
}
html[data-theme="light"] nav#navbar .nav-client-btn:hover{
  background:rgba(29,79,216,.12) !important; color:#123ba8 !important;
}
html[data-theme="light"] nav#navbar .theme-toggle{ color:#0b1124 !important; }
html[data-theme="light"] nav#navbar .theme-toggle svg{ opacity:.8 }

/* Balai final du pied de page : certaines mentions gardaient un blanc
   posé par des sélecteurs plus spécifiques (copyright, texte légal, icônes). */
html[data-theme="light"] body footer *:not(svg):not(path):not(circle):not(rect):not(polygon){
  color:rgba(11,17,36,.62) !important;
}
html[data-theme="light"] body footer a{ color:rgba(11,17,36,.68) !important; }
html[data-theme="light"] body footer a:hover{ color:#2563eb !important; }
html[data-theme="light"] body footer h3,
html[data-theme="light"] body footer h4,
html[data-theme="light"] body footer strong,
html[data-theme="light"] body footer b{ color:#0b1124 !important; }
html[data-theme="light"] body footer .nav-social-ico,
html[data-theme="light"] body footer .footer-social a{ color:rgba(11,17,36,.5) !important; }
html[data-theme="light"] body footer .btn-primary,
html[data-theme="light"] body footer .nav-cta,
html[data-theme="light"] body footer [class*="cta"]{ color:#0a0e1f !important; }


/* ═══════════════════════════════════════════════════════════
   THÈME JOUR · tous les blocs de contenu sur doré #ffe6a7
   ═══════════════════════════════════════════════════════════ */
[data-theme="light"] .card,
[data-theme="light"] .p-card,
[data-theme="light"] .vc-artcard,
[data-theme="light"] .opt-card,
[data-theme="light"] .vc-lever,
[data-theme="light"] .vc-step,
[data-theme="light"] .social-card,
[data-theme="light"] .why-card,
[data-theme="light"] .testi-card,
[data-theme="light"] .sim-card,
[data-theme="light"] .vc-tool-card,
[data-theme="light"] .sm-card,
[data-theme="light"] .bento-card,
[data-theme="light"] .way-card,
[data-theme="light"] .blog-card,
[data-theme="light"] .faq-item,
[data-theme="light"] .trust-item,
[data-theme="light"] .prob-item,
[data-theme="light"] .rule-item,
[data-theme="light"] .resource-item,
[data-theme="light"] .stat-box,
[data-theme="light"] .hss-item,
[data-theme="light"] .sidebar-card,
[data-theme="light"] .dash-card,
[data-theme="light"] .fn-opt,
[data-theme="light"] .fn-proj,
[data-theme="light"] .fn-fisc,
[data-theme="light"] .fn-side,
[data-theme="light"] .vc-inline-links,
[data-theme="light"] .mod-item{
  background:#ffe6a7 !important;
  border-color:rgba(122,92,24,.22) !important;
  color:#0b1124 !important;
  box-shadow:0 1px 2px rgba(122,92,24,.08),0 10px 30px -20px rgba(122,92,24,.45) !important;
}
[data-theme="light"] .card h2,
[data-theme="light"] .p-card h2,
[data-theme="light"] .vc-artcard h2,
[data-theme="light"] .opt-card h2,
[data-theme="light"] .vc-lever h2,
[data-theme="light"] .vc-step h2,
[data-theme="light"] .social-card h2,
[data-theme="light"] .why-card h2,
[data-theme="light"] .testi-card h2,
[data-theme="light"] .sim-card h2,
[data-theme="light"] .vc-tool-card h2,
[data-theme="light"] .sm-card h2,
[data-theme="light"] .bento-card h2,
[data-theme="light"] .way-card h2,
[data-theme="light"] .blog-card h2,
[data-theme="light"] .faq-item h2,
[data-theme="light"] .trust-item h2,
[data-theme="light"] .prob-item h2,
[data-theme="light"] .rule-item h2,
[data-theme="light"] .resource-item h2,
[data-theme="light"] .stat-box h2,
[data-theme="light"] .hss-item h2,
[data-theme="light"] .sidebar-card h2,
[data-theme="light"] .dash-card h2,
[data-theme="light"] .fn-opt h2,
[data-theme="light"] .fn-proj h2,
[data-theme="light"] .fn-fisc h2,
[data-theme="light"] .fn-side h2,
[data-theme="light"] .vc-inline-links h2,
[data-theme="light"] .mod-item h2,
[data-theme="light"] .card h3,
[data-theme="light"] .p-card h3,
[data-theme="light"] .vc-artcard h3,
[data-theme="light"] .opt-card h3,
[data-theme="light"] .vc-lever h3,
[data-theme="light"] .vc-step h3,
[data-theme="light"] .social-card h3,
[data-theme="light"] .why-card h3,
[data-theme="light"] .testi-card h3,
[data-theme="light"] .sim-card h3,
[data-theme="light"] .vc-tool-card h3,
[data-theme="light"] .sm-card h3,
[data-theme="light"] .bento-card h3,
[data-theme="light"] .way-card h3,
[data-theme="light"] .blog-card h3,
[data-theme="light"] .faq-item h3,
[data-theme="light"] .trust-item h3,
[data-theme="light"] .prob-item h3,
[data-theme="light"] .rule-item h3,
[data-theme="light"] .resource-item h3,
[data-theme="light"] .stat-box h3,
[data-theme="light"] .hss-item h3,
[data-theme="light"] .sidebar-card h3,
[data-theme="light"] .dash-card h3,
[data-theme="light"] .fn-opt h3,
[data-theme="light"] .fn-proj h3,
[data-theme="light"] .fn-fisc h3,
[data-theme="light"] .fn-side h3,
[data-theme="light"] .vc-inline-links h3,
[data-theme="light"] .mod-item h3,
[data-theme="light"] .card h4,
[data-theme="light"] .p-card h4,
[data-theme="light"] .vc-artcard h4,
[data-theme="light"] .opt-card h4,
[data-theme="light"] .vc-lever h4,
[data-theme="light"] .vc-step h4,
[data-theme="light"] .social-card h4,
[data-theme="light"] .why-card h4,
[data-theme="light"] .testi-card h4,
[data-theme="light"] .sim-card h4,
[data-theme="light"] .vc-tool-card h4,
[data-theme="light"] .sm-card h4,
[data-theme="light"] .bento-card h4,
[data-theme="light"] .way-card h4,
[data-theme="light"] .blog-card h4,
[data-theme="light"] .faq-item h4,
[data-theme="light"] .trust-item h4,
[data-theme="light"] .prob-item h4,
[data-theme="light"] .rule-item h4,
[data-theme="light"] .resource-item h4,
[data-theme="light"] .stat-box h4,
[data-theme="light"] .hss-item h4,
[data-theme="light"] .sidebar-card h4,
[data-theme="light"] .dash-card h4,
[data-theme="light"] .fn-opt h4,
[data-theme="light"] .fn-proj h4,
[data-theme="light"] .fn-fisc h4,
[data-theme="light"] .fn-side h4,
[data-theme="light"] .vc-inline-links h4,
[data-theme="light"] .mod-item h4,
[data-theme="light"] .card strong,
[data-theme="light"] .p-card strong,
[data-theme="light"] .vc-artcard strong,
[data-theme="light"] .opt-card strong,
[data-theme="light"] .vc-lever strong,
[data-theme="light"] .vc-step strong,
[data-theme="light"] .social-card strong,
[data-theme="light"] .why-card strong,
[data-theme="light"] .testi-card strong,
[data-theme="light"] .sim-card strong,
[data-theme="light"] .vc-tool-card strong,
[data-theme="light"] .sm-card strong,
[data-theme="light"] .bento-card strong,
[data-theme="light"] .way-card strong,
[data-theme="light"] .blog-card strong,
[data-theme="light"] .faq-item strong,
[data-theme="light"] .trust-item strong,
[data-theme="light"] .prob-item strong,
[data-theme="light"] .rule-item strong,
[data-theme="light"] .resource-item strong,
[data-theme="light"] .stat-box strong,
[data-theme="light"] .hss-item strong,
[data-theme="light"] .sidebar-card strong,
[data-theme="light"] .dash-card strong,
[data-theme="light"] .fn-opt strong,
[data-theme="light"] .fn-proj strong,
[data-theme="light"] .fn-fisc strong,
[data-theme="light"] .fn-side strong,
[data-theme="light"] .vc-inline-links strong,
[data-theme="light"] .mod-item strong,
[data-theme="light"] .card b,
[data-theme="light"] .p-card b,
[data-theme="light"] .vc-artcard b,
[data-theme="light"] .opt-card b,
[data-theme="light"] .vc-lever b,
[data-theme="light"] .vc-step b,
[data-theme="light"] .social-card b,
[data-theme="light"] .why-card b,
[data-theme="light"] .testi-card b,
[data-theme="light"] .sim-card b,
[data-theme="light"] .vc-tool-card b,
[data-theme="light"] .sm-card b,
[data-theme="light"] .bento-card b,
[data-theme="light"] .way-card b,
[data-theme="light"] .blog-card b,
[data-theme="light"] .faq-item b,
[data-theme="light"] .trust-item b,
[data-theme="light"] .prob-item b,
[data-theme="light"] .rule-item b,
[data-theme="light"] .resource-item b,
[data-theme="light"] .stat-box b,
[data-theme="light"] .hss-item b,
[data-theme="light"] .sidebar-card b,
[data-theme="light"] .dash-card b,
[data-theme="light"] .fn-opt b,
[data-theme="light"] .fn-proj b,
[data-theme="light"] .fn-fisc b,
[data-theme="light"] .fn-side b,
[data-theme="light"] .vc-inline-links b,
[data-theme="light"] .mod-item b{ color:#0b1124 !important; }
[data-theme="light"] .card p,
[data-theme="light"] .p-card p,
[data-theme="light"] .vc-artcard p,
[data-theme="light"] .opt-card p,
[data-theme="light"] .vc-lever p,
[data-theme="light"] .vc-step p,
[data-theme="light"] .social-card p,
[data-theme="light"] .why-card p,
[data-theme="light"] .testi-card p,
[data-theme="light"] .sim-card p,
[data-theme="light"] .vc-tool-card p,
[data-theme="light"] .sm-card p,
[data-theme="light"] .bento-card p,
[data-theme="light"] .way-card p,
[data-theme="light"] .blog-card p,
[data-theme="light"] .faq-item p,
[data-theme="light"] .trust-item p,
[data-theme="light"] .prob-item p,
[data-theme="light"] .rule-item p,
[data-theme="light"] .resource-item p,
[data-theme="light"] .stat-box p,
[data-theme="light"] .hss-item p,
[data-theme="light"] .sidebar-card p,
[data-theme="light"] .dash-card p,
[data-theme="light"] .fn-opt p,
[data-theme="light"] .fn-proj p,
[data-theme="light"] .fn-fisc p,
[data-theme="light"] .fn-side p,
[data-theme="light"] .vc-inline-links p,
[data-theme="light"] .mod-item p,
[data-theme="light"] .card li,
[data-theme="light"] .p-card li,
[data-theme="light"] .vc-artcard li,
[data-theme="light"] .opt-card li,
[data-theme="light"] .vc-lever li,
[data-theme="light"] .vc-step li,
[data-theme="light"] .social-card li,
[data-theme="light"] .why-card li,
[data-theme="light"] .testi-card li,
[data-theme="light"] .sim-card li,
[data-theme="light"] .vc-tool-card li,
[data-theme="light"] .sm-card li,
[data-theme="light"] .bento-card li,
[data-theme="light"] .way-card li,
[data-theme="light"] .blog-card li,
[data-theme="light"] .faq-item li,
[data-theme="light"] .trust-item li,
[data-theme="light"] .prob-item li,
[data-theme="light"] .rule-item li,
[data-theme="light"] .resource-item li,
[data-theme="light"] .stat-box li,
[data-theme="light"] .hss-item li,
[data-theme="light"] .sidebar-card li,
[data-theme="light"] .dash-card li,
[data-theme="light"] .fn-opt li,
[data-theme="light"] .fn-proj li,
[data-theme="light"] .fn-fisc li,
[data-theme="light"] .fn-side li,
[data-theme="light"] .vc-inline-links li,
[data-theme="light"] .mod-item li,
[data-theme="light"] .card em,
[data-theme="light"] .p-card em,
[data-theme="light"] .vc-artcard em,
[data-theme="light"] .opt-card em,
[data-theme="light"] .vc-lever em,
[data-theme="light"] .vc-step em,
[data-theme="light"] .social-card em,
[data-theme="light"] .why-card em,
[data-theme="light"] .testi-card em,
[data-theme="light"] .sim-card em,
[data-theme="light"] .vc-tool-card em,
[data-theme="light"] .sm-card em,
[data-theme="light"] .bento-card em,
[data-theme="light"] .way-card em,
[data-theme="light"] .blog-card em,
[data-theme="light"] .faq-item em,
[data-theme="light"] .trust-item em,
[data-theme="light"] .prob-item em,
[data-theme="light"] .rule-item em,
[data-theme="light"] .resource-item em,
[data-theme="light"] .stat-box em,
[data-theme="light"] .hss-item em,
[data-theme="light"] .sidebar-card em,
[data-theme="light"] .dash-card em,
[data-theme="light"] .fn-opt em,
[data-theme="light"] .fn-proj em,
[data-theme="light"] .fn-fisc em,
[data-theme="light"] .fn-side em,
[data-theme="light"] .vc-inline-links em,
[data-theme="light"] .mod-item em,
[data-theme="light"] .card small,
[data-theme="light"] .p-card small,
[data-theme="light"] .vc-artcard small,
[data-theme="light"] .opt-card small,
[data-theme="light"] .vc-lever small,
[data-theme="light"] .vc-step small,
[data-theme="light"] .social-card small,
[data-theme="light"] .why-card small,
[data-theme="light"] .testi-card small,
[data-theme="light"] .sim-card small,
[data-theme="light"] .vc-tool-card small,
[data-theme="light"] .sm-card small,
[data-theme="light"] .bento-card small,
[data-theme="light"] .way-card small,
[data-theme="light"] .blog-card small,
[data-theme="light"] .faq-item small,
[data-theme="light"] .trust-item small,
[data-theme="light"] .prob-item small,
[data-theme="light"] .rule-item small,
[data-theme="light"] .resource-item small,
[data-theme="light"] .stat-box small,
[data-theme="light"] .hss-item small,
[data-theme="light"] .sidebar-card small,
[data-theme="light"] .dash-card small,
[data-theme="light"] .fn-opt small,
[data-theme="light"] .fn-proj small,
[data-theme="light"] .fn-fisc small,
[data-theme="light"] .fn-side small,
[data-theme="light"] .vc-inline-links small,
[data-theme="light"] .mod-item small,
[data-theme="light"] .card dt,
[data-theme="light"] .p-card dt,
[data-theme="light"] .vc-artcard dt,
[data-theme="light"] .opt-card dt,
[data-theme="light"] .vc-lever dt,
[data-theme="light"] .vc-step dt,
[data-theme="light"] .social-card dt,
[data-theme="light"] .why-card dt,
[data-theme="light"] .testi-card dt,
[data-theme="light"] .sim-card dt,
[data-theme="light"] .vc-tool-card dt,
[data-theme="light"] .sm-card dt,
[data-theme="light"] .bento-card dt,
[data-theme="light"] .way-card dt,
[data-theme="light"] .blog-card dt,
[data-theme="light"] .faq-item dt,
[data-theme="light"] .trust-item dt,
[data-theme="light"] .prob-item dt,
[data-theme="light"] .rule-item dt,
[data-theme="light"] .resource-item dt,
[data-theme="light"] .stat-box dt,
[data-theme="light"] .hss-item dt,
[data-theme="light"] .sidebar-card dt,
[data-theme="light"] .dash-card dt,
[data-theme="light"] .fn-opt dt,
[data-theme="light"] .fn-proj dt,
[data-theme="light"] .fn-fisc dt,
[data-theme="light"] .fn-side dt,
[data-theme="light"] .vc-inline-links dt,
[data-theme="light"] .mod-item dt,
[data-theme="light"] .card dd,
[data-theme="light"] .p-card dd,
[data-theme="light"] .vc-artcard dd,
[data-theme="light"] .opt-card dd,
[data-theme="light"] .vc-lever dd,
[data-theme="light"] .vc-step dd,
[data-theme="light"] .social-card dd,
[data-theme="light"] .why-card dd,
[data-theme="light"] .testi-card dd,
[data-theme="light"] .sim-card dd,
[data-theme="light"] .vc-tool-card dd,
[data-theme="light"] .sm-card dd,
[data-theme="light"] .bento-card dd,
[data-theme="light"] .way-card dd,
[data-theme="light"] .blog-card dd,
[data-theme="light"] .faq-item dd,
[data-theme="light"] .trust-item dd,
[data-theme="light"] .prob-item dd,
[data-theme="light"] .rule-item dd,
[data-theme="light"] .resource-item dd,
[data-theme="light"] .stat-box dd,
[data-theme="light"] .hss-item dd,
[data-theme="light"] .sidebar-card dd,
[data-theme="light"] .dash-card dd,
[data-theme="light"] .fn-opt dd,
[data-theme="light"] .fn-proj dd,
[data-theme="light"] .fn-fisc dd,
[data-theme="light"] .fn-side dd,
[data-theme="light"] .vc-inline-links dd,
[data-theme="light"] .mod-item dd{ color:rgba(11,17,36,.78) !important; }
[data-theme="light"] .card a,
[data-theme="light"] .p-card a,
[data-theme="light"] .vc-artcard a,
[data-theme="light"] .opt-card a,
[data-theme="light"] .vc-lever a,
[data-theme="light"] .vc-step a,
[data-theme="light"] .social-card a,
[data-theme="light"] .why-card a,
[data-theme="light"] .testi-card a,
[data-theme="light"] .sim-card a,
[data-theme="light"] .vc-tool-card a,
[data-theme="light"] .sm-card a,
[data-theme="light"] .bento-card a,
[data-theme="light"] .way-card a,
[data-theme="light"] .blog-card a,
[data-theme="light"] .faq-item a,
[data-theme="light"] .trust-item a,
[data-theme="light"] .prob-item a,
[data-theme="light"] .rule-item a,
[data-theme="light"] .resource-item a,
[data-theme="light"] .stat-box a,
[data-theme="light"] .hss-item a,
[data-theme="light"] .sidebar-card a,
[data-theme="light"] .dash-card a,
[data-theme="light"] .fn-opt a,
[data-theme="light"] .fn-proj a,
[data-theme="light"] .fn-fisc a,
[data-theme="light"] .fn-side a,
[data-theme="light"] .vc-inline-links a,
[data-theme="light"] .mod-item a{ color:#1d4fd8 !important; }
[data-theme="light"] .card-num,
[data-theme="light"] .p-card-tag{ color:rgba(122,92,24,.3) !important; }
/* le bloc sélectionné du parcours se distingue par un doré plus soutenu */
[data-theme="light"] .fn-opt:has(input:checked){
  background:#ffda68 !important; border-color:rgba(122,92,24,.5) !important; }
[data-theme="light"] .fn-progress,[data-theme="light"] .fn-track{
  background:rgba(122,92,24,.2) !important; }
[data-theme="light"] .fn-bar{ background:#0b1124 !important; }
/* une couverture d'article garde son image, pas de doré par-dessus */
[data-theme="light"] .blog-card-cover,
[data-theme="light"] .vc-artcard img{ background:transparent !important; }