/* ⛔⛔ LES COURBES DE MOUVEMENT ETAIENT DEFINIES DANS CHAQUE FEUILLE DE
 * PAGE, jamais dans le socle. Les deux sections du socle qui s en
 * servent (les trois visages de l accueil) tournaient donc SANS
 * transition sur l accueil, qui n a pas de feuille propre : une
 * `var()` non definie invalide toute la declaration, en silence. */
html.cv3{--lourd:cubic-bezier(.22,.8,.18,1);--ressort:cubic-bezier(.34,1.4,.5,1)}
/* Feuille v3 de Cauris Management, portee depuis la maquette validee.
   ⛔ NE PAS MODIFIER A LA MAIN : regenerer avec porter_css.py.
   Toutes les regles sont portees sous .cv3, pose sur <html> et <body>
   uniquement sur les pages qui comportent un bloc v3, pour que les pages
   encore servies par les gabarits ne recoivent rien. */

/* Parti : fintech institutionnelle. Un bleu roi de banque, un or réservé à l'action et aux chiffres,
   des surfaces claires alternées avec deux bandes nuit. Grille 12 colonnes dans une enveloppe de 1280 px. */
html.cv3{
  color-scheme: light;
  --roi:#051BB8;         /* bleu du logo, 61,9 % des pixels */
  --roi-vif:#1430D6;
  --nuit:#030E5E;
  /* ⛔⛔⛔ FEEDBACK 03/11/2026, EN DEUX TEMPS. D abord « jamais de bleu en
     fond d une carte de logo », d ou ce jeton neutre. Puis, la capture
     suivante a la main : « tu appliques les images sans fond ». AUCUNE
     plaque, donc : les trois declarations qui le consommaient ont ete
     retirees, et la carte reprend le fond blanc et le filet de `.plaque`.
     ⛔ Le jeton reste defini mais SANS USAGE : ne pas le recabler sans le
     client. Deux logos sur 65 portaient la plaque, Banque Atlantique et
     Cipharm. */
  --plaque-logo:#191919;        /* blanc dessus : 17,1:1 */
  --abysse:#020833;
  --or:#FBD246;          /* or de la sphère : jamais en texte sur blanc */
  --or-brule:#C0700C;
  --encre:#11162E;       /* 17,8:1 sur blanc */
  --ardoise:#4F5872;     /* 7,1:1 sur blanc */
  --toile:#F3F5FB;
  --givre:#E8ECF7;
  --filet:#DDE2F2;
  --blanc:#FFFFFF;
  --sphere: radial-gradient(circle at 32% 26%, #FBF48B 0%, #F7ED36 22%, #FBD246 48%, #FAB323 72%, #C0700C 100%);
  --titre:"Montserrat", "Segoe UI", system-ui, sans-serif;
  --texte:"Inter", "Segoe UI", system-ui, -apple-system, sans-serif;
  --rayon:5px;
  --enveloppe:1280px;
  --gouttiere:max(20px, env(safe-area-inset-left, 0px));
  --gouttiere-d:max(20px, env(safe-area-inset-right, 0px));
  --ombre-1:0 1px 2px rgba(3,14,94,.06), 0 4px 14px rgba(3,14,94,.06);
  --ombre-2:0 2px 4px rgba(3,14,94,.06), 0 18px 40px rgba(3,14,94,.14);
  --entete:72px;
  --bandeau:36px;
}
body.cv3 *, body.cv3 *::before, body.cv3 *::after{box-sizing:border-box}
html.cv3{scroll-behavior:smooth;scroll-padding-top:calc(var(--entete) + 16px)}
body.cv3{margin:0;background:var(--blanc);color:var(--encre);font:400 16px/1.6 var(--texte);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.cv3 img{max-width:100%;display:block}
body.cv3 a{color:inherit;text-decoration:none}
body.cv3 button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
body.cv3 h1, body.cv3 h2, body.cv3 h3, body.cv3 p, body.cv3 ul, body.cv3 ol, body.cv3 figure{margin:0}
body.cv3 ul, body.cv3 ol{padding:0;list-style:none}
body.cv3 :focus-visible{outline:2px solid var(--roi-vif);outline-offset:3px;border-radius:2px}
body.cv3 .sur-sombre :focus-visible{outline-color:var(--or)}
body.cv3 .lecteur{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
body.cv3 .evitement{position:absolute;left:12px;top:-60px;z-index:200;background:var(--roi);color:#fff;padding:10px 16px;border-radius:var(--rayon)}
body.cv3 .evitement:focus{top:12px}
body.cv3 .enveloppe{max-width:calc(var(--enveloppe) + 40px);margin-inline:auto;padding-left:var(--gouttiere);padding-right:var(--gouttiere-d)}
body.cv3 svg.ic{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

/* ---------- Typographie ---------- */
body.cv3 .h1{font:700 clamp(30px, 3.05vw, 46px)/1.12 var(--titre);letter-spacing:-.018em}
body.cv3 .h2{font:700 clamp(23px, 2.3vw, 36px)/1.18 var(--titre);letter-spacing:-.015em}
body.cv3 .h3{font:600 19px/1.3 var(--titre);letter-spacing:-.005em}
body.cv3 .rubrique{display:flex;align-items:center;gap:10px;font:500 14px/1.4 var(--texte);color:var(--ardoise)}
body.cv3 .rubrique::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--sphere);box-shadow:0 0 0 3px rgba(251,210,70,.18)}
body.cv3 .sur-sombre .rubrique{color:rgba(255,255,255,.76)}
body.cv3 .chapo{font-size:17px;line-height:1.65;color:var(--ardoise)}
body.cv3 .sur-sombre .chapo{color:rgba(255,255,255,.80)}
body.cv3 .tete{display:grid;gap:14px}
body.cv3 .tete-ligne{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px 40px}
body.cv3 .tete-ligne > .tete{flex:1 1 560px;min-width:0}

/* ---------- Boutons ---------- */
body.cv3 .btn{--bg:var(--roi);--fg:#fff;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:var(--rayon);background:var(--bg);color:var(--fg);font:600 15.5px/1 var(--texte);border:1px solid transparent;transition:transform .18s ease, box-shadow .18s ease, background-color .18s ease;white-space:nowrap}
body.cv3 .btn .ic{width:18px;height:18px;transition:transform .18s ease}
body.cv3 .btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(5,27,184,.25)}
body.cv3 .btn:hover .ic{transform:translateX(3px)}
body.cv3 .btn--or{--bg:var(--or);--fg:var(--nuit)}
body.cv3 .btn--or:hover{--bg:#FFDC5E;box-shadow:0 10px 26px rgba(251,210,70,.32)}
body.cv3 .btn--fantome{--bg:transparent;--fg:#fff;border-color:rgba(255,255,255,.42)}
body.cv3 .btn--fantome:hover{--bg:rgba(255,255,255,.08);border-color:#fff;box-shadow:none}
body.cv3 .btn--trait{--bg:#fff;--fg:var(--roi);border-color:var(--filet)}
body.cv3 .btn--trait:hover{border-color:var(--roi);box-shadow:var(--ombre-1)}
body.cv3 .lien-fleche{display:inline-flex;align-items:center;gap:8px;font:600 15px/1.3 var(--texte);color:var(--roi)}
body.cv3 .lien-fleche .ic{width:18px;height:18px;transition:transform .18s ease}
body.cv3 .lien-fleche:hover .ic{transform:translateX(4px)}
body.cv3 .lien-fleche:hover span{text-decoration:underline;text-underline-offset:4px}
/* ⛔⛔ LE HERO DE LA FICHE EST SOMBRE et `.lien-fleche` est en bleu roi :
   herite tel quel, le lien serait illisible sur le fond nuit. La couleur se
   DECLARE, elle ne se suppose pas. Le picto de LinkedIn est un glyphe plein,
   d ou `ic--plein`, sinon il sort en contour vide. */
body.cv3 .mb-lk{margin-top:18px}
body.cv3 .mb-lk-a{color:var(--or)}
body.cv3 .mb-lk-a:hover{color:#fff}
body.cv3 .mb-lk-a .ic--plein{fill:currentColor;stroke:none}
body.cv3 .mb-lk-a:hover .ic{transform:none}

/* ---------- Bandeau + en-tête ---------- */
body.cv3 .bandeau{background:var(--nuit);color:rgba(255,255,255,.82);font-size:13px}
body.cv3 .bandeau .enveloppe{height:var(--bandeau);display:flex;align-items:center;justify-content:space-between;gap:24px}
body.cv3 .bureaux{display:flex;gap:28px}
body.cv3 .bureau{display:flex;align-items:center;gap:8px}
body.cv3 .bureau .ville{color:#fff;font-weight:600}
body.cv3 .bureau .drapeau{height:12px;border-radius:1px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
body.cv3 .bureau a{font-variant-numeric:tabular-nums}
body.cv3 .bureau a:hover, body.cv3 .langues a:hover{color:var(--or)}
body.cv3 .langues{display:flex;gap:6px;align-items:center}
body.cv3 .langues a[aria-current]{color:#fff;font-weight:600}
body.cv3 .langues .sep{opacity:.5}
body.cv3 .entete{position:sticky;top:env(safe-area-inset-top, 0px);z-index:60;background:rgba(255,255,255,.94);backdrop-filter:saturate(160%) blur(14px);-webkit-backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--filet)}
body.cv3 .entete.defile{box-shadow:0 8px 30px rgba(3,14,94,.08)}
body.cv3 .entete-in{height:var(--entete);display:flex;align-items:center;gap:28px}
body.cv3 .logo img{height:46px;width:auto}
body.cv3 .nav{margin-inline-start:auto;display:flex;align-items:center;gap:4px;height:100%}
body.cv3 .nav-item{height:100%;display:flex;align-items:center}
body.cv3 .declencheur{display:inline-flex;align-items:center;gap:6px;height:40px;padding:0 13px;border-radius:var(--rayon);font:500 15px/1 var(--texte);color:var(--encre);transition:background-color .15s ease,color .15s ease}
body.cv3 .declencheur:hover, body.cv3 .declencheur[aria-expanded="true"]{background:var(--toile);color:var(--roi)}
body.cv3 .declencheur .ic{width:16px;height:16px;transition:transform .2s ease}
body.cv3 .declencheur[aria-expanded="true"] .ic{transform:rotate(180deg)}
body.cv3 .entete .btn{min-height:44px;margin-inline-start:12px}
body.cv3 .burger{display:none;margin-inline-start:auto;width:44px;height:44px;border-radius:var(--rayon);border:1px solid var(--filet);align-items:center;justify-content:center}
body.cv3 .burger .ic{width:22px;height:22px}

/* ---------- Méga menu ---------- */
body.cv3 .voile-menu{position:fixed;inset:0;z-index:50;background:rgba(3,14,94,.32);opacity:0;visibility:hidden;transition:opacity .2s ease, visibility .2s}
body.cv3 .voile-menu.ouvert{opacity:1;visibility:visible}
body.cv3 .mega{position:absolute;left:0;right:0;top:100%;background:#fff;border-top:1px solid var(--filet);box-shadow:0 30px 60px rgba(3,14,94,.16);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s ease, transform .18s ease, visibility .18s}
body.cv3 .mega.ouvert{opacity:1;visibility:visible;transform:none}
body.cv3 .mega-in{display:grid;grid-template-columns:330px 1fr;gap:40px;padding-block:28px 32px}
body.cv3 .rail{position:relative;overflow:hidden;background:var(--nuit);color:#fff;border-radius:var(--rayon);padding:26px 26px 28px;display:flex;flex-direction:column;gap:12px}
body.cv3 .rail::after{content:"";position:absolute;width:96px;height:96px;right:-40px;top:-40px;border-radius:50%;background:var(--sphere)}
body.cv3 .rail .rubrique, body.cv3 .rail-titre{padding-right:44px}
body.cv3 .rail-titre{font:700 21px/1.25 var(--titre);position:relative}
body.cv3 .rail-texte{font-size:14.5px;line-height:1.6;color:rgba(255,255,255,.80);position:relative}
body.cv3 .rail .rubrique{position:relative}
body.cv3 .rail .lien-fleche{color:var(--or);margin-top:auto;padding-top:10px;position:relative}
body.cv3 .mega-groupes{display:grid;grid-template-columns:1fr 1fr;gap:12px 32px;align-content:start}
body.cv3 .groupe-titre{font:600 13px/1.4 var(--texte);color:var(--ardoise);padding:4px 12px 10px;border-bottom:1px solid var(--givre);margin-bottom:6px}
body.cv3 .mega-lien{position:relative;display:grid;grid-template-columns:40px 1fr;gap:4px 14px;padding:11px 12px;border-radius:var(--rayon);transition:background-color .15s ease}
body.cv3 .mega-lien + .mega-lien::before{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:var(--filet)}
body.cv3 .mega-lien:hover::before, body.cv3 .mega-lien:hover + .mega-lien::before{opacity:0}
/* pictos sur mesure : tracés à l'ouverture du panneau, un geste propre à chacun au survol */
body.cv3 .picto{width:24px!important;height:24px!important;stroke-width:1.5;overflow:visible}
body.cv3 .picto .or, body.cv3 .picto .chevrons, body.cv3 .picto .chaises, body.cv3 .picto .rayons, body.cv3 .picto .battant{transform-box:fill-box;transform-origin:center}
body.cv3 .picto .trait > *{transition:stroke-dashoffset .7s cubic-bezier(.65,0,.35,1)}
body.cv3 .picto .or{transition:transform .45s cubic-bezier(.3,1.6,.5,1), opacity .3s ease}
body.cv3 .mega:not(.ouvert) .picto .or{transform:scale(0);opacity:0}
body.cv3 .mega.ouvert .picto .or{transition-delay:var(--retard,0s)}
body.cv3 .mega-lien:hover .picto[data-picto="creation"] .or{animation:treuil 1.2s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="developpement"] .or{animation:cap 1.1s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="retournement"] .or{animation:rebond .9s cubic-bezier(.3,0,.3,1) infinite}
body.cv3 .mega-lien:hover .picto[data-picto="transmission"] .or{animation:relais 1.4s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="cibles"] .or{animation:veille 1s steps(2) infinite}
body.cv3 .mega-lien:hover .picto[data-picto="criteres"] .or{animation:sceau .8s ease-in-out}
body.cv3 .mega-lien:hover .picto[data-picto="accelerateur"] .chevrons{animation:monte-vite .7s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="gouvernance"] .chaises{animation:assemblee 1.4s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="gouvernance"] .or{animation:battement 1.4s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto^="gen"] .or{animation:souleve 1s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="yeelen"] .or{animation:aube 1.6s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="yeelen"] .rayons{animation:rayonne 1.6s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="histoire"] .or, body.cv3 .mega-lien:hover .picto[data-picto="equipe"] .or, body.cv3 .mega-lien:hover .picto[data-picto="rejoindre"] .or{animation:battement 1s ease-in-out infinite}
body.cv3 .mega-lien:hover .picto[data-picto="investisseurs"] .or{animation:depot 1.1s cubic-bezier(.5,0,.5,1) infinite}
body.cv3 .mega-lien:hover .picto[data-picto="rejoindre"] .battant{animation:entrouvre 1.4s ease-in-out infinite}
@keyframes treuil{50%{transform:translateY(-4px)}}
@keyframes cap{50%{transform:translate(-2.4px,2.4px) scale(.8)}}
@keyframes rebond{0%,100%{transform:translateY(0)}45%{transform:translateY(-6px)}}
@keyframes relais{0%,15%{transform:translateX(0)}50%,65%{transform:translateX(11.5px)}100%{transform:translateX(0)}}
@keyframes veille{50%{opacity:.25}}
@keyframes sceau{40%{transform:rotate(-25deg) scale(1.3)}}
@keyframes monte-vite{50%{transform:translateY(-2.5px)}}
@keyframes assemblee{50%{transform:scaleY(.82)}}
@keyframes souleve{50%{transform:translateY(-2.5px)}}
@keyframes aube{0%{transform:translateY(3px)}60%,100%{transform:translateY(0)}}
@keyframes rayonne{0%{opacity:0}60%,100%{opacity:1}}
@keyframes battement{50%{transform:scale(1.35)}}
@keyframes depot{0%{transform:translateY(-6px);opacity:0}40%{opacity:1}70%,100%{transform:translateY(0)}}
@keyframes entrouvre{50%{transform:scaleX(.6)}}
@media (prefers-reduced-motion:reduce){body.cv3 .mega:not(.ouvert) .picto .or{transform:none;opacity:1}}
body.cv3 .mega-lien .pastille{grid-row:span 2;width:40px;height:40px;border-radius:var(--rayon);background:var(--toile);color:var(--roi);display:grid;place-items:center;transition:background-color .15s ease,color .15s ease}
body.cv3 .mega-lien b{font:600 15px/1.35 var(--texte);color:var(--encre)}
body.cv3 .mega-lien small{font-size:13.5px;line-height:1.5;color:var(--ardoise)}
body.cv3 .mega-lien:hover{background:var(--toile)}
body.cv3 .mega-lien:hover .pastille{background:var(--roi);color:#fff}
body.cv3 .mega-lien:hover b{color:var(--roi)}

/* ---------- Tiroir mobile ---------- */
body.cv3 .tiroir{position:fixed;inset:calc(var(--entete) + env(safe-area-inset-top, 0px)) 0 0 0;z-index:55;background:#fff;overflow:auto;padding:12px var(--gouttiere-d) calc(28px + env(safe-area-inset-bottom, 0px)) var(--gouttiere);transform:translateX(100%);transition:transform .25s ease;visibility:hidden}
body.cv3 .tiroir.ouvert{transform:none;visibility:visible}
body.cv3 .tiroir details{border-bottom:1px solid var(--filet)}
body.cv3 .tiroir summary, body.cv3 .tiroir .simple{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:16px 4px;font:600 17px/1.3 var(--titre);cursor:pointer}
body.cv3 .tiroir summary::-webkit-details-marker{display:none}
body.cv3 .tiroir summary .ic{transition:transform .2s ease}
body.cv3 .tiroir details[open] summary .ic{transform:rotate(180deg)}
body.cv3 .tiroir details ul{padding:0 4px 14px;display:grid;gap:2px}
body.cv3 .tiroir details a{display:grid;grid-template-columns:34px 1fr;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--rayon);color:var(--ardoise)}
body.cv3 .tiroir details a .pastille{width:34px;height:34px;border-radius:var(--rayon);background:var(--toile);color:var(--roi);display:grid;place-items:center}
body.cv3 .tiroir details a .pastille:empty{background:none}
body.cv3 .tiroir details a .intitule{font:500 15px/1.35 var(--texte)}
body.cv3 .tiroir details a:hover{background:var(--toile);color:var(--roi)}
body.cv3 .tiroir details a:hover .pastille{background:var(--roi);color:#fff}
body.cv3 .tiroir .simple{border-bottom:1px solid var(--filet)}
body.cv3 .tiroir .btn{width:100%;margin-top:22px}

/* ---------- Hero ---------- */
body.cv3 .hero{position:relative;overflow:hidden;background:#07080C;color:#fff;isolation:isolate;display:flex;min-height:clamp(540px, calc(100svh - var(--entete) - var(--bandeau) - 1px), 860px)}
body.cv3 .hero-fond{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:58% 38%;transform:scale(1.06);animation:approche 14s ease-out forwards}
@keyframes approche{to{transform:scale(1)}}
/* voile unique : nuit à gauche sous le texte, presque nul à droite, léger en pied pour les chiffres */
body.cv3 .hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg, rgba(7,8,12,.64) 0%, rgba(7,8,12,.50) 34%, rgba(7,8,12,.14) 62%, rgba(7,8,12,0) 82%),linear-gradient(0deg, rgba(7,8,12,.45) 0%, rgba(7,8,12,0) 32%)}
body.cv3 .hero-in{flex:1;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,5svh,52px);padding-block:clamp(28px,5.5svh,56px) clamp(20px,3.5svh,32px)}
body.cv3 .hero-texte{display:flex;flex-direction:column;gap:20px;width:min(100%, 760px);margin-block:auto}
body.cv3 .hero h1{color:#fff}
body.cv3 .hero .chapo{color:#fff}
body.cv3 .hero .rubrique{color:#fff}
body.cv3 .hero .actions{display:flex;flex-wrap:wrap;gap:12px;padding-top:6px}
body.cv3 .chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:rgba(10,12,18,.55);-webkit-backdrop-filter:blur(12px) saturate(140%);backdrop-filter:blur(12px) saturate(140%);border:1px solid rgba(255,255,255,.14);border-radius:var(--rayon)}
body.cv3 .chiffre{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 20px;padding:20px 26px;border-left:1px solid rgba(255,255,255,.14)}
body.cv3 .chiffre:first-child{border-left:0}
/* ⛔⛔ RETOUR CLIENTE 06/11/2026 : « reduire l espace entre 5 et Generations
   de fonds ». La colonne du nombre etait forcee a `min-width:2.6em`, soit
   119,6 px, pour aligner les libelles des trois reperes. Mesure : « + 52 »
   en occupe 101 naturellement, mais « 5 » n en occupe que 31 — d ou 89 px
   d air avant son libelle. Les trois reperes etant distants de plus de
   400 px, cet alignement ne se voit pas ; le vide, si.
   ⭐ La regle etait deja neutralisee sur petit ecran (`min-width:0`), ce
   qui montre qu elle n est pas structurante. */
body.cv3 .chiffre .n{grid-row:span 2;font:700 clamp(34px,3.2vw,46px)/1 var(--titre);color:var(--or);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
body.cv3 .chiffre .q{font:600 15px/1.35 var(--texte);color:#fff;align-self:end}
body.cv3 .chiffre .p{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.80);align-self:start}
body.cv3 .chiffre .jauge{position:absolute;left:26px;right:26px;bottom:0;height:2px;background:rgba(255,255,255,.10);overflow:hidden}
body.cv3 .chiffre .jauge::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, var(--or-brule), var(--or));transform-origin:left;transform:scaleX(var(--avance,1))}
body.cv3 .chiffre .n.compte{text-shadow:0 0 24px rgba(251,210,70,.35)}

/* ---------- Sections ---------- */
body.cv3 .section{padding-block:clamp(64px, 8vw, 112px)}
body.cv3 .fond-blanc{background:var(--blanc)}
body.cv3 .fond-toile{background:var(--toile)}
body.cv3 .fond-nuit{background:var(--nuit);color:#fff}
body.cv3 .section .tete + *{margin-top:44px}

/* Stratégies : accordéon horizontal de quatre volets photo, dans l'ordre de la vie d'une entreprise */
body.cv3 .volets{display:flex;gap:12px;height:clamp(460px,64svh,560px)}
body.cv3 .volet{position:relative;isolation:isolate;flex:1 1 0;min-width:0;border-radius:var(--rayon);overflow:hidden;background:var(--nuit);transition:flex-grow .75s cubic-bezier(.65,0,.35,1)}
body.cv3 .volet.ouvert{flex-grow:4.4}
body.cv3 .volet > img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.12);filter:saturate(.7);transition:transform 1.2s cubic-bezier(.2,.7,.2,1), filter .8s ease}
body.cv3 .volet.ouvert > img{transform:scale(1);filter:none}
body.cv3 .volet::before, body.cv3 .volet::after{content:"";position:absolute;inset:0;z-index:-1;transition:opacity .7s ease}
body.cv3 .volet::before{background:linear-gradient(180deg, rgba(3,14,94,.62), rgba(3,14,94,.86))}
body.cv3 .volet::after{background:linear-gradient(0deg, rgba(3,14,94,.95) 0%, rgba(3,14,94,.78) 34%, rgba(3,14,94,.15) 70%, rgba(3,14,94,0) 100%);opacity:0}
body.cv3 .volet.ouvert::before{opacity:0}
body.cv3 .volet.ouvert::after{opacity:1}
body.cv3 .volet-bouton{position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:26px 0 30px;color:#fff;cursor:pointer;transition:opacity .35s ease}
body.cv3 .volet-bouton:focus-visible{outline:2px solid var(--or);outline-offset:-4px}
body.cv3 .volet-bouton .rang{font:600 13px/1 var(--titre);color:var(--or);font-variant-numeric:tabular-nums;letter-spacing:.04em}
body.cv3 .volet-bouton .nom{writing-mode:vertical-rl;transform:rotate(180deg);font:600 19px/1 var(--titre);letter-spacing:.01em;white-space:nowrap}
body.cv3 .volet-bouton .plus{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.35);transition:background-color .25s ease, border-color .25s ease}
body.cv3 .volet-bouton .plus .ic{width:16px;height:16px}
body.cv3 .volet:hover .volet-bouton .plus{background:var(--or);border-color:var(--or);color:var(--nuit)}
body.cv3 .volet.ouvert .volet-bouton{opacity:0;pointer-events:none}
body.cv3 .volet-contenu{position:absolute;left:0;bottom:0;z-index:2;width:min(620px, 100%);display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:clamp(26px,3vw,40px);color:#fff;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .45s ease, transform .45s ease, visibility .45s}
body.cv3 .volet.ouvert .volet-contenu{opacity:1;visibility:visible;transform:none;transition-delay:.35s}
body.cv3 .volet-contenu .etape-axe{display:flex;align-items:center;gap:10px;font:600 13px/1 var(--texte);color:#fff}
body.cv3 .volet-contenu .etape-axe::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sphere)}
body.cv3 .volet-contenu .etape-axe span{color:rgba(255,255,255,.6);font-weight:500}
body.cv3 .volet-contenu h3{font:700 clamp(26px,2.4vw,34px)/1.12 var(--titre);letter-spacing:-.015em;color:#fff}
body.cv3 .volet-contenu p{font-size:16px;line-height:1.7;color:rgba(255,255,255,.88)}
body.cv3 .volet-contenu .btn{margin-top:6px}

/* Confiance */
body.cv3 .confiance-tete{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:end}
body.cv3 .confiance-texte{display:flex;flex-direction:column;gap:18px;min-width:0}
body.cv3 .fiche{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 26px;background:#fff;border:1px solid var(--filet);border-radius:var(--rayon)}
body.cv3 .fiche p{font-size:15.5px;line-height:1.6;color:var(--encre)}

/* Carrousel manuel : les colonnes se dimensionnent sur le CONTENEUR (cqi), jamais en % dans la piste */
body.cv3 .car{--vues:5;--joint:14px;margin-top:48px;container-type:inline-size}
body.cv3 .car-fenetre{overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab}
body.cv3 .car-fenetre::-webkit-scrollbar{display:none}
body.cv3 .car-fenetre.tire{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}
body.cv3 .car-fenetre:focus-visible{outline:2px solid var(--roi-vif);outline-offset:4px}
body.cv3 .car-piste{display:grid;grid-auto-flow:column;grid-template-rows:repeat(2,124px);grid-auto-columns:calc((100cqi - (var(--vues) - 1) * var(--joint)) / var(--vues));gap:var(--joint)}
body.cv3 .car-piste .plaque{height:auto;scroll-snap-align:start;user-select:none}
body.cv3 .car-piste .plaque img{-webkit-user-drag:none;pointer-events:none}
body.cv3 .car-pied{display:flex;align-items:center;gap:24px;margin-top:28px}
body.cv3 .car-avance{position:relative;flex:1;height:2px;background:var(--filet);border-radius:2px;overflow:hidden}
body.cv3 .car-avance span{position:absolute;inset:0 auto 0 0;width:var(--part,30%);left:var(--depart,0%);background:linear-gradient(90deg,var(--roi),var(--roi-vif));border-radius:2px;transition:left .35s ease, width .35s ease}
body.cv3 .car-pages{font:600 14px/1 var(--titre);color:var(--encre);font-variant-numeric:tabular-nums;min-width:52px;text-align:center}
body.cv3 .car-pages .sur{color:var(--ardoise);font-weight:500}
body.cv3 .car-fleches{display:flex;gap:10px}
body.cv3 .car-fleche{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--filet);color:var(--roi);transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease}
body.cv3 .car-fleche .ic{width:20px;height:20px}
body.cv3 .car-fleche--prec .ic{transform:rotate(180deg)}
body.cv3 .car-fleche:hover:not(:disabled){background:var(--roi);border-color:var(--roi);color:#fff;box-shadow:0 10px 24px rgba(5,27,184,.25)}
body.cv3 .car-fleche--suiv:hover:not(:disabled){transform:translateX(2px)}
body.cv3 .car-fleche--prec:hover:not(:disabled){transform:translateX(-2px)}
body.cv3 .car-fleche:disabled{opacity:.38;cursor:default}
@keyframes monte{to{transform:translateY(-50%)}}
body.cv3 .plaque{display:flex;align-items:center;justify-content:center;height:104px;padding:16px 22px;background:#fff;border:1px solid var(--filet);border-radius:var(--rayon);transition:border-color .2s ease, box-shadow .2s ease}

body.cv3 .plaque img{height:auto;max-height:100%;object-fit:contain;transition:transform .25s ease}
body.cv3 .plaque:hover{border-color:rgba(5,27,184,.45);box-shadow:var(--ombre-1)}
body.cv3 .plaque:hover img{transform:scale(1.05)}

/* Cibles, variante B : sélecteur de profil + scène photo / panneau, appel intégré */
body.cv3 .cibles-tete{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 48px}
body.cv3 .cibles-tete .tete{flex:1 1 640px;min-width:0}
body.cv3 .bascule{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;padding:6px;background:var(--toile);border:1px solid var(--filet);border-radius:999px;isolation:isolate}
body.cv3 .bascule::before{content:"";position:absolute;z-index:-1;top:6px;bottom:6px;left:6px;width:calc(50% - 6px);border-radius:999px;background:var(--roi);box-shadow:0 8px 20px rgba(5,27,184,.3);transform:translateX(calc(var(--pos,0) * 100%));transition:transform .45s cubic-bezier(.65,0,.35,1)}
body.cv3 .bascule button{min-width:170px;height:48px;padding:0 22px;border-radius:999px;font:600 15px/1 var(--texte);color:var(--ardoise);transition:color .3s ease}
body.cv3 .bascule button[aria-selected="true"]{color:#fff}
body.cv3 .bascule button:not([aria-selected="true"]):hover{color:var(--roi)}

body.cv3 .scene{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);margin-top:44px;border-radius:var(--rayon);overflow:hidden;background:var(--nuit);box-shadow:0 50px 90px -40px rgba(3,14,94,.55);min-height:520px}
body.cv3 .scene-photos{position:relative;overflow:hidden;min-height:320px}
body.cv3 .scene-photo{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .8s ease}
body.cv3 .scene-photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 6s cubic-bezier(.2,.7,.2,1)}
body.cv3 .scene-photo.actif{opacity:1}
body.cv3 .scene-photo.actif img{transform:scale(1)}
body.cv3 .scene-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(3,14,94,0) 60%, rgba(3,14,94,.55) 100%),linear-gradient(0deg, rgba(3,14,94,.45) 0%, rgba(3,14,94,0) 40%)}
body.cv3 .scene-photo .quand{position:absolute;left:28px;bottom:26px;z-index:1;display:inline-flex;align-items:center;gap:9px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.95);color:var(--roi);font:600 14.5px/1.2 var(--texte);box-shadow:0 8px 24px rgba(3,14,94,.3)}
body.cv3 .scene-photo .quand::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--sphere)}

body.cv3 .scene-panneau{position:relative;isolation:isolate;display:flex;flex-direction:column;color:#fff;padding:clamp(30px,3.6vw,52px)}
body.cv3 .scene-panneau::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(80% 60% at 100% 0%, rgba(20,48,214,.7), rgba(20,48,214,0) 70%)}
body.cv3 .profils{display:grid;flex:1}
body.cv3 .profil-b{grid-area:1/1;display:flex;flex-direction:column;gap:18px;opacity:0;visibility:hidden;transform:translateY(14px);transition:opacity .5s ease, transform .5s ease, visibility .5s}
body.cv3 .profil-b.actif{opacity:1;visibility:visible;transform:none;transition-delay:.2s}
body.cv3 .profil-b .compte{font:600 13px/1 var(--texte);color:var(--or);font-variant-numeric:tabular-nums}
body.cv3 .profil-b .compte span{color:rgba(255,255,255,.55)}
body.cv3 .profil-b .qui{font:700 clamp(30px,3vw,44px)/1.08 var(--titre);letter-spacing:-.02em}
body.cv3 .profil-b p:last-child{font-size:16.5px;line-height:1.72;color:rgba(255,255,255,.86)}
body.cv3 .appel-integre{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px;margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,.16)}
body.cv3 .appel-integre p{font:700 clamp(19px,1.6vw,23px)/1.3 var(--titre);color:#fff}
body.cv3 .appel-integre .btn{min-height:58px;padding:0 26px;font-size:16px;position:relative}
body.cv3 .appel-integre .btn::before{content:"";position:absolute;inset:-6px;border-radius:9px;border:1px solid rgba(251,210,70,.55);animation:onde 2.6s ease-out infinite}
@keyframes onde{0%{opacity:.9;transform:scale(.96)}100%{opacity:0;transform:scale(1.12)}}

/* Générations : frise en filets fins, un trait doré qui se dessine jusqu'au fonds en cours */
body.cv3 .generations{position:relative;isolation:isolate}
body.cv3 .generations::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(45% 70% at 100% 100%, rgba(20,48,214,.42), rgba(20,48,214,0) 70%)}
body.cv3 .generations .h2{color:#fff}
body.cv3 .lt{--trace:.8;position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:64px}
body.cv3 .lt::before, body.cv3 .lt::after{content:"";position:absolute;left:0;right:0;top:5px;height:1px}
body.cv3 .lt::before{background:linear-gradient(90deg, rgba(255,255,255,.20) 80%, rgba(255,255,255,0))}
body.cv3 .lt::after{background:linear-gradient(90deg, rgba(251,210,70,.15), var(--or));transform-origin:left;transform:scaleX(var(--trace));transition:transform 1.1s cubic-bezier(.65,0,.35,1)}
body.cv3 .lt.pret::after{transform:scaleX(0)}
body.cv3 .lt.pret.vu::after{transform:scaleX(var(--trace));transition-duration:1.8s}
body.cv3 .lt-jalon{position:relative;padding:40px 32px 6px 22px;transition:opacity .4s ease}
body.cv3 .lt-jalon::before{content:"";position:absolute;left:5px;top:20px;bottom:0;width:1px;background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0))}
body.cv3 .lt-noeud{position:absolute;left:0;top:0;width:11px;height:11px;border-radius:50%;background:var(--nuit);border:1.5px solid rgba(255,255,255,.45);transition:background-color .4s ease, border-color .4s ease, transform .4s ease}
body.cv3 .lt-jalon .an{font:600 12.5px/1.3 var(--texte);letter-spacing:.04em;color:var(--or);font-variant-numeric:tabular-nums}
body.cv3 .lt-jalon h3{margin-top:10px;font:600 18px/1.35 var(--titre);color:#fff}
body.cv3 .lt-jalon p:last-child{margin-top:8px;font-size:14.5px;line-height:1.62;color:rgba(255,255,255,.70)}
body.cv3 .lt-jalon.allume .lt-noeud{background:var(--or);border-color:var(--or)}
body.cv3 .lt-jalon--present .lt-noeud{background:var(--sphere);border:0;width:13px;height:13px;top:-1px;left:-1px}
body.cv3 .lt-jalon--present .lt-noeud::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(251,210,70,.45);animation:aura 2.8s ease-out infinite}
@keyframes aura{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.7);opacity:0}}
/* révélation : les textes montent en fondu derrière le trait */
body.cv3 .lt.pret .lt-jalon > :not(.lt-noeud){opacity:0;transform:translateY(10px);transition:opacity .7s ease, transform .7s ease}
body.cv3 .lt.pret.vu .lt-jalon > :not(.lt-noeud){opacity:1;transform:none;transition-delay:calc(.25s + var(--i) * .3s)}
/* survol : on isole un fonds, le trait se recale sur lui */
body.cv3 .lt:hover .lt-jalon{opacity:.42}
body.cv3 .lt .lt-jalon:hover, body.cv3 .lt .lt-jalon:focus-within{opacity:1}
body.cv3 .lt-jalon:hover .lt-noeud{transform:scale(1.35)}

/* Pourquoi : titre et photo réelle à gauche, trois arguments en filets fins à droite */
body.cv3 .pourquoi-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,88px);align-items:stretch}
body.cv3 .pourquoi-gauche{display:flex;flex-direction:column;gap:32px;min-width:0}
body.cv3 .pourquoi-gauche .pourquoi-photo{margin-top:0}
body.cv3 .pourquoi-photo{position:relative;flex:1;min-height:300px;margin:0;border-radius:var(--rayon);overflow:hidden}
body.cv3 .pourquoi-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 42%;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
body.cv3 .pourquoi-photo:hover img{transform:scale(1.08)}
body.cv3 .pourquoi-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg, rgba(3,14,94,0) 55%, rgba(3,14,94,.28) 100%)}
body.cv3 .arguments{display:flex;flex-direction:column;border-bottom:1px solid var(--filet)}
body.cv3 .argument{position:relative;flex:1;display:grid;grid-template-columns:56px 1fr;gap:6px 28px;padding:34px 0 34px;border-top:1px solid var(--filet)}
body.cv3 .argument::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg, var(--roi), var(--or));transform-origin:left;transform:scaleX(0);transition:transform .9s cubic-bezier(.65,0,.35,1)}
body.cv3 .argument.actif::before, body.cv3 .argument:hover::before{transform:scaleX(1)}
body.cv3 .argument .n{grid-row:span 3;padding-top:4px;font:600 13px/1 var(--titre);color:var(--ardoise);font-variant-numeric:tabular-nums;letter-spacing:.04em;transition:color .5s ease}
body.cv3 .argument .n::after{content:"";display:block;width:6px;height:6px;margin-top:12px;border-radius:50%;background:var(--filet);transition:background .5s ease, transform .5s ease}
body.cv3 .argument.actif .n, body.cv3 .argument:hover .n{color:var(--roi)}
body.cv3 .argument.actif .n::after, body.cv3 .argument:hover .n::after{background:var(--sphere);transform:scale(1.5)}
body.cv3 .argument h3{font:600 clamp(19px,1.6vw,22px)/1.3 var(--titre);color:var(--encre)}
body.cv3 .argument .sous{font:500 14.5px/1.4 var(--texte);color:var(--roi)}
body.cv3 .argument .txt{margin-top:6px;font-size:15.5px;line-height:1.7;color:var(--ardoise)}

