:root{--ink:#1d1d1f;--mut:#6e6e73;--card:#FFFFFF;--line:#061F4A;--blue:#3DD6E6;--em:#061F4A;--em2:#0A6E84;--lime:#3DD6E6;--coral:#00B5C8;--sun:#3DD6E6;--sky:#00B5C8;--mint:#00B5C8;--pink:#5A7AA8;--violet:#5A7AA8;--r:22px}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font:16px/1.45 -apple-system,BlinkMacSystemFont,"SF Pro Rounded","SF Pro Display","Segoe UI",system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}
aside{position:sticky;top:0;height:100vh;padding:22px 16px;background:linear-gradient(180deg,#FFFFFF,#FFFFFF 70%);border-right:1px solid #1F6BFF;display:flex;flex-direction:column;gap:6px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;margin:2px 8px 18px}.logo{width:34px;height:34px;border-radius:11px;background:conic-gradient(from 210deg,var(--coral),var(--sun),var(--mint),var(--sky),var(--coral));display:grid;place-items:center;color:#fff;font-size:18px;box-shadow:0 6px 14px #00B5C844}
aside button.nav{all:unset;cursor:pointer;display:flex;gap:12px;align-items:center;padding:11px 14px;border-radius:14px;font-weight:600;color:#2b3a4a}aside button.nav:hover{background:#ffffffaa}aside button.nav.on{background:#fff;color:#061F4A;box-shadow:0 2px 10px #5aa9ff22}
aside .who{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px 8px;font-weight:600}.av{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-weight:800;color:#fff;font-size:14px;flex:none}
main{padding:34px 40px 70px;max-width:1240px;width:100%}h1{font-size:44px;line-height:1.05;letter-spacing:-.035em;margin:0 0 20px;font-weight:800}h2{font-size:26px;letter-spacing:-.025em;margin:44px 0 16px;font-weight:800}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--mut)}
.hero{position:relative;overflow:hidden;border-radius:26px;min-height:360px;padding:38px 42px;color:#fff;background:#061F4A}
.hero h2{font-size:42px;line-height:1.05;margin:12px 0 10px;max-width:560px;color:#fff}.hero p{max-width:470px;color:#FFC93C;margin:0 0 26px}.hero .eyebrow{color:#3DD6E6}
.stats{display:flex;gap:34px;flex-wrap:wrap;position:relative;z-index:2}.stats b{display:block;font-size:40px;letter-spacing:-.03em;line-height:1}.stats span{font-size:13px;color:#b8dccd}
.gem{position:absolute;border-radius:28px;transform:rotate(var(--rot));box-shadow:8px 8px 0 #061F4A}
.g1{right:8%;top:14%;width:210px;height:210px;--rot:18deg;background:#061F4A}.g2{right:25%;bottom:-40px;width:150px;height:150px;--rot:-14deg;background:#061F4A}.g3{right:2%;bottom:10%;width:110px;height:110px;--rot:32deg;background:#061F4A}.g4{right:30%;top:8%;width:70px;height:70px;--rot:-24deg;background:#061F4A}
.grid2{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr))}.card{background:var(--card);border-radius:var(--r);padding:24px 26px;position:relative}.card h3{margin:2px 0 14px;font-size:22px;letter-spacing:-.02em}
.bar{height:12px;border-radius:8px;background:#061F4A;overflow:hidden;margin:5px 0 12px}.bar i{display:block;height:100%;border-radius:8px}.row2{display:flex;justify-content:space-between;font-size:14px;color:var(--mut)}.row2 b{color:var(--ink)}
.bulles{display:flex;flex-wrap:wrap;gap:10px}.bulle{border-radius:40px;padding:9px 18px;font-weight:700;color:#fff;display:flex;gap:8px;align-items:baseline}.bulle small{font-weight:600;opacity:.85}
.bases{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.base{background:var(--card);border-radius:var(--r);padding:20px;display:flex;gap:14px;align-items:center}.ico{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:28px;flex:none}.base b{display:block;font-size:18px}.base span{display:block;color:var(--mut);font-size:13px}
.panel{background:#3DD6E6;border-radius:var(--r);padding:20px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:16px}
label{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#4b6a85;display:block;margin-bottom:6px}select,input[type=text],input[type=password]{width:100%;padding:12px 14px;border:0;border-radius:14px;font:inherit;background:#fff;box-shadow:0 1px 0 #0001 inset;outline:none}select:focus,input:focus{box-shadow:0 0 0 3px #00B5C866}
.btn{background:#061F4A;color:#fff;border:0;border-radius:30px;padding:12px 22px;cursor:pointer;font:inherit;font-weight:700}.btn:hover{filter:brightness(1.06)}.btn.l{background:var(--lime);color:#17401f}.btns{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}
.res{display:grid;gap:10px}.line{display:grid;grid-template-columns:52px 1.3fr 1.2fr 1fr 1fr;gap:16px;align-items:center;background:var(--card);border-radius:18px;padding:14px 18px}.line:hover{background:#FFFFFF}.line b{display:block}.line small{color:var(--mut);display:block;font-size:13px}
.tag{display:inline-block;border-radius:20px;padding:2px 10px;font-size:12px;font-weight:700;margin:3px 4px 0 0;background:#fff;color:#3A4F72}.tag.w{background:#FFFFFF;color:#a35d00}.tag.ok{background:#FFC93C;color:#116b43}
a.lk{color:#061F4A;cursor:pointer;font-weight:700;text-decoration:none}a.lk:hover{text-decoration:underline}.note{background:#FFFFFF;border-radius:16px;padding:14px 18px;font-size:14px;color:#6b5513;margin:16px 0}
.login{max-width:420px;margin:9vh auto;text-align:center;padding:0 20px}.login .card{text-align:left;margin-top:22px}.err{color:#c0392b;margin-top:10px;font-weight:600}
.kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.kv .card{padding:16px 20px}.kv b{display:block;font-size:18px;word-break:break-word}
@media(max-width:860px){.layout{grid-template-columns:1fr}aside{position:fixed;bottom:0;top:auto;height:auto;width:100%;flex-direction:row;z-index:9;padding:8px;border-top:1px solid #1F6BFF;border-right:0}.brand,aside .who{display:none}aside button.nav{flex:1;justify-content:center;padding:10px 6px}main{padding:22px 16px 100px}h1{font-size:34px}.hero{padding:26px}.hero h2{font-size:32px}.g1{opacity:.5}.line{grid-template-columns:46px 1fr}.line>*:nth-child(n+3){grid-column:2}}
@media(prefers-reduced-motion:no-preference){.card,.base,.line{transition:transform .18s,background .18s}.base:hover,.card:hover{transform:translateY(-2px)}.bar i{transition:width .9s cubic-bezier(.2,.8,.2,1)}}

/* --- Ciblage & accessibilité --- */
:focus-visible{outline:3px solid #061F4A;outline-offset:3px;border-radius:10px}.skip{position:absolute;left:-999px;top:8px;background:#061F4A;color:#fff;padding:12px 18px;border-radius:12px;z-index:99;font-weight:700}.skip:focus{left:8px}
main:focus{outline:none}button,select,input,a{min-height:44px}a.lk{display:inline-flex;align-items:center}
aside nav{display:flex;flex-direction:column;gap:6px}.reglages{display:flex;gap:6px;margin:14px 8px 0}.mini{min-width:44px;border:0;border-radius:12px;background:#fff;color:#2b3a4a;font-weight:800;cursor:pointer;box-shadow:0 1px 4px #0002}.mini[aria-pressed=true]{background:#061F4A;color:#fff}
.cible-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);align-items:start}.etapes{display:grid;gap:18px}
.etape{display:flex;gap:18px;background:var(--card);border-radius:var(--r);padding:24px}.num{width:44px;height:44px;border-radius:50%;background:#061F4A;color:#3DD6E6;display:grid;place-items:center;font-weight:800;font-size:20px;flex:none}.ebody{flex:1;min-width:0}.ebody h2{margin:2px 0 4px;font-size:22px}.aide{color:#515158;margin:0 0 14px;font-size:15px}
.tuiles{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}.tuiles.s{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.tuile{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:64px;border-radius:18px;background:#fff;border:2px solid #061F4A;position:relative;transition:transform .15s,border-color .15s,background .15s}
.tuile:hover{transform:translateY(-2px);border-color:var(--c)}.tuile.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 11%,#fff)}.tuile:focus-visible{outline:3px solid #061F4A;outline-offset:3px}
.tico{font-size:26px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--c) 14%,#fff);flex:none}.ttxt{display:flex;flex-direction:column;min-width:0}.ttxt b{font-size:15px;line-height:1.2}.ttxt small{color:#515158;font-size:12px}
.coche{margin-left:auto;width:26px;height:26px;border-radius:50%;border:2px solid #cfcfd6;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}.tuile.on .coche{background:var(--c);border-color:var(--c);color:#fff}
.zone select{font-size:17px}.cible-live{position:sticky;top:20px;background:linear-gradient(160deg,#04153A,#061F4A 60%,#0A6E84);color:#fff;border-radius:26px;padding:24px;height:auto}.cible-live .eyebrow{color:#3DD6E6}.cible-live label{color:#3DD6E6}.cible-live .aide{color:#FFC93C}
.rdw{max-width:230px;margin:6px auto 10px}.rd{width:100%;height:auto;display:block;animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.025)}}
.etages{list-style:none;margin:0;padding:0;display:grid;gap:8px}.etages li{display:flex;align-items:center;gap:10px;background:#ffffff14;border-radius:14px;padding:10px 14px}.etages i{width:14px;height:14px;border-radius:50%;flex:none}.etages span{flex:1;font-size:14px}.etages b{font-size:22px;letter-spacing:-.02em}
.btn.d{background:#ffffff1f;color:#fff}.cible-live .btn.d:hover{background:#ffffff33}.etape .btn.d,.base .btn.d{background:#061F4A;color:#1d1d1f}
body.contraste{--card:#fff;--mut:#000;background:#fff}body.contraste *{border-color:#000!important}body.contraste .card,body.contraste .base,body.contraste .line,body.contraste .etape{border:2px solid #000!important}body.contraste .tuile{border-color:#000!important}body.contraste .tuile.on{background:#000;color:#fff}body.contraste .tuile.on small{color:#fff}
@media(max-width:1000px){.cible-grid{grid-template-columns:1fr}.cible-live{position:static}}
@media(max-width:860px){.etape{flex-direction:column;gap:10px;padding:18px}.reglages{display:none}}
@media(prefers-reduced-motion:reduce){.rd{animation:none}*{transition:none!important}}

/* ===== Langage visuel : le CIBLAGE (anneaux, viseurs, flèche, marqueurs) ===== */
.logo{background:none!important;box-shadow:none!important;width:38px;height:38px;border-radius:0}.logo svg{width:100%;height:100%;display:block;filter:none}.logo.grand{width:76px;height:76px;margin:auto}
/* filigrane d'anneaux sur la page */
main{position:relative}main::before{content:"";position:absolute;right:-140px;top:-120px;width:620px;height:620px;pointer-events:none;z-index:-1;border-radius:50%;opacity:.55;
 background:radial-gradient(circle,#fff0 0 22%,#3DD6E6 22% 24%,#fff0 24% 40%,#FFFFFF 40% 42%,#fff0 42% 58%,#FFFFFF 58% 60%,#fff0 60% 76%,#FFC93C 76% 78%,#fff0 78%)}
/* hero : cible géante */
.hero{background:#061F4A}
.gem{display:none}.anneaux{position:absolute;right:24px;top:50%;width:400px;max-width:55%;transform:translateY(-50%);z-index:1}.anneaux svg{width:100%;height:auto;display:block;filter:none}
.fleche{transform-origin:200px 200px;animation:visee 5s ease-in-out infinite}@keyframes visee{0%,100%{transform:rotate(0) translate(0,0)}45%{transform:rotate(-3deg) translate(-7px,5px)}}
.hero h2{position:relative;z-index:2}.hero p,.hero .stats{position:relative;z-index:2}
/* cartes à coins de viseur */
.viseur{--vc:#00B5C8}.viseur::before,.viseur::after{content:"";position:absolute;width:20px;height:20px;border:3px solid var(--vc);opacity:.85;pointer-events:none}
.viseur::before{left:10px;top:10px;border-right:0;border-bottom:0;border-top-left-radius:9px}.viseur::after{right:10px;bottom:10px;border-left:0;border-top:0;border-bottom-right-radius:9px}
.base.viseur::before,.base.viseur::after{width:14px;height:14px;border-width:2.5px}.etape.viseur{--vc:#00B5C8}.card.viseur:nth-child(2){--vc:#00B5C8}
.cible-live{--vc:#3DD6E6}
/* avatars = mini-cibles */
.av{box-shadow:inset 0 0 0 3px #ffffffcc,0 0 0 3px currentColor;position:relative}.av{outline:2px solid #fff;outline-offset:-6px}
/* barres de couverture : balle au but */
.bar{overflow:visible;margin:8px 0 14px}.bar i.mk{position:relative}.bar i.mk::after{content:"";position:absolute;right:-8px;top:50%;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 18%,currentColor 18% 38%,#fff 38% 56%,currentColor 56% 100%);color:inherit;box-shadow:0 2px 6px #0003;background-color:#fff}
.bar i.mk{color:inherit}.bar i[style*="coral"]::after{background:radial-gradient(circle,#fff 0 20%,#00B5C8 20% 40%,#fff 40% 58%,#00B5C8 58%)}.bar i[style*="mint"]::after{background:radial-gradient(circle,#fff 0 20%,#1fb97a 20% 40%,#fff 40% 58%,#1fb97a 58%)}
/* bulles de métiers */
.bulle{position:relative;padding-left:14px}.bulle .pt{width:22px;height:22px;border-radius:50%;flex:none;align-self:center;background:radial-gradient(circle,#fff 0 22%,#ffffff00 22% 40%,#fff 40% 55%,#ffffff00 55%);border:2px solid #fff;opacity:.95}
/* coches = cible */
.coche{border-radius:50%;background:radial-gradient(circle,#fff 0 30%,#fff0 30%);font-size:0}.tuile.on .coche{background:radial-gradient(circle,#fff 0 18%,var(--c) 18% 40%,#fff 40% 58%,var(--c) 58%);border-color:var(--c)}
.tuile::after{content:"";position:absolute;right:-1px;top:-1px;width:14px;height:14px;border-top:3px solid var(--c);border-right:3px solid var(--c);border-top-right-radius:10px;opacity:0;transition:opacity .15s}.tuile:hover::after,.tuile.on::after{opacity:1}
.tico{border-radius:50%;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--c) 35%,#fff),inset 0 0 0 6px #fff,inset 0 0 0 8px color-mix(in srgb,var(--c) 22%,#fff)}
/* radar : balayage */
.rdw{position:relative}.rdw::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,#7FE3EE00 0 70%,#7FE3EE66 95%,#7FE3EEcc 100%);animation:balai 4s linear infinite;mix-blend-mode:screen;pointer-events:none;-webkit-mask:radial-gradient(circle,#000 0 66%,#0000 67%);mask:radial-gradient(circle,#000 0 66%,#0000 67%)}@keyframes balai{to{transform:rotate(360deg)}}
.rd{animation:none}
/* petites cibles devant les titres de section */
.eyebrow::before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;vertical-align:-2px;border-radius:50%;background:radial-gradient(circle,#00B5C8 0 22%,#fff0 22% 40%,#00B5C8 40% 56%,#fff0 56%);box-shadow:0 0 0 2px #00B5C8}
.hero .eyebrow::before,.cible-live .eyebrow::before{background:radial-gradient(circle,#3DD6E6 0 22%,#fff0 22% 40%,#3DD6E6 40% 56%,#fff0 56%);box-shadow:0 0 0 2px #7FE3EE44}
h2{position:relative}h2::after{content:"";display:block;height:3px;width:46px;margin-top:8px;border-radius:3px;background:linear-gradient(90deg,#00B5C8 0 33%,#3DD6E6 33% 66%,#00B5C8 66%)}.hero h2::after,.cible-live h2::after,.ebody h2::after{display:none}
/* titres de pages */
h1{background:linear-gradient(90deg,#1d1d1f,#1d1d1f);-webkit-background-clip:text;background-clip:text}
.num{border-radius:50%;background:#061F4A;color:#3DD6E6;box-shadow:0 0 0 3px #fff,0 0 0 6px #061F4A,0 0 0 9px #fff,0 0 0 11px #061F4A;margin:4px}
.btn:not(.l):not(.d){box-shadow:0 6px 16px #061F4A}.btn.l{box-shadow:0 6px 16px #7FE3EE99}
body.contraste .viseur::before,body.contraste .viseur::after{border-color:#000}body.contraste main::before{display:none}
@media(max-width:860px){.anneaux{opacity:.35;right:-90px;max-width:none;width:340px}main::before{width:380px;height:380px;right:-120px}}
@media(prefers-reduced-motion:reduce){.fleche,.rdw::after{animation:none}}

/* ===== Passe d'harmonisation : une seule palette, un seul rayon, une seule ombre ===== */
:root{--r:24px;--ombre:0 10px 28px #061F4A;--coral:#00B5C8;--sun:#3DD6E6;--mint:#00B5C8;--sky:#00B5C8}
.card,.base,.etape,.line{box-shadow:5px 5px 0 #061F4A;border:1px solid #061F4A0d}.line{border-radius:20px}.tuile{border-radius:20px}
.tuile.on{box-shadow:0 8px 20px color-mix(in srgb,var(--c) 28%,transparent)}.tuile:active{animation:pop .28s}@keyframes pop{40%{transform:scale(.94)}70%{transform:scale(1.04)}}
.btn{border-radius:30px;background:#061F4A;box-shadow:0 8px 18px #061F4A}.btn.l{background:var(--lime);color:#061F4A}.btn:not(.l):not(.d):hover{background:#0A6E84}.btn:active{transform:scale(.97)}
aside{background:#FFFFFF}aside button.nav.on{color:#061F4A;box-shadow:0 6px 16px #00B5C8}
.base:hover,.card:hover{box-shadow:0 14px 34px #061F4A1f}
.hero{box-shadow:8px 8px 0 #061F4A}.tag{border:1px solid #061F4A}
@media(prefers-reduced-motion:reduce){.tuile:active{animation:none}}

.faits{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:10px}.faits li{display:flex;align-items:center;gap:12px;font-size:15px}.faits i{width:14px;height:14px;border-radius:50%;flex:none;box-shadow:0 0 0 3px #fff,0 0 0 5px currentColor;color:#061F4A}
.base span.date{margin-top:2px;font-weight:600;color:#3A4F72}

/* ================= PALETTE « POP » : gaie, vive, homogène ================= */
:root{--ink:#061F4A;--mut:#4A5875;--blue:#061F4A;--sun:#3DD6E6;--coral:#00B5C8;--pink:#5A7AA8;--mint:#00B5C8;--sky:#00B5C8;--lime:#FFC93C;--cream:#FFFFFF;--ombre:5px 5px 0 #061F4A}
body{background:var(--cream);color:var(--ink)}
aside{background:#FFC93C;border-right:0;box-shadow:none}
aside button.nav{color:#061F4A;font-weight:700}aside button.nav:hover{background:#ffffffcc}aside button.nav.on{background:#fff;color:var(--blue);box-shadow:0 6px 16px #061F4A}
.brand{color:#061F4A}.mini{background:#ffffffd9;color:#061F4A}.mini[aria-pressed=true]{background:var(--blue);color:#fff}
h1{color:#061F4A;-webkit-text-fill-color:#061F4A;background:none}h2{color:#061F4A}h2::after{background:linear-gradient(90deg,#00B5C8 0 25%,#3DD6E6 25% 50%,#00B5C8 50% 75%,#00B5C8 75%)}
.eyebrow{color:#4A5875}.eyebrow::before{background:radial-gradient(circle,#00B5C8 0 22%,#fff0 22% 40%,#00B5C8 40% 56%,#fff0 56%)}
/* héros : bleu électrique + confettis */
.hero{background:#061F4A;box-shadow:8px 8px 0 #061F4A}
.hero .eyebrow,.hero p{color:#3DD6E6}.hero .eyebrow::before{background:radial-gradient(circle,#3DD6E6 0 22%,#fff0 22% 40%,#3DD6E6 40% 56%,#fff0 56%)}.stats span{color:#3DD6E6}
/* cartes pastel multicolores */
.card,.base,.etape{background:#fff;border:0;box-shadow:5px 5px 0 #061F4A}
.grid2>.card:nth-child(1){background:#FFC93C}.grid2>.card:nth-child(2){background:#FFC93C}
.bases>.base:nth-child(4n+1){background:#3DD6E6}.bases>.base:nth-child(4n+2){background:#FFC93C}.bases>.base:nth-child(4n+3){background:#FFC93C}.bases>.base:nth-child(4n+4){background:#3DD6E6}
.etapes>.etape:nth-child(4n+1){background:#3DD6E6}.etapes>.etape:nth-child(4n+2){background:#FFC93C}.etapes>.etape:nth-child(4n+3){background:#FFC93C}.etapes>.etape:nth-child(4n+4){background:#3DD6E6}
.kv>.card:nth-child(4n+1){background:#3DD6E6}.kv>.card:nth-child(4n+2){background:#FFC93C}.kv>.card:nth-child(4n+3){background:#FFC93C}.kv>.card:nth-child(4n+4){background:#3DD6E6}
.line{background:#fff;box-shadow:5px 5px 0 #061F4A;border:0}.line:hover{background:#FFFFFF}
.ico{background:#ffffffb0!important;box-shadow:0 0 0 3px #fff}
.num{background:#061F4A;color:#3DD6E6;box-shadow:0 0 0 3px #fff,0 0 0 6px #00B5C8,0 0 0 9px #fff,0 0 0 11px #3DD6E6}
.viseur{--vc:#00B5C8}.etape.viseur{--vc:#061F4A}.grid2>.card.viseur:nth-child(2){--vc:#00B5C8}
/* boutons et choix */
.btn{background:var(--blue);color:#fff;box-shadow:0 8px 18px #061F4A}.btn:not(.l):not(.d):hover{background:#1f58e6}.btn.l{background:var(--sun);color:#061F4A;box-shadow:0 8px 18px #7FE3EE80}
.etape .btn.d,.base .btn.d{background:#fff;color:#061F4A;box-shadow:0 2px 8px #061F4A1a}
.tuile{background:#fff;border:3px solid #fff;box-shadow:0 4px 12px #061F4A}.tuile:hover{border-color:var(--c)}.tuile.on{border-color:var(--c);background:color-mix(in srgb,var(--c) 22%,#fff);box-shadow:0 8px 20px color-mix(in srgb,var(--c) 40%,transparent)}
.tico{background:color-mix(in srgb,var(--c) 30%,#fff)}.ttxt b{color:#061F4A}.ttxt small{color:#4A5875}
/* bulles de métiers : pastel + point de cible */
.bulle{background:color-mix(in srgb,var(--c) 28%,#fff);color:#061F4A;font-weight:800;box-shadow:0 4px 12px color-mix(in srgb,var(--c) 30%,transparent)}.bulle small{color:#061F4A;opacity:.7}
.bulle .pt{border-color:var(--c);background:radial-gradient(circle,var(--c) 0 22%,#fff0 22% 40%,var(--c) 40% 56%,#fff0 56%)}
/* cible en direct */
.cible-live{background:linear-gradient(160deg,#061F4A,#0B3A7A 60%,#00B5C8);color:#fff}.cible-live .eyebrow,.cible-live label{color:#3DD6E6}.cible-live .aide{color:#3DD6E6}.cible-live{--vc:#3DD6E6}
.etages li{background:#ffffff26}.btn.d{background:#ffffff33;color:#fff}.cible-live .btn.l{color:#061F4A}
.tag{background:#fff;color:#061F4A;border:0;box-shadow:0 1px 4px #061F4A}.tag.ok{background:#CFF7E6;color:#0b6b4c}.tag.w{background:#FFE9B8;color:#7a4b00}
.note{background:#FFC93C;color:#5c4400}.panel{background:#3DD6E6}
.base span.date{color:#061F4A}.bar{background:#061F4A}.bar i[style*="coral"]{background:#00B5C8!important}.bar i[style*="mint"]{background:#00B5C8!important}
body.contraste{background:#fff}

.hero .stats{max-width:60%;gap:22px 34px}.hero .stats b{font-size:38px}@media(max-width:860px){.hero .stats{max-width:100%}}

/* échelle des cibles : 8 marches colorées */
.echelle{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.marche{position:relative;background:color-mix(in srgb,var(--c) 18%,#fff);border-radius:24px;padding:18px 18px 16px;box-shadow:0 10px 26px #061F4A;border-bottom:6px solid var(--c)}
.marche .mico{font-size:30px}.marche .mnum{position:absolute;right:14px;top:12px;width:30px;height:30px;border-radius:50%;background:var(--c);color:#061F4A;font-weight:800;display:grid;place-items:center;box-shadow:0 0 0 3px #fff}.marche b{display:block;font-size:17px;margin-top:6px}.marche small{display:block;color:#4A5875;font-size:12.5px}
.marche .mn{font-size:32px;font-weight:800;letter-spacing:-.03em;margin:6px 0 2px}.marche .bar{margin:6px 0 8px}
/* ===== Charte BDDB2B : bleu nuit + turquoise du logo ===== */
:root{--ink:#061F4A;--blue:#061F4A;--cyan:#00B5C8;--cyan-d:#0A6E84;--navy:#061F4A;--cream:#FFFFFF;--ombre:5px 5px 0 #061F4A}
body{background:#FFFFFF;color:#061F4A}
a{color:#0A6E84}
:focus-visible{outline:3px solid #00B5C8;outline-offset:2px}
.brand{margin:0 4px 18px}
/* ===== Charte BDDB2B v3 : couleurs franches, sans pastel ni fondu ===== */
:root{--cyan:#00B5C8;--cyan-v:#3DD6E6;--jaune:#FFC93C;--bleu:#1F6BFF;--rose:#FF5C8A;--navy:#061F4A}
body{background:#fff}
.base,.card,.etape{box-shadow:none;border:3px solid #061F4A}
.base:nth-child(4n+1){background:#3DD6E6!important}.base:nth-child(4n+2){background:#FFC93C!important}.base:nth-child(4n+3){background:#FF5C8A!important}.base:nth-child(4n){background:#5BB8FF!important}
.base,.base *{color:#061F4A}
.hero{background:#061F4A!important;color:#fff}.hero h2,.hero p{color:#fff}
aside{background:#fff;border-right:4px solid #00B5C8}
aside button.nav[aria-current=page],aside button.nav.on{background:#061F4A;color:#fff}
.note{background:#FFC93C!important;color:#061F4A!important;border:3px solid #061F4A}
*{background-image:none}.viseur::before,.viseur::after{background-image:none}
/* ===== v4 : cible & efficacité — aplats francs, ombres nettes, aucun fondu/pastel ===== */
*{backdrop-filter:none!important;text-shadow:none!important}
.card,.base,.etape,.note,.hero{box-shadow:5px 5px 0 #061F4A}
button,.btn,.mini{box-shadow:3px 3px 0 #061F4A}
button:active,.btn:active{box-shadow:none;transform:translate(3px,3px)}
.g1,.g2,.g3{opacity:1!important}