/* Portefeuille */
body.cv3 .car-piste .plaque--tout{padding:0;background:var(--roi);border-color:var(--roi);transition:background-color .25s ease, box-shadow .25s ease}
body.cv3 .plaque--tout a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;padding:14px;color:#fff;font:600 15px/1.3 var(--titre);text-align:center}
body.cv3 .plaque--tout .ic{width:22px;height:22px;transition:transform .25s ease}
body.cv3 .plaque--tout:hover{background:var(--roi-vif);box-shadow:0 14px 30px rgba(5,27,184,.3)}
body.cv3 .plaque--tout:hover .ic{transform:translateX(4px)}

/* Publications : une grande actualité à la une, deux brèves en filets, lien de fin de liste */
body.cv3 .actus{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,4vw,56px);align-items:stretch}
body.cv3 .une{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:480px;border-radius:var(--rayon);overflow:hidden;color:#fff;background:var(--nuit)}
body.cv3 .une img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
body.cv3 .une:hover img{transform:scale(1.08)}
body.cv3 .une::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg, rgba(3,14,94,.94) 0%, rgba(3,14,94,.72) 38%, rgba(3,14,94,0) 72%)}
body.cv3 .une-corps{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:clamp(26px,3vw,40px)}
body.cv3 .une .cat{padding:6px 12px;border-radius:999px;background:var(--or);color:var(--nuit);font:600 12.5px/1.2 var(--texte)}
body.cv3 .une h3{font:700 clamp(22px,2.2vw,30px)/1.22 var(--titre);letter-spacing:-.01em;color:#fff}
body.cv3 .une .lien-fleche{color:#fff}
body.cv3 .une .lien-fleche::after{content:"";position:absolute;inset:0}
body.cv3 .une-filet{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg, var(--or-brule), var(--or));transform-origin:left;transform:scaleX(0);transition:transform .8s cubic-bezier(.65,0,.35,1)}
body.cv3 .une:hover .une-filet{transform:scaleX(1)}

body.cv3 .breves{display:flex;flex-direction:column;border-top:1px solid var(--filet)}
body.cv3 .breve{position:relative;flex:1;display:grid;grid-template-columns:minmax(0,1fr) 152px;align-items:center;gap:24px;padding:26px 0;border-bottom:1px solid var(--filet)}
body.cv3 .breve-texte{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0}
body.cv3 .breve .cat{font:600 12.5px/1.2 var(--texte);color:var(--roi)}
body.cv3 .breve h3{font:600 17.5px/1.4 var(--titre);color:var(--encre);background:linear-gradient(var(--roi),var(--roi)) 0 100%/0 1px no-repeat;transition:background-size .5s ease, color .3s ease}
body.cv3 .breve:hover h3{background-size:100% 1px;color:var(--roi)}
body.cv3 .breve .lien-fleche::after{content:"";position:absolute;inset:0}
body.cv3 .breve-visuel{aspect-ratio:4/3;border-radius:var(--rayon);overflow:hidden;background:var(--givre)}
body.cv3 .breve-visuel img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
body.cv3 .breve:hover .breve-visuel img{transform:scale(1.07)}
body.cv3 .breves-tout{position:relative;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 6px;font:600 17px/1.3 var(--titre);color:var(--roi)}
body.cv3 .breves-tout .rond{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--filet);background:#fff;transition:background-color .25s ease, border-color .25s ease, color .25s ease, transform .25s ease}
body.cv3 .breves-tout .rond .ic{width:20px;height:20px}
body.cv3 .breves-tout:hover .rond{background:var(--roi);border-color:var(--roi);color:#fff;transform:translateX(4px)}

/* Appel */
body.cv3 .appel{position:relative;overflow:hidden;background:var(--roi);color:#fff;isolation:isolate}
body.cv3 .appel::before{content:"";position:absolute;z-index:-1;width:min(46vw,560px);aspect-ratio:1;right:-10%;top:50%;transform:translateY(-50%);border-radius:50%;background:var(--sphere);opacity:.95;box-shadow:0 40px 120px rgba(251,210,70,.25)}
body.cv3 .appel::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg, var(--roi) 45%, rgba(5,27,184,.55) 72%, rgba(5,27,184,0) 100%)}
body.cv3 .appel-in{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:32px;align-items:center}
body.cv3 .appel .h2{color:#fff}
body.cv3 .appel .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}

/* Pied de page */
body.cv3 .pied{position:relative;overflow:hidden;background:var(--abysse);color:rgba(255,255,255,.76);font-size:14.5px;isolation:isolate}
body.cv3 .pied::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(40% 60% at 0% 0%, rgba(20,48,214,.35), rgba(20,48,214,0) 70%)}
body.cv3 .pied-haut{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(32px,5vw,80px);padding-block:clamp(56px,7vw,80px) 56px}
body.cv3 .pied-droite{display:flex;flex-direction:column;gap:40px;min-width:0}
body.cv3 .pied-marque{display:flex;flex-direction:column;gap:22px}
body.cv3 .pied-marque > a img{height:52px;width:auto}
body.cv3 .mission{line-height:1.7}
body.cv3 .contacts-pied{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
body.cv3 .carte-bureau{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:var(--rayon);background:rgba(255,255,255,.05);transition:background-color .2s ease}
body.cv3 .carte-bureau:hover{background:rgba(255,255,255,.09)}
body.cv3 .carte-bureau .ville{font:600 15px/1.3 var(--titre);color:#fff;display:flex;align-items:center;gap:8px}
body.cv3 .carte-bureau .ville::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--sphere)}
body.cv3 .carte-bureau a{display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums;white-space:nowrap}
body.cv3 .carte-bureau .ville--suivre::before, body.cv3 .carte-bureau .ville--drapeau::before{display:none}
body.cv3 .carte-bureau .ville--drapeau{gap:10px}
body.cv3 .drapeau{flex:none;height:16px;width:auto;border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.22), 0 2px 6px rgba(0,0,0,.3)}
body.cv3 .carte-bureau a .ic--plein{fill:currentColor;stroke:none}
body.cv3 .carte-bureau a .ic{width:16px;height:16px;color:var(--or)}
body.cv3 .carte-bureau a:hover{color:#fff}
body.cv3 .pied-liens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
body.cv3 .pied-titre{font:600 14px/1.3 var(--titre);color:#fff;margin-bottom:16px}
body.cv3 .pied-liens ul{display:grid;gap:11px}
body.cv3 .pied-liens a{display:inline-flex;align-items:center;gap:6px;transition:color .15s ease, transform .15s ease}
body.cv3 .pied-liens a:hover{color:var(--or);transform:translateX(3px)}
body.cv3 .pied-bas{border-top:1px solid rgba(255,255,255,.10);font-size:13.5px}
body.cv3 .pied-bas .enveloppe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 32px;padding-block:22px}
body.cv3 .pied-bas-droite{display:flex;align-items:center;gap:24px}
body.cv3 .haut-page{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);color:#fff;transition:border-color .2s ease, transform .2s ease}
body.cv3 .haut-page:hover{border-color:var(--or);transform:translateY(-2px)}
body.cv3 .droits{display:flex;flex-wrap:wrap;gap:6px 10px}
body.cv3 .droits a:hover{color:#fff;text-decoration:underline;text-underline-offset:3px}
body.cv3 .droits .sep{opacity:.5}
body.cv3 .credit{display:flex;align-items:center;gap:12px}
body.cv3 .credit-logo{display:grid;place-items:center;padding:6px 8px;background:#fff;border-radius:var(--rayon)}
body.cv3 .credit-logo img{height:22px;width:auto}
body.cv3 .credit-txt{display:grid;line-height:1.4}
body.cv3 .credit-txt a{color:#fff;font-weight:500}
body.cv3 .credit-txt a:hover{text-decoration:underline;text-underline-offset:3px}
body.cv3 .credit-bl{font-size:12.5px;color:rgba(255,255,255,.62)}

/* ---------- Guichet (modale) ---------- */
body.cv3 .guichet{width:min(720px, calc(100vw - 24px));max-height:calc(100svh - 24px);padding:0;border:0;border-radius:var(--rayon);box-shadow:0 40px 120px rgba(3,14,94,.4);color:var(--encre)}
body.cv3 .guichet::backdrop{background:rgba(3,14,94,.55);backdrop-filter:blur(4px)}
body.cv3 .guichet form{display:flex;flex-direction:column;max-height:calc(100svh - 24px)}
body.cv3 .g-tete{position:relative;padding:26px 28px 20px;background:var(--nuit);color:#fff;display:grid;gap:8px}
body.cv3 .g-tete h2{font:700 22px/1.25 var(--titre)}
body.cv3 .g-tete > p{font-size:14.5px;color:rgba(255,255,255,.80)}
body.cv3 .g-fermer{position:absolute;right:16px;top:16px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.25)}
body.cv3 .g-fermer:hover{border-color:var(--or)}
body.cv3 .g-segments{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:10px}
body.cv3 .g-seg{height:4px;border-radius:4px;background:rgba(255,255,255,.18);transition:background-color .25s ease}
body.cv3 .g-seg.fait{background:var(--or)}
body.cv3 .g-etape{display:flex;justify-content:space-between;font-size:13.5px;color:rgba(255,255,255,.85)}
body.cv3 .g-etape span:first-child{font-weight:600;color:#fff}
body.cv3 .g-corps{padding:24px 28px;overflow:auto;flex:1}
body.cv3 .g-ecran{display:none;gap:18px}
body.cv3 .g-ecran.actif{display:grid}
body.cv3 .g-legende{font-size:15px;color:var(--ardoise)}
body.cv3 .g-grille{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
body.cv3 .g-champ{display:grid;gap:6px;min-width:0}
body.cv3 .g-champ--large{grid-column:1/-1}
body.cv3 .g-champ label, body.cv3 .g-groupe legend{font:600 14px/1.35 var(--texte)}
body.cv3 .g-champ input, body.cv3 .g-champ select, body.cv3 .g-champ textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid #C9D0E6;border-radius:var(--rayon);font:400 15px/1.4 var(--texte);color:var(--encre);background:#fff;transition:border-color .15s ease, box-shadow .15s ease}
body.cv3 .g-champ textarea{min-height:110px;resize:vertical}
body.cv3 .g-champ input:focus, body.cv3 .g-champ select:focus, body.cv3 .g-champ textarea:focus{outline:none;border-color:var(--roi);box-shadow:0 0 0 3px rgba(5,27,184,.14)}
body.cv3 .g-aide, body.cv3 .g-compteur{font-size:13px;color:var(--ardoise)}
body.cv3 .g-compteur{justify-self:end;font-variant-numeric:tabular-nums}
body.cv3 .g-montant{display:flex}
body.cv3 .g-montant input{border-top-right-radius:0;border-bottom-right-radius:0}
body.cv3 .g-montant span{display:grid;place-items:center;padding:0 14px;border:1px solid #C9D0E6;border-left:0;border-radius:0 var(--rayon) var(--rayon) 0;background:var(--toile);font-weight:600;font-size:14px;color:var(--ardoise)}
body.cv3 .g-groupe{border:0;padding:0;margin:0;display:grid;gap:10px}
body.cv3 .g-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
body.cv3 .g-options--larges{grid-template-columns:1fr 1fr}
body.cv3 .g-opt{position:relative;display:grid;gap:3px;padding:12px 14px;border:1px solid #C9D0E6;border-radius:var(--rayon);cursor:pointer;transition:border-color .15s ease, background-color .15s ease}
body.cv3 .g-opt input{position:absolute;opacity:0;pointer-events:none}
body.cv3 .g-opt span{font-weight:600;font-size:14.5px}
body.cv3 .g-opt small{font-size:13px;line-height:1.45;color:var(--ardoise)}
body.cv3 .g-opt:hover{border-color:var(--roi)}
body.cv3 .g-opt:has(input:checked){border-color:var(--roi);background:#EEF1FD;box-shadow:inset 0 0 0 1px var(--roi)}
body.cv3 .g-opt:has(input:focus-visible){outline:2px solid var(--roi-vif);outline-offset:2px}
body.cv3 .g-fichiers{display:grid;gap:10px;padding:16px;border:1px dashed #B8C1DE;border-radius:var(--rayon);background:var(--toile)}
body.cv3 .g-fichiers p{font-size:14px;color:var(--ardoise)}
body.cv3 .g-parcourir{justify-self:start}
body.cv3 .g-accord{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5}
body.cv3 .g-accord input{margin-top:3px;width:18px;height:18px;accent-color:var(--roi);flex:none}
body.cv3 .g-note{font-size:13px;color:var(--ardoise)}
body.cv3 .g-piege{position:absolute;left:-9999px}
body.cv3 .g-pied{display:flex;justify-content:space-between;gap:12px;padding:16px 28px;border-top:1px solid var(--filet);background:#fff}
body.cv3 .g-succes{display:none;padding:40px 28px;text-align:center;gap:10px;justify-items:center}
body.cv3 .g-succes.actif{display:grid}
body.cv3 .g-succes .sphere{width:56px;height:56px;border-radius:50%;background:var(--sphere)}
body.cv3 .g-succes b{font:700 20px/1.3 var(--titre)}
body.cv3 .g-succes span{color:var(--ardoise)}

/* ---------- Adaptations ---------- */
@media (max-width:1240px){
  body.cv3 .nav, body.cv3 .entete .btn--entete{display:none}
  body.cv3 .burger{display:inline-flex}
  body.cv3 .pied-haut{grid-template-columns:1fr}
}
@media (max-width:960px){
  body.cv3 .volets{flex-direction:column;height:auto}
  body.cv3 .volet{flex:none;min-height:420px}
  body.cv3 .volet::before{opacity:0}
  body.cv3 .volet::after{opacity:1;background:linear-gradient(0deg, rgba(3,14,94,.95) 0%, rgba(3,14,94,.86) 60%, rgba(3,14,94,.62) 100%)}
  body.cv3 .volet > img{transform:none;filter:none}
  body.cv3 .volet-bouton{display:none}
  body.cv3 .volet-contenu{opacity:1;visibility:visible;transform:none;width:100%}
  body.cv3 .lt{grid-template-columns:1fr;gap:30px;margin-top:44px}
  body.cv3 .lt::before, body.cv3 .lt::after{left:5px;right:auto;top:0;bottom:0;width:1px;height:auto}
  body.cv3 .lt::before{background:rgba(255,255,255,.18)}
  body.cv3 .lt::after{background:linear-gradient(180deg, rgba(251,210,70,.15), var(--or));transform-origin:top;transform:scaleY(var(--trace))}
  body.cv3 .lt.pret::after{transform:scaleY(0)}
  body.cv3 .lt.pret.vu::after{transform:scaleY(var(--trace))}
  body.cv3 .lt-jalon{padding:0 0 0 30px}
  body.cv3 .lt-jalon::before{display:none}
  body.cv3 .lt-noeud{top:4px}
  body.cv3 .lt-jalon--present .lt-noeud{top:3px}
  body.cv3 .lt-jalon h3{margin-top:6px}
  body.cv3 .scene{grid-template-columns:1fr;min-height:0}
  body.cv3 .scene-photos{aspect-ratio:16/10;min-height:0}
  body.cv3 .scene-photo::after{background:linear-gradient(0deg, rgba(3,14,94,.5) 0%, rgba(3,14,94,0) 45%)}
  body.cv3 .bandeau{display:none}
  body.cv3 .chiffres{grid-template-columns:1fr}
  body.cv3 .chiffre{border-left:0;border-top:1px solid rgba(255,255,255,.14);padding:16px 20px}
  body.cv3 .chiffre:first-child{border-top:0}
  body.cv3 .chiffre .jauge{left:20px;right:20px}
  body.cv3 .hero::before{background:linear-gradient(180deg, rgba(7,8,12,.55) 0%, rgba(7,8,12,.70) 45%, rgba(7,8,12,.82) 100%)}
  body.cv3 .confiance-tete, body.cv3 .pourquoi-in, body.cv3 .appel-in{grid-template-columns:1fr}
  body.cv3 .car{--vues:3}
  body.cv3 .pourquoi-photo{flex:none;aspect-ratio:3/2;min-height:0}
  body.cv3 .actus{grid-template-columns:1fr}
  body.cv3 .une{min-height:420px}
  body.cv3 .appel::before{width:320px;right:-140px;top:auto;bottom:-140px;transform:none}
  body.cv3 .pied-liens, body.cv3 .contacts-pied{grid-template-columns:1fr 1fr}
  body.cv3 .g-grille, body.cv3 .g-options--larges{grid-template-columns:1fr}
}
@media (max-width:600px){
  body.cv3 .breve{grid-template-columns:minmax(0,1fr) 104px;gap:16px}
  body.cv3 .une{min-height:380px}
  body.cv3 .hero-in{gap:22px;padding-block:24px 16px}
  body.cv3 .hero-texte{gap:14px}
  body.cv3 .hero .chapo{font-size:15.5px;line-height:1.55}
  body.cv3 .chiffres{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.cv3 .chiffre{display:flex;flex-direction:column;gap:4px;padding:14px 10px 16px;border-top:0;border-left:1px solid rgba(255,255,255,.14)}
  body.cv3 .chiffre:first-child{border-left:0}
  body.cv3 .chiffre .n{font-size:28px;min-width:0}
  body.cv3 .chiffre .q{font-size:12.5px;line-height:1.3}
  body.cv3 .chiffre .p{font-size:11.5px;line-height:1.35}
  body.cv3 .chiffre .jauge{left:10px;right:10px}
  body.cv3 .car{--vues:2;--joint:10px}
  body.cv3 .car-piste{grid-template-rows:repeat(2,104px)}
  body.cv3 .car-fleche{width:46px;height:46px}
  body.cv3 .contacts-pied{grid-template-columns:1fr}
  body.cv3 .btn{white-space:normal;text-align:center;min-height:50px;padding-block:12px}
  body.cv3 .hero .actions .btn, body.cv3 .appel .actions .btn{width:100%}
  body.cv3 .bascule{width:100%}
  body.cv3 .bascule button{min-width:0;padding:0 10px}
  body.cv3 .appel-integre .btn{width:100%}
  body.cv3 .g-pied{padding:14px 18px}
  body.cv3 .g-corps, body.cv3 .g-tete{padding-inline:18px}
}
@media (prefers-reduced-motion:reduce){
  body.cv3 *, body.cv3 *::before, body.cv3 *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}

/* ---------- Parcours « Soumettre votre projet » ---------- */
body.cv3 .pc{width:min(1120px,calc(100vw - 32px));height:min(820px,calc(100svh - 32px));max-width:none;max-height:none;margin:auto;padding:0;border:0;border-radius:var(--rayon);background:#fff;color:var(--encre);box-shadow:0 60px 140px -40px rgba(2,8,51,.7);overflow:hidden}
body.cv3 .pc[open]{animation:pc-ouvre .55s var(--lourd, cubic-bezier(.22,.8,.18,1))}
@keyframes pc-ouvre{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:none}}
body.cv3 .pc::backdrop{background:rgba(2,8,51,.62);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
body.cv3 .pc-form{display:grid;grid-template-columns:320px minmax(0,1fr);height:100%}
body.cv3 .pc-piege{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
body.cv3 .pc-coche{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
body.cv3 .pc-i{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round}

/* volet latéral */
body.cv3 .pc-cote{position:relative;display:flex;flex-direction:column;gap:22px;padding:30px 24px 22px;background:linear-gradient(165deg,var(--nuit),var(--abysse));color:#fff;overflow-x:hidden;overflow-y:auto;isolation:isolate}
body.cv3 .pc-cote::before{content:"";position:absolute;z-index:-1;width:220px;aspect-ratio:1;right:-120px;top:-120px;border-radius:50%;background:var(--sphere);opacity:.85}
body.cv3 .pc-titre{font:700 21px/1.2 var(--titre);letter-spacing:-.02em}
body.cv3 .pc-sous{margin-top:-14px;font-size:13px;line-height:1.45;color:rgba(255,255,255,.7)}
body.cv3 .pc-mobile-etat{display:none}
body.cv3 .pc-pas-liste{list-style:none;margin:0;padding:0;display:grid;gap:2px}
body.cv3 .pc-pas button{all:unset;box-sizing:border-box;display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;align-items:start;width:100%;padding:8px 8px;border-radius:var(--rayon);cursor:default;color:rgba(255,255,255,.5);transition:background-color .3s ease, color .3s ease}
body.cv3 .pc-pas button:not(:disabled){cursor:pointer;color:rgba(255,255,255,.86)}
body.cv3 .pc-pas button:not(:disabled):hover{background:rgba(255,255,255,.06)}
body.cv3 .pc-pas button:focus-visible{outline:2px solid var(--or);outline-offset:1px}
body.cv3 .pc-pas-n{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--rayon);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28);font:600 13px/1 var(--titre);transition:background-color .4s ease, box-shadow .4s ease, color .4s ease}
body.cv3 .pc-pas-n .pc-coche{width:14px;height:14px}
body.cv3 .pc-pas-t b{display:block;font:600 14px/1.3 var(--titre)}
body.cv3 .pc-pas-t small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.5)}
body.cv3 .pc-pas.fait .pc-pas-n{background:rgba(251,210,70,.16);box-shadow:inset 0 0 0 1.5px var(--or);color:var(--or)}
body.cv3 .pc-pas.courant button{background:rgba(255,255,255,.08);color:#fff}
body.cv3 .pc-pas.courant .pc-pas-n{background:var(--or);box-shadow:none;color:var(--nuit)}
body.cv3 .pc-pas.courant .pc-pas-t small{color:rgba(255,255,255,.72)}
body.cv3 .pc-pas:not(.courant) .pc-pas-t small{display:none}
body.cv3 .pc-pas button{align-items:center}
body.cv3 .pc-conditions{padding:16px;border-radius:var(--rayon);background:rgba(255,255,255,.06)}
body.cv3 .pc-conditions-tete, body.cv3 .pc-pourquoi-tete{font:600 12.5px/1 var(--texte);letter-spacing:.02em;color:rgba(255,255,255,.7)}
body.cv3 .pc-conditions ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:10px}
body.cv3 .pc-conditions li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;align-items:start}
body.cv3 .pc-conditions b{display:block;font:600 13.5px/1.2 var(--titre)}
body.cv3 .pc-conditions small{display:block;margin-top:2px;font-size:12px;line-height:1.4;color:rgba(255,255,255,.62)}
body.cv3 .pc-feu{width:10px;height:10px;margin-top:4px;border-radius:50%;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.35);transition:background-color .4s ease, box-shadow .4s ease}
body.cv3 .pc-conditions li[data-ok="1"] .pc-feu{background:#3DDC97;box-shadow:0 0 0 4px rgba(61,220,151,.18)}
body.cv3 .pc-conditions li[data-ok="0"] .pc-feu{background:#FF7A6B;box-shadow:0 0 0 4px rgba(255,122,107,.2)}
body.cv3 .pc-conditions li[data-ok="1"] small{color:#A9F0CF}
body.cv3 .pc-conditions li[data-ok="0"] small{color:#FFC2BA}
body.cv3 .pc-pourquoi{margin-top:auto;display:grid;gap:8px}
body.cv3 .pc-pourquoi-tete{display:inline-flex;align-items:center;gap:8px}
body.cv3 .pc-pourquoi p[data-pour]{display:none;font-size:13px;line-height:1.6;color:rgba(255,255,255,.82)}
body.cv3 .pc-pourquoi p[data-pour].actif{display:block;animation:pc-fondu .5s ease}
@keyframes pc-fondu{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
body.cv3 .pc-brouillon{min-height:16px;font-size:12px;color:rgba(255,255,255,.55)}

/* partie principale */
body.cv3 .pc-principal{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0}
body.cv3 .pc-barre-haut{display:flex;align-items:center;gap:16px;padding:16px 20px 0 40px}
body.cv3 .pc-progression{flex:1;height:4px;border-radius:2px;background:var(--givre);overflow:hidden}
body.cv3 .pc-progression span{display:block;height:100%;background:linear-gradient(90deg,var(--roi),var(--roi-vif));transform-origin:left;transform:scaleX(var(--avance,0));transition:transform .7s cubic-bezier(.22,.8,.18,1)}
body.cv3 .pc-fermer{all:unset;display:grid;place-items:center;width:38px;height:38px;border-radius:var(--rayon);cursor:pointer;color:var(--ardoise);transition:background-color .3s ease, color .3s ease}
body.cv3 .pc-fermer svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
body.cv3 .pc-fermer:hover{background:var(--toile);color:var(--encre)}
body.cv3 .pc-fermer:focus-visible{outline:2px solid var(--roi)}
body.cv3 .pc-corps{overflow-y:auto;padding:18px 40px 28px;scroll-behavior:smooth}
body.cv3 .pc-ecran{display:none}
body.cv3 .pc-ecran.actif{display:grid;gap:22px;animation:pc-entre .5s cubic-bezier(.22,.8,.18,1)}
body.cv3 .pc-ecran.actif.recul{animation-name:pc-entre-recul}
@keyframes pc-entre{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
@keyframes pc-entre-recul{from{opacity:0;transform:translateX(-28px)}to{opacity:1;transform:none}}
body.cv3 .pc-ecran-tete{display:grid;gap:6px}
body.cv3 .pc-ecran-num{font:600 12.5px/1 var(--texte);color:var(--or-brule)}
body.cv3 .pc-ecran-tete h3{font:700 clamp(24px,2.2vw,30px)/1.15 var(--titre);letter-spacing:-.025em;color:var(--encre);outline:0}
body.cv3 .pc-ecran-tete > p:last-child{font-size:15px;line-height:1.6;color:var(--ardoise)}

body.cv3 .pc-grille{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 18px}
body.cv3 .pc-champ{display:grid;gap:7px;align-content:start}
body.cv3 .pc-champ--large{grid-column:1 / -1}
body.cv3 .pc-champ label, body.cv3 .pc-label, body.cv3 .pc-groupe legend{font:600 13.5px/1.3 var(--texte);color:var(--encre)}
body.cv3 .pc-champ i, body.cv3 .pc-groupe i, body.cv3 .pc-bascule i{font-style:normal;color:var(--or-brule)}
body.cv3 .pc-champ input, body.cv3 .pc-champ select, body.cv3 .pc-champ textarea, body.cv3 .pc-tel select{width:100%;box-sizing:border-box;padding:12px 14px;border:0;border-radius:var(--rayon);background:var(--toile);font:400 15px/1.4 var(--texte);color:var(--encre);box-shadow:inset 0 0 0 1px transparent;transition:box-shadow .25s ease, background-color .25s ease}
body.cv3 .pc-champ select, body.cv3 .pc-tel select{appearance:none;-webkit-appearance:none;padding-right:38px;background:var(--toile) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23051BB8' stroke-width='1.6'/%3E%3C/svg%3E") right 14px center/12px 8px no-repeat}
body.cv3 .pc-champ textarea{resize:vertical;min-height:150px;line-height:1.6}
body.cv3 .pc-champ input::placeholder, body.cv3 .pc-champ textarea::placeholder{color:#8A93AE}
body.cv3 .pc-champ input:focus, body.cv3 .pc-champ select:focus, body.cv3 .pc-champ textarea:focus, body.cv3 .pc-tel select:focus{outline:0;background-color:#fff;box-shadow:inset 0 0 0 2px var(--roi)}
body.cv3 .pc-champ [aria-invalid="true"]{box-shadow:inset 0 0 0 2px #D64545;background-color:#FFF6F5}
body.cv3 .pc-aide{font-size:12.5px;line-height:1.5;color:var(--ardoise)}
body.cv3 .pc-erreur{font-size:12.5px;line-height:1.4;color:#B42318;font-weight:600}
body.cv3 .pc-erreur:empty{display:none}
body.cv3 .pc-montant{position:relative;display:block}
body.cv3 .pc-montant input{padding-right:62px;font-variant-numeric:tabular-nums}
body.cv3 .pc-dev{position:absolute;right:12px;top:50%;transform:translateY(-50%);padding:3px 7px;border-radius:3px;background:#fff;font:600 12px/1 var(--texte);color:var(--roi)}
body.cv3 .pc-tel{display:grid;grid-template-columns:150px minmax(0,1fr);gap:8px}

body.cv3 .pc-groupe{margin:0;padding:0;border:0;display:grid;gap:10px}
body.cv3 .pc-groupe .pc-aide{margin-top:-4px}
body.cv3 .pc-options{display:grid;gap:8px}
body.cv3 .pc-groupe--ligne .pc-options{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
body.cv3 .pc-groupe--cartes .pc-options{grid-template-columns:repeat(2,minmax(0,1fr))}
body.cv3 .pc-groupe--puces .pc-options{display:flex;flex-wrap:wrap}
body.cv3 .pc-opt{position:relative;display:block;cursor:pointer}
body.cv3 .pc-opt input{position:absolute;opacity:0;pointer-events:none}
body.cv3 .pc-opt > span{display:grid;gap:4px;height:100%;box-sizing:border-box;padding:12px 14px;border-radius:var(--rayon);background:var(--toile);transition:background-color .3s ease, box-shadow .3s ease, transform .3s ease}
body.cv3 .pc-opt b{display:flex;align-items:center;gap:10px;font:600 14px/1.3 var(--titre);color:var(--encre)}
body.cv3 .pc-opt b .pc-coche{flex:none;width:18px;height:18px;padding:3px;box-sizing:border-box;border-radius:3px;box-shadow:inset 0 0 0 1.5px #9AA6CC;stroke:transparent;transition:background-color .3s ease, box-shadow .3s ease, stroke .3s ease}
body.cv3 .pc-opt input[type="radio"] + span b .pc-coche{border-radius:50%}
body.cv3 .pc-opt small{padding-left:28px;font-size:12.5px;line-height:1.5;color:var(--ardoise)}
body.cv3 .pc-opt:hover > span{background:var(--givre)}
body.cv3 .pc-opt input:focus-visible + span{outline:2px solid var(--roi);outline-offset:2px}
body.cv3 .pc-opt input:checked + span{background:#EAF0FF;box-shadow:inset 0 0 0 2px var(--roi)}
body.cv3 .pc-opt input:checked + span .pc-coche{background:var(--roi);box-shadow:none;stroke:#fff}
body.cv3 .pc-groupe--puces .pc-opt > span{padding:9px 12px}
body.cv3 .pc-groupe--puces .pc-opt b{font-size:13.5px}
body.cv3 .pc-opt--hors > span{background:#fff;box-shadow:inset 0 0 0 1px var(--filet)}
body.cv3 .pc-opt--hors b{color:var(--ardoise);font-weight:500}
body.cv3 .pc-opt--hors input:checked + span{background:#FFF6F5;box-shadow:inset 0 0 0 2px #D64545}
body.cv3 .pc-opt--hors input:checked + span .pc-coche{background:#D64545}
body.cv3 .pc-groupe[aria-invalid="true"] .pc-opt > span{box-shadow:inset 0 0 0 1.5px #E59A93}

body.cv3 .pc-bascule{position:relative;display:block;cursor:pointer}
body.cv3 .pc-bascule input{position:absolute;opacity:0;pointer-events:none}
body.cv3 .pc-bascule span{display:grid;grid-template-columns:20px minmax(0,1fr);gap:12px;align-items:start;font-size:14px;line-height:1.5;color:var(--encre)}
body.cv3 .pc-bascule .pc-coche{width:20px;height:20px;padding:4px;box-sizing:border-box;border-radius:3px;box-shadow:inset 0 0 0 1.5px #9AA6CC;stroke:transparent;transition:background-color .3s ease, stroke .3s ease, box-shadow .3s ease}
body.cv3 .pc-bascule input:checked + span .pc-coche{background:var(--roi);box-shadow:none;stroke:#fff}
body.cv3 .pc-bascule input:focus-visible + span{outline:2px solid var(--roi);outline-offset:3px}
body.cv3 .pc-consent span{font-size:13px;color:var(--ardoise)}

body.cv3 .pc-signal{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;align-items:start;padding:14px 16px;border-radius:var(--rayon);font-size:14px;line-height:1.55;animation:pc-fondu .4s ease}
body.cv3 .pc-signal::before{content:"";width:28px;height:28px;border-radius:50%;background:center/14px no-repeat}
body.cv3 .pc-signal b{display:block;margin-bottom:2px;font:600 14.5px/1.3 var(--titre)}
body.cv3 .pc-signal[hidden]{display:none}
body.cv3 .pc-signal--ok{background:#ECFBF4;color:#0E5C3A}
body.cv3 .pc-signal--ok::before{background-color:#3DDC97;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6.2l2.4 2.4 4.6-4.9' fill='none' stroke='%23053B24' stroke-width='1.8'/%3E%3C/svg%3E")}
body.cv3 .pc-signal--non{background:#FFF1EF;color:#7A1F14}
body.cv3 .pc-signal--non::before{background-color:#FF7A6B;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 3l6 6M9 3L3 9' fill='none' stroke='%23fff' stroke-width='1.8'/%3E%3C/svg%3E")}
body.cv3 .pc-signal--info{background:#FFF8E1;color:#5A3A05}
body.cv3 .pc-signal--info::before{background-color:var(--or);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M6 5.2v3.6M6 3.2v.1' fill='none' stroke='%23030E5E' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E")}
body.cv3 .pc-signal a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* jauge du seuil */
body.cv3 .pc-seuil{display:grid;gap:10px;padding:16px 18px;border-radius:var(--rayon);background:var(--toile)}
body.cv3 .pc-seuil-piste{position:relative;height:10px;border-radius:5px;background:#fff;box-shadow:inset 0 0 0 1px var(--filet)}
body.cv3 .pc-seuil-jauge{position:absolute;left:0;top:0;bottom:0;width:100%;border-radius:5px;background:linear-gradient(90deg,#9AA6CC,#9AA6CC);transform-origin:left;transform:scaleX(var(--seuil,0));transition:transform .6s cubic-bezier(.22,.8,.18,1), background .4s ease}
body.cv3 .pc-seuil.ok .pc-seuil-jauge{background:linear-gradient(90deg,var(--or-brule),var(--or))}
body.cv3 .pc-seuil.non .pc-seuil-jauge{background:linear-gradient(90deg,#E59A93,#FF7A6B)}
body.cv3 .pc-seuil-repere{position:absolute;left:50%;top:-6px;bottom:-6px;width:2px;background:var(--roi)}
body.cv3 .pc-seuil-repere i{position:absolute;left:50%;top:-22px;transform:translateX(-50%);font:600 11.5px/1 var(--texte);font-style:normal;color:var(--roi);white-space:nowrap}
body.cv3 .pc-seuil{padding-top:30px}
body.cv3 .pc-seuil-texte{font-size:13.5px;line-height:1.55;color:var(--ardoise)}
body.cv3 .pc-seuil.ok .pc-seuil-texte{color:#0E5C3A}
body.cv3 .pc-seuil.non .pc-seuil-texte{color:#7A1F14}

/* projet */
body.cv3 .pc-pistes{margin:2px 0 4px;padding:12px 14px 12px 32px;border-radius:var(--rayon);background:#FFF8E1;font-size:13.5px;line-height:1.6;color:#5A3A05}
body.cv3 .pc-depot{position:relative;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:18px;border-radius:var(--rayon);background:var(--toile);box-shadow:inset 0 0 0 1.5px var(--filet);cursor:pointer;transition:background-color .3s ease, box-shadow .3s ease}
body.cv3 .pc-depot input{position:absolute;inset:0;opacity:0;cursor:pointer}
body.cv3 .pc-depot:hover, body.cv3 .pc-depot.survol{background:#EAF0FF;box-shadow:inset 0 0 0 2px var(--roi)}
body.cv3 .pc-depot.plein{background:#ECFBF4;box-shadow:inset 0 0 0 2px #3DDC97}
body.cv3 .pc-depot:focus-within{box-shadow:inset 0 0 0 2px var(--roi)}
body.cv3 .pc-depot-picto{display:grid;place-items:center;width:48px;height:48px;border-radius:var(--rayon);background:#fff;color:var(--roi)}
body.cv3 .pc-depot-picto svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
body.cv3 .pc-depot-texte b{display:block;font:600 14.5px/1.35 var(--titre);color:var(--encre);word-break:break-word}
body.cv3 .pc-depot-texte small{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:var(--ardoise)}

/* accueil */
body.cv3 .pc-accueil{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:14px}
body.cv3 .pc-accueil-bloc{display:grid;gap:14px;align-content:start;padding:22px;border-radius:var(--rayon);background:var(--toile)}
body.cv3 .pc-accueil-bloc--bleu{background:linear-gradient(150deg,var(--roi),var(--nuit));color:#fff}
body.cv3 .pc-accueil-tete{font:600 16px/1.3 var(--titre)}
body.cv3 .pc-trois{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:t}
body.cv3 .pc-trois li{position:relative;display:grid;gap:3px;padding:12px 14px 12px 46px;border-radius:var(--rayon);background:rgba(255,255,255,.08)}
body.cv3 .pc-trois li::before{counter-increment:t;content:counter(t);position:absolute;left:14px;top:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:3px;background:var(--or);color:var(--nuit);font:700 12px/1 var(--titre)}
body.cv3 .pc-trois b{font:700 16px/1.25 var(--titre);color:var(--or)}
body.cv3 .pc-trois span{font-size:13px;line-height:1.45;color:rgba(255,255,255,.82)}
body.cv3 .pc-accueil-pied{font-size:13px;color:rgba(255,255,255,.75)}
body.cv3 .pc-utile{list-style:none;margin:0;padding:0;display:grid;gap:10px}
body.cv3 .pc-utile li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;font-size:14px;line-height:1.5;color:#2C3352}
body.cv3 .pc-utile .pc-coche{width:20px;height:20px;padding:4px;box-sizing:border-box;border-radius:3px;background:#fff;stroke:var(--roi)}
/* ⭐ Le filtre d eligibilite : les deux conditions se posent ici, avant tout
   le reste. Fond blanc et filet, pour qu il se lise comme un formulaire et
   non comme un encart d information. */
body.cv3 .pc-filtre{display:grid;gap:14px;margin-top:14px;padding:22px;border-radius:var(--rayon);border:1px solid var(--filet);background:#fff}
body.cv3 .pc-filtre .pc-accueil-tete{color:var(--encre)}
body.cv3 .pc-filtre .pc-seuil{margin-top:0}
body.cv3 .pc-reprise{padding:12px 14px;border-radius:var(--rayon);background:#FFF8E1;font-size:14px;color:#5A3A05}
body.cv3 .pc-reprise button{all:unset;cursor:pointer;margin-left:6px;font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* récapitulatif */
body.cv3 .pc-verdict:empty{display:none}
body.cv3 .pc-recap{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.cv3 .pc-recap-bloc{display:grid;gap:10px;align-content:start;padding:18px;border-radius:var(--rayon);background:var(--toile)}
body.cv3 .pc-recap-bloc header{display:flex;justify-content:space-between;align-items:center;gap:10px}
body.cv3 .pc-recap-bloc header b{font:600 15px/1.2 var(--titre)}
body.cv3 .pc-recap-bloc header button{all:unset;cursor:pointer;font:600 13px/1 var(--texte);color:var(--roi)}
body.cv3 .pc-recap-bloc header button:hover{text-decoration:underline}
body.cv3 .pc-recap-bloc header button:focus-visible{outline:2px solid var(--roi);outline-offset:3px}
body.cv3 .pc-recap-bloc dl{margin:0;display:grid;gap:6px}
body.cv3 .pc-recap-bloc dl div{display:grid;grid-template-columns:130px minmax(0,1fr);gap:10px;font-size:13.5px;line-height:1.45}
body.cv3 .pc-recap-bloc dt{color:var(--ardoise)}
body.cv3 .pc-recap-bloc dd{margin:0;color:var(--encre);font-weight:500;word-break:break-word}
body.cv3 .pc-recap-bloc--large{grid-column:1 / -1}

/* confirmation */
body.cv3 .pc-succes.actif{justify-items:start}
body.cv3 .pc-succes-picto svg{width:64px;height:64px;fill:none;stroke:#3DDC97;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
body.cv3 .pc-succes-picto circle{stroke-dasharray:132;stroke-dashoffset:132;animation:pc-trace 1s cubic-bezier(.65,0,.35,1) .1s forwards}
body.cv3 .pc-succes-picto path{stroke-dasharray:30;stroke-dashoffset:30;animation:pc-trace .6s cubic-bezier(.65,0,.35,1) .8s forwards}
@keyframes pc-trace{to{stroke-dashoffset:0}}
body.cv3 .pc-suite{list-style:none;margin:0;padding:0;display:grid;gap:10px;counter-reset:s;width:100%}
body.cv3 .pc-suite li{position:relative;display:grid;gap:3px;padding:14px 16px 14px 52px;border-radius:var(--rayon);background:var(--toile)}
body.cv3 .pc-suite li::before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:14px;display:grid;place-items:center;width:24px;height:24px;border-radius:3px;background:var(--roi);color:#fff;font:700 12px/1 var(--titre)}
body.cv3 .pc-suite b{font:600 15px/1.3 var(--titre)}
body.cv3 .pc-suite span{font-size:13.5px;line-height:1.55;color:var(--ardoise)}
body.cv3 .pc-succes-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px}

/* pied */
body.cv3 .pc-pied{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 40px;border-top:1px solid var(--filet);background:#fff}
body.cv3 .pc-pied[hidden]{display:none}
body.cv3 .pc-prec{all:unset;display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--rayon);cursor:pointer;font:600 14px/1 var(--texte);color:var(--ardoise);transition:background-color .3s ease, color .3s ease}
body.cv3 .pc-prec .ic{width:15px;height:15px;transform:rotate(180deg)}
body.cv3 .pc-prec:hover{background:var(--toile);color:var(--encre)}
body.cv3 .pc-prec:focus-visible{outline:2px solid var(--roi)}
body.cv3 .pc-prec[hidden]{display:inline-flex;visibility:hidden}
body.cv3 .pc-pied-etat{flex:1;text-align:right;font-size:13px;color:var(--ardoise)}
body.cv3 .pc-pied-etat.alerte{color:#B42318;font-weight:600}
body.cv3 .pc-suite-btn{white-space:nowrap}
body.cv3 .pc-suite-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}

@media (max-width:900px){
  body.cv3 .pc{width:100vw;height:100svh;max-height:100svh;border-radius:0;margin:0}
  body.cv3 .pc-form{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}
  body.cv3 .pc-cote{flex-direction:row;flex-wrap:wrap;align-items:center;gap:6px 12px;padding:14px 18px 12px;overflow:visible}
  body.cv3 .pc-cote::before{display:none}
  body.cv3 .pc-titre{font-size:17px}
  body.cv3 .pc-sous, body.cv3 .pc-pas-liste, body.cv3 .pc-pourquoi, body.cv3 .pc-brouillon{display:none}
  body.cv3 .pc-mobile-etat{display:flex;align-items:center;gap:10px;width:100%;font:600 13px/1.2 var(--titre);color:rgba(255,255,255,.85)}
  body.cv3 .pc-mobile-jauge{flex:0 0 90px;height:4px;border-radius:2px;background:rgba(255,255,255,.18);overflow:hidden}
  body.cv3 .pc-mobile-jauge span{display:block;height:100%;background:var(--or);transform-origin:left;transform:scaleX(var(--avance,0));transition:transform .6s ease}
  body.cv3 .pc-conditions{width:100%;padding:10px 12px}
  body.cv3 .pc-conditions-tete{display:none}
  body.cv3 .pc-conditions ul{margin:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  body.cv3 .pc-conditions small{display:none}
  body.cv3 .pc-conditions b{font-size:12.5px}
  body.cv3 .pc-barre-haut{position:absolute;right:8px;top:8px;padding:0;z-index:2}
  body.cv3 .pc-progression{display:none}
  body.cv3 .pc-fermer{color:#fff}
  body.cv3 .pc-fermer:hover{background:rgba(255,255,255,.1);color:#fff}
  body.cv3 .pc-principal{grid-template-rows:minmax(0,1fr) auto}
  body.cv3 .pc-corps{padding:20px 18px 24px}
  body.cv3 .pc-pied{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}
  body.cv3 .pc-pied-etat{display:none}
  body.cv3 .pc-accueil, body.cv3 .pc-recap{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:600px){
  body.cv3 .pc-grille, body.cv3 .pc-groupe--cartes .pc-options{grid-template-columns:minmax(0,1fr)}
  body.cv3 .pc-groupe--ligne .pc-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  body.cv3 .pc-tel{grid-template-columns:118px minmax(0,1fr)}
  body.cv3 .pc-recap-bloc dl div{grid-template-columns:minmax(0,1fr);gap:0}
}
@media (prefers-reduced-motion:reduce){
  body.cv3 .pc[open], body.cv3 .pc-ecran.actif, body.cv3 .pc-signal, body.cv3 .pc-pourquoi p[data-pour].actif{animation:none}
}

/* bouton de soumission dans l'en-tête et le tiroir */
body.cv3 .entete .btn--entete{white-space:nowrap}
body.cv3 .entete .btn--entete .ic{width:15px;height:15px}
body.cv3 .tiroir-soumettre{margin-top:18px;width:100%;justify-content:center}
body.cv3 .tiroir-contact{margin-top:10px;width:100%;justify-content:center}

/* ---------- carte de l'Afrique en filigrane (module _carte.py) ---------- */
body.cv3 .carte{position:absolute;z-index:-1;pointer-events:none;overflow:visible}
body.cv3 .carte path{stroke-width:.8;stroke-linejoin:round}
body.cv3 .carte--autre path{fill:rgba(255,255,255,.035);stroke:rgba(255,255,255,.07)}
body.cv3 .carte--franco path{fill:rgba(255,255,255,.08);stroke:rgba(255,255,255,.16)}
body.cv3 .carte--zone path{fill:rgba(255,255,255,.13);stroke:rgba(255,255,255,.26)}
body.cv3 .carte--uemoa path{fill:rgba(255,255,255,.2);stroke:rgba(251,210,70,.7);stroke-width:1.1}
body.cv3 .carte--vif path{fill:rgba(255,255,255,.26);stroke:rgba(251,210,70,.85);stroke-width:1.3}
body.cv3 .carte-epingle circle{fill:var(--or);stroke:var(--nuit);stroke-width:2.5}
body.cv3 .carte-epingle .carte-onde{fill:none;stroke:var(--or);stroke-width:2;transform-box:fill-box;transform-origin:center;animation:carte-onde 2.4s ease-out infinite}
body.cv3 .carte-epingle text{font:700 26px/1 var(--titre);fill:#fff;paint-order:stroke;stroke:rgba(3,14,94,.85);stroke-width:6px;stroke-linejoin:round}
@keyframes carte-onde{0%{opacity:.9;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
@media (prefers-reduced-motion:reduce){body.cv3 .carte-epingle .carte-onde{animation:none;opacity:0}}
/* carte : accueil */
body.cv3 .generations{overflow:hidden}
body.cv3 .generations .carte--generations{right:2%;top:50%;height:112%;width:auto;transform:translateY(-50%)}
@media (max-width:960px){body.cv3 .generations .carte--generations{right:auto;left:50%;top:auto;bottom:-4%;height:auto;width:120%;transform:translateX(-50%)}}

/* ============================================================
 * Trois visages de l equipe, sur l accueil
 * ⭐ La section vit sur l accueil, qui n a PAS de feuille propre :
 * ses regles sont donc dans le socle, toutes scopees par
 * `.eq-trio-sec` pour ne rien repandre ailleurs.
 * ============================================================ */
body.cv3 .eq-trio-tete{display:grid;gap:14px;max-width:760px;margin-bottom:clamp(28px,3.4vw,44px)}
body.cv3 .eq-trio{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,1.8vw,26px)}
body.cv3 .eq-trio-fiche > a{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:20px;height:100%;padding:18px 22px 18px 18px;border-radius:var(--rayon);background:rgba(255,255,255,.055);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1);text-decoration:none;color:inherit;transition:background .5s var(--lourd), box-shadow .5s var(--lourd), transform .5s var(--lourd)}
body.cv3 .eq-trio-fiche > a:hover{background:rgba(255,255,255,.09);box-shadow:inset 0 0 0 1px rgba(251,210,70,.5);transform:translateY(-4px)}
body.cv3 .eq-trio-photo{display:block;width:96px;height:96px;border-radius:50%;overflow:hidden;background:rgba(255,255,255,.08)}
body.cv3 .eq-trio-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
body.cv3 .eq-trio-txt{display:grid;gap:5px;min-width:0}
body.cv3 .eq-trio-txt b{font:600 clamp(16px,1.15vw,18px)/1.3 var(--titre);color:#fff}
body.cv3 .eq-trio-role{font:400 13.5px/1.45 var(--texte);color:rgba(255,255,255,.72)}
body.cv3 .eq-trio-lire{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font:600 13px/1 var(--texte);color:var(--or)}
body.cv3 .eq-trio-lire .ic{width:14px;height:14px;transition:transform .45s var(--lourd)}
body.cv3 .eq-trio-fiche > a:hover .eq-trio-lire .ic{transform:translateX(4px)}
body.cv3 .eq-trio-pied{margin:clamp(26px,3vw,38px) 0 0}
@media (max-width:1100px){body.cv3 .eq-trio{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){body.cv3 .eq-trio{grid-template-columns:minmax(0,1fr)}
body.cv3 .eq-trio-fiche > a{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:14px 18px 14px 14px}
body.cv3 .eq-trio-photo{width:72px;height:72px}}
@media (prefers-reduced-motion:reduce){body.cv3 .eq-trio-fiche > a,
  body.cv3 .eq-trio-lire .ic{transition:none}}


/* ⛔⛔ MESURE DU 05/11/2026 : `.ac-natures` est une grille FIGEE a quatre
   colonnes. Les natures d operation etant passees de quatre a DEUX, elle
   laissait 647 px de vide a droite sur une enveloppe de 1280, soit la
   moitie de la composition. La grille suit desormais le NOMBRE de cartes.

   ⭐ `:has()` prend la specificite de son argument : 0,4,1 ici, contre
   0,2,1 pour la regle de page. Elle gagne quel que soit l ordre de
   chargement, et il y a quatorze feuilles qui declarent `.ac-natures`.

   ⛔ D ou le pendant sous 760 px : sans lui, ma regle plus specifique
   ecraserait le passage a une colonne que les feuilles de page posent dans
   leur media query. Entre 761 px et la tablette, les deux disent deja deux
   colonnes : rien a ajouter.

   ⛔ Aucune regle pour trois cartes : aucune page n en porte. On n ecrit
   pas de CSS pour un cas qui n existe pas. */
body.cv3 .ac-natures:has(> :nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:760px){body.cv3 .ac-natures:has(> :nth-child(2):last-child){grid-template-columns:minmax(0,1fr)}}


/* ⛔⛔ MESURE DU 05/11/2026, retour client « trop blanches et pas
   dynamiques ». La carte est blanche sur un fond `--toile` : **1,09:1**. La
   tuile du picto est en `--toile` sur blanc : le meme **1,09:1**. Deux
   surfaces qui ne se detachent de rien, l une dans l autre.

   ⛔ Le SURVOL n y etait pour rien : il souleve deja la carte, balaie un
   degrade, bleuit la tuile et fait glisser la fleche. C est l etat AU REPOS
   qui etait plat. Mesurer avant d accuser l animation.

   ⭐ Aucun contour, aucun lisere d accent sur la carte : la profondeur vient
   d une ombre portee, et la couleur d une teinte sur la tuile du picto, qui
   passe de 1,09:1 a 1,32:1. Le survol garde sa course vers le bleu plein.

   ⛔ Specificite : les regles de page valent 0,2,1 et sont chargees APRES
   celle-ci. Il faut donc 0,3,2 pour passer devant, d ou le `a` intercale. */
body.cv3 .ac-nature a{box-shadow:0 16px 34px -20px rgba(3,14,94,.42)}
body.cv3 .ac-nature a .ac-nature-picto{background:rgba(5,27,184,.14)}