/* RELINKING v4 — L'OUTIL. Couche application posée sur app.css (mêmes jetons). 04/09/2026.
   Le site est l'outil : catalogue filtrable, campagne qui se compose, espace de suivi. */
.app{padding:26px 0 60px}
.app-top{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.app-top h1{font-size:clamp(28px,3.6vw,42px);margin:0 0 6px}
.app-top .lead{margin:0;max-width:64ch;font-size:16.5px}
.app-kpi{display:flex;gap:8px;flex-wrap:wrap}
.app-kpi span{background:var(--card);border:1px solid var(--line);border-radius:99px;padding:8px 13px;font:600 13px/1 var(--b);color:var(--mute);display:inline-flex;align-items:center;gap:7px}
.app-kpi span b{color:var(--ink);font:800 14px/1 var(--h);font-variant-numeric:tabular-nums}
.app-kpi span i{width:8px;height:8px;border-radius:50%;background:var(--ok);animation:pulse 2s infinite}
.outil{display:grid;grid-template-columns:250px minmax(0,1fr) 320px;gap:16px;align-items:start}
@media(max-width:1180px){.outil{grid-template-columns:230px minmax(0,1fr)}.campagne{grid-column:1/-1;position:static}}
@media(max-width:820px){.outil{grid-template-columns:1fr}.filtres{position:static}}
/* filtres */
.filtres{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;position:sticky;top:86px;box-shadow:var(--sh)}
.f-t{font:800 13px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:14px 0 8px;display:flex;justify-content:space-between;align-items:center}
.f-t:first-child{margin-top:0}
.f-t button{background:none;border:0;color:var(--blue);font:600 12px/1 var(--b);cursor:pointer;text-transform:none;letter-spacing:0;padding:0}
.f-th{display:grid;gap:5px}
.f-th label{display:flex;align-items:center;gap:8px;padding:7px 9px;border-radius:10px;border:1px solid transparent;cursor:pointer;font:600 13.5px/1.2 var(--b);color:var(--ink2);transition:background .15s,border-color .15s}
.f-th label:hover{background:var(--card2)}
.f-th label i{width:12px;height:12px;border-radius:4px;background:var(--tc);flex:0 0 auto}
.f-th label small{margin-left:auto;color:var(--faint);font-weight:500;font-variant-numeric:tabular-nums}
.f-th input{position:absolute;opacity:0;width:1px;height:1px}
.f-th label:has(input:checked){background:color-mix(in srgb,var(--tc) 12%,var(--card));border-color:color-mix(in srgb,var(--tc) 40%,transparent)}
.f-range{display:grid;gap:4px}
.f-range .kr{display:flex;justify-content:space-between;font:600 13px/1.2 var(--b);color:var(--ink2)}
.f-range .kr b{color:var(--blue);font:800 13px/1.2 var(--h);font-variant-numeric:tabular-nums}
input[type=range]{width:100%;-webkit-appearance:none;appearance:none;background:transparent;height:24px;margin:0;cursor:pointer}
input[type=range]::-webkit-slider-runnable-track{height:6px;background:var(--card2);border-radius:3px}
input[type=range]::-moz-range-track{height:6px;background:var(--card2);border-radius:3px}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:var(--blue);border:3px solid var(--card);box-shadow:0 0 0 1px var(--line2);margin-top:-7px}
input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--blue);border:3px solid var(--card)}
.f-tiers{display:flex;gap:6px}
.f-tiers label{flex:1;text-align:center;border:1px solid var(--line2);border-radius:10px;padding:7px 4px;font:700 12.5px/1 var(--h);cursor:pointer;color:var(--ink2)}
.f-tiers input{position:absolute;opacity:0;width:1px;height:1px}
.f-tiers label:has(input:checked){border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}
.f-search{width:100%;padding:10px 12px;border:1px solid var(--line2);border-radius:10px;font:400 13.5px/1.3 var(--b);background:var(--card);color:var(--ink)}
.f-search:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 22%,transparent)}
.f-aide{font-size:12px;color:var(--faint);line-height:1.45;margin:12px 0 0}
/* résultats */
.resultats{background:var(--card);border:1px solid var(--line);border-radius:18px;box-shadow:var(--sh);overflow:hidden;min-height:600px;display:flex;flex-direction:column}
.r-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line);flex-wrap:wrap;background:var(--card2)}
.r-bar b{font:800 15px/1.2 var(--h);font-variant-numeric:tabular-nums}
.r-bar .sp{flex:1}
.r-bar select{padding:8px 30px 8px 10px;border:1px solid var(--line2);border-radius:9px;font:600 13px/1.2 var(--b);background:var(--card);color:var(--ink);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235A6A85' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:13px}
.r-bar .btn-s{padding:9px 13px;font-size:13px}
.r-head,.row{display:grid;grid-template-columns:minmax(150px,1.35fr) minmax(130px,1.4fr) 92px 62px 68px 70px 84px;gap:10px;align-items:center;padding:11px 16px}
.r-head{font:700 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line);position:sticky;top:70px;background:var(--card);z-index:2}
.r-head span[data-tri]{cursor:pointer;display:inline-flex;align-items:center;gap:4px}
.r-head span[data-tri]:hover,.r-head span.on{color:var(--blue)}
.r-head span.on::after{content:'↓';font-size:11px}.r-head span.on.asc::after{content:'↑'}
.row{border-bottom:1px solid var(--line);transition:background .15s;font-size:14px;position:relative}
.row:hover{background:var(--card2)}
.row.dans{background:color-mix(in srgb,var(--blue) 7%,var(--card))}
.row .site b{display:block;font:700 14.5px/1.2 var(--h);letter-spacing:.01em;font-variant-numeric:tabular-nums}
.row .site small{display:block;font-size:12px;color:var(--mute);margin-top:3px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.02em}
.row .th{display:flex;flex-direction:column;gap:3px;min-width:0}
.row .th i{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--tc);font-style:normal}
.row .th i::before{content:'';width:8px;height:8px;border-radius:2px;background:var(--tc)}
.row .th small{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tfb{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}
.tfb b{font:800 15px/1 var(--h);font-variant-numeric:tabular-nums;min-width:22px}
.tfb i{height:7px;border-radius:4px;background:var(--card2);overflow:hidden;display:block}
.tfb i::after{content:'';display:block;height:100%;width:var(--w);background:var(--tc);border-radius:4px}
.num2{font:600 14px/1 var(--b);font-variant-numeric:tabular-nums;color:var(--ink2)}
.num2 small{display:block;font-size:10.5px;color:var(--faint);margin-top:3px;letter-spacing:.06em;text-transform:uppercase}
.places{display:flex;gap:2px}
.places i{width:5px;height:14px;border-radius:2px;background:var(--ok)}
.places i.pris{background:var(--line2)}
.ajout{border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:99px;padding:8px 10px;font:700 12.5px/1 var(--h);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,color .15s}
.ajout:hover{border-color:var(--blue);color:var(--blue)}
.row.dans .ajout{background:var(--blue);border-color:var(--blue);color:#fff}
.r-vide{padding:40px 20px;text-align:center;color:var(--mute)}
.r-plus{padding:14px;text-align:center;border-top:1px solid var(--line)}
.r-plus button{background:none;border:1px solid var(--line2);border-radius:99px;padding:10px 16px;font:700 13.5px/1 var(--h);color:var(--ink);cursor:pointer}
.r-plus button:hover{border-color:var(--blue);color:var(--blue)}
.sp-tag{display:inline-block;font:700 10.5px/1 var(--h);padding:4px 7px;border-radius:99px;background:var(--ok-soft);color:var(--ok)}
.sp-tag.moy{background:var(--sun-soft);color:var(--sun-d)}
@media(max-width:820px){.r-head{display:none}.row{grid-template-columns:1fr 1fr;gap:8px 12px;padding:14px 14px}.row .site,.row .th{grid-column:1/-1}.row .th small{white-space:normal}}
/* campagne */
.campagne{background:var(--navy);color:#fff;border-radius:18px;padding:18px 18px 16px;position:sticky;top:86px;box-shadow:var(--sh2);display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 100px)}
.campagne .c-t{display:flex;align-items:center;justify-content:space-between;gap:10px}
.campagne .c-t b{font:800 17px/1.2 var(--h)}
.campagne .c-t small{font:700 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-mute)}
.c-n{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c-n div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px 12px}
.c-n small{display:block;font:700 10px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--on-navy-mute)}
.c-n b{display:block;font:800 22px/1.1 var(--h);margin-top:5px;font-variant-numeric:tabular-nums;color:#fff}
.c-n b.sun{color:var(--sun)}
.c-liste{overflow:auto;display:grid;gap:5px;min-height:60px;max-height:230px;padding-right:2px}
.c-liste:empty::after{content:'Ajoutez des sites depuis le catalogue, ou laissez-nous composer.';font-size:13px;color:var(--on-navy-mute);text-align:center;padding:16px 8px;display:block;border:1px dashed rgba(255,255,255,.2);border-radius:12px}
.c-liste div{display:grid;grid-template-columns:8px 1fr auto auto;gap:8px;align-items:center;background:rgba(255,255,255,.06);border-radius:9px;padding:7px 9px;font-size:12.5px}
.c-liste div i{width:8px;height:8px;border-radius:2px;background:var(--tc)}
.c-liste div b{font:700 12.5px/1.2 var(--h)}
.c-liste div small{color:var(--on-navy-mute);font-variant-numeric:tabular-nums}
.c-liste div button{background:none;border:0;color:var(--on-navy-mute);font-size:16px;line-height:1;cursor:pointer;padding:0 2px}
.c-liste div button:hover{color:#fff}
.c-niv{display:grid;gap:6px}
.c-niv .l{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--on-navy-mute)}
.c-niv .l b{color:#fff;font:800 13px/1.2 var(--h)}
.c-niv .barre{height:8px;border-radius:4px;background:rgba(255,255,255,.12);overflow:hidden;position:relative}
.c-niv .barre i{display:block;height:100%;width:0;background:var(--sun);transition:width .5s cubic-bezier(.2,.8,.2,1)}
.c-niv .barre::before,.c-niv .barre::after{content:'';position:absolute;top:0;bottom:0;width:2px;background:var(--navy)}
.c-niv .barre::before{left:16.6%}.c-niv .barre::after{left:41.6%}
.c-niv .paliers{display:flex;justify-content:space-between;font:700 10px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-mute)}
.c-prix{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14)}
.c-prix .p{font:800 40px/1 var(--h);letter-spacing:-.04em;color:var(--sun);font-variant-numeric:tabular-nums}
.c-prix .p i{font:600 14px/1 var(--b);font-style:normal;color:var(--on-navy-mute);margin-left:3px}
.c-prix small{display:block;font:700 10px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--on-navy-mute);margin-bottom:6px}
.c-prix .pl{text-align:right;font:800 16px/1.2 var(--h)}
.c-det{font-size:12.5px;color:var(--on-navy-mute);line-height:1.5;margin:0}
.c-det b{color:#fff}
.campagne .btn{width:100%}
.c-auto{background:none;border:1px dashed rgba(255,255,255,.3);color:#fff;border-radius:99px;padding:11px 14px;font:700 13px/1 var(--h);cursor:pointer;width:100%}
.c-auto:hover{border-color:var(--sun);color:var(--sun)}
/* espace de suivi */
.suivi{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:var(--sh2);overflow:hidden}
.s-bar{display:flex;align-items:center;gap:14px;padding:14px 20px;border-bottom:1px solid var(--line);background:var(--card2);flex-wrap:wrap}
.s-bar b{font:800 16px/1.2 var(--h)}
.s-bar .chip{font:700 11px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:var(--blue-soft);color:var(--blue)}
.s-bar .sp{flex:1}
.s-bar small{color:var(--mute);font-size:13px}
.s-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:0}
@media(max-width:900px){.s-grid{grid-template-columns:1fr}}
.s-liens{border-right:1px solid var(--line)}
@media(max-width:900px){.s-liens{border-right:0;border-bottom:1px solid var(--line)}}
.s-h,.s-row{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1.2fr) 110px 92px;gap:10px;align-items:center;padding:10px 20px;font-size:13.5px}
.s-h{font:700 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);border-bottom:1px solid var(--line)}
.s-row{border-bottom:1px solid var(--line);opacity:0;transform:translateY(6px);transition:opacity .4s,transform .4s}
.s-row.in{opacity:1;transform:none}
.s-row b{font:700 13.5px/1.2 var(--h);font-variant-numeric:tabular-nums}
.s-row small{color:var(--mute);display:block;font-size:12px}
.s-row .anc{color:var(--ink2);font-style:italic;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etat{display:inline-flex;align-items:center;gap:6px;font:700 11px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;padding:6px 9px;border-radius:99px;background:var(--card2);color:var(--mute);transition:background .3s,color .3s}
.etat::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.etat.redac{background:var(--sun-soft);color:var(--sun-d)}
.etat.publie{background:var(--blue-soft);color:var(--blue)}
.etat.indexe{background:var(--ok-soft);color:var(--ok)}
.s-row .url{font-size:12px;color:var(--blue);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-side{padding:20px}
.s-side .ring{--p:0;width:130px;height:130px;border-radius:50%;background:conic-gradient(var(--ok) calc(var(--p) * 1%),var(--card2) 0);display:grid;place-items:center;margin:0 auto 14px;position:relative}
.s-side .ring::before{content:'';position:absolute;inset:11px;border-radius:50%;background:var(--card)}
.s-side .ring b{position:relative;font:800 30px/1 var(--h);letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.s-side .ring b small{font:700 13px/1 var(--h);color:var(--mute)}
.s-side dl{display:grid;grid-template-columns:1fr auto;gap:8px 12px;margin:0;font-size:13.5px}
.s-side dt{color:var(--mute);margin:0}.s-side dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.s-side .rap{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--card2);font-size:12.5px;color:var(--mute);line-height:1.5}
.s-side .rap b{color:var(--ink);display:block;margin-bottom:3px}
.spark{display:flex;align-items:flex-end;gap:3px;height:44px;margin:14px 0 4px}
.spark i{flex:1;background:var(--blue-soft);border-radius:3px 3px 0 0;height:var(--h);transition:height .6s cubic-bezier(.2,.8,.2,1)}
.spark i.on{background:var(--blue)}
.spark-l{display:flex;justify-content:space-between;font:600 10.5px/1 var(--b);color:var(--faint);letter-spacing:.04em;text-transform:uppercase}
/* compact */
.compact{padding:64px 0}
.etapes4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;counter-reset:e4}
@media(max-width:900px){.etapes4{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.etapes4{grid-template-columns:1fr}}
.e4{counter-increment:e4;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.e4::before{content:counter(e4);display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sun);color:var(--navy);font:800 13px/1 var(--h);margin-bottom:10px}
.e4 b{display:block;font:700 15.5px/1.3 var(--h);margin-bottom:4px}
.e4 p{margin:0;font-size:13.5px;color:var(--mute);line-height:1.55}
#toast a{color:var(--sun)}
/* colonnes : entre 1181 et 1499 px, la campagne est à droite et la table se resserre (sans CF ni barres de places) */
@media(min-width:1181px) and (max-width:1499px){
  .outil{grid-template-columns:228px minmax(0,1fr) 298px;gap:14px}
  .r-head,.row{grid-template-columns:minmax(104px,1fr) minmax(104px,1.15fr) 76px 54px 58px 80px;gap:6px;padding:11px 12px}
  .ajout{padding:8px 8px;font-size:12px}
  .r-head span.cf,.row .num2.cf,.row .places{display:none}
  .row .th small{max-width:150px}
}

/* les deux piliers, au-dessus de l'outil */
.piliers{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 18px}
@media(max-width:820px){.piliers{grid-template-columns:1fr}}
.pil{display:flex;gap:14px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px;box-shadow:var(--sh);border-left:5px solid var(--blue)}
.pil.ferme{border-left-color:var(--sun)}
.pil i{flex:0 0 44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-size:20px;background:var(--blue-soft)}
.pil.ferme i{background:var(--sun-soft)}
.pil b{font:800 17px/1.2 var(--h);display:block;margin-bottom:5px}
.pil p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mute)}
.pil p b{display:inline;font:700 14.5px/1.55 var(--b);color:var(--ink)}
/* ── v5 : le bandeau lancement, les cartes thématiques, le panneau abonnement ── */
.lancement{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:center;background:var(--navy);color:#fff;border-radius:18px;padding:18px 22px;margin:0 0 18px;border-left:6px solid var(--sun)}
@media(max-width:820px){.lancement{grid-template-columns:1fr}}
.lancement b{font:800 17px/1.3 var(--h)}.lancement p{margin:6px 0 0;font-size:14px;color:var(--on-navy-mute);line-height:1.55}
.lancement .lc-n{text-align:center;background:rgba(255,255,255,.07);border-radius:14px;padding:12px 18px;min-width:180px}
.lancement .lc-n b{display:block;font:800 34px/1 var(--h);color:var(--sun)}.lancement .lc-n small{display:block;font-size:12px;color:var(--on-navy-mute);margin-top:4px;line-height:1.3}
.outil2{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
@media(max-width:1180px){.outil2{grid-template-columns:1fr}.campagne.abo{position:static}}
.thematiques{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:900px){.thematiques{grid-template-columns:1fr}}
.th-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 20px 18px;box-shadow:var(--sh);border-top:5px solid var(--tc);display:flex;flex-direction:column;gap:12px;cursor:pointer;transition:transform .25s,box-shadow .25s,border-color .25s}
.th-card:hover{transform:translateY(-3px);box-shadow:var(--sh2)}
.th-card.on{box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 45%,transparent),var(--sh2)}
.th-card header{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}
.th-card h3{margin:4px 0 0;font-size:21px}
.th-eye{display:inline-flex;align-items:center;gap:7px;font:700 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--tc)}
.th-eye i{width:10px;height:10px;border-radius:3px;background:var(--tc)}
.th-choisir{flex:0 0 auto;border:1px solid var(--line2);background:var(--card);color:var(--ink);border-radius:99px;padding:9px 14px;font:700 13px/1 var(--h);cursor:pointer}
.th-card.on .th-choisir{background:var(--tc);border-color:var(--tc);color:#fff}
.th-quoi{margin:0;font-size:14px;color:var(--mute);line-height:1.5}
.th-places{background:var(--card2);border-radius:14px;padding:12px 14px}
.tp-l{display:flex;justify-content:space-between;gap:10px;font-size:13px;color:var(--mute);margin-bottom:8px}
.tp-l b{font:800 18px/1 var(--h);color:var(--ink)}
.tp-bar{position:relative;height:12px;border-radius:6px;background:var(--line);overflow:hidden}
.tp-bar .lanc{position:absolute;left:0;top:0;bottom:0;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--sun) 55%,transparent) 0 5px,transparent 5px 10px)}
.tp-bar .pris{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--tc);border-radius:6px;transition:width 1.1s cubic-bezier(.2,.8,.2,1)}
.tp-bar em{position:absolute;top:-2px;bottom:-2px;width:2px;background:var(--navy);transform:translateX(-1px)}
.tp-note{margin-top:8px;font-size:12.5px;color:var(--mute)}
.tp-note b{color:var(--sun-d);font:800 13px/1 var(--h)}
.th-st{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:0}
.th-st div{background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.th-st dt{font:600 10.5px/1.2 var(--b);color:var(--faint);margin:0 0 4px;letter-spacing:.02em}
.th-st dd{margin:0;font:800 17px/1 var(--h)}
@media(max-width:560px){.th-st{grid-template-columns:1fr 1fr}}
.th-sous{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.th-sous li{font:600 12px/1 var(--b);padding:6px 9px;border-radius:99px;background:color-mix(in srgb,var(--tc) 10%,var(--card));border:1px solid color-mix(in srgb,var(--tc) 30%,transparent)}
.th-ex small{display:block;font:700 10.5px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute);margin:2px 0 8px}
.th-ex-g{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.th-ex-g a{display:block;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--card)}
.th-ex-g img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block}
.th-ex-g span{display:block;font:600 11.5px/1.2 var(--b);padding:6px 8px;color:var(--mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.campagne.abo{max-height:none}
.a-niv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.a-niv button{position:relative;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;border-radius:14px;padding:12px 8px 10px;cursor:pointer;text-align:left;transition:background .2s,border-color .2s}
.a-niv button b{display:block;font:800 22px/1 var(--h);font-variant-numeric:tabular-nums}
.a-niv button small{display:block;font:600 11.5px/1.2 var(--b);color:var(--on-navy-mute);margin-top:4px}
.a-niv button em{position:absolute;top:-9px;right:8px;font:700 9.5px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;font-style:normal;background:var(--sun);color:var(--navy);padding:4px 6px;border-radius:99px}
.a-niv button.on{border-color:var(--sun);background:rgba(255,197,61,.14)}
.a-normal{display:block;font:600 13px/1 var(--b);color:var(--on-navy-mute);margin-top:6px}
/* ══ v6 ══ bandeau, promesse, assume, qualité, preuves, prix dégressif, inscription, espace, mobile */
.bandeau{position:sticky;top:70px;z-index:45;background:var(--navy);color:#fff;border-bottom:1px solid rgba(255,255,255,.08);transition:padding .3s}
.bandeau .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:11px;padding-bottom:11px}
.bandeau .bd-tag{font:800 11px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;background:var(--sun);color:var(--navy);padding:7px 10px;border-radius:99px;white-space:nowrap}
.bandeau b{font:800 15.5px/1.2 var(--h)}
.bandeau .bd-t{font-size:13.5px;color:var(--on-navy-mute);flex:1;min-width:200px}
.bandeau .btn-s{padding:10px 14px;font-size:13px;white-space:nowrap}
.bandeau.mini .bd-t{display:none}
@media(max-width:700px){.bandeau{position:static}.bandeau .wrap{gap:8px 10px;padding-top:10px;padding-bottom:10px}.bandeau b{font-size:13.5px;flex:1;min-width:0}.bandeau .bd-t{display:none}.bandeau .btn-s{width:100%;justify-content:center}}
.hero6{padding:52px 0 40px;background:radial-gradient(ellipse 60% 55% at 85% -10%,var(--blue-soft),transparent 60%),radial-gradient(ellipse 40% 40% at 0% 100%,var(--sun-soft),transparent 60%)}
.hero6-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:40px;align-items:center}
@media(max-width:940px){.hero6-grid{grid-template-columns:1fr;gap:30px}}
.hero6 h1{font-size:clamp(32px,4.8vw,54px)}
@keyframes h6in{from{opacity:.35;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes flux{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}
/* assume */
/* qualité */
.q-kpis,.soc-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0 26px}
@media(max-width:800px){.q-kpis,.soc-kpis{grid-template-columns:1fr 1fr}}
.q-kpis div,.soc-kpis div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.soc-kpis div{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.q-kpis .num,.soc-kpis .num{display:block;font:800 32px/1 var(--h);letter-spacing:-.03em}
.soc-kpis .num{color:var(--sun)}
.q-kpis span,.soc-kpis span{display:block;font-size:13px;color:var(--mute);margin-top:6px;line-height:1.4}
.soc-kpis span{color:var(--on-navy-mute)}
.q-th{display:grid;gap:12px}
.q-row{display:grid;grid-template-columns:minmax(200px,1.1fr) minmax(0,1.6fr) 170px 200px;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 18px;border-left:6px solid var(--tc);box-shadow:var(--sh)}
@media(max-width:1000px){.q-row{grid-template-columns:1fr 1fr}.q-ex{grid-column:1/-1}}
@media(max-width:600px){.q-row{grid-template-columns:1fr}}
.q-nom i{display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--tc);margin-right:8px}
.q-nom b{font:800 17px/1.2 var(--h)}
.q-nom small{display:block;font-size:12.5px;color:var(--mute);margin-top:5px;line-height:1.45}
.q-bars{display:grid;gap:6px}
.q-bars>div{display:grid;grid-template-columns:130px 1fr 44px;gap:10px;align-items:center;font-size:12px;color:var(--mute)}
.q-bars b{text-align:right;font:800 13px/1 var(--h);color:var(--ink)}
.q-bar{height:8px;border-radius:4px;background:var(--card2);overflow:hidden}
.q-bar i{display:block;height:100%;width:0;background:var(--tc);border-radius:4px;transition:width 1s cubic-bezier(.2,.8,.2,1)}
.q-places{background:var(--card2);border-radius:12px;padding:10px 12px}
.q-places small{display:block;font:700 10px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.q-places b{display:block;font:800 22px/1 var(--h);margin-top:4px}
.q-places span{display:block;font-size:11.5px;color:var(--mute);margin:2px 0 6px}
.q-places .tp-bar{height:8px;margin-bottom:6px}
.q-places small:last-child{color:var(--sun-d);text-transform:none;letter-spacing:0;font-size:11.5px}
.q-ex{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.q-ex a{display:block;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.q-ex img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
/* preuves */
.temoins{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:900px){.temoins{grid-template-columns:1fr}}
.tm{margin:0;background:var(--navy2);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:14px}
.tm blockquote{margin:0;font:500 15.5px/1.6 var(--b);color:#fff}
.tm figcaption b{display:block;font:800 14px/1.2 var(--h);color:var(--sun)}
.tm figcaption span{display:block;font-size:12.5px;color:var(--on-navy-mute);margin-top:3px}
.soc-note{font-size:12.5px;color:var(--on-navy-mute);margin:16px 0 0;text-align:center}
/* prix dégressif */
.degressif{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:560px;margin:0 auto 6px;align-items:end;height:150px}
.degressif div{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.degressif span{font:700 11px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--mute)}
.degressif i{width:100%;height:var(--h);background:linear-gradient(180deg,var(--blue),var(--blue-d));border-radius:10px 10px 4px 4px;order:3}
.degressif b{font:800 18px/1 var(--h);color:var(--blue)}
.degressif small{font-size:11px;color:var(--faint);order:2}
/* inscription */
.inscr{padding:44px 0 80px}
.inscr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,480px);gap:36px;align-items:start}
@media(max-width:900px){.inscr-grid{grid-template-columns:1fr}}
.inscr h1{font-size:clamp(30px,4.4vw,48px)}
.etapes-i{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:10px;counter-reset:ei}
.etapes-i li{counter-increment:ei;display:grid;grid-template-columns:34px 1fr;gap:12px;align-items:start}
.etapes-i li::before{content:counter(ei);display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--sun);color:var(--navy);font:800 14px/1 var(--h)}
.etapes-i b{display:block;font:700 15px/1.3 var(--h)}.etapes-i span{display:block;font-size:13.5px;color:var(--mute);margin-top:2px}
.form-i{padding:26px 26px 22px}
.form input[type=password]{width:100%;padding:13px 15px;border:1px solid var(--line2);border-radius:12px;font:400 15.5px/1.4 var(--b);background:var(--card);color:var(--ink)}
.force{height:5px;border-radius:3px;background:var(--card2);margin-top:8px;overflow:hidden}
.force i{display:block;height:100%;width:0;background:var(--no);transition:width .3s,background .3s}
.force.f1 i{width:25%;background:var(--no)}.force.f2 i{width:50%;background:var(--sun-d)}.force.f3 i{width:75%;background:var(--ok)}.force.f4 i{width:100%;background:var(--ok)}
.choix-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:560px){.choix-3{grid-template-columns:1fr}}
/* espace */
.espace{padding:30px 0 80px}
.bienvenue{background:var(--sun-soft);border:1px solid var(--sun);border-radius:14px;padding:14px 18px;margin-bottom:16px;font-size:15px}
.bienvenue b{font:800 16px/1.2 var(--h);margin-right:6px}
.esp-top{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:end;margin-bottom:20px}
@media(max-width:800px){.esp-top{grid-template-columns:1fr}}
.esp-top h1{font-size:clamp(28px,4vw,40px);margin:0 0 6px}
.progression{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--sh)}
.pr-l{display:flex;justify-content:space-between;font:700 12px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.pr-l b{color:var(--blue)}
.pr-bar{height:8px;border-radius:4px;background:var(--card2);margin:8px 0 10px;overflow:hidden}
.pr-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sun));border-radius:4px;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.progression ul{list-style:none;margin:0;padding:0;display:grid;gap:4px;font-size:13px;color:var(--mute)}
.progression li::before{content:'○ ';color:var(--faint)}.progression li.ok{color:var(--ink)}.progression li.ok::before{content:'● ';color:var(--ok)}
.esp-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
@media(max-width:900px){.esp-grid{grid-template-columns:1fr}}
.carte-esp{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px 26px;box-shadow:var(--sh)}
.carte-esp.cadeau{border:2px solid var(--sun);box-shadow:0 0 0 4px var(--sun-soft),var(--sh2);animation:respire 3s ease-in-out infinite}
@keyframes respire{0%,100%{box-shadow:0 0 0 4px var(--sun-soft),var(--sh2)}50%{box-shadow:0 0 0 10px color-mix(in srgb,var(--sun) 12%,transparent),var(--sh2)}}
.carte-esp h2{font-size:clamp(22px,2.8vw,30px)}
.carte-esp .form{padding:0;border:0;box-shadow:none;background:transparent}
.carte-esp .choix label small{font-size:11px}
@media(max-width:560px){.carte-esp{padding:18px 16px}.choix{grid-template-columns:1fr 1fr}}
/* ══ l'espace client : coque d'application ══ */
.app-shell{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;max-width:var(--maxw);margin:0 auto;padding:24px 22px 80px;align-items:start}
@media(max-width:900px){.app-shell{grid-template-columns:1fr;padding-top:14px}}
.app-nav{position:sticky;top:86px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--sh)}
@media(max-width:900px){.app-nav{position:static;padding:10px}}
.an-user{display:flex;gap:10px;align-items:center;padding:6px 8px 12px;border-bottom:1px solid var(--line);margin-bottom:8px}
.an-av{width:38px;height:38px;border-radius:12px;background:var(--navy);color:var(--sun);display:grid;place-items:center;font:800 16px/1 var(--h);flex:0 0 auto}
.an-user b{display:block;font:800 14px/1.2 var(--h);word-break:break-word}.an-user small{display:block;font-size:11.5px;color:var(--mute);word-break:break-all}
.app-nav nav{display:grid;gap:2px}
@media(max-width:900px){.app-nav nav{grid-template-columns:repeat(auto-fit,minmax(110px,1fr))}}
.app-nav nav a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink2);font:600 14px/1.2 var(--b)}
.app-nav nav a:hover{background:var(--card2)}.app-nav nav a.on{background:var(--blue-soft);color:var(--blue)}
.app-nav .badge{font:800 10px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:var(--navy);padding:4px 7px;border-radius:99px;font-style:normal}
.an-out{display:block;margin-top:10px;padding:10px 12px;font-size:13px;color:var(--mute);text-decoration:none}
.app-main h1{font-size:clamp(26px,3.4vw,36px);margin:0 0 14px}
.app-main .lead{font-size:16px;margin-bottom:18px}
.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
@media(max-width:900px){.kpi4{grid-template-columns:1fr 1fr}}
.kpi4 .k{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:14px 16px;box-shadow:var(--sh)}
.kpi4 small{display:block;font:700 10.5px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.kpi4 b{display:block;font:800 30px/1 var(--h);margin:6px 0 4px}.kpi4 span{font-size:12.5px;color:var(--mute)}
.liste-liens{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.liste-liens li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--line);border-radius:12px;font-size:14px}
.liste-liens li b{display:block;font:700 14px/1.3 var(--h)}.liste-liens li a,.liste-liens li span{display:block;font-size:12.5px;color:var(--mute);word-break:break-all}.liste-liens li small{color:var(--faint);font-size:12px}
.lien-plus{display:inline-block;margin-top:12px;font:700 13.5px/1 var(--h);color:var(--blue);text-decoration:none}
.rapport{border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:10px}
.rapport .r-h{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.rapport b{font:800 16px/1.2 var(--h)}.rapport span{font-size:13px;color:var(--mute)}.rapport p{margin:8px 0 0;font-size:14px;color:var(--ink2)}
.fil{display:grid;gap:10px;max-height:520px;overflow:auto}
.msg{background:var(--card2);border-radius:12px;padding:10px 14px;font-size:14px}.msg.eq{background:var(--blue-soft)}
.msg small{display:block;font-size:11.5px;color:var(--mute)}.msg b{display:block;font:700 14px/1.3 var(--h);margin-top:2px}.msg p{margin:4px 0 0;color:var(--ink2)}
.app-main .carte-esp{margin-bottom:16px}
.app-main .esp-grid .carte-esp{margin-bottom:0}

/* ══ v7 (05/09) ══ prix au lien, engagements, phrase-choc, barre de nav basse mobile */
.q-kpis.q-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:800px){.q-kpis.q-3{grid-template-columns:1fr 1fr}.q-kpis.q-3 div:last-child{grid-column:1/-1}}
.pill{white-space:nowrap}
.engagements{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:26px}
@media(max-width:900px){.engagements{grid-template-columns:1fr}}
.eng{background:var(--navy2);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px 22px 20px}
.eng b{display:block;font:800 17px/1.25 var(--h);color:#fff;margin-bottom:8px}
.eng p{margin:0;font-size:14.5px;line-height:1.6}
.grille-lien{display:grid;gap:10px;margin:26px 0 18px}
.gl-row{display:grid;grid-template-columns:minmax(0,1.1fr) auto minmax(120px,1fr) auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 22px;box-shadow:var(--sh)}
.gl-nom b{display:block;font:800 19px/1.2 var(--h)}
.gl-nom small{display:block;font-size:13px;color:var(--mute);margin-top:4px;line-height:1.4}
.gl-prix b{display:block;font:800 40px/1 var(--h);letter-spacing:-.04em;color:var(--blue)}
.gl-prix.plein b{color:var(--ink)}
.gl-prix span{display:block;font:700 11.5px/1.3 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--mute);margin-top:5px;white-space:nowrap}
.gl-cases{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.gl-cases i{display:block;height:14px;border-radius:4px;background:var(--blue)}
.gl-cases i.plein{background:var(--line2)}
@media(max-width:760px){.gl-row{grid-template-columns:1fr 1fr;gap:12px 16px}.gl-nom,.gl-cases{grid-column:1/-1}.gl-prix b{font-size:34px}}
.choc{background:var(--navy);color:#fff;border-radius:22px;padding:30px 34px;border-left:8px solid var(--sun);margin-top:22px}
.choc p{margin:0;font:600 clamp(19px,2.4vw,26px)/1.35 var(--h);letter-spacing:-.01em;color:#fff}
.choc p b{color:var(--sun);font-weight:800}
@media(max-width:600px){.choc{padding:22px 20px;border-left-width:6px}}
.nav-bas{display:none}
@media(max-width:940px){
  .nav-bas{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:90;background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -10px 30px -18px rgba(11,20,50,.35)}
  .nav-bas a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;padding:8px 2px;font:700 10.5px/1 var(--h);letter-spacing:.02em;color:var(--mute);text-decoration:none;transition:color .2s}
  .nav-bas a svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .nav-bas a.on{color:var(--blue)}
  .nav-bas a.nb-cta{color:var(--navy);background:var(--sun);border-radius:14px;margin:6px}
  .nav-bas a.nb-cta{min-height:44px}
  body.accueil{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  body.accueil #toast{bottom:calc(86px + env(safe-area-inset-bottom))}
  .hero6 .cta .btn{white-space:nowrap}
}
.tf .btn{white-space:nowrap}
@media(max-width:420px){.tf .btn{font-size:14px;padding-left:14px;padding-right:14px}.tf .btn .arr{margin-left:6px}}

/* ─── v8 · parcours live du hero (compte → page → thématique → lien offert) ─── */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.pills .pill{margin:0}
.pill-sun{background:var(--sun);color:var(--navy);border-color:transparent;font-weight:800}
.h6-form{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 22px 18px;box-shadow:0 24px 60px -30px color-mix(in srgb,var(--navy) 45%,transparent),var(--sh);animation:h6in .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:.15s;position:relative}
.h6-form::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;border-radius:22px 22px 0 0;background:var(--sun)}
.hf-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.hf-head b{font:800 17px/1.25 var(--h);color:var(--navy)}
.hf-tag{display:inline-block;font:800 11px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;background:var(--sun);color:var(--navy);padding:6px 9px;border-radius:999px}
.hf-steps{list-style:none;margin:0 0 16px;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.hf-steps li{display:flex;align-items:center;gap:7px;font:700 12.5px/1 var(--h);color:var(--faint);padding:8px 0 10px;border-bottom:3px solid var(--line);transition:color .3s,border-color .3s}
.hf-steps li i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--card2);color:var(--mute);font-style:normal;font-size:11.5px}
.hf-steps li.on{color:var(--navy);border-color:var(--blue)}.hf-steps li.on i{background:var(--blue);color:#fff}
.hf-steps li.ok{color:var(--ok);border-color:var(--ok)}.hf-steps li.ok i{background:var(--ok);color:#fff}
.hf-step{border:0;margin:0;padding:0;min-width:0;display:none}.hf-step.on{display:block;animation:h6in .35s cubic-bezier(.2,.8,.2,1) both}
.h6-form .champ{margin-bottom:12px}.h6-form .champ label{font-size:13.5px;margin-bottom:5px}
.h6-form input[type=text],.h6-form input[type=email],.h6-form input[type=url],.h6-form input[type=password]{width:100%;padding:11px 13px;border:1px solid var(--line2);border-radius:11px;font:400 15px/1.4 var(--b);background:var(--card);color:var(--ink)}
.h6-form input:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--blue) 22%,transparent)}
.h6-form input:user-invalid{border-color:var(--no)}
.hf-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.hf-choix label{padding:10px 11px;font-size:13.5px;border-radius:11px}.hf-choix label small{font-size:11.5px;line-height:1.35}
.hf-type{grid-template-columns:1fr 1fr}.hf-packs{grid-template-columns:repeat(2,1fr)}.hf-packs label{flex-direction:row;align-items:center;gap:8px}
.hf-them[hidden]{display:none}
.hf-nav{display:flex;gap:8px;margin-top:4px}.hf-nav .btn{width:auto;flex:1;white-space:nowrap;justify-content:center}.hf-nav .hf-prec{flex:0 0 auto}
.hf-fin{flex-direction:column;align-items:stretch}.hf-fin .btn{white-space:normal}.hf-fin .hf-prec{align-self:flex-start;font-size:14px;padding:9px 14px}
.hf-note{font-size:12.5px;color:var(--faint);line-height:1.5;margin:10px 0 0}
.hf-connecte .hf-note{font-size:15px;color:var(--mute);margin:0 0 14px}.hf-connecte .hf-nav .btn{flex:0 0 auto}
@media(max-width:940px){.h6-form{padding:18px 16px 14px}.hf-2{grid-template-columns:1fr}.hf-nav .btn{font-size:14.5px}.hf-packs{grid-template-columns:1fr 1fr}}
@media(max-width:420px){.hf-type{grid-template-columns:1fr}.hf-nav{flex-wrap:wrap}.hf-nav .btn[type=submit]{flex-basis:100%;order:-1}}

/* ─── v8 · section 2 : les quatre règles, en lignes (plus de grille de cartes) ─── */
.regles-tete{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.9fr);gap:28px;align-items:end}
.regles-tete .lead{margin:0 0 6px;font-size:16.5px}
.regles-tete h2 .sun{background:linear-gradient(transparent calc(100% - .5em),var(--sun) calc(100% - .5em) calc(100% - .2em),transparent calc(100% - .2em));padding:0 .06em .06em}
.regles{list-style:none;margin:34px 0 0;padding:0;border-top:1px solid var(--line2)}
.regle{display:grid;grid-template-columns:150px minmax(0,1fr) 300px;gap:28px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line2)}
.rg-num b{display:block;font:800 clamp(56px,7vw,88px)/.9 var(--h);letter-spacing:-.05em;color:var(--blue);font-variant-numeric:tabular-nums}
.rg-num small{font-size:.55em;letter-spacing:-.04em;color:var(--blue);opacity:.55;margin-left:.04em;vertical-align:.1em}
.rg-txt h3{margin:0 0 8px;font:800 clamp(18px,1.6vw,22px)/1.25 var(--h);color:var(--navy)}
.rg-txt p{margin:0;font-size:15px;color:var(--mute);line-height:1.6;max-width:52ch}
.rg-vz{display:flex;flex-direction:column;gap:9px;align-items:stretch;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 16px 13px;box-shadow:var(--sh)}
.rg-vz>span{font:700 11.5px/1.3 var(--h);letter-spacing:.04em;text-transform:uppercase;color:var(--mute);text-align:center}
.rg-vz sup{font-size:.7em;vertical-align:.3em}
.vz-dix .slots{display:flex;gap:5px}.vz-dix .slots i{flex:1;height:34px;border-radius:7px;background:var(--blue);animation:h6in .3s both}
.vz-dix .slots i.dernier{background:var(--sun);position:relative}.vz-dix .slots i.dernier::after{content:'×';position:absolute;inset:0;display:grid;place-items:center;font:800 20px/1 var(--h);color:var(--navy)}
.vz-dix .slots i:nth-child(2){animation-delay:.05s}.vz-dix .slots i:nth-child(3){animation-delay:.1s}.vz-dix .slots i:nth-child(4){animation-delay:.15s}.vz-dix .slots i:nth-child(5){animation-delay:.2s}.vz-dix .slots i:nth-child(6){animation-delay:.25s}.vz-dix .slots i:nth-child(7){animation-delay:.3s}.vz-dix .slots i:nth-child(8){animation-delay:.35s}.vz-dix .slots i:nth-child(9){animation-delay:.4s}.vz-dix .slots i:nth-child(10){animation-delay:.5s}
.vz-cinq .docs{display:flex;gap:6px}.vz-cinq .docs i{flex:1;display:flex;flex-direction:column;gap:4px;padding:8px 6px;border-radius:7px;background:var(--card2);border:1px solid var(--line2);min-height:52px}
.vz-cinq .docs u{display:block;height:4px;border-radius:2px;background:var(--line2)}.vz-cinq .docs u:first-child{width:70%;background:var(--faint)}
.vz-cinq .docs i.lien{background:var(--blue-soft);border-color:var(--blue)}.vz-cinq .docs u.l{background:var(--blue);box-shadow:0 2px 0 var(--sun)}
.vz-un{position:relative}.vz-un .sites{display:flex;justify-content:space-between;gap:6px}.vz-un .sites em{flex:1;text-align:center;font:700 12px/1 var(--h);font-style:normal;padding:8px 6px;border-radius:99px;background:var(--blue-soft);color:var(--blue)}
.vz-un .fils{display:flex;justify-content:space-around;height:22px}.vz-un .fils i{width:2px;background:linear-gradient(var(--blue),var(--sun));border-radius:2px}
.vz-un strong{display:block;text-align:center;font:800 13px/1 var(--h);padding:10px;border-radius:10px;background:var(--navy);color:#fff}
.vz-page .art{display:flex;flex-direction:column;gap:6px;padding:12px 12px 10px;border-radius:10px;background:var(--card2);border:1px solid var(--line2)}
.vz-page .art b{display:block;height:9px;border-radius:3px;background:var(--navy);width:88%}.vz-page .art b.c{width:62%;margin-bottom:4px}
.vz-page .art u{display:block;height:4px;border-radius:2px;background:var(--line2)}.vz-page .art u:last-of-type{width:75%}
.vz-page .art span{margin-top:6px;font:700 11px/1 var(--h);color:var(--mute);letter-spacing:.04em;text-transform:uppercase}
.regles-note{margin:18px 0 0;font-size:14px;color:var(--mute)}.regles-note s{display:inline-block;font:700 12px/1 var(--h);padding:6px 9px;border-radius:99px;background:var(--no-soft);color:var(--no);margin:0 2px}
@media(max-width:940px){.regles-tete{grid-template-columns:1fr;gap:10px}.regle{grid-template-columns:96px minmax(0,1fr);gap:16px 18px;padding:24px 0}.rg-vz{grid-column:1/-1}.rg-num b{font-size:60px}}
@media(max-width:480px){.regle{grid-template-columns:72px minmax(0,1fr)}.rg-num b{font-size:50px}.rg-txt h3{font-size:18px}.vz-dix .slots i{height:28px}.vz-un .sites em{font-size:11px;padding:7px 4px}}

/* ── v9 · direction « éditorial marine + presse » (05/09 nuit, DV-0030) ───────── */
.bandeau{background:var(--blue);border-bottom:0}.bandeau .bd-tag{background:var(--sun);color:var(--navy)}
.hero-navy{background:var(--navy);color:var(--on-navy);padding:64px 0 72px;position:relative;overflow:hidden}
.hero-navy::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 55% 70% at 78% 0%,color-mix(in srgb,var(--blue) 42%,transparent),transparent 62%),radial-gradient(ellipse 34% 40% at 6% 100%,color-mix(in srgb,var(--sun) 16%,transparent),transparent 60%);pointer-events:none}
.hero-navy::after{content:"";position:absolute;left:0;right:0;top:0;height:100%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,#000 20%,transparent 85%);-webkit-mask-image:linear-gradient(180deg,#000 20%,transparent 85%);pointer-events:none}
.hero-navy .wrap{position:relative;z-index:1}
.hero-navy h1{color:#fff;font-size:clamp(34px,4.3vw,52px);letter-spacing:-.04em;line-height:1.02}
.hero-navy h1 .sun{color:#fff;background:linear-gradient(transparent calc(100% - .5em),var(--sun) calc(100% - .5em) calc(100% - .16em),transparent calc(100% - .16em));background-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.hero-navy .lead{color:var(--on-navy-mute);font-size:clamp(17px,1.7vw,19px)}.hero-navy .lead b{color:#fff}
.hero-navy .pill{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.18);color:#fff}
.hero-navy .btn-2{background:transparent;color:#fff;border-color:rgba(255,255,255,.32)}.hero-navy .btn-2:hover{border-color:var(--sun);color:var(--sun)}
.hero-navy .promesses{color:var(--on-navy-mute)}.hero-navy .promesses b{color:#fff}
.hero-navy .h6-form{color:var(--ink);border-color:transparent;box-shadow:0 40px 90px -30px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08)}
.hero-navy .h6-form::before{height:6px}
.hero-navy .hf-connecte{color:var(--ink)}
/* section 2 : coupures de presse */
.regles-sec{background:var(--bg)}
.regles-sec h2{font-size:clamp(30px,3.6vw,46px);letter-spacing:-.035em}
.rg-vz.pr{gap:10px;padding:0;overflow:hidden;border-radius:14px;box-shadow:0 16px 40px -24px color-mix(in srgb,var(--navy) 50%,transparent),var(--sh)}
.pr-tete{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:10px 14px 9px;background:var(--navy);color:#fff}
.pr-tete em{font:800 14px/1 var(--h);font-style:normal;letter-spacing:-.02em}
.pr-tete span{font:700 9.5px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--sun);white-space:nowrap}
.rg-vz.pr>.slots,.rg-vz.pr>.agenda,.rg-vz.pr>.art{margin:0 14px}
.vz-dix.pr .slots{margin-top:14px}.vz-dix.pr .slots i{height:30px;border-radius:5px}
.vz-dix.pr .tampon{align-self:center;margin:8px 14px 14px;font:800 11px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--no);border:2px solid var(--no);padding:6px 10px;border-radius:5px;transform:rotate(-3deg)}
.agenda{list-style:none;margin:6px 14px 12px!important;padding:0}
.agenda li{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line2);font:600 12px/1.25 var(--h);color:var(--ink)}
.agenda li:last-child{border-bottom:0}
.agenda li i{font:700 10px/1 var(--h);font-style:normal;text-transform:uppercase;letter-spacing:.06em;color:var(--faint);flex:0 0 28px}
.agenda li span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.agenda li b{font:800 9.5px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:var(--navy);padding:4px 6px;border-radius:4px;white-space:nowrap}
.agenda li.lien span{color:var(--blue);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}
.vz-un.pr{padding:14px}
.vz-un.pr .sites em{background:var(--navy);color:#fff;font-size:10.5px;padding:8px 5px;border-radius:6px;letter-spacing:-.01em}
.vz-un.pr strong{background:var(--sun);color:var(--navy)}
.vz-page.pr .art{margin:0 14px 14px;padding:0;background:none;border:0;gap:6px}
.vz-page.pr .art b{height:auto;width:auto;background:none;font:800 14.5px/1.2 var(--h);color:var(--ink);letter-spacing:-.02em;margin-top:8px}
.vz-page.pr .art p{margin:0;font:400 11.5px/1.5 var(--b);color:var(--mute)}
.vz-page.pr .art p a{color:var(--blue);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px;text-decoration-color:var(--sun)}
.vz-page.pr .art span{margin-top:2px;font-size:10px}
@media(max-width:940px){.hero-navy{padding:44px 0 40px}.hero-navy::after{display:none}.agenda li span{white-space:normal}}

/* ── v10 · direction « sombre gamifiée » (05/09 nuit, DV-0031 — inspiration seo-jungle, pas de copie) ── */
:root{--cartoon:'Lilita One','Bricolage Grotesque',system-ui,sans-serif;--orange:#FF7A3D;--vert:#2FD08F;--glow-sun:0 0 0 1px rgba(255,197,61,.35),0 10px 30px -8px rgba(255,197,61,.55)}
body{background:var(--bg) radial-gradient(ellipse 70% 40% at 50% -10%,rgba(46,91,255,.18),transparent 60%) no-repeat}
h1,h2,.hf-titre,.rg-num b,.q-kpis .num,.tf .p,.final h2,.choc p b{font-family:var(--cartoon);font-weight:400;letter-spacing:.005em}
h2{font-size:clamp(30px,3.9vw,46px);line-height:1.06;color:#fff;text-shadow:0 3px 0 #04070d,0 12px 30px rgba(0,0,0,.45)}
:root[data-theme="dark"] h2 .sun,:root[data-theme="dark"] .hero-navy h1 .sun,:root[data-theme="dark"] h1 .sun{color:var(--sun);background:none;-webkit-box-decoration-break:slice;box-decoration-break:slice}
.eyebrow{display:inline-flex;font:700 11.5px/1 var(--h);letter-spacing:.14em;color:var(--sun);background:var(--sun-soft);border:1px solid rgba(255,197,61,.35);padding:8px 12px;border-radius:99px}
.lead{color:var(--mute)}
.alt{background:var(--card)}
/* boutons « bouton de jeu » */
.btn-sun{background:linear-gradient(180deg,#FFD46A 0%,var(--sun) 55%,#F5A623 100%);color:#1A1200;border:0;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),0 10px 26px -8px rgba(255,197,61,.6);font-weight:800;letter-spacing:.01em}
.btn-sun:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),0 16px 34px -10px rgba(255,197,61,.75)}
.btn-2{background:rgba(255,255,255,.04);color:#fff;border:2px solid var(--line2)}.btn-2:hover{border-color:var(--sun);color:var(--sun)}
.bandeau{background:linear-gradient(90deg,var(--blue-d),#2E5BFF 60%,#4F7BFF)}.bandeau .bd-tag{background:var(--sun);color:#1A1200;font-family:var(--cartoon);font-weight:400;letter-spacing:.06em;font-size:12px}
.bar{background:color-mix(in srgb,var(--navy) 82%,transparent);border-bottom-color:rgba(255,255,255,.07)}
/* HÉROS */
.hero-navy{background:var(--navy);padding:56px 0 0;overflow:visible}
.hero-navy::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 34% 55% at 78% 25%,rgba(46,91,255,.35),transparent 65%),radial-gradient(ellipse 26% 40% at 95% 95%,rgba(255,197,61,.22),transparent 65%),radial-gradient(ellipse 30% 35% at 8% 90%,rgba(46,91,255,.18),transparent 65%)}
.hero-navy::after{opacity:.5}
.hero6-grid{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:48px;align-items:start;padding-bottom:64px}
.hero-navy .pill{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700;box-shadow:0 0 0 4px rgba(47,208,143,.08)}
.hero-navy .pill i{box-shadow:0 0 12px var(--ok),0 0 0 3px rgba(47,208,143,.25)}
.hero-navy h1{font-size:clamp(34px,4.4vw,56px);line-height:1;letter-spacing:.005em;text-shadow:0 4px 0 #04070d,0 14px 34px rgba(0,0,0,.5)}
.hero-navy .lead{color:var(--on-navy-mute)}.hero-navy .lead b{color:var(--sun)}
.hero-navy .promesses li span{color:var(--on-navy-mute)}.hero-navy .promesses li b{color:#fff}
.hero-navy .promesses li::before{background-color:var(--vert);box-shadow:0 0 10px rgba(47,208,143,.6)}
.hero-navy>.wrap>div:first-child{padding-bottom:8px}
/* la bulle + la mascotte */
.hero-droite{position:relative;padding-top:132px;align-self:start;margin-top:44px}
.mascotte{position:absolute;top:-18px;right:14px;width:236px;height:auto;z-index:0;filter:drop-shadow(0 18px 30px rgba(0,0,0,.55));animation:resp 5s ease-in-out infinite;transform-origin:50% 100%}
@keyframes resp{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-6px) rotate(-1deg)}}
.h6-form.bulle{position:relative;z-index:1;background:var(--card);color:var(--ink);border:3px solid #fff;border-radius:26px;box-shadow:0 0 0 6px rgba(255,255,255,.06),0 44px 90px -30px rgba(0,0,0,.85),0 0 60px -10px rgba(46,91,255,.35);padding:24px 24px 20px}
.h6-form.bulle::before{content:'';position:absolute;top:-19px;right:118px;width:30px;height:30px;background:var(--card);border-top:3px solid #fff;border-left:3px solid #fff;border-radius:6px 0 0 0;transform:rotate(45deg);inset-inline-start:auto;height:30px;border-radius:5px 0 0 0}
.hf-head{display:block;margin-bottom:14px}
.hf-head b.hf-titre,.hf-titre{display:block;font:400 clamp(24px,2.2vw,29px)/1.05 var(--cartoon);color:#fff;text-shadow:0 3px 0 #04070d;letter-spacing:.005em}
.hf-titre .sun{color:var(--sun)}
.hf-sous{display:block;margin-top:6px;font:600 13.5px/1.3 var(--b);color:var(--mute)}
.hf-connecte .hf-titre{font-size:24px}
.hf-steps li{color:var(--faint);border-bottom-color:var(--line)}.hf-steps li i{background:var(--card2);color:var(--mute)}
.hf-steps li.on{color:#fff;border-color:var(--sun)}.hf-steps li.on i{background:var(--sun);color:#1A1200;box-shadow:0 0 12px rgba(255,197,61,.6)}
.hf-steps li.ok{color:var(--vert);border-color:var(--vert)}.hf-steps li.ok i{background:var(--vert);color:#062A1B}
.h6-form.bulle .champ label{color:var(--ink2)}.h6-form.bulle .champ label span{color:var(--faint)}
.h6-form.bulle input[type=text],.h6-form.bulle input[type=email],.h6-form.bulle input[type=url],.h6-form.bulle input[type=password]{background:var(--navy);color:#fff;border:1px solid var(--line2)}
.h6-form.bulle input::placeholder{color:var(--faint)}
.h6-form.bulle input:focus{border-color:var(--sun);box-shadow:0 0 0 3px rgba(255,197,61,.25)}
.h6-form.bulle .choix label{background:var(--navy);border-color:var(--line2);color:var(--ink2)}
.h6-form.bulle .choix label:has(input:checked){background:var(--sun-soft);border-color:var(--sun);color:#fff;box-shadow:0 0 0 1px var(--sun)}
.h6-form.bulle .hf-note{color:var(--mute)}
.h6-form.bulle .force{background:var(--navy)}
/* SECTION 2 · règles */
.regles-sec{background:var(--bg)}
.regles-sec .regle{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px 24px;box-shadow:var(--sh)}
.regles-sec .regle:hover{border-color:rgba(255,197,61,.45);box-shadow:0 0 0 1px rgba(255,197,61,.25),0 24px 60px -30px rgba(0,0,0,.8)}
.rg-num b{color:var(--sun);text-shadow:0 4px 0 #04070d,0 0 34px rgba(255,197,61,.35);font-size:clamp(60px,7vw,92px)}
.rg-num small{color:var(--sun);opacity:.6;font-family:var(--cartoon)}
.rg-txt h3{color:#fff}.rg-txt p{color:var(--mute)}
/* les coupures de presse restent du papier clair sur le fond sombre */
.rg-vz.pr{--card:#FFFCF4;--card2:#F1EDE2;--ink:#0F1B2D;--ink2:#22304A;--mute:#5A6A85;--faint:#8C98AE;--line:#E6E0D0;--line2:#D6CFBC;--blue:#2E5BFF;--navy:#0F1B2D;--sun-soft:#FFF3D1;background:var(--card);color:var(--ink);border:3px solid #fff;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);transform:rotate(-1.2deg)}
.regle:nth-child(even) .rg-vz.pr{transform:rotate(1.2deg)}
.regles-note{color:var(--mute)}.regles-note s{color:var(--no)}
/* SECTION 3 · qualité : cartes chaudes + barres XP */
.q-kpis{gap:14px}
.q-kpis div{border:0;border-radius:20px;padding:22px 20px 20px;color:#1A1200;position:relative;overflow:hidden;box-shadow:inset 0 -4px 0 rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.45),0 18px 40px -20px rgba(0,0,0,.8)}
.q-kpis div::after{content:'';position:absolute;right:-20px;top:-30px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(2px)}
.q-kpis div:nth-child(1){background:linear-gradient(135deg,#FF9A5C,#FF6A2F)}
.q-kpis div:nth-child(2){background:linear-gradient(135deg,#FFD86A,#FFB020)}
.q-kpis div:nth-child(3){background:linear-gradient(135deg,#6BE8B0,#1FB87A)}
.q-kpis .num{font-size:44px;color:#1A1200;text-shadow:0 2px 0 rgba(255,255,255,.35)}
.q-kpis span{color:rgba(26,18,0,.78);font-weight:600}
.q-row{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px 22px;box-shadow:var(--sh)}
.q-row:hover{border-color:color-mix(in srgb,var(--tc) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--tc) 40%,transparent),0 0 40px -12px color-mix(in srgb,var(--tc) 55%,transparent)}
.q-nom b{font:400 22px/1.1 var(--cartoon);color:#fff;letter-spacing:.005em}
.q-nom i{width:14px;height:14px;border-radius:4px;box-shadow:0 0 12px var(--tc)}
.q-bars>div span{color:var(--mute)}.q-bars b{color:#fff;font-family:var(--cartoon);font-weight:400;font-size:15px}
.q-bar{height:14px;border-radius:99px;background:var(--navy);box-shadow:inset 0 2px 4px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05)}
.q-bar i{background:linear-gradient(180deg,color-mix(in srgb,var(--tc) 70%,#fff) 0%,var(--tc) 45%,color-mix(in srgb,var(--tc) 75%,#000) 100%);border-radius:99px;box-shadow:0 0 14px color-mix(in srgb,var(--tc) 70%,transparent),inset 0 -2px 0 rgba(0,0,0,.25)}
.q-places{background:var(--navy);border:1px solid var(--line);border-radius:16px}
.q-places b{font-family:var(--cartoon);font-weight:400;color:var(--sun);font-size:36px;text-shadow:0 2px 0 #000}
.tp-bar{height:12px;border-radius:99px;background:var(--card2);box-shadow:inset 0 2px 4px rgba(0,0,0,.5)}
.tp-bar .pris{background:linear-gradient(90deg,var(--orange),var(--sun));box-shadow:0 0 12px rgba(255,197,61,.6)}
.tp-bar .lanc{background:rgba(255,255,255,.12)}
.q-ex a{border:2px solid #fff;border-radius:12px;overflow:hidden;box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}
/* PRIX */
.tf{background:var(--card);border:1px solid var(--line);border-radius:26px}
.tf.phare{border:3px solid var(--sun);box-shadow:var(--glow-sun),0 40px 80px -40px rgba(0,0,0,.9)}
.tf .phare-tag{font-family:var(--cartoon);font-weight:400;font-size:12px;letter-spacing:.06em;color:#1A1200;box-shadow:0 0 16px rgba(255,197,61,.6)}
.tf .niv{color:var(--sun)}
.tf .p{font-size:58px;color:#fff;text-shadow:0 3px 0 #04070d}.tf .p i{color:var(--mute);font-family:var(--b)}
.tf .pl{color:var(--blue)}
.tf h3{color:#fff}
.choc{background:linear-gradient(135deg,#0E1A38,#06122E);border-left:8px solid var(--sun);box-shadow:0 0 0 1px rgba(91,128,255,.35),0 30px 60px -30px rgba(0,0,0,.9)}
.choc p{color:#fff}.choc p b{font-size:1.08em;color:var(--sun)}
/* FAQ + FINAL */
.faq details{background:var(--card);border-color:var(--line)}.faq details[open]{border-color:var(--sun)}
.faq summary{color:#fff}.faq summary::after{background:var(--card2);color:#fff;border-color:var(--line2)}
.faq details[open] summary::after{background:var(--sun);color:#1A1200;border-color:var(--sun)}
.final{background:linear-gradient(135deg,#0E1A38,#050B1A);border:3px solid rgba(255,255,255,.9);box-shadow:0 0 0 8px rgba(255,255,255,.05),0 50px 100px -40px rgba(0,0,0,.9)}
.final::before{opacity:.5}
.final h2{text-shadow:0 3px 0 #04070d}
.final .mini b{font-family:var(--cartoon);font-weight:400;font-size:17px}
.on-navy{background:var(--navy)}
@media(max-width:940px){
  .hero-navy{padding:36px 0 0}.hero6-grid{grid-template-columns:1fr;padding-bottom:40px;gap:24px;align-items:stretch}.hero-navy h1{font-size:34px}
  .hero-droite{padding-top:118px;margin-top:0}
  .mascotte{width:200px;right:auto;left:50%;transform:translateX(-50%) rotate(0);top:-10px;animation:none}
  .h6-form.bulle::before{right:auto;left:calc(50% - 15px)}
  .rg-vz.pr,.regle:nth-child(even) .rg-vz.pr{transform:none}
  .q-kpis .num{font-size:36px}
}

/* 05/09 · DV-0045 : bouton à la place des vignettes d'exemple */
.q-cta{display:flex;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px;padding:14px 16px;border-radius:14px;line-height:1.25}
@media(max-width:1000px){.q-cta{grid-column:1/-1}}

/* ══ prix v12 (05/09/2026) : capacité par site + places de lancement ══ */
.cap{display:grid;gap:18px;margin:34px 0 10px}
.cap-site{display:grid;grid-template-columns:220px minmax(0,1fr) 210px;gap:26px;align-items:center;background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:24px 28px}
.cap-nom b{display:block;font:800 21px/1.15 var(--h);color:#fff}.cap-nom small{display:block;margin-top:6px;color:var(--muted,#9aa6c2);font-size:14px;line-height:1.4}
.cap-slots{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;min-width:0}
.slot{min-width:0;aspect-ratio:1/1.15;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;font:800 19px/1 var(--h)}
.slot i{font:700 8px/1 var(--h);font-style:normal;letter-spacing:.04em;margin-top:6px;opacity:.95;text-transform:uppercase}
.slot.lan{background:linear-gradient(180deg,#FFD46A,#FFC53D 55%,#F5A623);color:#1A1200;box-shadow:0 10px 26px -10px rgba(255,197,61,.6)}
.slot.tar{background:rgba(46,91,255,.14);border:1.5px solid rgba(91,128,255,.55);color:#DCE4FF}
.cap-lire{text-align:right}.cap-lire b{display:block;font:800 30px/1 var(--h);color:var(--sun)}.cap-lire small{display:block;color:#DCE4FF;font-size:13.5px;margin-top:8px;line-height:1.4}.cap-lire b.t{color:#8FA8FF;font-size:22px;margin-top:10px}
.cap-leg{display:flex;gap:28px;flex-wrap:wrap;margin:14px 4px 0;color:var(--muted,#9aa6c2);font-size:14px}.cap-leg span::before{content:"";display:inline-block;width:14px;height:14px;border-radius:5px;vertical-align:-2px;margin-right:8px}
.cap-leg .l1::before{background:var(--sun)}.cap-leg .l2::before{background:rgba(46,91,255,.2);border:1.5px solid rgba(91,128,255,.6)}
.cap-trois{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:34px}
.cap-trois>div{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}.cap-trois b{display:block;font:800 17px/1.2 var(--h);color:#fff;margin-bottom:8px}.cap-trois p{margin:0;color:#c7d0e6;font-size:14.5px;line-height:1.5}
.cap-trois .n{font:800 34px/1 var(--h);color:var(--sun);display:block;margin-bottom:6px}
.cap-jauge{position:relative;height:12px;border-radius:8px;background:rgba(46,91,255,.18);margin-top:30px;overflow:visible}.cap-jauge span{display:block;height:100%;background:linear-gradient(90deg,#FFD46A,#F5A623);border-radius:8px}.cap-jauge em{position:absolute;right:0;top:-22px;font:700 11px/1 var(--h);font-style:normal;color:var(--sun)}
.tf .p .apd{display:block;font:600 12px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#9aa6c2);margin-bottom:6px}
@media(max-width:900px){.cap-site{grid-template-columns:1fr;gap:16px;padding:20px}.cap-lire{text-align:left;display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:baseline}.cap-lire b.t{margin-top:0}.cap-lire small{margin-top:0}.cap-trois{grid-template-columns:1fr}}
@media(max-width:520px){.cap-slots{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.slot{font-size:16px;border-radius:11px}.slot i{font-size:7px}}
:root:not([data-theme="dark"]) .cap-site,:root:not([data-theme="dark"]) .cap-trois>div{border-color:rgba(0,0,0,.08)}
:root:not([data-theme="dark"]) .cap-nom b,:root:not([data-theme="dark"]) .cap-trois b{color:var(--ink,#0b1230)}
:root:not([data-theme="dark"]) .cap-lire small,:root:not([data-theme="dark"]) .cap-trois p,:root:not([data-theme="dark"]) .slot.tar{color:var(--ink,#0b1230)}

/* ══ places en direct (05/09/2026, DV-0057) ══ */
.live{margin-top:34px;background:linear-gradient(135deg,#0E1A38,#06122E);border:1px solid rgba(91,128,255,.35);border-radius:24px;padding:28px 30px;box-shadow:0 0 0 1px rgba(91,128,255,.12),0 24px 60px -30px rgba(46,91,255,.6)}
.live-tete{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:28px;align-items:start}
.live-tete h3{font:800 24px/1.2 var(--h);color:#fff;margin:10px 0 10px}.live-tete p{margin:0;color:#c7d0e6;font-size:14.5px;line-height:1.55;max-width:640px}
.live .eyebrow .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--vert,#2FD08F);margin-right:8px;box-shadow:0 0 0 0 rgba(47,208,143,.7);animation:livedot 1.8s ease-out infinite}
@keyframes livedot{0%{box-shadow:0 0 0 0 rgba(47,208,143,.7)}100%{box-shadow:0 0 0 10px rgba(47,208,143,0)}}
.live-total{text-align:right;border-left:1px solid rgba(255,255,255,.1);padding-left:24px}.live-total b{display:block;font:800 52px/1 var(--h);color:var(--sun)}.live-total small{display:block;margin-top:8px;color:#DCE4FF;font-size:13.5px;line-height:1.4}.live-total .maj{display:block;margin-top:10px;font-size:11.5px;color:var(--muted,#9aa6c2)}
.live-lignes{display:grid;gap:10px;margin-top:24px}
.live-l{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1.6fr) 150px 190px;gap:18px;align-items:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:14px 18px}
.ll-nom b{display:block;font:800 16px/1.2 var(--h);color:#fff}.ll-nom b::before{content:"";display:inline-block;width:10px;height:10px;border-radius:3px;background:var(--tc);margin-right:9px;vertical-align:1px}.ll-nom small{display:block;color:var(--muted,#9aa6c2);font-size:12.5px;margin-top:4px}
.ll-bar{height:10px;border-radius:6px;background:rgba(46,91,255,.18);overflow:hidden}.ll-bar span{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#FFD46A,#F5A623);transition:width .8s ease}
.ll-n b,.ll-t b{display:block;font:800 22px/1 var(--h);color:var(--sun)}.ll-t b{color:#8FA8FF}.ll-n small,.ll-t small{display:block;color:#c7d0e6;font-size:12px;margin-top:4px;line-height:1.35}
.pulse{animation:pulse .9s ease}@keyframes pulse{0%{color:#fff;transform:scale(1.08)}100%{transform:scale(1)}}
.cap-deux{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.cap-deux>div{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:22px}.cap-deux b{display:block;font:800 17px/1.2 var(--h);color:#fff;margin-bottom:8px}.cap-deux p{margin:0;color:#c7d0e6;font-size:14.5px;line-height:1.5}
@media(max-width:900px){.live{padding:22px 18px}.live-tete{grid-template-columns:1fr}.live-total{text-align:left;border-left:0;padding-left:0;border-top:1px solid rgba(255,255,255,.1);padding-top:16px}.live-l{grid-template-columns:1fr 1fr;gap:10px 14px}.ll-bar{grid-column:1/-1;order:3}.ll-nom{grid-column:1/-1}.cap-deux{grid-template-columns:1fr}}
:root:not([data-theme="dark"]) .cap-deux>div{border-color:rgba(0,0,0,.08)}:root:not([data-theme="dark"]) .cap-deux b{color:var(--ink,#0b1230)}:root:not([data-theme="dark"]) .cap-deux p{color:var(--ink,#0b1230)}

/* ══ configurateur (05/09/2026, DV-0058) ══ */
.cfg{background:var(--card);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:28px 30px;margin-top:18px}
.cfg-g{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);gap:32px;align-items:start}
.cfg-l{font:700 12px/1 var(--h);letter-spacing:.12em;text-transform:uppercase;color:var(--muted,#9aa6c2);margin:0 0 12px;display:flex;align-items:center;gap:12px}
.cfg-out{font:800 26px/1 var(--h);color:var(--sun);letter-spacing:0;text-transform:none}
.cfg-packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}
.cfg-packs label{position:relative;display:block;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;padding:12px 14px 12px 38px;cursor:pointer;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.cfg-packs input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cfg-packs i{position:absolute;left:14px;top:15px;width:14px;height:14px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:transparent}
.cfg-packs input:checked~i{background:var(--tc);border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 30%,transparent)}
.cfg-packs input:checked~b,.cfg-packs label:has(input:checked){border-color:var(--tc);background:color-mix(in srgb,var(--tc) 10%,transparent)}
.cfg-packs b{display:block;font:800 14.5px/1.2 var(--h);color:#fff}.cfg-packs small{display:block;color:var(--muted,#9aa6c2);font-size:12px;margin-top:4px}
.cfg-range{-webkit-appearance:none;appearance:none;width:100%;height:14px;border-radius:8px;background:linear-gradient(90deg,var(--sun) 0 var(--p,0%),rgba(46,91,255,.22) var(--p,0%) 100%);outline:none;margin:6px 0 0;cursor:pointer}
.cfg-range::-webkit-slider-thumb{-webkit-appearance:none;width:30px;height:30px;border-radius:50%;background:linear-gradient(180deg,#FFD46A,#F5A623);border:3px solid #0B1230;box-shadow:0 6px 18px -4px rgba(255,197,61,.8)}
.cfg-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;background:#FFC53D;border:3px solid #0B1230}
.cfg-echelle{display:flex;justify-content:space-between;color:var(--muted,#9aa6c2);font-size:12px;margin-top:6px}.cfg-aide{color:var(--muted,#9aa6c2);font-size:13.5px;margin:12px 0 0;line-height:1.5}
.cfg-devis{background:linear-gradient(135deg,#0E1A38,#06122E);border:1px solid rgba(91,128,255,.35);border-radius:20px;padding:24px}
.cfg-prix{display:flex;align-items:baseline;gap:10px;margin:6px 0 14px}.cfg-prix b{font:800 56px/1 var(--h);color:#fff}.cfg-prix span{color:var(--muted,#9aa6c2);font-size:15px}
.cfg-detail{list-style:none;margin:0;padding:0;display:grid;gap:8px}.cfg-detail li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border-radius:12px;font-size:14px;color:#DCE4FF}
.cfg-detail li.lan{background:rgba(255,197,61,.12);border:1px solid rgba(255,197,61,.35)}.cfg-detail li.lan>b{color:var(--sun)}.cfg-detail li.nor{background:rgba(46,91,255,.12);border:1px solid rgba(91,128,255,.4)}.cfg-detail li.nor>b{color:#8FA8FF}
.cfg-detail li span b{color:#fff}
.cfg-regle{margin:14px 0 0;color:#c7d0e6;font-size:13.5px;line-height:1.5}.cfg-regle b{color:#fff}
.cfg-cta{display:flex;justify-content:center;width:100%;margin-top:18px}.cfg-note{margin:12px 0 0;color:var(--muted,#9aa6c2);font-size:12.5px;line-height:1.5;text-align:center}
.cfg-esp{border:0;padding:0;margin-top:0;background:transparent}.cfg-esp .cfg-prix b{font-size:40px}
@media(max-width:900px){.cfg{padding:20px 16px}.cfg-g{grid-template-columns:1fr}.cfg-prix b{font-size:44px}}
:root:not([data-theme="dark"]) .cfg{border-color:rgba(0,0,0,.08)}:root:not([data-theme="dark"]) .cfg-packs b{color:var(--ink,#0b1230)}:root:not([data-theme="dark"]) .cfg-packs label{border-color:rgba(0,0,0,.12)}
.cfg-cta{flex-wrap:wrap;gap:0 .35em;text-align:center}.cfg-detail li>b{white-space:nowrap}.cfg-detail li span{min-width:0}

/* ── v11 · page inscription = page de conversion (06/09, décision Mathias : tous les boutons y mènent) ── */
.inscr-hero .hero6-grid{padding-bottom:52px}
.ins-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:24px 0 0}
.ins-kpis div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px}
.ins-kpis .num{display:block;font:400 30px/1 var(--cartoon);color:var(--sun);letter-spacing:.005em}
.ins-kpis span{display:block;font-size:12.5px;color:var(--on-navy-mute);margin-top:6px;line-height:1.35}
.ins-suite{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px;counter-reset:is}
.ins-suite li{counter-increment:is;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;font-size:14.5px;line-height:1.45;color:var(--on-navy-mute)}
.ins-suite li b{color:#fff}
.ins-suite li::before{content:counter(is);display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--sun);color:#1A1200;font:400 14px/1 var(--cartoon);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.ins-cfg{margin-top:18px;background:rgba(255,197,61,.1);border:1px solid rgba(255,197,61,.35);border-radius:14px;padding:12px 14px;font-size:14px;line-height:1.45;color:#fff}.ins-cfg b{color:var(--sun)}
.ins-apres{padding:60px 0 24px}
.ins-cartes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}
.ins-cartes div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 20px;border-top:4px solid var(--sun)}
.ins-cartes b{display:block;font:400 21px/1.15 var(--cartoon);color:var(--ink);margin-bottom:8px}
.ins-cartes p{margin:0;font-size:14.5px;color:var(--mute);line-height:1.6}
.ins-faq{padding:24px 0 70px}.ins-faq .wrap-s{max-width:760px}
@media(max-width:940px){.ins-cartes{grid-template-columns:1fr}.inscr-hero .hero6-grid{padding-bottom:40px}}
@media(max-width:520px){.ins-kpis{grid-template-columns:1fr 1fr}.ins-kpis div:last-child{grid-column:1/-1}}
.ins-bas{margin-top:2px}
@media(max-width:940px){.inscr-hero .ins-gauche{display:contents}.inscr-hero .ins-haut{order:1}.inscr-hero .hero-droite{order:2}.inscr-hero .ins-bas{order:3}.inscr-hero .hero6-grid{gap:18px}}

/* ── v11 · prix de lancement daté (06/09) : bandeau + compte à rebours + grille des deux prix ── */
.lan-bandeau{display:grid;grid-template-columns:minmax(0,1.3fr) auto;gap:22px;align-items:center;margin-top:22px;padding:22px 26px;border-radius:22px;background:linear-gradient(135deg,rgba(255,197,61,.16),rgba(46,91,255,.14));border:1px solid rgba(255,197,61,.4);box-shadow:var(--glow-sun)}
.lan-tag{display:inline-block;background:var(--sun);color:#1A1200;border-radius:99px;font:400 12px/1 var(--cartoon);letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;margin-bottom:10px}
.lan-txt>b{display:block;font:400 clamp(22px,2.2vw,28px)/1.1 var(--cartoon);color:#fff;text-shadow:0 3px 0 #04070d}
.lan-txt p{margin:8px 0 0;color:var(--ink2);font-size:15px;line-height:1.5}.lan-txt p b{color:var(--sun)}
.lan-compte{display:flex;gap:8px}.lan-compte div{min-width:72px;text-align:center;background:var(--navy);border:1px solid var(--line2);border-radius:14px;padding:10px 8px 8px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.35)}
.lan-compte b{display:block;font:400 34px/1 var(--cartoon);color:var(--sun);letter-spacing:.02em}.lan-compte small{display:block;margin-top:4px;font:700 10.5px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.lan-bandeau.fini .lan-compte{opacity:.35}
.lan-grille{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}
.lan-grille>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 20px}
.lan-grille b{display:block;font:400 20px/1.1 var(--cartoon);color:var(--ink)}.lan-grille small{display:block;color:var(--mute);font-size:12.5px;margin-top:4px}
.lan-grille p{margin:12px 0 0;color:var(--ink2);font-size:15px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.lan-grille strong{font:400 34px/1 var(--cartoon);color:var(--sun)}.lan-grille em{font-style:normal;font-size:12.5px;color:var(--faint);flex-basis:100%}
@media(max-width:940px){.lan-bandeau{grid-template-columns:1fr}.lan-compte{justify-content:flex-start;flex-wrap:wrap}.lan-compte div{min-width:64px;flex:1}.lan-grille{grid-template-columns:1fr}}

/* ── v11 · chronologie animée d'un lien (autonome, 18 s en boucle) + garanties + missions de l'espace (06/09) ── */
.chrono{position:relative;margin:34px 0 10px}
.chrono-track{position:relative;height:6px;border-radius:3px;background:var(--card2);margin:0 calc(100%/16)}
.chrono-track i{position:absolute;left:0;top:0;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--blue),var(--sun));box-shadow:0 0 14px rgba(255,197,61,.45);animation:chronoFill 18s linear infinite}
@keyframes chronoFill{0%{width:0}87.5%{width:100%}96%{width:100%}100%{width:0}}
.chrono-steps{list-style:none;margin:-14px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.chrono-steps li{text-align:center;padding:0 2px;opacity:.42;animation:cs0 18s linear infinite;transition:opacity .3s}
.cs-dot{display:block;width:22px;height:22px;border-radius:50%;margin:0 auto 10px;background:var(--sun);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--sun),0 0 18px rgba(255,197,61,.55)}
.chrono-steps li:last-child .cs-dot{background:var(--vert);box-shadow:0 0 0 2px var(--vert),0 0 18px rgba(47,208,143,.55)}
.cs-quand{display:block;font:400 15px/1 var(--cartoon);color:var(--sun);letter-spacing:.02em;margin-bottom:6px}
.chrono-steps b{display:block;font:800 13.5px/1.2 var(--h);color:var(--ink)}
.chrono-steps small{display:block;margin-top:5px;font-size:11.5px;line-height:1.35;color:var(--mute)}
@keyframes cs0{0%,0.0%{opacity:.42;transform:translateY(0)}1.5%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(1){animation-name:cs0}
@keyframes cs1{0%,12.5%{opacity:.42;transform:translateY(0)}14.0%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(2){animation-name:cs1}
@keyframes cs2{0%,25.0%{opacity:.42;transform:translateY(0)}26.5%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(3){animation-name:cs2}
@keyframes cs3{0%,37.5%{opacity:.42;transform:translateY(0)}39.0%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(4){animation-name:cs3}
@keyframes cs4{0%,50.0%{opacity:.42;transform:translateY(0)}51.5%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(5){animation-name:cs4}
@keyframes cs5{0%,62.5%{opacity:.42;transform:translateY(0)}64.0%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(6){animation-name:cs5}
@keyframes cs6{0%,75.0%{opacity:.42;transform:translateY(0)}76.5%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(7){animation-name:cs6}
@keyframes cs7{0%,87.5%{opacity:.42;transform:translateY(0)}89.0%{opacity:1;transform:translateY(-4px)}96%{opacity:1;transform:translateY(0)}100%{opacity:.42}}
.chrono-steps li:nth-child(8){animation-name:cs7}
.garanties{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}
.garanties>div{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--sun);border-radius:18px;padding:18px 18px 16px}
.garanties>div:nth-child(2){border-top-color:var(--vert)}.garanties>div:nth-child(3){border-top-color:var(--blue)}.garanties>div:nth-child(4){border-top-color:var(--orange)}
.ga-ico{display:block;font-size:22px;margin-bottom:8px}
.garanties b{display:block;font:400 21px/1.1 var(--cartoon);color:var(--ink);margin-bottom:6px}
.garanties p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mute)}
.chrono-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:26px 0 0;padding:16px 20px;border-radius:16px;background:rgba(255,197,61,.08);border:1px solid rgba(255,197,61,.3);font-size:15px;color:var(--ink2)}
.chrono-cta b{color:var(--sun);font-family:var(--cartoon);font-weight:400;font-size:18px}.chrono-cta .btn{margin-left:auto}
.regles-h3{margin:46px 0 0;font:400 clamp(22px,2.4vw,30px)/1.15 var(--cartoon);color:var(--ink)}.regles-h3 .sun{color:var(--sun)}
.regles{margin-top:18px}
.agenda li b.mail{background:var(--blue-soft);color:var(--blue)}
@media(max-width:940px){.chrono-steps{grid-template-columns:repeat(4,1fr);gap:14px 8px;margin-top:8px}.chrono-track{display:none}.garanties{grid-template-columns:1fr 1fr}.chrono-cta .btn{margin-left:0}}
@media(max-width:520px){.chrono-steps{grid-template-columns:1fr 1fr}.garanties{grid-template-columns:1fr}}
/* missions (espace client) */
.missions{display:grid;gap:14px;margin-top:16px}
.lien-mission{display:block;background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px 22px;position:relative;overflow:hidden}
.lien-mission::before{content:'';position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--blue),var(--sun))}
.lien-mission-ok::before{background:var(--vert)}
.mi-tete{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.mi-ancre{display:block;font:400 22px/1.1 var(--cartoon);color:var(--ink)}.mi-cible{display:block;font-size:12.5px;color:var(--mute);word-break:break-all;margin-top:4px}
.mi-niveau{text-align:right}.mi-niveau b{display:block;font:400 30px/1 var(--cartoon);color:var(--sun)}.mi-niveau b small{font-size:.5em;color:var(--mute)}.mi-niveau span{display:block;font:700 11px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin-top:4px}
.mi-xp{display:grid;grid-template-columns:1fr 52px;gap:10px;align-items:center;margin:14px 0 10px}.mi-xp .q-bar{height:12px;border-radius:6px}.mi-xp .q-bar i{background:linear-gradient(90deg,var(--orange),var(--sun) 60%,var(--vert))}.mi-xp b{text-align:right;font:400 16px/1 var(--cartoon);color:var(--sun)}
.mi-url{display:block;font-size:13px;color:var(--blue);word-break:break-all;margin:0 0 10px}
.mi-etapes{list-style:none;margin:6px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:6px}
.mi-etapes li{position:relative;padding:22px 4px 0;text-align:center;opacity:.45}
.mi-etapes li::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:16px;height:16px;border-radius:50%;background:var(--card2);border:2px solid var(--line2)}
.mi-etapes li.ok{opacity:1}.mi-etapes li.ok::before{background:var(--vert);border-color:var(--vert);box-shadow:0 0 10px rgba(47,208,143,.6)}
.mi-etapes li.next{opacity:.85}.mi-etapes li.next::before{border-color:var(--sun);animation:pulse 2s infinite}
.mi-etapes i{display:block;font:400 12px/1 var(--cartoon);color:var(--sun);margin-bottom:4px}.mi-etapes b{display:block;font:700 11.5px/1.2 var(--h);color:var(--ink)}.mi-etapes small{display:block;font-size:10.5px;color:var(--mute);margin-top:3px}
.mi-gar{margin:12px 0 0;font-size:13px;color:var(--mute)}.mi-gar b{color:var(--vert)}
@media(max-width:700px){.mi-etapes{grid-template-columns:repeat(4,1fr)}}

/* ── v11 · configurateur mixte : une ligne par thématique, compteur − / + ── */
.cfg-lignes{display:grid;gap:8px}
.cfg-ligne{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;border:1.5px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.02);transition:border-color .2s,background .2s}
.cfg-ligne>i{width:12px;height:12px;border-radius:50%;background:var(--tc);opacity:.45}
.cfg-ligne.on{border-color:var(--tc);background:color-mix(in srgb,var(--tc) 10%,transparent)}.cfg-ligne.on>i{opacity:1;box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 30%,transparent)}
.cl-nom b{display:block;font:800 14.5px/1.2 var(--h);color:#fff}.cl-nom small{display:block;color:var(--muted,#9aa6c2);font-size:12px;margin-top:3px}.cl-prix{color:var(--sun);font-weight:700}.cl-apres{color:var(--faint)}
.cl-step{display:flex;align-items:center;gap:4px}
.cl-step button{width:36px;height:36px;border-radius:10px;border:0;background:var(--navy);color:#fff;font:700 20px/1 var(--h);cursor:pointer;box-shadow:inset 0 -2px 0 rgba(0,0,0,.35)}.cl-step button:hover{background:var(--sun);color:#1A1200}
.cl-step input{width:58px;height:36px;text-align:center;border-radius:10px;border:1px solid var(--line2);background:var(--navy);color:var(--sun);font:400 20px/1 var(--cartoon);-moz-appearance:textfield}.cl-step input::-webkit-outer-spin-button,.cl-step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.cfg-ligne.on .cl-step input{border-color:var(--tc)}
.cfg-apres{margin:14px 0 0;color:#c7d0e6;font-size:13.5px;line-height:1.5}.cfg-apres b{color:#fff}
.cfg-cta.off{opacity:.45;pointer-events:none}
.cfg-esp .cfg-ligne{background:var(--card2)}.cfg-esp .cl-nom b{color:var(--ink)}
@media(max-width:520px){.cfg-ligne{grid-template-columns:10px minmax(0,1fr)}.cl-step{grid-column:1/-1;justify-content:flex-end}}

/* ── v11 · barre sticky du prix de lancement (toutes les pages) + configurateur à curseurs ── */
.lan-sticky{position:sticky;top:70px;z-index:45;background:linear-gradient(90deg,#14204a,#0f1a3d 55%,#1b1f3f);border-bottom:1px solid rgba(255,197,61,.35);color:#fff;box-shadow:0 10px 30px -18px rgba(0,0,0,.8)}
.lan-sticky .wrap{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:9px;padding-bottom:9px}
.ls-tag{font:400 11.5px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:#1A1200;padding:7px 10px;border-radius:99px;white-space:nowrap}
.ls-prix{font:800 14.5px/1.2 var(--h);white-space:nowrap}
.ls-fin{font-size:12.5px;color:var(--on-navy-mute);flex:1;min-width:220px}
.ls-cd{display:inline-flex;align-items:baseline;gap:3px;font:400 20px/1 var(--cartoon);color:var(--sun);white-space:nowrap;letter-spacing:.02em}.ls-cd i{font:700 10px/1 var(--h);font-style:normal;color:var(--on-navy-mute);margin:0 6px 0 1px;letter-spacing:.06em}
.lan-sticky .btn-s{padding:9px 14px;font-size:13px;white-space:nowrap}
.lan-sticky.mini .ls-fin{display:none}
.lan-sticky.fini{display:none}
@media(max-width:940px){.lan-sticky .wrap{gap:6px 10px;padding-top:8px;padding-bottom:8px}.ls-fin{display:none}.ls-prix{font-size:13px;flex:1;min-width:0;white-space:normal}.ls-cd{font-size:17px}.lan-sticky .btn-s{padding:8px 12px;font-size:12.5px}}
@media(max-width:520px){.ls-tag{display:none}.ls-prix{order:1;flex-basis:100%;font-size:12.5px}.ls-cd{order:2;flex:1}.lan-sticky .btn-s{order:3}}
.cfg-ligne{display:block;padding:12px 14px 10px}
.cl-tete{display:grid;grid-template-columns:12px minmax(0,1fr) auto;gap:12px;align-items:center}
.cl-val{display:flex;align-items:baseline;gap:5px;font:400 26px/1 var(--cartoon);color:var(--sun);min-width:74px;justify-content:flex-end}.cl-val span{font:700 11px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
.cl-range{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:6px;margin:12px 0 8px;background:linear-gradient(90deg,var(--tc) 0 var(--p,0%),rgba(255,255,255,.08) var(--p,0%));outline:0;cursor:pointer}
.cl-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(180deg,#FFD46A,#F5A623);border:3px solid #0B1230;box-shadow:0 4px 12px rgba(0,0,0,.5),0 0 0 3px color-mix(in srgb,var(--tc) 35%,transparent);transition:transform .15s}.cl-range::-webkit-slider-thumb:hover,.cl-range:active::-webkit-slider-thumb{transform:scale(1.12)}
.cl-range::-moz-range-thumb{width:28px;height:28px;border-radius:50%;background:#FFC53D;border:3px solid #0B1230}
.cl-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.cl-chips{display:flex;gap:5px;flex-wrap:wrap}.cl-chips button{border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--mute);font:700 12px/1 var(--h);padding:6px 9px;border-radius:99px;cursor:pointer;transition:all .15s}.cl-chips button:hover{border-color:var(--sun);color:#fff}.cl-chips button.on{background:var(--sun);color:#1A1200;border-color:var(--sun)}
.cl-stock{position:relative;flex:1;min-width:150px;height:6px;border-radius:3px;background:rgba(255,255,255,.08)}.cl-stock i{display:block;height:100%;border-radius:3px;background:var(--vert)}.cl-stock small{position:absolute;right:0;top:9px;font-size:10.5px;color:var(--faint);white-space:nowrap}
.cl-bas{margin-bottom:12px}
.cfg-gain{margin:14px 0 0;color:#c7d0e6;font-size:13.5px;line-height:1.5;padding:10px 12px;border-radius:12px;background:rgba(47,208,143,.1);border:1px solid rgba(47,208,143,.3)}.cfg-gain b{color:var(--vert)}.cfg-gain b:last-of-type{color:#fff}
.cfg-sites{margin:12px 0 0;color:var(--mute);font-size:13px}.cfg-sites b{color:#fff}
.cfg-prix b.pop{animation:pop .42s cubic-bezier(.2,.8,.2,1)}@keyframes pop{0%{transform:scale(1)}35%{transform:scale(1.08)}100%{transform:scale(1)}}
.cfg-detail li.lan{border-left:4px solid var(--tc,var(--sun))}
@media(max-width:520px){.cl-tete{grid-template-columns:10px minmax(0,1fr) auto}.cl-stock small{position:static;display:block;margin-top:6px}}
.ls-court{display:none}
section[id]{scroll-margin-top:132px}
@media(max-width:520px){.ls-long{display:none}.ls-court{display:inline}.ls-prix{order:0;flex-basis:auto;font-size:13px}.ls-cd{order:0;flex:0 0 auto;font-size:16px}.ls-cd i{margin:0 4px 0 1px}.ls-cd b[data-cd="s"],.ls-cd b[data-cd="s"]+i{display:none}.lan-sticky .btn-s{order:0;margin-left:auto;padding:7px 10px;font-size:12px}.lan-sticky .wrap{flex-wrap:nowrap;gap:8px}section[id]{scroll-margin-top:118px}}
@media(max-width:520px){.lan-sticky .btn-s{display:none}.ls-tag{display:inline;font-size:10px;padding:5px 8px}.ls-prix{white-space:nowrap;font-size:12.5px}.ls-cd{margin-left:auto;font-size:17px}.lan-sticky .wrap{padding-top:9px;padding-bottom:9px}}

/* ── v12 · relinking : phrase de bascule netlinking, les trois niveaux, choix du mode ── */
.hero-net{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:rgba(91,128,255,.12);border:1px solid rgba(91,128,255,.35);font-size:14px;color:var(--on-navy-mute)}.hero-net b{color:#fff}
.etages{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.2fr) auto minmax(0,1.3fr) auto minmax(0,1.3fr);gap:10px;align-items:stretch;margin-top:28px}
.et{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:6px}
.et small{font:700 10.5px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}.et b{font:400 18px/1.15 var(--cartoon);color:var(--ink)}.et span{font-size:12.5px;line-height:1.45;color:var(--mute)}
.et-vous{border-color:rgba(255,255,255,.25)}.et-t1{border-top:4px solid var(--faint)}.et-t2{border-top:4px solid var(--sun);box-shadow:var(--glow-sun)}.et-t3{border-top:4px solid var(--vert)}
.et-t2 small,.et-t3 small{color:var(--sun)}.et-t3 small{color:var(--vert)}
.et-fl{align-self:center;font:400 26px/1 var(--cartoon);color:var(--sun);font-style:normal}
.etages-note{margin:14px 0 0;font-size:14px;color:var(--mute)}.etages-note em{color:var(--ink);font-style:normal;font-weight:700}
.hf-mode{grid-template-columns:1fr 1fr}.hf-mode label small{display:block;margin-top:4px}
@media(max-width:940px){.etages{grid-template-columns:1fr}.et-fl{transform:rotate(90deg);justify-self:center}}
@media(max-width:420px){.hf-mode{grid-template-columns:1fr}}
@media(max-width:600px){.hero6 .cta .btn{white-space:normal;text-align:center;line-height:1.25}.hero6 .cta .btn-l{width:100%;justify-content:center}}

/* ── v12 · « Un mot du fondateur » : note papier signée du prénom, chiffres réels, lynx en coin (la marque reste cessible : pas de photo) ── */
.fondateur{padding:56px 0 8px}
.fond-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:28px;align-items:start}
.fond-note{position:relative;--card:#FFFCF4;--ink:#0F1B2D;--ink2:#22304A;--mute:#5A6A85;--faint:#8C98AE;background:var(--card);color:var(--ink);border:3px solid #fff;border-radius:22px;padding:30px 34px 28px;box-shadow:0 24px 60px -24px rgba(0,0,0,.8);transform:rotate(-.6deg);overflow:hidden}
.fond-note .eyebrow{color:var(--mute);border-color:#E6E0D0;background:#F1EDE2}
.fond-note h2{font-size:clamp(24px,2.6vw,34px);color:var(--ink);text-shadow:none;margin:12px 0 14px;max-width:18ch}.fond-note h2 .sun{color:#C98F0E}
.fond-note p{margin:0 0 12px;font-size:16px;line-height:1.6;color:var(--ink2);max-width:60ch}.fond-note p b{color:var(--ink)}
.fond-sign{margin:18px 0 0!important;font:400 24px/1 var(--cartoon);color:var(--ink)}.fond-sign .sun{color:#C98F0E}
.fond-lynx{position:absolute;right:-34px;bottom:-70px;width:190px;height:auto;transform:rotate(-8deg);opacity:.95;pointer-events:none}
.fond-chiffres{display:grid;gap:10px;padding-top:6px}
.fond-chiffres>div{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.fond-chiffres b{display:block;font:400 34px/1 var(--cartoon);color:var(--sun)}.fond-chiffres span{display:block;font-size:13px;color:var(--mute);margin-top:6px}
.fond-chiffres p{margin:4px 0 0;font-size:12.5px;color:var(--faint);line-height:1.5}
@media(max-width:940px){.fond-grid{grid-template-columns:1fr}.fond-note{transform:none;padding:24px 22px 26px}.fond-note p{max-width:none}.fond-lynx{width:130px;right:-26px;bottom:-52px}.fond-chiffres{grid-template-columns:1fr 1fr}.fond-chiffres p{grid-column:1/-1}}
@media(max-width:520px){.fond-chiffres{grid-template-columns:1fr}}
.fond-note{padding-right:230px}
@media(max-width:940px){.fond-note{padding-right:22px;padding-bottom:120px}.fond-lynx{width:140px;right:-20px;bottom:-40px}}

/* ── v13 · header fusionné (bureau) : logo cartoon, compte à rebours dans la barre ; signature manuscrite du fondateur ── */
.logo span{font:400 25px/1 var(--cartoon);letter-spacing:.005em;color:#fff}.logo em{color:var(--blue)}.logo small{font:700 10.5px/1 var(--h);color:var(--mute)}
.logo svg{width:38px;height:38px;filter:drop-shadow(0 4px 10px rgba(0,0,0,.45))}
.bar-lan{display:none}
@media(min-width:941px){
  .lan-sticky{display:none}
  .bar-lan{display:inline-flex;align-items:center;gap:9px;margin-left:18px;padding:7px 12px 7px 7px;border-radius:99px;background:linear-gradient(90deg,rgba(255,197,61,.16),rgba(91,128,255,.14));border:1px solid rgba(255,197,61,.4);color:#fff;text-decoration:none;white-space:nowrap;transition:box-shadow .2s}
  .bar-lan:hover{box-shadow:var(--glow-sun)}
  .bl-tag{font:400 10.5px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:#1A1200;padding:6px 8px;border-radius:99px}
  .bar-lan b{font:800 13px/1 var(--h)}
  .bl-cd{font:700 11.5px/1 var(--h);color:var(--on-navy-mute);letter-spacing:.02em}.bl-cd i{font:400 17px/1 var(--cartoon);font-style:normal;color:var(--sun);margin-right:1px}
  .bar nav{margin-left:auto}
  section[id]{scroll-margin-top:86px}
}
@media(min-width:941px) and (max-width:1180px){.bar nav a.opt{padding:10px 9px;font-size:13.5px}.bar-lan b{display:none}}
.fond-grid{max-width:1080px;margin:0 auto}
.fond-note{padding-right:34px}
.fond-sign{display:flex;align-items:flex-end;gap:18px;flex-wrap:wrap;margin-top:20px}
.fs-nom{font:700 54px/1 'Caveat','Bradley Hand','Segoe Script',cursive;color:#1F44C9;transform:rotate(-4deg);display:inline-block;letter-spacing:.01em;text-shadow:0 1px 0 rgba(31,68,201,.25)}
.fs-tampon{display:inline-flex;flex-direction:column;align-items:center;gap:3px;font:400 12px/1 var(--cartoon);letter-spacing:.14em;text-transform:uppercase;color:#C0392B;border:2.5px solid #C0392B;border-radius:6px;padding:7px 10px;transform:rotate(-6deg);opacity:.85;box-shadow:inset 0 0 0 1.5px rgba(255,252,244,.9),inset 0 0 0 3px #C0392B}
.fs-tampon i{font:700 9px/1 var(--h);letter-spacing:.1em;font-style:normal;text-transform:none;color:#C0392B}
@media(max-width:600px){.seulement-bureau{display:none}.fs-nom{font-size:46px}}
@media(min-width:941px){.bar nav a{white-space:nowrap}.bar nav{gap:0}.bar nav a.opt{padding:10px 10px}.bar-in{gap:16px}}

/* ── v14 · épure : logo « re-boucle », nav courte, bouton d'en-tête doré, hero allégé, fondateur compact, signature réelle ── */
.logo svg{width:40px;height:40px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.5))}
.logo span{font:400 26px/1 var(--cartoon);color:#fff}.logo em{color:var(--sun)}.logo small{color:var(--faint)}
.bar nav a.opt{color:var(--mute);font:600 14px/1 var(--b)}.bar nav a.opt:hover{color:#fff;background:rgba(255,255,255,.06)}
.btn-tete{padding:11px 18px;font-size:14px;border-radius:99px}
.bl-cd i[data-cd="s"]{min-width:1.3em;display:inline-block;text-align:right}
.pill-live{text-decoration:none;cursor:pointer;gap:8px}.pill-live b{font:400 16px/1 var(--cartoon);color:var(--sun);letter-spacing:.02em;text-transform:none}.pill-live b.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}.pill-live:hover{border-color:var(--sun)}
.hero-navy .promesses{gap:8px}.hero-navy .promesses li span{font-size:15px}
.fondateur{padding:40px 0 0}
.fond-note{max-width:860px;margin:0 auto;transform:none;padding:26px 30px 22px;border-radius:20px}
.fond-txt{margin:10px 0 0;font-size:16.5px;line-height:1.6;color:var(--ink2);max-width:none}.fond-txt b{color:var(--ink)}
.fond-sign{display:flex;align-items:baseline;justify-content:flex-end;gap:16px;flex-wrap:wrap;margin-top:6px}
.fs-nom{font:400 44px/1 'Monsieur La Doulaise','Snell Roundhand','Apple Chancery',cursive;color:#14204A;transform:none;text-shadow:none;letter-spacing:.01em;padding:0 6px 4px 0;border-bottom:0}
.fond-sign small{font:600 11.5px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--faint)}
@media(max-width:600px){.fs-nom{font-size:36px}.fond-note{padding:22px 20px 18px}.fond-sign{justify-content:flex-start}}
.logo{flex:0 0 auto}.logo svg{flex:0 0 40px}.bar-lan{flex:0 0 auto}.bar nav{flex:0 1 auto}
.pill-live{white-space:normal;max-width:100%;line-height:1.3}
@media(max-width:600px){.pl-j{display:none}.pill-live{padding:8px 12px}}

/* ── v15 · header « beau » : barre verre, liseré dégradé, logo 44 px, nav soulignée, chip et bouton lumineux ; bande de preuve + signature M ── */
.bar{background:linear-gradient(180deg,rgba(11,18,32,.97),rgba(11,18,32,.9));border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 0 rgba(255,197,61,.12),0 18px 40px -30px rgba(0,0,0,.9)}
.bar::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,197,61,.55) 35%,rgba(91,128,255,.55) 65%,transparent 95%);pointer-events:none}
.bar{position:sticky}.bar-in{height:76px}
.logo{gap:12px}.logo svg{width:44px;height:44px;flex:0 0 44px;filter:drop-shadow(0 8px 18px rgba(46,91,255,.35))}
.logo span{font:400 27px/1 var(--cartoon);color:#fff;letter-spacing:.01em;text-shadow:0 2px 0 #04070d}
.logo small{font:400 10.5px/1 var(--cartoon);letter-spacing:.08em;color:#1A1200;background:var(--sun);padding:4px 6px;border-radius:99px;margin-left:2px;align-self:center;margin-bottom:0}
.bar nav a.opt{position:relative;color:var(--on-navy-mute);font:600 14px/1 var(--b);padding:10px 12px;border-radius:0;background:transparent}
.bar nav a.opt::after{content:'';position:absolute;left:12px;right:12px;bottom:4px;height:2px;border-radius:2px;background:var(--sun);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.bar nav a.opt:hover{color:#fff;background:transparent}.bar nav a.opt:hover::after{transform:scaleX(1)}
.btn-tete{padding:12px 20px;font-size:14.5px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,197,61,.35),0 12px 30px -10px rgba(255,197,61,.7)}
@media(min-width:941px){
  .bar-lan{margin-left:22px;padding:6px 14px 6px 6px;background:#0F1B2D;border:1px solid transparent;background-image:linear-gradient(#0F1B2D,#0F1B2D),linear-gradient(90deg,var(--sun),var(--blue));background-origin:border-box;background-clip:padding-box,border-box;box-shadow:0 10px 30px -18px rgba(255,197,61,.6)}
  .bl-tag{padding:7px 9px}.bar-lan b{font-size:13px;color:#fff}.bl-cd{color:var(--faint)}.bl-cd i{font-size:18px;color:var(--sun)}
  section[id]{scroll-margin-top:92px}
}
.preuve{padding:26px 0 8px}
.pv-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:36px;align-items:center;padding:34px 38px;border-radius:26px;background:linear-gradient(135deg,#14224A 0%,#0E1A38 45%,#0B1220 100%);border:1px solid rgba(91,128,255,.3);box-shadow:0 40px 90px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.06);position:relative;overflow:hidden}
.pv-grid::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 12% 50%,rgba(255,197,61,.16),transparent 65%),radial-gradient(ellipse 30% 50% at 95% 10%,rgba(91,128,255,.25),transparent 65%);pointer-events:none}
.pv-nums{display:grid;gap:10px;position:relative}
.pv-nums>div{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.pv-nums b{font:400 clamp(40px,4.2vw,56px)/1 var(--cartoon);color:var(--sun);letter-spacing:.01em;text-shadow:0 4px 0 #04070d,0 12px 30px rgba(255,197,61,.35)}.pv-nums b small{font-size:.42em;margin-left:4px;color:#fff}
.pv-nums span{font:700 13px/1.3 var(--h);color:var(--on-navy-mute);letter-spacing:.02em;text-transform:uppercase}
.pv-mot{position:relative}.pv-mot .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff}
.pv-mot h2{font-size:clamp(24px,2.5vw,34px);color:#fff;margin:12px 0 12px;text-shadow:0 3px 0 #04070d}
.pv-mot p:not(.eyebrow){margin:0;font-size:16px;line-height:1.6;color:var(--on-navy-mute);max-width:60ch}
.pv-sign{display:flex;align-items:flex-end;gap:14px;margin-top:14px;color:var(--sun)}.pv-sign svg{width:96px;height:64px;filter:drop-shadow(0 6px 14px rgba(255,197,61,.45))}
.pv-sign span{font:400 13px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-mute);padding-bottom:12px}
@media(max-width:940px){.pv-grid{grid-template-columns:1fr;padding:24px 20px;gap:22px}.pv-nums>div{padding:10px 14px}.pv-nums b{font-size:38px}.pv-mot h2{font-size:24px}}
.pv-sign svg{width:190px;height:78px}
@media(max-width:600px){.pv-sign svg{width:160px;height:66px}}

/* ── v16 · tunnel : règles en une ligne, final court ── */
.regles-ligne{display:flex;align-items:center;gap:10px 18px;flex-wrap:wrap;margin-top:22px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.rl-t{font:700 12px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--mute)}
.regles-ligne b{display:inline-flex;align-items:center;gap:8px;font:600 14px/1.2 var(--b);color:var(--ink2)}.regles-ligne b i{font:400 22px/1 var(--cartoon);font-style:normal;color:var(--sun)}
.regles-ligne small{flex-basis:100%;font-size:12.5px;color:var(--faint)}.regles-ligne small s{display:inline-block;font:700 11px/1 var(--h);padding:4px 7px;border-radius:99px;background:var(--no-soft);color:var(--no);margin:2px 2px 0 0;text-decoration:none}
.final-sec{padding:10px 0 20px}.final-court{grid-template-columns:1fr;text-align:center;padding:44px 40px}.final-court .cta{justify-content:center}.final-court h2{max-width:22ch;margin:0 auto 10px}.final-court .lead{max-width:48ch;margin:0 auto 18px}
.pv-sign svg{width:200px;height:80px}

/* ── v17 · urgence hero, schéma sans/avec, le 6, curseurs lisibles, FAQ cartes ── */
.urgence{display:inline-flex;align-items:center;gap:18px;margin-bottom:22px;padding:12px 18px 12px 14px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(90deg,rgba(255,197,61,.16),rgba(91,128,255,.12));border:1px solid rgba(255,197,61,.45);box-shadow:var(--glow-sun);max-width:100%}
.ur-n{display:flex;align-items:center;gap:10px}.ur-n b{font:400 44px/1 var(--cartoon);color:var(--sun);text-shadow:0 3px 0 #04070d}.ur-n b.pop{animation:pop .5s cubic-bezier(.2,.8,.2,1)}.ur-n small{font:700 11px/1.2 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-mute)}
.ur-sep{width:1px;height:38px;background:rgba(255,255,255,.14)}
.ur-t{display:flex;flex-direction:column;gap:4px}.ur-t b{font:800 14.5px/1.2 var(--h);color:#fff}.ur-t small{font:600 12.5px/1.2 var(--b);color:var(--on-navy-mute)}.ur-t small i{font:400 16px/1 var(--cartoon);font-style:normal;color:var(--sun)}
@media(max-width:600px){.urgence{gap:12px;padding:10px 12px}.ur-n b{font-size:34px}.ur-sep{display:none}.ur-t{flex-basis:100%}}
.schema{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:16px;margin-top:26px}
.sch{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:18px 20px 22px;position:relative;overflow:hidden}
.sch-avec{border-color:rgba(255,197,61,.45);box-shadow:var(--glow-sun)}
.sch-tete{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;flex-wrap:wrap}.sch-tag{font:400 12px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;padding:7px 11px;border-radius:99px;background:rgba(255,255,255,.08);color:var(--mute)}.sch-tag.on{background:var(--sun);color:#1A1200}.sch-sub{font-size:12.5px;color:var(--faint)}
.sch-corps{display:grid;align-items:center;gap:8px}.sch-corps.sans{grid-template-columns:minmax(0,1fr) 90px minmax(0,1fr)}
.sch-corps.avec{grid-template-columns:minmax(0,1.1fr) 56px minmax(0,1fr) 80px minmax(0,1fr)}
.nd{background:var(--navy);border:1px solid var(--line2);border-radius:14px;padding:12px 12px 10px;min-width:0}.nd small{display:block;font:700 10px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);margin-bottom:5px}.nd b{display:block;font:400 15px/1.15 var(--cartoon);color:var(--ink)}.nd em{display:block;font-style:normal;font-size:11.5px;color:var(--mute);margin-top:4px}
.nd-site{border-color:rgba(255,255,255,.28)}.nd.boost{border-color:var(--sun);box-shadow:0 0 0 1px rgba(255,197,61,.3),0 10px 30px -14px rgba(255,197,61,.6)}.nd.boost em{color:var(--sun)}
.nd-groupe{display:grid;gap:8px;position:relative}.ng-t{font:700 10px/1.3 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--vert)}
.nd-rl{border-color:rgba(47,208,143,.4);background:linear-gradient(135deg,#0F1B2D,#0c2a22)}.nd-rl b{font-size:13.5px;color:#fff}.nd-rl em{font-size:10.5px}
.nd-rl .mail{display:flex;gap:4px;margin-top:6px}.nd-rl .mail i{width:9px;height:9px;border-radius:50%;background:var(--vert);opacity:.35;animation:mailon 4s infinite;animation-delay:calc(var(--k)*.4s)}.nd-rl .mail i:nth-child(2){animation-delay:calc(var(--k)*.4s + .5s)}.nd-rl .mail i:nth-child(3){animation-delay:calc(var(--k)*.4s + 1s)}.nd-rl .mail i:nth-child(4){animation-delay:calc(var(--k)*.4s + 1.5s)}
@keyframes mailon{0%,20%{opacity:.35;transform:scale(1)}30%{opacity:1;transform:scale(1.3)}60%,100%{opacity:.35;transform:scale(1)}}
.fl{width:100%;height:auto;display:block;color:var(--sun)}
.fl-faible{color:var(--faint);height:48px}.fl-faible path:first-child{animation:flux 2.4s linear infinite}
.fl-conv{height:180px;color:var(--vert)}.fl-conv path{fill:none;stroke:currentColor;stroke-width:3;stroke-dasharray:8 8;animation:flux 1.4s linear infinite;filter:drop-shadow(0 0 6px rgba(47,208,143,.6))}
.fl-fort{height:56px}.fl-fort .halo{fill:none;stroke:rgba(255,197,61,.25);stroke-width:14;stroke-linecap:round}.fl-fort .trait{fill:none;stroke:currentColor;stroke-width:5;stroke-dasharray:14 10;animation:flux .9s linear infinite;filter:drop-shadow(0 0 8px rgba(255,197,61,.8))}
@keyframes flux{to{stroke-dashoffset:-48}}
.six{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-top:18px;padding:18px 24px;border-radius:20px;background:linear-gradient(90deg,rgba(255,197,61,.14),transparent 70%);border:1px solid rgba(255,197,61,.35)}
.six-n{font:400 clamp(64px,7vw,96px)/1 var(--cartoon);color:var(--sun);text-shadow:0 5px 0 #04070d,0 16px 40px rgba(255,197,61,.4)}
.six-t b{display:block;font:400 clamp(20px,2.1vw,26px)/1.15 var(--cartoon);color:#fff;margin-bottom:6px}.six-t p{margin:0;font-size:14.5px;line-height:1.55;color:var(--mute);max-width:70ch}
@media(max-width:940px){.schema{grid-template-columns:1fr}.sch-corps.avec{grid-template-columns:1fr;gap:6px}.fl-conv{height:44px;transform:rotate(90deg);width:44px;margin:0 auto}.sch-corps.sans{grid-template-columns:1fr}.fl-faible,.fl-fort{width:60px;height:60px;transform:rotate(90deg);margin:0 auto}.six{grid-template-columns:1fr;text-align:center}.six-t p{max-width:none}}
.cl-range{height:16px;border-radius:8px;background:linear-gradient(90deg,var(--tc) 0 var(--p,0%),rgba(255,255,255,.14) var(--p,0%));box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06)}
.cl-range::-webkit-slider-thumb{width:30px;height:30px;border:3px solid #fff;background:linear-gradient(180deg,#FFD46A,#F5A623);box-shadow:0 6px 16px rgba(0,0,0,.55),0 0 0 4px color-mix(in srgb,var(--tc) 45%,transparent)}
.cl-range:active::-webkit-slider-thumb,.cl-range:focus-visible::-webkit-slider-thumb{transform:scale(1.18);box-shadow:0 8px 20px rgba(0,0,0,.6),0 0 0 8px color-mix(in srgb,var(--tc) 35%,transparent)}
.cl-range::-moz-range-thumb{width:30px;height:30px;border:3px solid #fff}
.cfg-ligne.on .cl-val b{animation:pop .35s cubic-bezier(.2,.8,.2,1)}
.faq .mt{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.faq details{margin:0;border-radius:18px;background:var(--card);border:1px solid var(--line);counter-increment:faq}
.faq summary{padding:18px 56px 18px 64px;font:800 15.5px/1.35 var(--h);color:var(--ink)}
.faq summary::before{content:counter(faq,decimal-leading-zero);position:absolute;left:18px;top:14px;width:34px;height:34px;border-radius:12px;display:grid;place-items:center;font:400 15px/1 var(--cartoon);color:#1A1200;background:var(--sun);box-shadow:inset 0 -2px 0 rgba(0,0,0,.2)}
.faq details[open]{border-color:var(--sun);box-shadow:var(--glow-sun);grid-column:1/-1}.faq details[open] summary::after{background:var(--sun);color:#1A1200;border-color:var(--sun)}
.faq .rep{padding:0 22px 20px 64px}
.faq .wrap-s{max-width:1000px}.faq .mt{counter-reset:faq}
@media(max-width:800px){.faq .mt{grid-template-columns:1fr}.faq summary{padding-left:58px}.faq .rep{padding-left:22px}}

/* ── v18 · le lynx électrise vos articles sponsorisés (cycle 9 s, autonome) ── */
.sch-corps.elec{grid-template-columns:150px 90px minmax(0,1fr) 80px minmax(0,.9fr);gap:10px}
.sch-lynx{position:relative;text-align:center;align-self:center}.sch-lynx img{width:140px;height:auto;filter:drop-shadow(0 12px 24px rgba(0,0,0,.6));transform-origin:50% 90%;animation:charge 9s infinite}
.sch-lynx small{display:block;margin-top:2px;font:400 11px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:var(--sun)}
@keyframes charge{0%,6.67%{transform:scale(1)}11.67%{transform:scale(1.07) rotate(-3deg)}14.44%{transform:scale(1)}24.44%{transform:scale(1)}29.44%{transform:scale(1.07) rotate(-3deg)}32.22%{transform:scale(1)}42.22%{transform:scale(1)}47.22%{transform:scale(1.07) rotate(-3deg)}50.0%,100%{transform:scale(1)}}
.bolts{width:100%;height:200px;display:block;overflow:visible}
.bolt{fill:none;stroke:#FFE08A;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;opacity:0;stroke-dasharray:260;stroke-dashoffset:260;filter:drop-shadow(0 0 6px #FFC53D) drop-shadow(0 0 14px rgba(255,197,61,.8));animation:bolt1 9s linear infinite}
.bolt.b2{animation-name:bolt2}.bolt.b3{animation-name:bolt3}
@keyframes bolt1{0%,9.44%{opacity:0;stroke-dashoffset:260}12.22%{opacity:1;stroke-dashoffset:0}13.89%{opacity:.55}15.0%{opacity:1}19.44%{opacity:.9}22.78%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes bolt2{0%,27.22%{opacity:0;stroke-dashoffset:260}30.0%{opacity:1;stroke-dashoffset:0}31.67%{opacity:.55}32.78%{opacity:1}37.22%{opacity:.9}40.56%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes bolt3{0%,45.0%{opacity:0;stroke-dashoffset:260}47.78%{opacity:1;stroke-dashoffset:0}49.44%{opacity:.55}50.56%{opacity:1}55.0%{opacity:.9}58.33%,100%{opacity:0;stroke-dashoffset:0}}
.nd-groupe.sp .ng-t{color:var(--sun)}
.nd-sp{position:relative;border-color:var(--line2);opacity:.55;filter:saturate(.4);animation:elec1 9s infinite}
.nd-sp:nth-child(3){animation-name:elec2}.nd-sp:nth-child(4){animation-name:elec3}
.nd-sp b{font-size:14px;color:#fff}.nd-sp em{font-size:10.5px}
.nd-sp .zap{position:absolute;right:10px;top:8px;font-style:normal;font-size:16px;opacity:0;transform:scale(.4);animation:zap1 9s infinite}
.nd-sp:nth-child(3) .zap{animation-name:zap2}.nd-sp:nth-child(4) .zap{animation-name:zap3}
.pw{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.1);margin-top:8px;overflow:hidden}.pw i{display:block;height:100%;width:18%;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--sun) 60%,#FFE08A);animation:pw1 9s infinite}
.nd-sp:nth-child(3) .pw i{animation-name:pw2}.nd-sp:nth-child(4) .pw i{animation-name:pw3}
@keyframes elec1{0%,12.78%{opacity:.55;filter:saturate(.4);border-color:var(--line2);box-shadow:none}14.67%{opacity:1;filter:saturate(1.3) brightness(1.25);border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 34px rgba(255,197,61,.8)}20.0%{opacity:1;filter:saturate(1);border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45)}95.56%{opacity:1;filter:saturate(1);border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45)}100%{opacity:.55;filter:saturate(.4);border-color:var(--line2);box-shadow:none}}
@keyframes zap1{0%,12.78%{opacity:0;transform:scale(.4)}14.67%{opacity:1;transform:scale(1.4)}18.89%{opacity:1;transform:scale(1)}95.56%{opacity:1}100%{opacity:0}}
@keyframes pw1{0%,12.78%{width:18%}21.11%{width:100%}95.56%{width:100%}100%{width:18%}}
@keyframes elec2{0%,30.56%{opacity:.55;filter:saturate(.4);border-color:var(--line2);box-shadow:none}32.44%{opacity:1;filter:saturate(1.3) brightness(1.25);border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 34px rgba(255,197,61,.8)}37.78%{opacity:1;filter:saturate(1);border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45)}95.56%{opacity:1;filter:saturate(1);border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45)}100%{opacity:.55;filter:saturate(.4);border-color:var(--line2);box-shadow:none}}
@keyframes zap2{0%,30.56%{opacity:0;transform:scale(.4)}32.44%{opacity:1;transform:scale(1.4)}36.67%{opacity:1;transform:scale(1)}95.56%{opacity:1}100%{opacity:0}}
@keyframes pw2{0%,30.56%{width:18%}38.89%{width:100%}95.56%{width:100%}100%{width:18%}}
@keyframes elec3{0%,48.33%{opacity:.55;filter:saturate(.4);border-color:var(--line2);box-shadow:none}50.22%{opacity:1;filter:saturate(1.3) brightness(1.25);border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 34px rgba(255,197,61,.8)}55.56%{opacity:1;filter:saturate(1);border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45)}95.56%{opacity:1;filter:saturate(1);border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45)}100%{opacity:.55;filter:saturate(.4);border-color:var(--line2);box-shadow:none}}
@keyframes zap3{0%,48.33%{opacity:0;transform:scale(.4)}50.22%{opacity:1;transform:scale(1.4)}54.44%{opacity:1;transform:scale(1)}95.56%{opacity:1}100%{opacity:0}}
@keyframes pw3{0%,48.33%{width:18%}56.67%{width:100%}95.56%{width:100%}100%{width:18%}}
.torrent .halo{stroke:rgba(255,197,61,.08);animation:halo 9s infinite}.torrent .trait{opacity:.25;stroke-width:3;animation:flux .9s linear infinite,trait 9s infinite}
@keyframes halo{0%,53.33%{stroke:rgba(255,197,61,.08)}62.22%,95.56%{stroke:rgba(255,197,61,.35)}100%{stroke:rgba(255,197,61,.08)}}
@keyframes trait{0%,53.33%{opacity:.25;stroke-width:3}62.22%,95.56%{opacity:1;stroke-width:6}100%{opacity:.25;stroke-width:3}}
.nd-site.cible{animation:cible 9s infinite}
@keyframes cible{0%,53.33%{box-shadow:0 0 0 1px rgba(255,197,61,.2)}62.22%,95.56%{box-shadow:0 0 0 2px var(--sun),0 0 40px rgba(255,197,61,.7)}100%{box-shadow:0 0 0 1px rgba(255,197,61,.2)}}
@media(max-width:940px){.sch-corps.elec{grid-template-columns:1fr}.sch-lynx img{width:110px}.bolts{display:none}.nd-sp{opacity:.7}}
@media(prefers-reduced-motion:reduce){.nd-sp{opacity:1;filter:none}.bolt{opacity:1;stroke-dashoffset:0}.pw i{width:100%}}

.bolt{stroke-width:5}

/* ── v19 · coches lisibles, 2e étage, argument massue, deux prix, jauges live, affordance du curseur ── */
.hero-navy .promesses li::before{background-color:var(--vert);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23062A1B' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");background-size:15px;background-position:center;background-repeat:no-repeat;box-shadow:0 0 0 3px rgba(47,208,143,.25),0 0 14px rgba(47,208,143,.5)}
.nd-sp .etage{display:flex;align-items:center;gap:8px;margin-top:8px;padding-top:8px;border-top:1px dashed rgba(255,255,255,.12);opacity:.35;transition:opacity .4s}.nd-sp .etage b{font:400 11px/1 var(--cartoon);color:var(--vert);letter-spacing:.04em}.nd-sp .etage i{display:inline-flex;gap:3px}.nd-sp .etage u{width:8px;height:8px;border-radius:50%;background:var(--vert);opacity:.5}.nd-sp .etage small{font-size:10px;color:var(--faint)}
.nd-sp .etage{animation:etage1 9s infinite}.nd-sp:nth-child(3) .etage{animation-name:etage2}.nd-sp:nth-child(4) .etage{animation-name:etage3}
@keyframes etage1{0%,14%{opacity:.35}22%,95%{opacity:1}100%{opacity:.35}}@keyframes etage2{0%,32%{opacity:.35}40%,95%{opacity:1}100%{opacity:.35}}@keyframes etage3{0%,50%{opacity:.35}58%,95%{opacity:1}100%{opacity:.35}}
.massue{margin-top:18px;padding:20px 24px;border-radius:20px;background:linear-gradient(135deg,rgba(91,128,255,.14),rgba(255,197,61,.08));border:1px solid rgba(91,128,255,.35)}
.massue .eyebrow{margin-bottom:10px}.ms-l{margin:0;font-size:17px;line-height:1.55;color:var(--ink2)}.ms-l b{color:#fff}.ms-l .sun{display:block;margin-top:8px;font:400 19px/1.3 var(--cartoon);color:var(--sun)}
.cfg-deux{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:6px 0 14px}
.cfg-deux .cfg-prix{display:block;margin:0;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.cfg-deux .cfg-prix small{display:block;font:700 10.5px/1.2 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa6c2);margin-bottom:6px}
.cfg-deux .cfg-prix b{font-size:42px}.cfg-deux .cfg-prix span{display:block;margin-top:2px}
.cfg-now{border-color:rgba(255,197,61,.45)!important;background:rgba(255,197,61,.08)!important}.cfg-now b{color:var(--sun)!important}
.cfg-apres-p b{color:var(--faint)!important;font-size:34px!important}.cfg-apres-p small{color:var(--faint)}
.cl-stock i{transition:width 1.2s cubic-bezier(.2,.8,.2,1)}.cl-stock i.flash{animation:flash 1.2s}.cl-stock small b{color:var(--vert);font-weight:700}.cl-stock small b.pop{animation:pop .5s}
@keyframes flash{0%{filter:brightness(2.2)}100%{filter:brightness(1)}}
.cl-hint{display:flex;justify-content:center;align-items:center;gap:8px;margin:-2px 0 8px;font:700 11px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--sun)}.cl-hint i{font-style:normal;animation:hint 1.6s ease-in-out infinite}.cl-hint i:last-child{animation-delay:.8s}
@keyframes hint{0%,100%{transform:translateX(0);opacity:.6}50%{transform:translateX(4px);opacity:1}}
.cl-range::-webkit-slider-thumb{animation:thumbwobble 2.4s ease-in-out 1}
@keyframes thumbwobble{0%,100%{transform:translateX(0)}20%{transform:translateX(10px)}40%{transform:translateX(-8px)}60%{transform:translateX(5px)}}
@media(max-width:600px){.cfg-deux{grid-template-columns:1fr}}

/* v19b : signature plus grande, 2e étage propre */
.pv-sign svg{width:230px;height:115px}.pv-sign{align-items:flex-end}
.nd-sp .etage{flex-wrap:wrap;row-gap:4px}.nd-sp .etage b{white-space:nowrap}.nd-sp .etage small{white-space:nowrap;flex-basis:100%}
/* v19c : app.css cible input[type="range"] (attribut > classe) — on repasse devant avec la même spécificité + classe */
input[type="range"].cl-range{-webkit-appearance:none;appearance:none;width:100%;height:16px;border-radius:8px;margin:12px 0 8px;background:linear-gradient(90deg,var(--tc) 0 var(--p,0%),rgba(255,255,255,.14) var(--p,0%));box-shadow:inset 0 1px 3px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.06);outline:0;cursor:pointer}
input[type="range"].cl-range::-webkit-slider-runnable-track{background:transparent;height:16px;border-radius:8px}
input[type="range"].cl-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-7px;border-radius:50%;border:3px solid #fff;background:linear-gradient(180deg,#FFD46A,#F5A623);box-shadow:0 6px 16px rgba(0,0,0,.55),0 0 0 4px color-mix(in srgb,var(--tc) 45%,transparent);cursor:grab;transition:transform .15s}
input[type="range"].cl-range:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.18);box-shadow:0 8px 20px rgba(0,0,0,.6),0 0 0 8px color-mix(in srgb,var(--tc) 35%,transparent)}
input[type="range"].cl-range::-moz-range-track{background:transparent;height:16px}
input[type="range"].cl-range::-moz-range-thumb{width:30px;height:30px;border-radius:50%;border:3px solid #fff;background:#FFC53D;cursor:grab}

/* ── v20 · hero : articles qui volent + éclairs du lynx ; fondateur large sans signature ; sans-relinking texte ; étage visuel (docs) ── */
.vols{position:absolute;left:-30px;top:-40px;width:230px;height:260px;z-index:0;pointer-events:none}
.vol{position:absolute;width:126px;padding:8px 10px 8px;border-radius:12px;background:var(--card);border:1px solid var(--line2);box-shadow:0 12px 30px -14px rgba(0,0,0,.8);opacity:0;transform:translateY(20px) scale(.9);animation:vol0 8s infinite}
.vol b{display:block;font:400 12px/1.1 var(--cartoon);color:#fff}.vol small{display:block;font-size:9.5px;color:var(--faint);margin-top:2px}.vol .pw{height:4px;margin-top:6px}.vol .pw i{animation:none;width:18%}.vol .zap{position:absolute;right:6px;top:4px;font-style:normal;font-size:12px;opacity:0}
.vol:nth-child(1){left:0;top:0}.vol:nth-child(2){left:-10px;top:96px;animation-name:vol1}.vol:nth-child(3){left:6px;top:192px;animation-name:vol2}
.vol:nth-child(2) .pw i{animation:volpw1 8s infinite}.vol:nth-child(1) .pw i{animation:volpw0 8s infinite}.vol:nth-child(3) .pw i{animation:volpw2 8s infinite}
.vol:nth-child(1) .zap{animation:volzap0 8s infinite}.vol:nth-child(2) .zap{animation:volzap1 8s infinite}.vol:nth-child(3) .zap{animation:volzap2 8s infinite}
@keyframes vol0{0%,6%{opacity:0;transform:translateY(20px) scale(.9)}12%{opacity:1;transform:translateY(0) scale(1);border-color:var(--line2);box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}22%{border-color:var(--line2)}25%{border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 30px rgba(255,197,61,.8);transform:translateY(-2px) scale(1.04)}30%,78%{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45);transform:translateY(0) scale(1);opacity:1}88%,100%{opacity:0;transform:translateY(-24px) scale(.92)}}
@keyframes vol1{0%,26%{opacity:0;transform:translateY(20px) scale(.9)}32%{opacity:1;transform:translateY(0) scale(1);border-color:var(--line2);box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}42%{border-color:var(--line2)}45%{border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 30px rgba(255,197,61,.8);transform:translateY(-2px) scale(1.04)}50%,82%{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45);transform:translateY(0) scale(1);opacity:1}92%,100%{opacity:0;transform:translateY(-24px) scale(.92)}}
@keyframes vol2{0%,46%{opacity:0;transform:translateY(20px) scale(.9)}52%{opacity:1;transform:translateY(0) scale(1);border-color:var(--line2);box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}62%{border-color:var(--line2)}65%{border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 30px rgba(255,197,61,.8);transform:translateY(-2px) scale(1.04)}70%,86%{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45);transform:translateY(0) scale(1);opacity:1}96%,100%{opacity:0;transform:translateY(-24px) scale(.92)}}
@keyframes volpw0{0%,24%{width:18%}32%,100%{width:100%}}@keyframes volpw1{0%,44%{width:18%}52%,100%{width:100%}}@keyframes volpw2{0%,64%{width:18%}72%,100%{width:100%}}
@keyframes volzap0{0%,23%{opacity:0;transform:scale(.4)}26%{opacity:1;transform:scale(1.4)}32%,78%{opacity:1;transform:scale(1)}88%,100%{opacity:0}}@keyframes volzap1{0%,43%{opacity:0;transform:scale(.4)}46%{opacity:1;transform:scale(1.4)}52%,82%{opacity:1;transform:scale(1)}92%,100%{opacity:0}}@keyframes volzap2{0%,63%{opacity:0;transform:scale(.4)}66%{opacity:1;transform:scale(1.4)}72%,86%{opacity:1;transform:scale(1)}96%,100%{opacity:0}}
.vol-bolts{position:absolute;left:96px;top:-10px;width:200px;height:230px;overflow:visible}
.vb{fill:none;stroke:#FFE08A;stroke-width:4;stroke-linejoin:round;stroke-linecap:round;opacity:0;filter:drop-shadow(0 0 6px #FFC53D) drop-shadow(0 0 14px rgba(255,197,61,.8));animation:vb0 8s infinite}
.vb[style*="--k:1"]{animation-name:vb1}.vb[style*="--k:2"]{animation-name:vb2}
@keyframes vb0{0%,21%{opacity:0}23%{opacity:1}25%{opacity:.5}27%{opacity:1}31%,100%{opacity:0}}@keyframes vb1{0%,41%{opacity:0}43%{opacity:1}45%{opacity:.5}47%{opacity:1}51%,100%{opacity:0}}@keyframes vb2{0%,61%{opacity:0}63%{opacity:1}65%{opacity:.5}67%{opacity:1}71%,100%{opacity:0}}
.hero-droite .mascotte{z-index:1}
@media(max-width:940px){.vols{display:none}}
@media(prefers-reduced-motion:reduce){.vol{opacity:1;transform:none;animation:none}.vb{animation:none;opacity:0}}
.pv-large{grid-template-columns:minmax(260px,.75fr) minmax(0,1.6fr);padding:40px 44px}
.pv-large .pv-mot h2{font-size:clamp(26px,2.8vw,38px)}.pv-large .pv-mot p:not(.eyebrow){font-size:16.5px;margin:0 0 12px;max-width:66ch}.pv-fin{font:400 20px/1.3 var(--cartoon)!important;color:#fff!important;margin-top:6px!important}.pv-qui{color:var(--sun);font-size:15px;margin-left:8px}
.sch-texte{margin:16px 0 0;font-size:13.5px;line-height:1.55;color:var(--mute)}
.nd-sp .etage{gap:8px;align-items:center}.docs{display:inline-flex;gap:3px}.doc{position:relative;display:inline-block;width:11px;height:14px;border-radius:2px;background:rgba(47,208,143,.25);border:1px solid var(--vert);opacity:.5}.doc::before,.doc::after{content:'';position:absolute;left:2px;right:2px;height:1px;background:var(--vert)}.doc::before{top:4px}.doc::after{top:7px}
.doc-rl{width:16px;height:20px;background:rgba(255,197,61,.2);border-color:var(--sun);opacity:1}.doc-rl::before,.doc-rl::after{background:var(--sun)}.fl-mini{font:400 14px/1 var(--cartoon);color:var(--vert)}
.nd-sp .etage small{display:block;flex-basis:100%;white-space:normal;line-height:1.3}.nd-sp .etage small b{color:var(--vert);font-weight:700}
.docs.m4 .doc{animation:docon 9s infinite;animation-delay:calc(var(--m)*.25s)}
@keyframes docon{0%,14%{opacity:.5;transform:translateY(0)}18%{opacity:1;transform:translateY(-2px)}95%{opacity:1}100%{opacity:.5}}

.nd-sp .etage small{font-size:9.5px;letter-spacing:.03em;white-space:nowrap;text-transform:none}.nd-sp{padding:12px 10px 10px}
.vb{stroke:#FFD86A}

/* v20b : les articles volent AUTOUR du lynx (au-dessus du formulaire), jamais derrière la fenêtre */
.vols{left:0;right:0;top:-58px;width:auto;height:200px}
.vol:nth-child(1){left:2%;top:0}.vol:nth-child(2){left:16%;top:84px}.vol:nth-child(3){left:auto;right:-46px;top:6px}
.vol-bolts{left:0;top:0;width:100%;height:200px}
@media(max-width:1180px){.vol:nth-child(3){right:-10px}}

/* ── v21 · fusée, frise des mailleurs, section ferme, concret après le prix ── */
.nd-rampe{position:relative}
.nd-site.cible{position:relative;animation:cible 9s infinite,decolle 9s infinite}
.nd-site .fusee{position:absolute;right:-6px;top:-14px;font-size:22px;font-style:normal;opacity:0;transform:rotate(-20deg);animation:fusee 9s infinite}
.nd-site .flamme{position:absolute;left:50%;bottom:-16px;width:14px;height:22px;margin-left:-7px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:linear-gradient(180deg,#FFE08A,#FF7A3D 60%,transparent);opacity:0;filter:blur(1px);animation:flamme 9s infinite}
@keyframes decolle{0%,62%{transform:translateY(0)}72%{transform:translateY(-6px)}84%{transform:translateY(-46px)}92%{transform:translateY(-140px);opacity:0}93%{transform:translateY(30px);opacity:0}100%{transform:translateY(0);opacity:1}}
@keyframes fusee{0%,60%{opacity:0}66%,90%{opacity:1}92%,100%{opacity:0}}
@keyframes flamme{0%,64%{opacity:0;height:10px}70%,90%{opacity:1;height:26px}92%,100%{opacity:0}}
.plus{padding:64px 0 30px}
.frise{position:relative;margin-top:34px}
.fr-ligne{position:relative;height:6px;border-radius:3px;background:var(--card2);margin:0 10%}.fr-ligne i{position:absolute;left:0;top:0;height:100%;width:0;border-radius:3px;background:linear-gradient(90deg,var(--sun),var(--vert));animation:frfill 10s linear infinite}
@keyframes frfill{0%{width:0}80%{width:100%}96%{width:100%}100%{width:0}}
.fr-etapes{list-style:none;margin:-14px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.fr-etapes li{text-align:center;padding:0 6px;opacity:.4;animation:fr0 10s infinite}
.fr-etapes li:nth-child(2){animation-name:fr1}.fr-etapes li:nth-child(3){animation-name:fr2}.fr-etapes li:nth-child(4){animation-name:fr3}.fr-etapes li:nth-child(5){animation-name:fr4}
@keyframes fr0{0%{opacity:.4}2%,96%{opacity:1}100%{opacity:.4}}@keyframes fr1{0%,18%{opacity:.4}21%,96%{opacity:1}100%{opacity:.4}}@keyframes fr2{0%,38%{opacity:.4}41%,96%{opacity:1}100%{opacity:.4}}@keyframes fr3{0%,58%{opacity:.4}61%,96%{opacity:1}100%{opacity:.4}}@keyframes fr4{0%,78%{opacity:.4}81%,96%{opacity:1}100%{opacity:.4}}
.fr-dot{display:block;width:22px;height:22px;border-radius:50%;margin:0 auto 10px;background:var(--vert);border:4px solid var(--bg);box-shadow:0 0 0 2px var(--vert),0 0 16px rgba(47,208,143,.5)}.fr-rl .fr-dot{background:var(--sun);box-shadow:0 0 0 2px var(--sun),0 0 16px rgba(255,197,61,.6)}
.fr-sem{display:block;font:400 14px/1 var(--cartoon);color:var(--sun);letter-spacing:.03em;margin-bottom:8px}
.fr-doc{display:block;width:44px;height:56px;margin:0 auto 10px;border-radius:5px;background:rgba(47,208,143,.15);border:2px solid var(--vert);position:relative}.fr-doc::before,.fr-doc::after{content:'';position:absolute;left:8px;right:8px;height:2px;background:var(--vert);opacity:.8}.fr-doc::before{top:14px}.fr-doc::after{top:24px;right:16px}
.fr-doc.doc-rl{width:54px;height:68px;background:rgba(255,197,61,.18);border-color:var(--sun);box-shadow:0 0 24px rgba(255,197,61,.35)}.fr-doc.doc-rl::before,.fr-doc.doc-rl::after{background:var(--sun)}
.fr-etapes b{display:block;font:800 13.5px/1.2 var(--h);color:var(--ink)}.fr-etapes small{display:block;margin-top:4px;font-size:11.5px;line-height:1.35;color:var(--mute)}
.fr-lien{display:inline-block;margin-top:8px;font:700 10.5px/1.2 var(--h);color:var(--vert);background:rgba(47,208,143,.1);border:1px solid rgba(47,208,143,.35);border-radius:99px;padding:5px 9px}
.fr-pw{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.1);margin:10px auto 0;max-width:120px;overflow:hidden}.fr-pw i{display:block;height:100%;width:20%;background:linear-gradient(90deg,var(--orange),var(--sun));animation:frpw 10s infinite}
@keyframes frpw{0%,2%{width:20%}20%{width:20%}22%{width:40%}40%{width:40%}42%{width:60%}60%{width:60%}62%{width:80%}80%{width:80%}82%,96%{width:100%}100%{width:20%}}
.frise-note{margin:22px 0 0;font-size:14.5px;color:var(--mute);text-align:center}
.ferme{padding:60px 0 40px}.ferme .six{margin-top:26px}
.ferme-3{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.ferme-3>div{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px 18px 16px}.ferme-3 b{display:block;font:400 22px/1.1 var(--cartoon);color:var(--sun);margin-bottom:6px}.ferme-3 p{margin:0;font-size:13.5px;line-height:1.5;color:var(--mute)}
.concret{padding:40px 0 20px}.concret .garanties{margin-top:22px}
@media(max-width:940px){.fr-etapes{grid-template-columns:1fr 1fr;gap:16px 8px;margin-top:8px}.fr-ligne{display:none}.ferme-3{grid-template-columns:1fr}}
@media(max-width:520px){.fr-etapes{grid-template-columns:1fr}}

/* v21b : 4e fiche qui pop (à droite, sous la 3e, toujours au-dessus du formulaire) */
.vol:nth-child(4){left:auto;right:-58px;top:100px;animation-name:vol3}
.vol:nth-child(4) .pw i{animation:volpw3 8s infinite}.vol:nth-child(4) .zap{animation:volzap3 8s infinite}
.vb[style*="--k:3"]{animation-name:vb3}
@keyframes vol3{0%,64%{opacity:0;transform:translateY(20px) scale(.9)}69%{opacity:1;transform:translateY(0) scale(1);border-color:var(--line2);box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}76%{border-color:var(--line2)}79%{border-color:#FFE08A;box-shadow:0 0 0 2px var(--sun),0 0 30px rgba(255,197,61,.8);transform:translateY(-2px) scale(1.04)}83%,94%{border-color:var(--sun);box-shadow:0 0 0 1px var(--sun),0 0 18px rgba(255,197,61,.45);transform:translateY(0) scale(1);opacity:1}99%,100%{opacity:0;transform:translateY(-24px) scale(.92)}}
@keyframes volpw3{0%,78%{width:18%}84%,100%{width:100%}}
@keyframes volzap3{0%,77%{opacity:0;transform:scale(.4)}80%{opacity:1;transform:scale(1.4)}84%,94%{opacity:1;transform:scale(1)}99%,100%{opacity:0}}
@keyframes vb3{0%,75%{opacity:0}77%{opacity:1}79%{opacity:.5}81%{opacity:1}85%,100%{opacity:0}}
@media(max-width:1180px){.vol:nth-child(4){right:-14px}}
@media(max-width:940px){.pv-large{grid-template-columns:1fr;padding:24px 20px}.pv-large .pv-mot h2{font-size:24px}.pv-large .pv-mot p:not(.eyebrow){max-width:none}}
.concret .massue{margin-top:18px}

/* v22 · espace : historique d'une commande */
.hist{margin-top:6px;font-size:12px}.hist summary{cursor:pointer;color:var(--blue)}.hist ul{margin:4px 0 0;padding-left:14px;color:var(--mute)}

/* ── v23 · décollage voyant : la page cible reste visible, monte, fusée + flamme + étincelles, flèche allumée jusqu'au bout ── */
.nd-rampe{position:relative;padding-bottom:26px}
.nd-site.cible{animation:cible 9s infinite,decolle 9s infinite;will-change:transform}
@keyframes decolle{0%,60%{transform:translateY(0)}66%{transform:translateY(4px)}74%{transform:translateY(-22px)}80%{transform:translateY(-30px)}86%{transform:translateY(-26px)}92%{transform:translateY(-30px)}97%{transform:translateY(-2px)}100%{transform:translateY(0)}}
.nd-rampe .fusee{position:absolute;left:50%;bottom:-6px;margin-left:-22px;font-size:44px;font-style:normal;opacity:0;transform:translateY(40px) rotate(-12deg);filter:drop-shadow(0 0 14px rgba(255,197,61,.9));animation:fusee 9s infinite;z-index:2}
@keyframes fusee{0%,60%{opacity:0;transform:translateY(40px) rotate(-12deg)}66%{opacity:1;transform:translateY(24px) rotate(-12deg)}80%{opacity:1;transform:translateY(-6px) rotate(-8deg)}92%{opacity:1;transform:translateY(-14px) rotate(-8deg)}97%,100%{opacity:0;transform:translateY(40px) rotate(-12deg)}}
.nd-rampe .flamme{position:absolute;left:50%;bottom:-26px;width:26px;height:44px;margin-left:-13px;border-radius:50% 50% 50% 50%/40% 40% 60% 60%;background:linear-gradient(180deg,#FFF3B0,#FFC53D 35%,#FF7A3D 70%,transparent);opacity:0;filter:blur(1.5px);animation:flamme 9s infinite;z-index:1}
@keyframes flamme{0%,62%{opacity:0;height:10px}68%{opacity:1;height:34px}74%,92%{opacity:1;height:52px}80%{height:40px}86%{height:56px}97%,100%{opacity:0;height:10px}}
.etincelles{position:absolute;left:50%;bottom:-10px;width:0;height:0}.etincelles i{position:absolute;width:7px;height:7px;border-radius:50%;background:#FFE08A;opacity:0;box-shadow:0 0 10px #FFC53D;animation:etin 9s infinite}
.etincelles i:nth-child(1){--dx:-46px;--dy:30px;animation-delay:0s}.etincelles i:nth-child(2){--dx:44px;--dy:26px;animation-delay:.15s}.etincelles i:nth-child(3){--dx:-22px;--dy:48px;animation-delay:.3s}.etincelles i:nth-child(4){--dx:26px;--dy:52px;animation-delay:.45s}.etincelles i:nth-child(5){--dx:0px;--dy:60px;animation-delay:.6s}
@keyframes etin{0%,64%{opacity:0;transform:translate(0,0) scale(.4)}68%{opacity:1;transform:translate(calc(var(--dx)*.3),calc(var(--dy)*.3)) scale(1)}80%{opacity:.9;transform:translate(var(--dx),var(--dy)) scale(.8)}92%{opacity:0;transform:translate(calc(var(--dx)*1.3),calc(var(--dy)*1.4)) scale(.3)}100%{opacity:0}}
.decollage{position:absolute;left:50%;top:-30px;transform:translateX(-50%) rotate(-6deg);font:400 16px/1 var(--cartoon);color:var(--sun);text-shadow:0 2px 0 #04070d;opacity:0;animation:decolltxt 9s infinite;white-space:nowrap}
@keyframes decolltxt{0%,66%{opacity:0;transform:translateX(-50%) translateY(8px) rotate(-6deg)}72%,94%{opacity:1;transform:translateX(-50%) translateY(-12px) rotate(-6deg)}100%{opacity:0}}
@keyframes cible{0%,55%{box-shadow:0 0 0 1px rgba(255,197,61,.2)}62%,96%{box-shadow:0 0 0 2px var(--sun),0 0 44px rgba(255,197,61,.75)}100%{box-shadow:0 0 0 1px rgba(255,197,61,.2)}}
@keyframes halo{0%,55%{stroke:rgba(255,197,61,.08)}62%,97%{stroke:rgba(255,197,61,.4)}100%{stroke:rgba(255,197,61,.08)}}
@keyframes trait{0%,55%{opacity:.25;stroke-width:3}62%,97%{opacity:1;stroke-width:6}100%{opacity:.25;stroke-width:3}}
/* mobile : le chiffre des places sur une ligne */
.ur-n b{white-space:nowrap}
@media(max-width:600px){.ur-n b{font-size:30px}.ur-n small{font-size:10px}.urgence{gap:10px;padding:10px 12px}.ur-t b{font-size:13px}.ur-t small{font-size:12px}.ur-t small i{font-size:14px}}
@media(max-width:400px){.ur-n b{font-size:26px}}

/* ── v24 · le prix saute aux yeux : deux grosses étiquettes + lancement daté ── */
.tarifs{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:14px;margin:22px 0 18px}
.tarif{position:relative;padding:18px 20px 16px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.tarif small{display:block;font:400 13px/1 var(--cartoon);letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy-mute);margin-bottom:8px}
.tarif>b{display:block;font:800 64px/1 var(--h);color:#fff;letter-spacing:-.02em}
.tarif>span{display:block;margin-top:6px;font-size:14px;color:#c7d0e6}
.tarif em{display:block;margin-top:10px;font:600 12.5px/1.3 var(--b);font-style:normal;color:var(--on-navy-mute)}
.tarif-th{border-color:rgba(255,197,61,.55);background:linear-gradient(180deg,rgba(255,197,61,.12),rgba(255,197,61,.04))}.tarif-th>b{color:var(--sun)}
.tarif-lan{background:linear-gradient(135deg,#14204a,#1b1f3f);border:1px solid rgba(255,197,61,.45);display:flex;flex-direction:column;gap:6px;justify-content:center}
.tarif-lan i{align-self:flex-start;font:400 12px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:#1A1200;padding:7px 11px;border-radius:99px;font-style:normal}
.tarif-lan>b{font:800 22px/1.15 var(--h);color:#fff}
.tarif-lan>span{font-size:14px;line-height:1.45;color:#c7d0e6}.tarif-lan strong{color:#fff}
.tarif-cd{font:600 14px/1 var(--b)!important;color:var(--on-navy-mute)!important;margin-top:4px}.tarif-cd b{font:800 22px/1 var(--h);color:var(--sun);font-variant-numeric:tabular-nums;margin-right:2px}
@media(max-width:900px){.tarifs{grid-template-columns:1fr 1fr}.tarif-lan{grid-column:1/-1}.tarif>b{font-size:54px}}
@media(max-width:480px){.tarifs{gap:10px}.tarif{padding:14px 14px 12px}.tarif>b{font-size:46px}.tarif small{font-size:11.5px}.tarif>span{font-size:13px}.tarif-lan>b{font-size:18px}.tarif-cd b{font-size:19px}}
/* barre desktop + sticky mobile : libellés nommés, un peu plus lisibles */
@media(min-width:941px){.bar-lan b{font-size:13.5px}}
@media(max-width:520px){.ls-prix{font-size:12px}.ls-tag{font-size:9.5px;padding:5px 7px}.ls-cd{font-size:16px}}
@media(max-width:600px){.ur-t b{font-size:13.5px;line-height:1.25}}

/* v24b · sticky mobile sur deux lignes : étiquette + prix nommés / compte à rebours + échéance */
.ls-fin-court{display:none}
@media(max-width:520px){
  .lan-sticky .wrap{flex-wrap:wrap;gap:5px 8px;padding-top:7px;padding-bottom:7px}
  .ls-tag{display:inline;order:0;font-size:9.5px;padding:5px 7px}
  .ls-prix{order:1;flex:1 1 auto;white-space:nowrap;font-size:12.5px;min-width:0}
  .ls-cd{order:2;flex:0 0 auto;margin-left:0;font-size:15px}
  .ls-fin-court{display:block;order:3;flex:1 1 0;min-width:0;font:600 10.5px/1.2 var(--b);color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}
}

/* ── v25 · bandeau prix animé : prix normal en gros → l'éclair du lynx le change en prix de lancement ── */
.tarifs{display:none}
.tb{position:relative;display:grid;grid-template-columns:120px 1fr 1fr 1.5fr;gap:14px;align-items:stretch;margin:22px 0 18px;padding:16px;border-radius:22px;background:linear-gradient(135deg,#0f1a3d,#0b1226 60%,#14204a);border:1px solid rgba(255,197,61,.35);overflow:hidden;cursor:pointer}
.tb-lynx{align-self:center;justify-self:center;width:110px;height:auto;filter:drop-shadow(0 0 12px rgba(255,197,61,.35));animation:tbLynx 10s infinite;transform-origin:50% 80%}
@keyframes tbLynx{0%,22%{transform:rotate(0)}25%{transform:rotate(-8deg) scale(1.06)}27%{transform:rotate(4deg) scale(1.08);filter:drop-shadow(0 0 28px rgba(255,197,61,.9))}32%{transform:rotate(0) scale(1)}100%{transform:rotate(0)}}
.tb-bolt{position:absolute;left:100px;top:50%;width:calc(100% - 120px);height:120px;margin-top:-60px;overflow:visible;pointer-events:none;z-index:0}
/* 21/09 (avant la campagne Facebook) : l'éclair passait DEVANT le bandeau (z-index:3) et barrait « 4 € » / « 7 € »
   pendant 1,2 s toutes les 10 s — mesuré sur toutes les versions de l'accueil, contrôle compris. Il passe maintenant
   derrière les cartes et les textes : l'effet reste entier, un prix n'est plus jamais illisible. */
.bar-prix .bp-etat,.bar-prix .bp-carte,.bar-prix .bp-fin,.bar-prix .bp-cadeau,.tb .tb-carte,.tb .tb-s{position:relative;z-index:1}
/* Le bandeau du haut est une vitre dépolie (backdrop-filter) : les cartes de prix n'ont pas de fond opaque,
   l'éclair reste donc visible AU TRAVERS même passé dessous. Dans la barre — et seulement là, le grand bloc
   de lancement garde l'effet d'origine — le trait est affiné et adouci : l'étincelle se lit encore, elle ne
   rature plus « 4 € » ni « 7 € ». */
.bar-prix .tbb{stroke-width:2.5;filter:drop-shadow(0 0 6px rgba(255,197,61,.55));animation-name:tbBoltBar}
@keyframes tbBoltBar{0%,24%{opacity:0;stroke-dashoffset:1400}25%{opacity:.42}31%{opacity:.42;stroke-dashoffset:0}33%{opacity:.18}34%{opacity:.42}37%,100%{opacity:0;stroke-dashoffset:0}}
.tbb{fill:none;stroke:var(--sun);stroke-width:5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400;opacity:0;filter:drop-shadow(0 0 8px rgba(255,197,61,.95)) drop-shadow(0 0 22px rgba(255,197,61,.6));animation:tbBolt 10s infinite}
@keyframes tbBolt{0%,24%{opacity:0;stroke-dashoffset:1400}25%{opacity:1}31%{opacity:1;stroke-dashoffset:0}33%{opacity:.4}34%{opacity:1}37%,100%{opacity:0;stroke-dashoffset:0}}
.tb-carte{position:relative;padding:16px 18px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);animation:tbCarte 10s infinite;animation-delay:var(--d)}
.tb-carte small{display:block;font:400 13px/1 var(--cartoon);letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy-mute);margin-bottom:8px}
.tb-n{position:relative;height:66px}.tb-n b{position:absolute;left:0;top:0;font:800 64px/1 var(--h);letter-spacing:-.02em;white-space:nowrap}
.tb-normal{color:#fff;animation:tbNormal 10s infinite;animation-delay:var(--d)}
.tb-lan{color:var(--sun);opacity:0;animation:tbLan 10s infinite;animation-delay:var(--d);text-shadow:0 0 24px rgba(255,197,61,.5)}
.tb-s{display:block;position:relative;height:18px;margin-top:6px;font-size:13.5px}.tb-s i{position:absolute;left:0;top:0;font-style:normal;white-space:nowrap}
.tb-s-normal{color:#c7d0e6;animation:tbNormal 10s infinite;animation-delay:var(--d)}
.tb-s-lan{color:var(--sun);opacity:0;animation:tbLan 10s infinite;animation-delay:var(--d)}
@keyframes tbNormal{0%,28%{opacity:1;transform:none}30%{opacity:1;transform:translateX(-3px)}31%{transform:translateX(4px)}32%,96%{opacity:0;transform:translateY(-14px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes tbLan{0%,31%{opacity:0;transform:translateY(16px) scale(.8)}34%{opacity:1;transform:translateY(-4px) scale(1.14)}37%{transform:none}95%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes tbCarte{0%,29%{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}31%{box-shadow:0 0 0 3px var(--sun),0 0 60px rgba(255,197,61,.9);background:rgba(255,197,61,.28)}36%,95%{box-shadow:0 0 0 1.5px var(--sun),0 0 34px rgba(255,197,61,.45);border-color:var(--sun);background:rgba(255,197,61,.08)}100%{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}}
.tb-lan-info{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px 16px;border-radius:16px;border:1px solid rgba(255,197,61,.45);background:rgba(255,197,61,.06)}
.tb-lan-info i{align-self:flex-start;font:400 12px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:#1A1200;padding:7px 11px;border-radius:99px;font-style:normal}
.tb-lan-info>b{font:800 20px/1.15 var(--h);color:#fff}
.tb-lan-info>span{font-size:13.5px;line-height:1.45;color:#c7d0e6}.tb-lan-info strong{color:#fff}
.tb-cd{font:600 13px/1 var(--b)!important;color:var(--on-navy-mute)!important;margin-top:2px}.tb-cd b{font:800 22px/1 var(--h);color:var(--sun);font-variant-numeric:tabular-nums;margin-right:2px}
@media(max-width:900px){.tb{grid-template-columns:1fr 1fr;gap:10px;padding:12px;padding-top:110px}.tb-lynx{position:absolute;left:50%;top:6px;margin-left:-45px;width:90px}.tb-bolt{left:0;top:88px;width:100%;height:80px;margin-top:0}.tb-lan-info{grid-column:1/-1}.tb-n{height:56px}.tb-n b{font-size:54px}}
@media(max-width:480px){.tb-carte{padding:12px 12px 10px}.tb-n{height:48px}.tb-n b{font-size:46px}.tb-carte small{font-size:11.5px}.tb-s{font-size:11.5px}.tb-lan-info>b{font-size:17px}.tb-cd b{font-size:19px}}
@media(prefers-reduced-motion:reduce){.tb-lynx,.tbb,.tb-carte,.tb-normal,.tb-lan,.tb-s-normal,.tb-s-lan{animation:none}.tb-normal,.tb-s-normal{opacity:0}.tb-lan,.tb-s-lan{opacity:1}.tbb{opacity:0}.tb-carte{border-color:var(--sun)}}
@media(max-width:600px){.tb{padding-top:92px}.tb-lynx{width:76px;margin-left:-38px;top:8px}.tb-bolt{top:72px;height:60px}.tb-s{height:32px}.tb-s i{white-space:normal;font-size:11.5px;line-height:1.2}}
@media(max-width:600px){.tb{padding-top:122px}.tb-lynx{top:4px}.tb-bolt{top:98px}}

/* v25b · plus vite : 1 s de tarif normal, éclair immédiat, prix de lancement 10 s ; l'animation ne démarre qu'à l'arrivée dans l'écran (.go) */
.tb-lynx,.tbb,.tb-carte,.tb-normal,.tb-lan,.tb-s-normal,.tb-s-lan{animation-duration:12s;animation-play-state:paused}
.tb.go .tb-lynx,.tb.go .tbb,.tb.go .tb-carte,.tb.go .tb-normal,.tb.go .tb-lan,.tb.go .tb-s-normal,.tb.go .tb-s-lan{animation-play-state:running}
.tb-carte.tb-th{--d:.35s}
@keyframes tbLynx{0%,6%{transform:rotate(0)}8%{transform:rotate(-8deg) scale(1.06)}10%{transform:rotate(4deg) scale(1.08);filter:drop-shadow(0 0 28px rgba(255,197,61,.9))}14%{transform:rotate(0) scale(1)}100%{transform:rotate(0)}}
@keyframes tbBolt{0%,7%{opacity:0;stroke-dashoffset:1400}8%{opacity:1}11.5%{opacity:1;stroke-dashoffset:0}13%{opacity:.4}14%{opacity:1}16.5%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes tbNormal{0%,9%{opacity:1;transform:none}10%{opacity:1;transform:translateX(-3px)}10.6%{transform:translateX(4px)}11.5%,97.5%{opacity:0;transform:translateY(-14px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes tbLan{0%,10.5%{opacity:0;transform:translateY(16px) scale(.8)}12.5%{opacity:1;transform:translateY(-4px) scale(1.14)}14.5%{transform:none}97%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes tbCarte{0%,9.5%{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}11%{box-shadow:0 0 0 3px var(--sun),0 0 60px rgba(255,197,61,.9);background:rgba(255,197,61,.28)}14.5%,97%{box-shadow:0 0 0 1.5px var(--sun),0 0 34px rgba(255,197,61,.45);border-color:var(--sun);background:rgba(255,197,61,.08)}100%{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}}

/* ── v26 · header ordinateur = logo + barre prix animée ; nav en rail sticky à gauche ; footer en colonnes ── */
.bar-prix{display:none}
@media(min-width:941px){
  .bar-prix{position:relative;display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;margin-left:18px;padding:6px 14px 6px 6px;border-radius:16px;color:#fff;text-decoration:none;background:linear-gradient(90deg,#0f1a3d,#0b1226 60%,#14204a);border:1px solid rgba(255,197,61,.35);overflow:hidden;animation-play-state:running}
  .bar-prix:hover{border-color:rgba(255,197,61,.7)}
  .bar-prix .tb-bolt{left:0;top:50%;width:100%;height:60px;margin-top:-30px}
  .bar-prix .tb-carte,.bar-prix .tbb,.bar-prix .tb-normal,.bar-prix .tb-lan{animation-play-state:running}
  .bp-tag{flex:0 0 auto;font:400 10.5px/1.15 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;background:var(--sun);color:#1A1200;padding:6px 10px;border-radius:12px;text-align:center}
  .bp-carte{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:12px}
  .bp-carte small{font:400 11px/1 var(--cartoon);letter-spacing:.05em;text-transform:uppercase;color:var(--on-navy-mute);margin:0}
  .bar-prix .tb-n{height:30px;width:64px}.bar-prix .tb-n b{font-size:28px;line-height:30px}
  .bp-fin{flex:1 1 auto;min-width:0;font:500 12px/1.25 var(--b);color:#c7d0e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bp-fin b{display:block;color:#fff;font-weight:700}
  .bp-cd{flex:0 0 auto;font:600 12px/1 var(--b);color:var(--faint);white-space:nowrap}.bp-cd i{font:800 20px/1 var(--h);color:var(--sun);font-style:normal;font-variant-numeric:tabular-nums;margin:0 2px 0 6px}
  body.has-rail .bar-in{gap:0}
}
@media(min-width:941px) and (max-width:1239px){.bp-fin{display:none}.bar-prix{margin-right:12px}.bar-prix .tb-n{width:58px}.bar-prix .tb-n b{font-size:26px}}
/* rail gauche ≥ 1240 px : le contenu se décale, la nav du header disparaît */
.rail{display:none}
@media(min-width:1240px){
  body.has-rail{padding-left:236px}
  body.has-rail .bar nav{display:none}
  .rail{display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;width:236px;padding:100px 18px 26px 20px;background:linear-gradient(180deg,#0b1220,#0e1a3a 70%,#0b1220);border-right:1px solid rgba(255,255,255,.06);box-shadow:inset -1px 0 0 rgba(255,197,61,.08);z-index:60}
  .rail-nav{position:relative;display:flex;flex-direction:column;gap:2px}
  .rail-nav::before{content:'';position:absolute;left:13px;top:18px;bottom:18px;width:1px;background:linear-gradient(180deg,rgba(255,197,61,.05),rgba(255,197,61,.35),rgba(91,128,255,.35),rgba(91,128,255,.05))}
  .rail a.rl{position:relative;display:flex;align-items:center;gap:12px;padding:9px 8px 9px 0;color:var(--on-navy-mute);font:600 14px/1.2 var(--b);text-decoration:none;border-radius:10px;transition:color .2s,transform .2s}
  .rail a.rl i{flex:0 0 27px;width:27px;height:27px;border-radius:50%;border:1.5px solid rgba(255,255,255,.16);background:#0b1220;display:grid;place-items:center;font:400 12px/1 var(--cartoon);font-style:normal;color:var(--faint);transition:.25s;position:relative;z-index:1}
  .rail a.rl:hover{color:#fff;transform:translateX(3px)}.rail a.rl:hover i{border-color:rgba(255,197,61,.6);color:var(--sun)}
  .rail a.rl.on{color:#fff}.rail a.rl.on i{background:var(--sun);color:#1A1200;border-color:var(--sun);box-shadow:0 0 0 4px rgba(255,197,61,.18),0 0 22px rgba(255,197,61,.7)}
  .rail a.rl.on span{text-shadow:0 0 18px rgba(255,197,61,.35)}
  .rail-bas{margin-top:auto;display:flex;flex-direction:column;gap:8px}
  .rail .rl-con i{font-family:var(--b);font-weight:800}
  .rail .rail-cta{justify-content:center;padding:13px 14px;font-size:14.5px;border-radius:99px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,197,61,.35),0 12px 30px -10px rgba(255,197,61,.7)}
  body.has-rail .lan-sticky{display:none}
}
/* footer en colonnes */
.pied2{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:28px;align-items:start}
.pied-marque .px{font:400 26px/1 var(--cartoon);color:#fff;text-shadow:0 2px 0 #04070d}
.pied-base{margin:12px 0 0;max-width:34ch;color:var(--on-navy-mute);line-height:1.5;font-size:14px}
.pied-col{display:flex;flex-direction:column;gap:9px;margin:0}.pied-col b{font:400 12px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:var(--sun);margin-bottom:4px}
.pied-col a{color:var(--on-navy-mute);font-size:14px;transition:color .2s,transform .2s}.pied-col a:hover{color:#fff;transform:translateX(2px)}
.pied-ligne{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.07);font-size:12.5px;color:var(--faint)}
footer{padding-top:48px}
@media(max-width:900px){.pied2{grid-template-columns:1fr 1fr;gap:22px}.pied-marque{grid-column:1/-1}}
@media(max-width:520px){.pied2{grid-template-columns:1fr}}
/* v26b · les fiches volantes ne créent jamais de barre horizontale ; texte du header raccourci */
.hero6,.hero-navy{overflow-x:clip}
@media(min-width:941px){.bp-fin{white-space:normal;line-height:1.2}.bp-fin b{white-space:nowrap}}
@media(min-width:941px) and (max-width:1239px){.bar-prix{flex:0 0 auto;gap:8px;padding:5px 8px 5px 5px}.bp-cd{display:none}.bp-tag{font-size:9.5px;padding:5px 8px}.bp-carte{padding:4px 8px 4px 8px;gap:6px}.bar-prix .tb-n{width:52px}.bar-prix .tb-n b{font-size:24px}.bar nav a.opt{padding:10px 7px;font-size:13px}.btn-tete{padding:10px 14px;font-size:13.5px}}
@media(min-width:941px) and (max-width:1180px){.bar nav a.opt[href="/#prix"],.bar nav a.opt[href="/#faq"]{display:none}.logo span{font-size:24px}.bp-carte small{font-size:10px}.bar-prix .tb-n{width:48px}}
@media(min-width:941px) and (max-width:1080px){.bp-tag{display:none}.logo small{display:none}}

/* ── v27 · urgence = les places ; header ancrage (prix normal → ÷2) ; rail : icônes + places en direct ; formulaire abonnement dans la section prix ── */
.urgence2{max-width:100%}.urgence2 .ur-t b{font-size:15px}.urgence2 .ur-t b .sun{font-family:var(--cartoon);font-weight:400;font-size:17px;letter-spacing:.01em}
.urgence2 .ur-t small b{color:#fff}
@media(max-width:600px){.urgence2 .ur-t b{font-size:13.5px}.urgence2 .ur-t b .sun{font-size:15px}}
/* header : état (dès le 1er oct. → prix de lancement), badge ÷2, places */
@media(min-width:941px){
  .bp-etat{position:relative;flex:0 0 auto;width:92px;height:34px}.bp-etat i{position:absolute;left:0;top:0;width:100%;font:400 10.5px/1.2 var(--cartoon);letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:5px 4px;border-radius:12px;font-style:normal}
  .bp-etat .tb-normal{background:rgba(255,255,255,.08);color:#c7d0e6;animation-name:tbNormal}.bp-etat .tb-lan{background:var(--sun);color:#1A1200;animation-name:tbLan}
  .bp-etat sup{font-size:7px}
  .bar-prix .bp-etat i{animation-duration:12s;animation-iteration-count:infinite;animation-play-state:running}
  .bp-badge{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:50px;border-radius:14px;background:var(--sun);color:#1A1200;font:400 22px/1 var(--cartoon);opacity:0;animation:tbLan 12s infinite;animation-play-state:running;box-shadow:0 0 22px rgba(255,197,61,.6);transform-origin:center}
  .bp-badge small{font:700 8.5px/1 var(--b);letter-spacing:.02em;margin-top:3px;text-transform:uppercase}
  .bp-places{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;margin-left:auto;padding-left:14px;border-left:1px solid rgba(255,255,255,.1)}
  .bp-places>b{grid-row:1/3;font:800 30px/1 var(--h);color:#fff;font-variant-numeric:tabular-nums}.bp-places>b.pop{animation:pop .42s}
  .bp-places>span{font:600 11px/1.2 var(--b);color:#c7d0e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .bp-bar{display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}.bp-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green,#2fd08f),#8ff0c2);border-radius:3px;transition:width .8s}
}
@media(min-width:941px) and (max-width:1239px){.bp-badge,.bp-places{display:none}.bp-etat{width:74px;height:30px}.bp-etat i{font-size:9px;padding:4px 2px}}
@media(min-width:1240px) and (max-width:1420px){.bp-places>span{display:none}.bp-places{grid-template-columns:auto;padding-left:10px}}
/* rail : icônes, widget places */
@media(min-width:1240px){
  .rail{padding-top:92px;gap:14px}
  .rail-nav::before{display:none}
  .rail a.rl i{border-radius:9px;background:rgba(255,255,255,.04)}.rail a.rl i svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
  .rail-live{padding:12px 12px 10px;border-radius:14px;background:linear-gradient(180deg,rgba(255,197,61,.1),rgba(255,197,61,.03));border:1px solid rgba(255,197,61,.35)}
  .rlv-n{display:block;font:800 30px/1 var(--h);color:#fff;font-variant-numeric:tabular-nums}.rlv-n.pop{animation:pop .42s}
  .rlv-l{display:block;font:600 11px/1.2 var(--b);color:var(--sun);text-transform:uppercase;letter-spacing:.05em;margin:4px 0 10px}
  .rlv-packs{list-style:none;margin:0;padding:0;display:grid;gap:6px}
  .rlv-packs li{display:grid;grid-template-columns:1fr auto;gap:2px 8px;font:600 11px/1.2 var(--b);color:#c7d0e6}
  .rlv-packs li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rlv-packs li b{color:#fff;font-variant-numeric:tabular-nums}.rlv-packs li b.pop{animation:pop .42s}
  .rlv-packs li>i{grid-column:1/-1;display:block;height:4px;border-radius:2px;background:rgba(255,255,255,.08);overflow:hidden}.rlv-packs li>i>i{display:block;height:100%;background:var(--tc);border-radius:2px;transition:width .8s}
  .rlv-note{margin:10px 0 0;font:500 11.5px/1.35 var(--b);color:#c7d0e6}.rlv-note b{color:#fff}
  .rlv-cd{margin:6px 0 0;font:500 11px/1.3 var(--b);color:var(--faint)}.rlv-cd b{color:var(--sun);font:800 13px/1 var(--h)}
  .rail-bas{margin-top:auto}
}
/* section prix : formulaire d'abonnement en place */
.cfg-form{margin-top:18px}.cfg-form[hidden]{display:none}
.cfg-form .h6-form{max-width:720px;margin:0 auto}
.cfg-form.ouvert{animation:cfgIn .5s cubic-bezier(.2,.8,.2,1)}@keyframes cfgIn{0%{opacity:0;transform:translateY(18px)}100%{opacity:1;transform:none}}
.ab-form textarea{width:100%;min-height:110px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0b1220;color:#fff;font:500 14px/1.5 var(--b);resize:vertical}
.ab-form textarea:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 3px rgba(255,197,61,.2)}
.ab-recap{margin:0}.ab-total{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:12px 0 4px;padding:12px 14px;border-radius:12px;background:rgba(255,197,61,.08);border:1px solid rgba(255,197,61,.35)}
.ab-total span{font:600 13px/1 var(--b);color:#c7d0e6}.ab-total b{font:800 34px/1 var(--h);color:var(--sun)}.ab-total small{flex-basis:100%;font:500 12px/1.4 var(--b);color:#c7d0e6}
#offert.flash{animation:flashOffert 1.2s ease-out}@keyframes flashOffert{0%{box-shadow:0 0 0 0 rgba(255,197,61,.9)}100%{box-shadow:0 0 0 22px rgba(255,197,61,0)}}

/* v27b · mobile : carte d'urgence compacte (places d'abord), sticky = places ; header : badge ÷2 plus large */
@media(max-width:600px){.urgence2{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;align-items:center}.urgence2 .ur-sep{display:none}.urgence2 .ur-n{display:flex;align-items:center;gap:10px}.urgence2 .ur-n b{font-size:34px}.urgence2 .ur-n small{font-size:10.5px;line-height:1.2}.urgence2 .ur-t{grid-column:1/-1;flex-basis:auto;gap:3px}.urgence2 .ur-t b{font-size:13.5px;line-height:1.3}.urgence2 .ur-t small{font-size:12px;line-height:1.35}.ur-plus{display:none}}
@media(max-width:520px){.ls-places{order:2;flex:1 1 auto;min-width:0;font:600 12px/1.2 var(--b);color:#c7d0e6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ls-places b{font:800 16px/1 var(--h);color:var(--sun);font-variant-numeric:tabular-nums;margin-right:2px}.ls-places b.pop{animation:pop .42s}.ls-fin-court{flex:0 0 auto;order:3}}
@media(min-width:521px){.ls-places{display:none}}
@media(min-width:1240px){.bp-badge{width:78px}.bp-badge small{font-size:8px;white-space:nowrap}.rail .rail-cta{white-space:nowrap}}
.ls-cd[hidden]{display:none!important}

/* ── v28 · carte d'urgence compacte, rail refait (CTA en haut, barre empilée), prix barré façon cadeau, plus de badge ÷2 ── */
.bp-badge{display:none!important}
.urgence3{display:grid;grid-template-columns:auto 1fr;gap:0 16px;align-items:center;margin-bottom:22px;padding:12px 18px 12px 16px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(90deg,rgba(255,197,61,.16),rgba(91,128,255,.12));border:1px solid rgba(255,197,61,.5);box-shadow:0 0 0 1px rgba(255,197,61,.12),0 20px 50px -30px rgba(255,197,61,.7)}
.urgence3:hover{border-color:var(--sun)}
.u3-n{font:800 46px/1 var(--h);color:var(--sun);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #04070d}.u3-n.pop{animation:pop .42s}
.u3-t{display:grid;gap:4px;min-width:0}.u3-t>b{font:700 15px/1.2 var(--h);color:#fff}.u3-t small{font:600 12.5px/1.25 var(--b);color:var(--on-navy-mute)}
.u3-bar{display:block;height:6px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:2px}.u3-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green,#2fd08f),#8ff0c2);transition:width .8s}
@media(max-width:600px){.urgence3{gap:0 12px;padding:10px 12px}.u3-n{font-size:36px}.u3-t>b{font-size:13.5px}.u3-t small{font-size:11.5px}}
.hf-cadeau{display:flex;align-items:baseline;gap:8px;margin-top:6px}.hf-cadeau s{font:700 20px/1 var(--h);color:var(--on-navy-mute);text-decoration:line-through;text-decoration-color:var(--sun);text-decoration-thickness:3px}.hf-cadeau b{font:400 17px/1 var(--cartoon);color:var(--sun);letter-spacing:.02em;text-shadow:0 2px 0 #04070d}
.hf-choix label:has(input:checked) .hf-cadeau s{color:#fff}
@media(min-width:1240px){
  .rail{gap:12px;padding-top:88px}
  .rail>.rail-cta{margin-bottom:6px}
  .rail-live{padding:12px 12px 10px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
  .rlv-tete{display:flex;align-items:center;gap:10px}.rlv-n{font-size:28px}.rlv-l{margin:0;font-size:10.5px;line-height:1.2;color:var(--on-navy-mute);text-transform:uppercase;letter-spacing:.05em}
  .rlv-bar{display:flex;height:7px;border-radius:4px;overflow:hidden;margin:10px 0 8px;background:rgba(255,255,255,.06);gap:1px}.rlv-bar i{display:block;height:100%;background:var(--tc);transition:width .8s}
  .rlv-packs{display:grid;grid-template-columns:1fr 1fr;gap:4px 8px}
  .rlv-packs li{display:flex;align-items:center;gap:5px;font:600 11px/1.2 var(--b);color:#c7d0e6}.rlv-packs li>i{width:7px;height:7px;border-radius:50%;background:var(--tc);flex:0 0 7px}.rlv-packs li span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rlv-packs li b{color:#fff;font-variant-numeric:tabular-nums}
  .rlv-note{margin:9px 0 0;font:600 11.5px/1.3 var(--b);color:var(--sun)}.rlv-note b{color:#fff}
  .rlv-cd{margin:4px 0 0;font:500 10.5px/1.3 var(--b);color:var(--faint)}.rlv-cd b{color:#c7d0e6;font:700 11.5px/1 var(--h)}
}
@media(min-width:1240px){.rlv-n{white-space:nowrap;font-size:26px;letter-spacing:-.01em}.rlv-l{font-size:9.5px}}

/* ── v29 · un seul compteur de places (hero) ; header = prix + cadeau ; rail sans graphique ; FAQ à cartes égales ; « 1 lien offert / mois » partout ── */
.bp-places,.rail-live{display:none!important}
@media(min-width:941px){
  .bp-cadeau{flex:0 0 auto;margin-left:auto;padding:7px 12px;border-radius:12px;background:rgba(255,197,61,.12);border:1px solid rgba(255,197,61,.4);font:600 12px/1.2 var(--b);color:#c7d0e6;white-space:nowrap}.bp-cadeau b{color:var(--sun)}
  .bp-fin{flex:0 1 auto}
}
@media(min-width:941px) and (max-width:1420px){.bp-cadeau{display:none}}
@media(min-width:1240px){
  .rail-cadeau{margin:0;padding:12px 12px;border-radius:14px;background:linear-gradient(180deg,rgba(255,197,61,.14),rgba(255,197,61,.04));border:1px solid rgba(255,197,61,.4);font:500 12px/1.4 var(--b);color:#c7d0e6}.rail-cadeau b{color:#fff;font:400 15px/1.2 var(--cartoon);letter-spacing:.01em}
  .rail>.rail-cta{white-space:normal;line-height:1.2;text-align:center}
}
.promesses li.pr-cadeau span b{color:var(--sun)}.promesses li.pr-cadeau{position:relative}
.hf-ruban{position:absolute;top:-14px;right:22px;padding:7px 12px;border-radius:99px;background:var(--sun);color:#1A1200;font:400 12.5px/1 var(--cartoon);letter-spacing:.04em;box-shadow:0 8px 20px -8px rgba(255,197,61,.9),inset 0 -2px 0 rgba(0,0,0,.18);transform:rotate(2deg);z-index:2}
.reassure{list-style:none;margin:10px 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px 10px}
.reassure li{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:10px;background:rgba(47,208,143,.08);border:1px solid rgba(47,208,143,.3);font:600 12.5px/1.2 var(--b);color:#fff}.reassure li i{font-style:normal;font-size:15px}
@media(max-width:480px){.reassure{grid-template-columns:1fr}}
/* FAQ : deux colonnes de largeur fixe, cartes fermées de même hauteur sur une ligne, la carte ouverte reste dans sa colonne */
.faq .mt{align-items:stretch}
.faq details[open]{grid-column:auto}
.faq details{display:flex;flex-direction:column}
.faq summary{display:flex;align-items:center;min-height:70px}
.faq .rep{flex:1}
.faq .mt{align-items:start}.faq summary{min-height:80px}
@media(min-width:941px){.bp-fin{flex:0 0 auto;white-space:nowrap;overflow:visible;font-size:11.5px}.bp-fin b{font-size:11.5px}}
@media(min-width:1240px){.rail>.rail-cta{white-space:nowrap}}
@media(min-width:941px){.bp-cadeau{flex:0 0 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}}

/* ── v30 · header d'application (espace client) ; prix barré incliné ── */
.bar-app .bar-in{gap:14px}
.hd-tag{font:400 12px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:var(--sun);padding:6px 10px;border-radius:99px;border:1px solid rgba(255,197,61,.4);white-space:nowrap}
.hd-nav{margin-left:auto;display:flex;align-items:center;gap:12px}
.hd-cadeau{display:flex;flex-direction:column;gap:2px;padding:6px 12px;border-radius:12px;text-decoration:none;color:#c7d0e6;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font:600 12px/1.2 var(--b);white-space:nowrap}
.hd-cadeau b{color:#fff}.hd-cadeau small{font-size:11px;color:var(--faint)}.hd-cadeau.dispo{border-color:rgba(255,197,61,.55);background:rgba(255,197,61,.1)}.hd-cadeau.dispo small{color:var(--sun)}
.hd-user{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font:600 13.5px/1 var(--b)}.hd-user i{width:34px;height:34px;border-radius:50%;background:var(--sun);color:#1A1200;display:grid;place-items:center;font:400 15px/1 var(--cartoon)}
.hd-sortir{color:var(--on-navy-mute);font:600 13px/1 var(--b);text-decoration:none}.hd-sortir:hover{color:#fff}
@media(max-width:940px){.hd-tag,.hd-user span,.hd-cadeau small{display:none}.hd-cadeau{padding:6px 10px}.hd-nav{gap:8px}.bar-app .btn-tete{padding:9px 12px;font-size:13px}}
@media(max-width:600px){.hd-cadeau{display:none}}
.hf-cadeau s{position:relative;text-decoration:none}
.hf-cadeau s::after{content:'';position:absolute;left:-6%;right:-6%;top:50%;height:3px;border-radius:2px;background:var(--sun);transform:rotate(-14deg);box-shadow:0 0 8px rgba(255,197,61,.6)}
/* ── v31 · espace client façon jeu : personnage (lynx), niveau + XP, quêtes, stats, commande au centre ── */
.jeu-hero{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;padding:22px 26px;border-radius:24px;background:linear-gradient(135deg,#14224A 0%,#0E1A38 45%,#0B1220 100%);border:1px solid rgba(91,128,255,.3);box-shadow:0 30px 70px -40px rgba(0,0,0,.9);overflow:hidden;margin-bottom:16px}
.jeu-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 70% at 8% 50%,rgba(255,197,61,.18),transparent 65%),radial-gradient(ellipse 30% 50% at 95% 10%,rgba(91,128,255,.25),transparent 65%);pointer-events:none}
.jeu-lynx{position:relative;width:150px;height:auto;filter:drop-shadow(0 0 22px rgba(255,197,61,.45));animation:lynxIdle 4s ease-in-out infinite;transform-origin:50% 90%}
@keyframes lynxIdle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-1.5deg)}}
.jeu-id{position:relative;min-width:0}.jeu-id h1{margin:4px 0 12px;font-size:32px}.jeu-id .eyebrow{color:var(--sun)}
.jeu-xp{display:grid;grid-template-columns:1fr auto;gap:4px 12px;align-items:center;max-width:520px}
.jx-bar{grid-column:1;height:12px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden;box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.jx-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--blue),var(--sun));box-shadow:0 0 14px rgba(255,197,61,.6);transition:width 1s cubic-bezier(.2,.8,.2,1)}
.jeu-xp>b{grid-column:2;grid-row:1;font:800 16px/1 var(--h);color:var(--sun)}.jeu-xp small{grid-column:1/-1;font:600 12px/1.2 var(--b);color:var(--on-navy-mute)}
.jeu-cadeau{position:relative;display:grid;grid-template-columns:auto 1fr;gap:2px 12px;align-items:center;max-width:260px;padding:14px 16px;border-radius:18px;text-decoration:none;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12)}
.jeu-cadeau i{grid-row:1/3;font-size:30px;font-style:normal}.jeu-cadeau b{font:700 14px/1.25 var(--h)}.jeu-cadeau small{font:500 12px/1.35 var(--b);color:var(--on-navy-mute)}
.jeu-cadeau.dispo{border-color:var(--sun);background:linear-gradient(180deg,rgba(255,197,61,.18),rgba(255,197,61,.06));box-shadow:0 0 0 4px rgba(255,197,61,.12),0 0 30px rgba(255,197,61,.35);animation:cadeauPulse 2.4s ease-in-out infinite}.jeu-cadeau.dispo small{color:#fff}
@keyframes cadeauPulse{0%,100%{box-shadow:0 0 0 4px rgba(255,197,61,.12),0 0 30px rgba(255,197,61,.35)}50%{box-shadow:0 0 0 6px rgba(255,197,61,.22),0 0 44px rgba(255,197,61,.55)}}
.jeu-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.jst{padding:14px 16px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:var(--sh)}.jst small{display:block;font:700 10.5px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa6c2)}.jst b{display:block;margin:8px 0 4px;font:800 34px/1 var(--h);color:#fff}.jst span{font:500 12.5px/1.3 var(--b);color:var(--on-navy-mute)}
.jeu-grille{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:16px;margin-bottom:16px;align-items:start}
.quetes ul{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.quetes li{display:grid;grid-template-columns:30px 1fr auto;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}
.quetes li>i{width:30px;height:30px;border-radius:50%;border:2px solid rgba(255,255,255,.18);display:grid;place-items:center;font:700 14px/1 var(--b);font-style:normal;color:transparent}
.quetes li.ok>i{background:var(--ok,#2fd08f);border-color:var(--ok,#2fd08f);color:#04140c}.quetes li.attente>i{color:#fff;border-style:dashed}
.quetes li b{font:700 14px/1.25 var(--h);color:#fff}.quetes li small{display:block;font:500 12px/1.35 var(--b);color:var(--on-navy-mute)}
.quetes li.ok b{color:var(--on-navy-mute);text-decoration:line-through;text-decoration-color:rgba(255,255,255,.3)}.quetes li.ok small{display:none}
.qt-xp{font:800 12px/1 var(--h);color:var(--sun);padding:5px 8px;border-radius:99px;background:rgba(255,197,61,.12);white-space:nowrap}.quetes li.ok .qt-xp{color:var(--ok,#2fd08f);background:rgba(47,208,143,.12)}
.quetes li .btn{grid-column:2/-1;justify-self:start;padding:8px 14px;font-size:13px}
.qt-tete{display:flex;align-items:center;justify-content:space-between}.qt-tete b{font:800 14px/1 var(--h);color:var(--sun)}
.jeu-commande h2{font-size:24px;margin:4px 0 12px}.cfg-bord{padding:0;border:0;background:transparent}
.cfg-bord .cfg-deux{margin-top:12px}.cfg-bord .cfg-cta{margin-top:12px}
@media(max-width:900px){.jeu-hero{grid-template-columns:auto 1fr;padding:18px}.jeu-lynx{width:96px}.jeu-cadeau{grid-column:1/-1;max-width:none}.jeu-id h1{font-size:26px}.jeu-stats{grid-template-columns:1fr 1fr}.jeu-grille{grid-template-columns:1fr}}
@media(max-width:480px){.jeu-hero{grid-template-columns:1fr;text-align:center}.jeu-lynx{margin:0 auto}.jeu-xp{max-width:none}.jeu-cadeau{text-align:left}.jst b{font-size:28px}.quetes li{grid-template-columns:26px 1fr auto}}
@media(prefers-reduced-motion:reduce){.jeu-lynx,.jeu-cadeau.dispo{animation:none}}
@media(max-width:600px){.hd-long,.hd-sortir{display:none}.hd-nav{gap:8px}.bar-app .btn-tete{padding:9px 12px;font-size:13px}}
@media(max-width:600px){.bar-app .bar-in{gap:8px}.bar-app .logo span{font-size:22px}.hd-nav{margin-left:auto;flex:0 0 auto}.hd-user i{width:30px;height:30px;font-size:13px}.bar-app .btn-tete{padding:8px 10px;font-size:12.5px}}
@media(max-width:380px){.bar-app .logo span{display:none}}
.liste-liens li .etat{white-space:nowrap;word-break:normal}.liste-liens li>div{min-width:0}.liste-liens li>div>small,.liste-liens li>div>span{word-break:normal;overflow-wrap:anywhere}.liste-liens li>small.tab{white-space:nowrap}

/* ── v32 · fil d'activité (bulle bas gauche) + accord dans les formulaires ── */
.fil-flot{position:fixed;left:18px;bottom:18px;z-index:70;display:flex;align-items:center;gap:12px;max-width:min(380px,calc(100vw - 36px));padding:12px 14px 12px 12px;border-radius:16px;background:linear-gradient(135deg,#14224A,#0E1A38);border:1px solid rgba(255,197,61,.45);box-shadow:0 20px 50px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,197,61,.12);color:#c7d0e6;font:500 13.5px/1.35 var(--b);opacity:0;transform:translateY(12px)}
.fil-flot.in{animation:filIn .45s cubic-bezier(.2,.8,.2,1) forwards}.fil-flot.out{animation:filOut .45s ease-in forwards}
@keyframes filIn{to{opacity:1;transform:none}}@keyframes filOut{to{opacity:0;transform:translateY(12px)}}
.fil-ico{flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:var(--sun);display:grid;place-items:center;font-size:18px;box-shadow:0 0 18px rgba(255,197,61,.6)}
.fil-t{min-width:0}.fil-h b{color:#fff}.fil-q{display:block;margin-top:2px;font-size:11.5px;color:var(--faint)}
.fil-x{flex:0 0 auto;width:26px;height:26px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:transparent;color:var(--faint);font:400 16px/1 var(--b);cursor:pointer}.fil-x:hover{color:#fff}
body.has-rail .fil-flot{left:254px}
@media(max-width:940px){.fil-flot{display:none!important}}
@media(prefers-reduced-motion:reduce){.fil-flot.in,.fil-flot.out{animation:none}.fil-flot.in{opacity:1;transform:none}}
.hf-opt{display:flex;gap:8px;align-items:flex-start;margin:8px 0 10px;font:500 12px/1.4 var(--b);color:var(--on-navy-mute);cursor:pointer}.hf-opt input{margin-top:2px;accent-color:var(--sun)}

/* ── v32b · espace immersif : pas de header ni de footer ; la barre latérale porte le logo, la commande et la sortie ── */
body.espace-immersif{background:radial-gradient(ellipse 60% 40% at 80% 0%,rgba(46,91,255,.16),transparent 60%),radial-gradient(ellipse 40% 40% at 0% 100%,rgba(255,197,61,.08),transparent 60%),var(--bg,#0B1220)}
.app-nav{top:16px}
.an-logo{display:flex;align-items:center;gap:10px;margin:2px 4px 14px;text-decoration:none;color:#fff}.an-logo img{width:40px;height:40px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,197,61,.4))}
.an-logo span{font:400 20px/1 var(--cartoon);text-shadow:0 2px 0 #04070d}.an-logo small{display:block;margin-top:3px;font:400 9.5px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun)}
.an-cta{margin:12px 0 6px;justify-content:center;width:100%;padding:11px 14px;font-size:14px}
.an-site{display:block;margin-top:8px;font:500 12px/1.2 var(--b);color:var(--faint);text-decoration:none}.an-site:hover{color:#fff}
.app-shell{padding-top:18px}
@media(max-width:900px){.an-logo{margin-bottom:8px}.an-cta{margin:8px 0 4px}}

/* ── v33 · espace = un univers : HUD en haut, dock d'orbes en bas, plus de menu latéral ── */
body.espace-immersif{min-height:100vh}
.univers-fond{position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse 50% 40% at 85% 0%,rgba(46,91,255,.22),transparent 60%),radial-gradient(ellipse 45% 45% at 0% 100%,rgba(255,197,61,.12),transparent 60%),radial-gradient(ellipse 30% 30% at 50% 60%,rgba(91,128,255,.08),transparent 60%),#0B1220;pointer-events:none}
.univers-fond::after{content:'';position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.5px);background-size:34px 34px;opacity:.5;mask-image:linear-gradient(180deg,rgba(0,0,0,.6),transparent 70%)}
.hud{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:16px;max-width:var(--maxw);margin:0 auto;padding:12px 22px;background:linear-gradient(180deg,rgba(11,18,32,.92),rgba(11,18,32,.6));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.hud-id{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:0 0 auto}.hud-id img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,197,61,.45))}
.hud-id b{display:block;font:400 18px/1 var(--cartoon);text-shadow:0 2px 0 #04070d}.hud-id small{display:block;margin-top:3px;font:400 9.5px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:var(--sun)}
.hud-xp{position:relative;flex:1 1 auto;max-width:320px;height:14px;border-radius:7px;background:rgba(255,255,255,.08);box-shadow:inset 0 1px 2px rgba(0,0,0,.5)}.hud-xp i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,var(--blue),var(--sun));box-shadow:0 0 12px rgba(255,197,61,.55)}
.hud-xp b{position:absolute;right:-4px;top:-22px;font:800 12px/1 var(--h);color:var(--sun)}
.hud-droite{margin-left:auto;display:flex;align-items:center;gap:10px}
.hud-cadeau{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;text-decoration:none;color:#c7d0e6;font:600 12.5px/1.2 var(--b);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);white-space:nowrap}
.hud-cadeau.dispo{color:#1A1200;background:var(--sun);border-color:var(--sun);box-shadow:0 0 18px rgba(255,197,61,.55);animation:cadeauPulse 2.4s ease-in-out infinite}
.hud-cmd{padding:9px 14px;font-size:13px}.hud-out{color:var(--on-navy-mute);font:600 13px/1 var(--b);text-decoration:none}.hud-out:hover{color:#fff}
.app-shell.univers{grid-template-columns:minmax(0,1fr);padding-top:16px;padding-bottom:130px}
.dock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;display:flex;gap:4px;padding:8px;border-radius:26px;background:rgba(11,18,32,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,197,61,.35);box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.06)}
.dock a{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:78px;padding:8px 4px 7px;border-radius:18px;text-decoration:none;color:var(--on-navy-mute);font:600 11px/1 var(--b);transition:transform .2s,color .2s,background .2s}
.dock a i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:.2s;position:relative}
.dock a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.dock a:hover{color:#fff;transform:translateY(-4px)}.dock a:hover i{border-color:rgba(255,197,61,.6);box-shadow:0 0 16px rgba(255,197,61,.35)}
.dock a.on{color:#fff}.dock a.on i{background:var(--sun);color:#1A1200;border-color:var(--sun);box-shadow:0 0 0 4px rgba(255,197,61,.18),0 0 26px rgba(255,197,61,.7)}
.dk-badge{position:absolute;top:-6px;right:-8px;font-size:15px;filter:drop-shadow(0 0 6px rgba(255,197,61,.8))}
@media(max-width:940px){.hud{padding:10px 14px;gap:10px}.hud-xp{max-width:none}.hud-cadeau span{display:none}.hud-cadeau{padding:8px 10px}.hud-out{display:none}.hud-cmd{padding:8px 11px;font-size:12.5px}}
@media(max-width:600px){.hud-xp b{display:none}.hud-id small{display:none}.hud-id img{width:36px;height:36px}.hud-id b{font-size:16px}
  .dock{left:10px;right:10px;transform:none;padding:6px;gap:0;border-radius:22px;justify-content:space-between}.dock a{width:auto;flex:1 1 0;min-width:0;padding:6px 2px 5px;font-size:9.5px;gap:4px}.dock a i{width:32px;height:32px}.dock a svg{width:16px;height:16px}.dock a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .app-shell.univers{padding-bottom:110px}}
@media(prefers-reduced-motion:reduce){.hud-cadeau.dispo{animation:none}}

/* ── v33b · carte « déjà un compte » équilibrée ; fil d'activité dans le rail (grande entrée) ── */
.hf-connecte{min-height:520px;display:flex;flex-direction:column}
.hc-xp{height:10px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden;margin:2px 0 14px}.hc-xp i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--blue),var(--sun));box-shadow:0 0 12px rgba(255,197,61,.55)}
.hc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.hc-stats div{padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}.hc-stats b{display:block;font:800 26px/1 var(--h);color:#fff}.hc-stats small{display:block;margin-top:4px;font:600 11px/1 var(--b);color:var(--on-navy-mute);text-transform:uppercase;letter-spacing:.04em}
.hc-cadeau{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;text-decoration:none;color:#fff;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);margin-bottom:14px}.hc-cadeau i{font-size:28px;font-style:normal}.hc-cadeau b{display:block;font:700 14px/1.25 var(--h)}.hc-cadeau small{display:block;margin-top:2px;font:500 12px/1.35 var(--b);color:var(--on-navy-mute)}
.hc-cadeau.dispo{border-color:var(--sun);background:linear-gradient(180deg,rgba(255,197,61,.18),rgba(255,197,61,.06));box-shadow:0 0 26px rgba(255,197,61,.3)}.hc-cadeau.dispo small{color:#fff}
.hf-connecte .hf-fin{margin-top:auto;display:flex;gap:8px;flex-wrap:wrap}.hf-connecte .hf-fin .btn-l{flex:1 1 auto;justify-content:center}
.fil-rail{display:none}
@media(min-width:1240px){
  body.has-rail .fil-flot{display:none!important}
  .fil-rail{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;left:auto;bottom:auto;max-width:none;margin:0 0 12px;padding:14px 14px 12px;border-radius:16px;transform-origin:50% 0;transform:perspective(600px) rotateX(-90deg);opacity:0}
  .fil-rail[hidden]{display:none}
  .fil-rail.in{animation:filRailIn .7s cubic-bezier(.2,.9,.2,1.15) forwards}.fil-rail.out{animation:filRailOut .5s ease-in forwards}
  @keyframes filRailIn{0%{transform:perspective(600px) rotateX(-90deg);opacity:0;box-shadow:0 0 0 0 rgba(255,197,61,.9)}55%{opacity:1;box-shadow:0 0 0 14px rgba(255,197,61,0),0 0 60px rgba(255,197,61,.8)}100%{transform:none;opacity:1;box-shadow:0 20px 50px -20px rgba(0,0,0,.9),0 0 30px rgba(255,197,61,.35)}}
  @keyframes filRailOut{to{transform:perspective(600px) rotateX(70deg);opacity:0}}
  .fil-rail .fil-ico{width:40px;height:40px;font-size:20px;animation:filIco 1.2s ease-in-out 2}
  @keyframes filIco{0%,100%{transform:rotate(0)}25%{transform:rotate(-14deg) scale(1.15)}75%{transform:rotate(12deg) scale(1.15)}}
  .fil-rail .fil-t{min-width:0;font-size:13.5px;line-height:1.35}.fil-rail .fil-h b{color:var(--sun);font-size:14.5px}.fil-rail .fil-q{margin-top:4px}
  .fil-rail::before{content:'EN DIRECT';position:absolute;right:12px;top:10px;font:400 8.5px/1 var(--cartoon);letter-spacing:.14em;color:var(--sun)}
  .fil-rail::after{content:'';position:absolute;right:66px;top:12px;width:6px;height:6px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:filDot 1.2s infinite}
  @keyframes filDot{50%{opacity:.2}}
}
@media(prefers-reduced-motion:reduce){.fil-rail.in{animation:none;transform:none;opacity:1}.fil-rail .fil-ico,.fil-rail::after{animation:none}}
@media(min-width:1240px){body.has-rail .fil-rail{position:relative;left:auto;right:auto;bottom:auto;max-width:none;width:auto}}

/* ── v34 · rail : flux d'activité permanent (plus d'encart cadeau, plus de pop-up dans le rail) ── */
.rail-cadeau,.fil-rail{display:none!important}
.flux{display:none}
@media(min-width:1240px){
  .flux{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;margin:4px 0 10px;padding:12px 10px 8px;border-radius:16px;background:linear-gradient(180deg,rgba(255,197,61,.07),rgba(255,255,255,.02));border:1px solid rgba(255,197,61,.28);overflow:hidden}
  .flux.flash{animation:fluxFlash 1s ease-out}
  @keyframes fluxFlash{0%{box-shadow:0 0 0 0 rgba(255,197,61,.9),0 0 40px rgba(255,197,61,.6)}100%{box-shadow:0 0 0 12px rgba(255,197,61,0),0 0 0 rgba(255,197,61,0)}}
  .flux-tete{display:flex;align-items:center;gap:8px;margin:0 2px 8px}.flux-tete b{font:400 11px/1 var(--cartoon);letter-spacing:.14em;text-transform:uppercase;color:var(--sun)}
  .flux-tete i{width:7px;height:7px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 8px #ff4d4d;animation:filDot 1.2s infinite}
  .flux-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;overflow:hidden}
  .flux-liste li{display:grid;grid-template-columns:30px 1fr;gap:9px;align-items:start;padding:9px 9px 8px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font:500 12.5px/1.35 var(--b);color:#c7d0e6}
  .flux-liste li i{width:30px;height:30px;border-radius:10px;background:rgba(255,197,61,.14);border:1px solid rgba(255,197,61,.35);display:grid;place-items:center;font-size:14px;font-style:normal}
  .flux-liste li:first-child{background:rgba(255,197,61,.1);border-color:rgba(255,197,61,.5)}.flux-liste li:first-child i{background:var(--sun);box-shadow:0 0 14px rgba(255,197,61,.6)}
  .flux-liste .fx-h b{color:#fff}.flux-liste li:first-child .fx-h b{color:var(--sun)}
  .flux-liste .fx-q{display:block;margin-top:3px;font-size:11px;color:var(--faint)}
  .flux-liste li.neuf{animation:fluxNeuf .8s cubic-bezier(.2,.9,.2,1.1)}
  @keyframes fluxNeuf{0%{transform:translateY(-14px) scale(.92);opacity:0;box-shadow:0 0 0 0 rgba(255,197,61,.8)}60%{opacity:1;box-shadow:0 0 0 8px rgba(255,197,61,0),0 0 30px rgba(255,197,61,.7)}100%{transform:none;opacity:1}}
  .flux.vide::after{content:'Les inscriptions et commandes s’affichent ici, en direct.';font:500 12px/1.4 var(--b);color:var(--faint);padding:4px 2px}
  .rail{gap:10px;padding-top:84px;padding-bottom:20px}.rail-nav{flex:0 0 auto}.rail-bas{margin-top:0}
}
@media(min-width:1240px) and (max-height:820px){.flux-liste li:nth-child(n+5){display:none}}
@media(min-width:1240px) and (max-height:700px){.flux-liste li:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){.flux-tete i,.flux.flash{animation:none}}

/* ── v35 · niveaux & récompenses, parrainage, quêtes de partage ── */
.paliers h2{font-size:24px;margin:4px 0 8px}.nv-now{margin:0 0 12px;font:500 13.5px/1.45 var(--b);color:#c7d0e6}.nv-now b{color:#fff}
.nv-next{display:grid;gap:2px;padding:12px 14px;border-radius:14px;background:linear-gradient(180deg,rgba(255,197,61,.16),rgba(255,197,61,.05));border:1px solid rgba(255,197,61,.5);margin-bottom:12px}.nv-next span{font:400 10.5px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun)}.nv-next b{font:800 17px/1.2 var(--h);color:#fff}.nv-next small{font:500 12.5px/1.35 var(--b);color:#c7d0e6}
.nv-liste{list-style:none;margin:0;padding:0;display:grid;gap:5px;max-height:420px;overflow:auto;padding-right:4px}
.nv-liste li{display:grid;grid-template-columns:28px 1fr auto;gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:#c7d0e6}
.nv-liste li i{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font:400 12px/1 var(--cartoon);font-style:normal;background:rgba(255,255,255,.06);color:var(--faint)}
.nv-liste li b{display:block;font:700 13px/1.2 var(--h);color:#fff}.nv-liste li small{display:block;font:500 11.5px/1.3 var(--b);color:var(--on-navy-mute)}.nv-liste li>span{font:700 11px/1 var(--h);color:var(--faint);white-space:nowrap}
.nv-liste li.ok i{background:var(--ok,#2fd08f);color:#04140c}.nv-liste li.ok b{color:var(--on-navy-mute)}
.nv-liste li.now{border-color:var(--sun);background:rgba(255,197,61,.1)}.nv-liste li.now i{background:var(--sun);color:#1A1200;box-shadow:0 0 14px rgba(255,197,61,.6)}
.nv-aide{margin:12px 0 0;font:500 11.5px/1.45 var(--b);color:var(--faint)}
.qt-form{grid-column:2/-1;justify-self:start;margin:0}
.verrou{text-align:center;padding:34px 26px}.verrou h2{font-size:30px}
.pr-lien{display:flex;gap:8px;margin:6px 0 12px}.pr-lien input{flex:1;min-width:0;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,197,61,.4);background:#0b1220;color:#fff;font:600 14px/1 var(--b)}
.pr-partage{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.pr-partage .btn{padding:9px 14px;font-size:13px}
/* ── v36 · espace pleine largeur, HUD droite propre, lien offert en avant, liens compacts, parrainage 10 % ── */
.app-shell.univers{max-width:none;padding-left:28px;padding-right:28px}
.hud{max-width:none;padding:12px 28px 14px}
.hud-xp{margin-top:6px}.hud-xp b{top:auto;bottom:-20px;right:0;font-size:11.5px}
.hud-droite{gap:8px;padding:6px 6px 6px 12px;border-radius:99px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.hud-cadeau{border:0;background:transparent;padding:6px 8px;color:#c7d0e6}.hud-cadeau.dispo{background:var(--sun);color:#1A1200;border-radius:99px;animation:none;box-shadow:0 0 14px rgba(255,197,61,.45)}
.hud-cmd{border-radius:99px}.hud-out{padding:0 8px 0 4px}
.jeu-hero{grid-template-columns:auto 1fr}
.gratuit-bord{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:26px;align-items:start;margin-bottom:16px;padding:26px 28px;overflow:hidden}
.gratuit-bord.cadeau{background:linear-gradient(135deg,#1a1a0a 0%,#14224A 55%,#0E1A38 100%);border:2px solid var(--sun);box-shadow:0 0 0 5px rgba(255,197,61,.14),0 40px 80px -40px rgba(255,197,61,.6);animation:respire 3s ease-in-out infinite}
.gratuit-bord.cadeau::before{content:'';position:absolute;inset:-40% auto auto -10%;width:60%;height:180%;background:radial-gradient(ellipse at center,rgba(255,197,61,.22),transparent 60%);pointer-events:none}
.gratuit-bord.pris{grid-template-columns:1fr;background:rgba(255,255,255,.03)}
.gb-tete{display:flex;gap:16px;align-items:flex-start}.gb-ico{flex:0 0 64px;width:64px;height:64px;border-radius:20px;background:var(--sun);display:grid;place-items:center;font-size:34px;box-shadow:0 0 30px rgba(255,197,61,.6),inset 0 -4px 0 rgba(0,0,0,.18)}
.gratuit-bord h2{font-size:26px;margin:4px 0 8px}.gratuit-bord .lead{margin:0;font-size:14.5px}
.gratuit-bord form{position:relative;background:rgba(11,18,32,.6);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px}
.gratuit-bord form .btn{width:100%;justify-content:center}
.commande-pleine{max-width:none}
.liens-stats{margin-bottom:16px}
.liens-carte{padding:14px 16px}
.lv-tete{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr) 170px;gap:14px;padding:4px 14px 10px;font:700 10.5px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa6c2)}
.lv-liste{display:grid;gap:6px}
.lv{border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.03)}
.lv summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(220px,1fr) 170px;gap:14px;align-items:center;padding:12px 14px}.lv summary::-webkit-details-marker{display:none}
.lv[open]{border-color:rgba(255,197,61,.5)}.lv summary:hover{background:rgba(255,255,255,.03)}
.lv-id{min-width:0}.lv-id b{display:block;font:700 14px/1.25 var(--h);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-id small{display:block;font:500 12px/1.3 var(--b);color:var(--on-navy-mute);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lv-id small a{color:var(--on-navy-mute)}
.lv-steps{display:flex;gap:5px;align-items:center}.lv-steps i{flex:1 1 0;height:9px;border-radius:5px;background:rgba(255,255,255,.1)}.lv-steps i.ok{background:var(--ok,#2fd08f);box-shadow:0 0 8px rgba(47,208,143,.5)}.lv-steps i.next{background:rgba(255,197,61,.35);animation:filDot 1.4s infinite}
.lv-etat{display:flex;align-items:center;justify-content:flex-end;gap:8px}.lv-etat small{font:700 12px/1 var(--h);color:var(--faint)}
.lv-detail{padding:0 14px 14px}.lv-detail .lien-mission{margin:0}
@media(max-width:900px){.lv-tete{display:none}.lv summary{grid-template-columns:1fr;gap:8px}.lv-etat{justify-content:flex-start}}
.parr-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.9fr);gap:24px;align-items:stretch;margin-bottom:16px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#14224A 0%,#0E1A38 45%,#0B1220 100%);border:1px solid rgba(255,197,61,.4);box-shadow:0 30px 70px -40px rgba(0,0,0,.9);position:relative;overflow:hidden}
.parr-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 90% 20%,rgba(255,197,61,.2),transparent 65%);pointer-events:none}
.parr-hero h2{font-size:clamp(24px,2.6vw,34px);margin:4px 0 10px}.parr-hero .lead{font-size:15px;margin:0 0 14px}
.ph-droite{position:relative;display:grid;gap:12px;align-content:start}
.ph-solde{padding:18px 20px;border-radius:18px;background:linear-gradient(180deg,rgba(255,197,61,.2),rgba(255,197,61,.06));border:1px solid var(--sun);box-shadow:0 0 30px rgba(255,197,61,.25)}.ph-solde small{display:block;font:400 11px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun)}.ph-solde b{display:block;margin:8px 0 6px;font:800 44px/1 var(--h);color:#fff}.ph-solde span{font:500 12.5px/1.35 var(--b);color:#c7d0e6}
.ph-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ph-kpis div{padding:10px 8px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);text-align:center}.ph-kpis b{display:block;font:800 22px/1 var(--h);color:#fff}.ph-kpis small{display:block;margin-top:4px;font:600 10.5px/1 var(--b);color:var(--on-navy-mute);text-transform:uppercase;letter-spacing:.04em}
.ph-palier{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font:600 12.5px/1.3 var(--b);color:#c7d0e6}.ph-palier b{color:var(--sun)}.ph-bar{height:8px;border-radius:4px;background:rgba(255,255,255,.08);margin:8px 0 6px;overflow:hidden}.ph-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--sun));border-radius:4px}.ph-palier small{color:var(--faint)}
@media(max-width:900px){.app-shell.univers{padding-left:14px;padding-right:14px}.hud{padding:10px 14px}.gratuit-bord,.parr-hero{grid-template-columns:1fr;padding:18px}}

/* ── v38 · accueil = motivation : parrainage + Commander à droite, compte à rebours du prochain lien offert, astuce, blocs égaux ── */
.jeu-hero{grid-template-columns:auto minmax(0,1fr) minmax(320px,420px);gap:22px}
.jeu-bonus{margin:10px 0 0;font:600 13px/1.4 var(--b);color:#c7d0e6}.jeu-bonus b{color:var(--sun)}
.jeu-xp small b{color:#fff;font-weight:700}
.jeu-droite{position:relative;display:grid;gap:10px;align-content:start}
.jeu-cmd{width:100%;justify-content:center;padding:16px 18px;font-size:17px;box-shadow:inset 0 -4px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55),0 0 0 1px rgba(255,197,61,.35),0 18px 40px -12px rgba(255,197,61,.8);animation:respire 3s ease-in-out infinite}
.jeu-parr{padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,197,61,.35)}.jeu-parr small{display:block;font:600 12px/1.35 var(--b);color:#c7d0e6;margin-bottom:8px}.jeu-parr small b{color:var(--sun)}
.jeu-parr .pr-lien{margin:0 0 8px}.jeu-parr .pr-lien input{padding:10px 12px;font-size:13px}.jeu-parr .pr-lien .btn{padding:9px 12px;font-size:13px}
.jp-partage{display:flex;gap:6px;flex-wrap:wrap}.jp-partage a{padding:6px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.12);color:#c7d0e6;font:600 12px/1 var(--b);text-decoration:none}.jp-partage a:hover{color:#fff;border-color:var(--sun)}.jp-partage a:last-child{margin-left:auto;border:0;color:var(--sun)}
.gb-tete[data-fin] h2 .tab b{font-variant-numeric:tabular-nums}
.astuce{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border-radius:16px;background:linear-gradient(90deg,rgba(255,197,61,.12),rgba(91,128,255,.08));border:1px solid rgba(255,197,61,.35)}
.as-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--sun);display:grid;place-items:center;font-size:20px}.astuce small{display:block;font:400 10.5px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun);margin-bottom:4px}.astuce p{margin:0;font:500 14px/1.45 var(--b);color:#c7d0e6}.astuce p b{color:#fff}.astuce>div{flex:1;min-width:0}.astuce .btn{flex:0 0 auto;white-space:nowrap}
.jeu-grille{align-items:stretch}.quetes,.paliers{display:flex;flex-direction:column;min-height:0}
.quetes ul{flex:1;min-height:0;max-height:620px;overflow:auto;padding-right:4px}.nv-liste{flex:1;max-height:none}
@media(max-width:900px){.jeu-hero{grid-template-columns:auto 1fr}.jeu-droite{grid-column:1/-1}.astuce{flex-wrap:wrap}.quetes ul{max-height:none}}
/* 18/09 (Mathias) : « Utiliser mes liens offerts » doit être visible EN HAUT pour TOUT client au solde > 0, y compris
   sur l'accueil de l'espace (bord) où le HUD n'est pas affiché — même bouton (.hud-cadeau.dispo), agrandi/centré. */
.jeu-droite .hud-cadeau{width:100%;justify-content:center;padding:14px 16px;font-size:15px;border-radius:14px;margin-bottom:2px}

/* ── v39 · Commandes en cartes (places d'abord), Liens (parcours + URLs), alias de parrainage ── */
.cmd-tete{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);gap:16px;margin-bottom:16px}
.ct-places{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:20px 24px;border-radius:20px;background:linear-gradient(90deg,rgba(255,197,61,.16),rgba(91,128,255,.12));border:1px solid rgba(255,197,61,.5)}
.ct-places>b{font:800 56px/1 var(--h);color:var(--sun);font-variant-numeric:tabular-nums;text-shadow:0 3px 0 #04070d}.ct-places>b.pop{animation:pop .42s}
.ct-places span{display:block;font:700 16px/1.2 var(--h);color:#fff}.ct-places small{display:block;margin-top:4px;font:600 12.5px/1.3 var(--b);color:var(--on-navy-mute)}.ct-bar{display:block;height:7px;border-radius:4px;background:rgba(255,255,255,.1);margin-top:8px;overflow:hidden}.ct-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green,#2fd08f),#8ff0c2);border-radius:4px}
.ct-lan{display:grid;gap:6px;align-content:center;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}.ct-lan .ls-tag{justify-self:start}.ct-lan b{font:800 18px/1.2 var(--h);color:#fff}.ct-lan small{font:500 12.5px/1.35 var(--b);color:var(--on-navy-mute)}
.cmd-grille{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}
.cmd-etape{padding:20px 22px;border-radius:20px;background:var(--card);border:1px solid var(--line);margin-bottom:16px}
.cmd-etape h2{display:flex;align-items:center;gap:10px;font-size:20px;margin:0 0 6px}.cmd-etape h2 i{width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:var(--sun);color:#10192c;display:inline-flex;align-items:center;justify-content:center;font:700 16px/32px var(--b);font-style:normal;font-variant-numeric:lining-nums tabular-nums;text-align:center}
.cmd-aide{margin:0 0 14px;font:500 13.5px/1.45 var(--b);color:var(--on-navy-mute)}
.cfg-cmd{padding:0;border:0;background:transparent}
.cfg-cartes{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}
.cc{position:relative;display:grid;gap:10px;padding:14px 14px 12px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);transition:border-color .2s,box-shadow .2s}
.cc.on{border-color:var(--tc);box-shadow:0 0 0 3px color-mix(in srgb,var(--tc) 25%,transparent),0 20px 40px -30px var(--tc)}
.cc-tete{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center}.cc-tete i{grid-row:1/3;width:10px;height:10px;border-radius:50%;background:var(--tc);box-shadow:0 0 10px var(--tc)}.cc-tete b{font:700 14px/1.2 var(--h);color:#fff}.cc-tete small{font:500 11.5px/1.2 var(--b);color:var(--on-navy-mute)}
.cc-places{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.04)}.cc-places>b{grid-row:1/2;font:800 28px/1 var(--h);color:var(--sun);font-variant-numeric:tabular-nums}.cc-places>b.pop{animation:pop .42s}.cc-places>span{font:600 10.5px/1.2 var(--b);color:var(--on-navy-mute);text-transform:uppercase;letter-spacing:.04em}.cc-bar{grid-column:1/-1;display:block;height:5px;border-radius:3px;background:rgba(255,255,255,.1);overflow:hidden}.cc-bar i{display:block;height:100%;background:var(--tc);border-radius:3px;transition:width .8s}
.cc-prix{display:flex;align-items:baseline;gap:8px}.cc-prix b{font:800 24px/1 var(--h);color:#fff}.cc-prix span{font:500 11.5px/1.25 var(--b);color:var(--on-navy-mute)}.cc-prix s{color:var(--faint)}
.cc-choix{display:grid;grid-template-columns:40px 1fr 40px;gap:6px;align-items:center}.cc-choix button{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:#fff;font:700 20px/1 var(--b);cursor:pointer}.cc-choix button:hover{border-color:var(--sun);color:var(--sun)}
.cc .cl-val{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.cc .cl-val b{font:800 30px/1 var(--h);color:#fff}.cc.on .cl-val b{color:var(--sun)}.cc .cl-val span{font:600 10.5px/1 var(--b);color:var(--on-navy-mute);text-transform:uppercase;letter-spacing:.06em}
.cc .cl-range{width:100%;margin:0}.cc .cl-chips{display:flex;gap:4px;flex-wrap:wrap}.cc .cl-chips button{flex:1 1 auto;padding:6px 6px;font-size:11.5px}
.cmd-recap{position:sticky;top:78px;padding:20px 22px;border-radius:20px;background:linear-gradient(180deg,#14224A,#0E1A38);border:1px solid rgba(91,128,255,.35);box-shadow:0 30px 60px -40px rgba(0,0,0,.9)}
.cr-n{display:flex;align-items:baseline;gap:8px;margin:4px 0 10px}.cr-n b{font:800 44px/1 var(--h);color:#fff}.cr-n span{font:600 13px/1 var(--b);color:var(--on-navy-mute)}
.cmd-recap .cfg-deux{margin:10px 0 8px}.cmd-recap .cfg-deux .cfg-prix b{font-size:34px}.cr-cta{width:100%;justify-content:center;margin-top:10px;animation:respire 3s ease-in-out infinite}.cmd-recap .reassure{margin-top:12px}.cmd-recap .cfg-note{text-align:left}
.cmd-form .champ textarea{min-height:120px}
@media(max-width:1100px){.cmd-grille{grid-template-columns:1fr}.cmd-recap{position:static}.cmd-tete{grid-template-columns:1fr}}
@media(max-width:600px){.ct-places{grid-template-columns:1fr;gap:8px;padding:16px}.ct-places>b{font-size:44px}.cfg-cartes{grid-template-columns:1fr}}
/* liens : chemin des 8 étapes */
.chemin{padding:16px 18px;margin-bottom:16px}
.chemin-liste{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(8,1fr);gap:6px;counter-reset:ch}
.chemin-liste li{position:relative;padding:12px 10px 10px;border-radius:14px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);color:var(--on-navy-mute);min-height:96px}
.chemin-liste li i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.06);font:400 12px/1 var(--cartoon);font-style:normal;color:var(--faint);margin-bottom:8px}
.chemin-liste li b{display:block;font:700 12.5px/1.2 var(--h);color:#fff}.chemin-liste li small{display:block;margin-top:3px;font:600 11px/1 var(--b);color:var(--faint)}
.chemin-liste li.on{border-color:var(--sun);background:rgba(255,197,61,.1);box-shadow:0 0 22px rgba(255,197,61,.25)}.chemin-liste li.on i{background:var(--sun);color:#1A1200;box-shadow:0 0 12px rgba(255,197,61,.7)}
.ch-n{position:absolute;right:8px;top:8px;padding:3px 7px;border-radius:99px;background:var(--sun);color:#1A1200;font:700 10px/1 var(--b)}
.chemin-liste li::after{content:'';position:absolute;right:-6px;top:50%;width:6px;height:1px;background:rgba(255,255,255,.15)}.chemin-liste li:last-child::after{display:none}
@media(max-width:1100px){.chemin-liste{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.chemin-liste{grid-template-columns:repeat(2,1fr)}}
.lv-urls{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:6px}
.lv-urls li{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:center;padding:9px 12px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);color:#c7d0e6}
.lv-urls li i{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:rgba(255,255,255,.05);font-size:14px;font-style:normal;opacity:.6}.lv-urls li.ok i{background:rgba(47,208,143,.15);opacity:1}
.lv-urls li b{display:block;font:700 13px/1.2 var(--h);color:#fff}.lv-urls li small{display:block;font:500 12px/1.35 var(--b);color:var(--on-navy-mute);overflow-wrap:anywhere}.lv-urls li small a{color:var(--sun)}
.pr-alias{margin:6px 0 12px}.pr-alias label{display:block;font:700 13px/1.3 var(--h);color:#fff;margin-bottom:6px}.pr-alias label span{display:block;font:500 12px/1.3 var(--b);color:var(--on-navy-mute)}.pr-alias label span b{color:var(--sun)}.pr-alias small{display:block;margin-top:6px;font:500 11.5px/1.3 var(--b);color:var(--faint)}
.cfg-cmd .cfg-ligne.cc{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;align-items:stretch;padding:14px}.cfg-cmd .cfg-ligne.cc>*{grid-column:1;min-width:0}.cfg-cmd .cfg-ligne.cc .cl-val{min-width:0;justify-content:center}
.cmd-form.cfg{padding:0;border:0;background:transparent;box-shadow:none;margin:0}
.cmd-etape button[type="submit"]{display:none}.cc-prix b{white-space:nowrap}

/* ── v40 · campagne X ── */
.campagne{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px;align-items:center;margin-bottom:16px;background:linear-gradient(135deg,#0f1a3d,#0b1226 60%,#14204a);border:1px solid rgba(255,197,61,.45)}
.campagne h2{font-size:24px;margin:4px 0 10px}
.cp-etapes{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:6px}.cp-etapes li{display:flex;gap:10px;align-items:center;font:500 13.5px/1.4 var(--b);color:#c7d0e6}.cp-etapes li b{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:var(--sun);color:#1A1200;display:grid;place-items:center;font:400 12px/1 var(--cartoon)}
.cp-droite .form{padding:14px;border-radius:16px;background:rgba(11,18,32,.6);border:1px solid rgba(255,255,255,.1)}.cp-droite .btn{width:100%;justify-content:center}
.cp-attente{padding:16px;border-radius:16px;background:rgba(47,208,143,.1);border:1px solid rgba(47,208,143,.4)}.cp-attente b{display:block;font:700 16px/1 var(--h);color:#fff;margin-bottom:6px}.cp-attente small{font:500 12px/1.4 var(--b);color:#c7d0e6;overflow-wrap:anywhere}
@media(max-width:900px){.campagne{grid-template-columns:1fr}}
.jeu-sortir{position:absolute;top:12px;right:16px;z-index:2;font:600 12.5px/1 var(--b);color:var(--faint);text-decoration:none;padding:6px 10px;border-radius:99px;border:1px solid rgba(255,255,255,.1)}.jeu-sortir:hover{color:#fff;border-color:rgba(255,255,255,.3)}
body.espace-immersif .app-shell.univers{padding-top:22px}

/* ── v41 · cartes sans raccourcis ; « Vos pages » automatique / expert ── */
.cc-max{display:block;text-align:center;font:600 11px/1 var(--b);color:var(--faint);margin-top:2px}
.mp-choix{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:8px 0 16px}
.mp-choix label{display:grid;gap:3px;padding:12px 14px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);cursor:pointer}.mp-choix label input{position:absolute;opacity:0;pointer-events:none}
.mp-choix label b{font:700 15px/1.2 var(--h);color:#fff}.mp-choix label small{font:500 12px/1.3 var(--b);color:var(--on-navy-mute)}
.mp-choix label.on{border-color:var(--sun);background:rgba(255,197,61,.1);box-shadow:0 0 0 3px rgba(255,197,61,.15)}
.ex-tete,.ex-ligne{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) 96px 36px;gap:8px;align-items:center}
.ex-tete{padding:0 4px 6px;font:700 10.5px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#9aa6c2)}
.ex-lignes{display:grid;gap:6px}.ex-ligne input{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#0b1220;color:#fff;font:500 13.5px/1.3 var(--b)}.ex-ligne input:focus{outline:0;border-color:var(--sun)}
.ex-ligne input[type=number]{text-align:center;font-weight:800}
.ex-suppr{width:36px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:transparent;color:var(--faint);font:400 18px/1 var(--b);cursor:pointer}.ex-suppr:hover{color:#fff;border-color:#ff6b6b}
.ex-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0 14px}.ex-total{font:600 13px/1 var(--b);color:#c7d0e6}.ex-total b{color:var(--sun);font:800 16px/1 var(--h)}.ex-total.trop b:first-child{color:#ff6b6b}
@media(max-width:700px){.ex-tete{display:none}.ex-ligne{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.ex-ligne input[type=url]{grid-column:1/-1}.mp-choix{grid-template-columns:1fr}}

/* ── v42 · Déconnexion visible ; flux compact et empilé ; Connexion voyante ── */
.jeu-deco{display:inline-flex;align-items:center;gap:8px;justify-self:end;padding:8px 14px;border-radius:99px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:#c7d0e6;font:600 13px/1 var(--b);text-decoration:none}.jeu-deco svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.jeu-deco:hover{color:#fff;border-color:#fff}
.jeu-sortir{display:none}
@media(min-width:1240px){
  .flux-liste{gap:4px}
  .flux-liste li{grid-template-columns:22px 1fr;gap:7px;padding:6px 8px;border-radius:10px;font-size:11.5px;line-height:1.3}
  .flux-liste li i{width:22px;height:22px;border-radius:7px;font-size:11px}
  .flux-liste .fx-q{margin-top:1px;font-size:10px}
  .flux-liste li.neuf{animation:fluxNeuf .7s cubic-bezier(.2,.9,.2,1.1)}
  .flux-liste{transition:none}.flux-liste li{transition:transform .35s}
  .flux.demo .flux-tete b::after{content:' · démo';color:var(--faint);letter-spacing:0;text-transform:none}
  .rail .rl-con{margin:0;padding:10px 12px;border-radius:12px;border:1px solid rgba(255,197,61,.45);background:rgba(255,197,61,.08);color:#fff;justify-content:center;gap:8px}.rail .rl-con i{border-color:var(--sun);color:var(--sun);background:transparent}.rail .rl-con:hover{background:rgba(255,197,61,.16);transform:none}
}
@media(min-width:1240px) and (max-height:820px){.flux-liste li:nth-child(n+5){display:grid}.flux-liste li:nth-child(n+8){display:none}}
@media(min-width:1240px) and (max-height:700px){.flux-liste li:nth-child(n+3){display:grid}.flux-liste li:nth-child(n+5){display:none}}

/* ── v43 · essai 3 mois (accueil espace) ; page de connexion immersive ── */
.essai{display:flex;align-items:center;gap:14px;margin-bottom:16px;padding:14px 18px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,197,61,.35)}
.es-ico{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:rgba(255,197,61,.15);display:grid;place-items:center;font-size:20px}.essai>div{flex:1;min-width:0}.essai b{display:block;font:700 14.5px/1.25 var(--h);color:#fff}.essai small{display:block;margin-top:3px;font:500 12.5px/1.4 var(--b);color:#c7d0e6}.essai small b{display:inline;color:var(--sun);font:inherit;font-weight:700}
.essai.fini{border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.06)}.essai.fini .es-ico{background:rgba(255,107,107,.15)}
.cnx{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,520px);align-items:center;gap:40px;padding:40px clamp(20px,6vw,90px);overflow:hidden}
.cnx-scene{position:relative;height:min(78vh,720px)}
.cnx-lynx{position:absolute;left:50%;bottom:0;width:min(46vw,520px);height:auto;transform:translateX(-50%);filter:drop-shadow(0 0 40px rgba(255,197,61,.35));animation:cnxLynx 5s ease-in-out infinite;transform-origin:50% 100%}
@keyframes cnxLynx{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-10px)}}
.cnx-bolts{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.cb{fill:none;stroke:var(--sun);stroke-width:5;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:600;stroke-dashoffset:600;opacity:0;filter:drop-shadow(0 0 8px rgba(255,197,61,.95)) drop-shadow(0 0 22px rgba(255,197,61,.6));animation:cnxBolt 6s infinite;animation-delay:calc(var(--k) * 1.4s)}
@keyframes cnxBolt{0%,4%{opacity:0;stroke-dashoffset:600}8%{opacity:1;stroke-dashoffset:0}12%{opacity:.3}14%{opacity:1}22%,100%{opacity:0;stroke-dashoffset:0}}
.cnx-fiches{position:absolute;inset:0}.cf{position:absolute;width:150px;padding:9px 11px;border-radius:12px;background:var(--card);border:1px solid var(--line2);box-shadow:0 12px 30px -14px rgba(0,0,0,.8);opacity:0;animation:cnxFiche 6s infinite;animation-delay:calc(var(--k) * 1.4s)}
.cf i{position:absolute;right:8px;top:6px;font-style:normal;font-size:12px}.cf b{display:block;font:700 12.5px/1.2 var(--h);color:#fff}.cf small{display:block;font:500 10.5px/1.2 var(--b);color:var(--on-navy-mute);margin-top:2px}
.cf[style*="--k:0"]{left:2%;top:6%}.cf[style*="--k:1"]{right:2%;top:4%}.cf[style*="--k:2"]{left:0;bottom:8%}.cf[style*="--k:3"]{right:0;bottom:6%}
@keyframes cnxFiche{0%,6%{opacity:0;transform:translateY(16px) scale(.9)}12%{opacity:1;transform:none;box-shadow:0 0 0 2px var(--sun),0 0 40px rgba(255,197,61,.7)}20%{box-shadow:0 12px 30px -14px rgba(0,0,0,.8)}70%{opacity:1;transform:none}80%,100%{opacity:0;transform:translateY(-10px)}}
.cnx-carte{position:relative;padding:30px 32px 26px;border-radius:26px;background:var(--card);border:3px solid #fff;box-shadow:0 0 0 6px rgba(255,255,255,.06),0 44px 90px -30px rgba(0,0,0,.9)}
.cnx-logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none;color:#fff;margin-bottom:18px}.cnx-logo img{width:40px;height:40px;border-radius:10px}.cnx-logo span{font:400 22px/1 var(--cartoon);text-shadow:0 2px 0 #04070d}.cnx-logo small{font:400 12px/1 var(--cartoon);color:var(--sun)}
.cnx-carte h1{font-size:clamp(26px,3vw,36px);margin:4px 0 6px}.cnx-sous{margin:0 0 16px;font:500 14.5px/1.45 var(--b);color:var(--on-navy-mute)}
.cnx-btn{width:100%;justify-content:center;margin-top:6px}
.cnx-flash{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:radial-gradient(ellipse at center,rgba(255,197,61,.25),#0B1220 70%);opacity:0}
.cnx-flash.in{animation:cnxFlashIn .9s ease-out forwards}
@keyframes cnxFlashIn{0%{opacity:0}15%{opacity:1;background:#fff}25%{background:radial-gradient(ellipse at center,rgba(255,197,61,.35),#0B1220 70%)}100%{opacity:1}}
.cnx-flash img{width:min(60vw,300px);height:auto;filter:drop-shadow(0 0 40px rgba(255,197,61,.8));animation:cnxPop .9s cubic-bezier(.2,.9,.2,1.2)}
@keyframes cnxPop{0%{transform:scale(.5) rotate(-8deg)}60%{transform:scale(1.08) rotate(2deg)}100%{transform:scale(1)}}
.cnx-flash svg{position:absolute;inset:0;width:100%;height:100%}.fb{fill:none;stroke:var(--sun);stroke-width:6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:500;stroke-dashoffset:500;filter:drop-shadow(0 0 10px rgba(255,197,61,.95));animation:cnxFb .5s ease-out forwards;animation-delay:.15s}
@keyframes cnxFb{to{stroke-dashoffset:0}}
.cnx-flash b{position:absolute;bottom:18vh;font:400 26px/1 var(--cartoon);color:#fff;text-shadow:0 3px 0 #04070d}
@media(max-width:940px){.cnx{grid-template-columns:1fr;gap:10px;padding:22px 16px 40px;min-height:auto}.cnx-scene{height:260px;order:-1}.cnx-lynx{width:200px}.cf{width:120px}.cf b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cnx-lynx,.cb,.cf{animation:none}.cb{opacity:0}.cf{opacity:1}}
.cnx-flash[hidden]{display:none!important}
.fb,.cb{vector-effect:non-scaling-stroke}.fb{stroke-width:5}

/* ── v44 · un seul bandeau : prochain lien offert + règle des 3 mois + raccourci RT + prochain palier ── */
.essai,.astuce{display:none}
.bandeau-jeu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px}
.bj-cell{position:relative;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:start;padding:14px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1)}
.bj-cell>div{min-width:0}.bj-ico{width:38px;height:38px;border-radius:12px;background:rgba(255,197,61,.14);display:grid;place-items:center;font-size:19px}
.bj-cell small{display:block;font:400 10.5px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun);margin-bottom:5px}
.bj-cell b{display:block;font:700 14px/1.3 var(--h);color:#fff}.bj-cell p{margin:5px 0 0;font:500 12px/1.4 var(--b);color:#c7d0e6}.bj-cell p b{display:inline;font:inherit;font-weight:700;color:#fff}
.bj-prochain b .tab{font:800 22px/1;color:var(--sun)}.bj-prochain b .tab i{font-style:normal;font-variant-numeric:tabular-nums}
.bj-astuce{border-color:rgba(255,197,61,.5);background:linear-gradient(180deg,rgba(255,197,61,.12),rgba(255,197,61,.03))}
.bj-cell .btn{grid-column:1/-1;justify-self:start;margin-top:4px}
@media(max-width:1100px){.bandeau-jeu{grid-template-columns:1fr}}

/* ── page perso « bon client » (07/09/2026) ── */
.perso-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.5fr);gap:34px;align-items:start;padding:34px 38px;border-radius:26px;background:linear-gradient(135deg,#142252,#0B1220 70%);border:1px solid rgba(255,255,255,.08);position:relative;overflow:hidden}
.perso-grid::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 40% 60% at 10% 30%,rgba(255,197,61,.18),transparent 65%),radial-gradient(ellipse 35% 50% at 95% 80%,rgba(46,91,255,.35),transparent 70%);pointer-events:none}
.perso-carte{position:relative;padding:24px 24px 20px;border-radius:20px;background:linear-gradient(160deg,rgba(46,91,255,.28),rgba(11,18,32,.6));border:1px solid rgba(255,197,61,.45);box-shadow:0 20px 50px -20px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.12);color:#e8ecf7;font-family:var(--t)}
.perso-carte::after{content:'';position:absolute;right:-40px;top:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(255,197,61,.35),transparent 70%);pointer-events:none}
.pc-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.pc-badge{display:inline-flex;align-items:center;gap:6px;background:var(--sun);color:#1A1200;font:400 13px/1 var(--cartoon);letter-spacing:.06em;text-transform:uppercase;padding:8px 12px;border-radius:999px;box-shadow:0 6px 18px -6px rgba(255,197,61,.8)}
.pc-depuis{font:700 12px/1 var(--h);letter-spacing:.06em;text-transform:uppercase;opacity:.7}
.pc-total{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin:6px 0 16px}
.pc-total b{font:400 clamp(44px,4.6vw,60px)/1 var(--cartoon);color:var(--sun);text-shadow:0 4px 0 #04070d,0 12px 30px rgba(255,197,61,.35)}
.pc-total small{font:400 22px/1 var(--cartoon);color:#fff}
.pc-total span{width:100%;font:700 12px/1.3 var(--h);letter-spacing:.06em;text-transform:uppercase;opacity:.7;margin-top:6px}
.perso-carte .eyebrow{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#fff;margin:0 0 10px}
.pc-frise{list-style:none;margin:0;padding:0;position:relative}
.pc-frise::before{content:'';position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:linear-gradient(var(--sun),rgba(255,197,61,.15))}
.pc-frise li{display:grid;grid-template-columns:16px 1fr auto;gap:12px;align-items:center;padding:9px 0}
.pc-frise li i{width:16px;height:16px;border-radius:50%;background:var(--sun);border:3px solid #0B1220;box-shadow:0 0 0 2px rgba(255,197,61,.5)}
.pc-frise li b{display:block;font:700 15px/1.3 var(--t);color:#fff}
.pc-frise li small{display:block;font-size:12.5px;opacity:.6;margin-top:2px}
.pc-frise li em{font:400 15px/1 var(--cartoon);color:var(--sun);white-space:nowrap;letter-spacing:.02em}
.pc-merci{margin:14px 0 0;font-size:13.5px;opacity:.75;font-style:italic}
.perso-texte .perso-abo{margin-top:8px}
.perso-tuiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0 18px}
.perso-tuiles>div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px 14px 12px;transition:transform .2s}
.perso-tuiles>div:hover{transform:translateY(-2px)}
.perso-tuiles b{display:block;font:400 22px/1.1 var(--cartoon);color:var(--sun);margin-bottom:6px}
.perso-tuiles span{display:block;font-size:13px;line-height:1.4;color:var(--on-navy-mute)}
.perso-echelle{border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.03);margin:6px 0 18px}
.pe-head,.pe-row{display:grid;grid-template-columns:1.1fr 1.7fr 1.1fr 1.2fr;gap:8px;align-items:center;padding:10px 14px}
.pe-head{font:700 11px/1.25 var(--h);letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy-mute);background:rgba(255,255,255,.04);border-bottom:1px solid rgba(255,255,255,.1)}
.pe-row{border-top:1px solid rgba(255,255,255,.07);position:relative;font-size:15px;color:#e8ecf7}
.pe-row:hover{background:rgba(255,197,61,.06)}
.pe-row b{font-weight:700;color:#fff}
.pe-o{display:flex;align-items:center;gap:8px}
.pe-o i{display:block;height:8px;width:var(--w);max-width:70px;min-width:8px;border-radius:999px;background:linear-gradient(90deg,var(--sun),#FFE08A);box-shadow:0 0 12px rgba(255,197,61,.6)}
.pe-o b{color:var(--sun)}
.pe-x b,.pe-g b{font:400 20px/1 var(--cartoon);color:var(--sun);margin-right:6px}
.pe-g b{color:#fff}
.pe-x s,.pe-g s{font-size:12px;opacity:.55;margin-right:4px}
.pe-x small,.pe-g small{display:none}
.pe-reco{background:linear-gradient(90deg,rgba(255,197,61,.14),rgba(255,197,61,.04));border-top-color:rgba(255,197,61,.35)}
.pe-reco::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--sun)}
.pe-tag{position:absolute;right:12px;top:-9px;font:400 11px/1 var(--cartoon);letter-spacing:.06em;text-transform:uppercase;background:var(--sun);color:#1A1200;padding:5px 9px;border-radius:999px}
.perso-cta{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:4px 0 14px}
.perso-cta .btn{margin-left:0}
.perso-btn2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:none}
.perso-sign{font-size:15px;color:#e8ecf7}
.perso-sign b{color:var(--sun)}
@media(max-width:900px){.perso-grid{grid-template-columns:1fr;padding:22px 16px;gap:22px}.perso-tuiles{grid-template-columns:1fr}
  .pe-head{display:none}.pe-row{grid-template-columns:1fr 1fr;gap:6px 10px;padding:12px 14px 12px 16px}
  .pe-p{grid-column:1}.pe-r{grid-column:2;text-align:right}.pe-o{grid-column:1/-1}.pe-x,.pe-g,.pe-v{grid-column:span 1}
  .pe-x small,.pe-g small{display:inline;font-size:11px;opacity:.6;margin-left:4px}
  .pe-x b,.pe-g b{font-size:18px}.pe-tag{top:-8px;right:8px}
  .perso-cta .btn{width:100%;text-align:center;margin:0}}

/* ── v49 (recette) · la bascule 9/14 → 4/7 ne joue qu'UNE fois, puis le prix de lancement reste affiché (un visiteur pressé ne doit jamais tomber sur 14 €) ── */
.fini .tb-normal,.fini .bp-etat .tb-normal{animation:none!important;opacity:0!important}
.fini .tb-lan,.fini .bp-etat .tb-lan{animation:none!important;opacity:1!important;transform:none!important}
.fini .tb-carte{animation:none!important;box-shadow:0 0 0 1.5px var(--sun),0 0 34px rgba(255,197,61,.45)!important;border-color:var(--sun)!important;background:rgba(255,197,61,.08)!important}
.fini .tbb,.fini .tb-lynx{animation:none!important;opacity:0}.fini .tb-lynx{opacity:1}
/* connexion mobile : formulaire d'abord, lynx petit, pas de fiches ni d'éclairs */
@media(max-width:940px){.cnx{display:flex;flex-direction:column}.cnx-carte{order:1;padding:22px 18px}.cnx-scene{order:2;height:170px}.cnx-lynx{width:150px}.cnx-fiches,.cnx-bolts{display:none}}

.perso-solo{grid-template-columns:1fr}.perso-note{margin-top:18px;padding-top:12px;border-top:1px dashed rgba(255,255,255,.15);font-size:12.5px;line-height:1.5;color:var(--on-navy-mute)}.perso-note b{color:#fff}

/* ── v51 · page perso : souvenirs + cadeau généraliste (07/09) ── */
.pe-v b{font:400 20px/1 var(--cartoon);color:var(--sun);margin-right:6px}.pe-v small{font-size:11.5px;opacity:.6}
.souv{margin:16px 0 6px;padding:16px 18px 14px;border-radius:18px;background:linear-gradient(160deg,rgba(46,91,255,.22),rgba(255,197,61,.06));border:1px solid rgba(255,255,255,.12)}
.souv-titre{margin:0 0 12px!important;font:400 20px/1.15 var(--cartoon);color:var(--sun);max-width:none!important}
.souv-sous{display:block;font:400 13px/1.4 var(--b);color:var(--on-navy-mute);margin-top:3px}
.souv-grid{display:flex;flex-wrap:wrap;gap:10px}
.souv-carte{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:center;min-width:180px;flex:1 1 220px;max-width:340px;padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);transform:rotate(-.6deg);transition:transform .2s}
.souv-carte:nth-child(2n){transform:rotate(.7deg)}.souv-carte:hover{transform:rotate(0) translateY(-2px)}
.souv-carte i{grid-row:span 2;font-style:normal;font-size:26px;line-height:1;filter:drop-shadow(0 3px 0 rgba(0,0,0,.4))}
.souv-carte b{font:700 14.5px/1.3 var(--b);color:#fff;overflow-wrap:anywhere}
.souv-carte small{font:700 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--sun);opacity:.85}
@media(max-width:900px){.souv-carte{max-width:none;transform:none}.souv-carte:nth-child(2n){transform:none}.pe-row .pe-o{grid-column:1}.pe-row .pe-v{grid-column:2;text-align:right}}

/* v52 paiement (07/09/2026) : bloc « Régler » (récap commande, factures) */
.reg-bloc{margin-top:8px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.reg-bloc form{display:inline-flex}
.reg-bloc.reg-actif{flex-direction:column;align-items:flex-start;gap:4px}
.reg-bloc .reg-virement{flex-basis:100%;margin:4px 0 0;font-size:12px;color:var(--faint)}
/* 25/09/2026 : crypto discret, en tout petit (DV-0374/0375) */
.reg-bloc .reg-crypto-mini{flex-basis:100%;margin:2px 0 0}
.reg-bloc .reg-crypto-mini button{background:none;border:0;padding:0;font:400 11.5px/1.4 var(--b);color:var(--faint);text-decoration:underline;cursor:pointer}
.reg-bloc .reg-crypto-mini button:hover{color:var(--mute)}
.reg-ligne .etat{margin-left:6px}

/* ── v53 · « Créer mon compte et commander des liens » : second bouton sobre sous le principal ; lien texte sur mobile (07/09) ── */
.hf-fin .hf-cmd{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none;font-size:15px;padding:12px 16px}
.hf-fin .hf-cmd:hover{border-color:var(--sun);color:var(--sun)}
.hf-cmd .hf-cmd-s{display:none}
@media(max-width:940px){.hf-fin .hf-cmd{border:0;padding:4px 0;font-size:14.5px;color:var(--sun);text-decoration:underline;text-underline-offset:3px;background:none}.hf-cmd .hf-cmd-l{display:none}.hf-cmd .hf-cmd-s{display:inline}}

/* ── v54 · retours mobile de Mathias (07/09 soir) ── */
/* logo : « .eu » fait partie du mot, bleu, collé à « linking » (plus de pastille éloignée) */
.logo small{display:none!important}.logo .logo-eu{font-style:normal;color:var(--blue,#5B80FF);letter-spacing:0;margin-left:1px}
/* hero : deux boutons, le lien offert d'abord */
.cta-2{display:flex;gap:10px;flex-wrap:wrap}.cta-2 .btn-2{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);box-shadow:none}.cta-2 .btn-2:hover{border-color:var(--sun);color:var(--sun)}
@media(max-width:600px){.cta-2{flex-direction:column}.cta-2 .btn{width:100%;justify-content:center}}
/* footer : l'ancienne règle app.css « .pied nav{margin-left:auto} » poussait chaque colonne à droite sur mobile */
.pied2 .pied-col{margin-left:0;justify-self:start}
@media(max-width:520px){.pied2{grid-template-columns:1fr 1fr;gap:20px 16px}.pied-marque{grid-column:1/-1}}
/* sous-header mobile : une seule fois l'info, centrée, avec la barre des places ; la carte du hero disparaît */
.ls-bar{display:none}
@media(max-width:940px){.urgence3{display:none}}
@media(max-width:520px){
  .lan-sticky .wrap{display:grid;grid-template-columns:1fr;justify-items:center;text-align:center;gap:5px;padding-top:9px;padding-bottom:10px}
  .lan-sticky .ls-tag{display:inline-block;order:0;font-size:10px;padding:5px 9px}
  .lan-sticky .ls-prix{order:1;font-size:13.5px;white-space:normal}
  .lan-sticky .ls-places{order:2;flex:none;white-space:normal;overflow:visible;text-overflow:clip;font-size:12.5px}
  .lan-sticky .ls-fin-court{order:3;flex:none;text-align:center;white-space:normal;font-size:11px}
  .lan-sticky .ls-cd{display:none!important}
  .ls-bar{display:block;order:4;width:100%;max-width:320px;height:6px;border-radius:3px;background:rgba(255,255,255,.12);overflow:hidden;margin-top:2px}
  .ls-bar i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green,#2fd08f),#8ff0c2);transition:width .8s}
}
/* fondateur : un peu plus d'air entre le texte et le bord du bloc en relief */
@media(max-width:940px){.pv-grid{padding:24px 22px}}
@media(max-width:600px){.bar .logo span{font-size:22px!important}.bar .logo svg{width:36px!important;height:36px!important;flex-basis:36px!important}.bar .logo{gap:9px}.bar .btn-tete{padding:8px 10px!important;font-size:12.5px!important}}
@media(max-width:370px){.bar .logo span{font-size:20px!important}.bar .btn-tete{padding:8px 9px!important;font-size:12px!important}}

/* ── v56 · admin immersif : ni header ni footer, plein écran (Mathias 08/09) ── */
body.admin-immersif .app-shell{max-width:none;grid-template-columns:232px minmax(0,1fr);gap:26px;padding:18px 26px 60px;min-height:100vh}
body.admin-immersif .app-nav{top:18px;max-height:calc(100vh - 36px);overflow:auto}
body.admin-immersif .app-nav .an-user{margin-bottom:8px}
body.admin-immersif .app-nav .an-user .an-av{background:var(--sun);color:#1A1200}
body.admin-immersif .app-nav nav a{padding:8px 10px;font-size:13.5px}
body.admin-immersif .app-main{padding-top:6px}
@media(max-width:900px){body.admin-immersif .app-shell{grid-template-columns:1fr;padding:12px 14px 60px}body.admin-immersif .app-nav{max-height:none;position:static}}

/* ── Admin mobile (audit UX 08/09/2026) : recherche globale + zéro débordement horizontal à 390 px ────
   Principe : jamais la PAGE ne défile horizontalement — un tableau .tw scrolle en interne (overflow-x:auto
   déjà posé dans app.css), les formulaires passent en colonne, les champs à largeur fixe (style="width:…px"
   posé par les vues historiques) sont plafonnés par un max-width qui l'emporte sur le style inline. */
.adm-recherche{display:flex;gap:6px;margin:0 0 12px}
.adm-recherche input{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:inherit}
.adm-recherche button{border:0;background:var(--card2);border-radius:8px;padding:8px 10px;cursor:pointer;font-size:15px;line-height:1}
@media(max-width:560px){
  .app-shell{min-width:0;overflow-x:hidden}
  .app-main{min-width:0;overflow-x:hidden}
  .app-main .esp-grid{grid-template-columns:1fr;min-width:0}
  .app-main .esp-grid>*{min-width:0}
  .app-main .carte-esp{padding:14px 12px;min-width:0}
  .app-main .tw{overflow-x:auto;max-width:100%}
  .app-main .tw table{font-size:12.5px}
  .app-main .tw th,.app-main .tw td{padding:8px 6px}
  .app-main form[style*="display:flex"]{flex-wrap:wrap !important}
  .app-main form[style*="display:grid"]{grid-template-columns:1fr !important}
  .app-main input[style*="width:"],.app-main select[style*="width:"],.app-main textarea[style*="width:"]{width:auto !important;max-width:100% !important}
  .app-main td[style*="max-width"]{max-width:170px !important}
  .app-main .pills{gap:6px}
  .app-main .pill{font-size:12px;padding:6px 10px}
}

/* ── v58 · design admin façon espace client (08/09/2026, Mathias : « pas au niveau de l'espace client,
   pas de mascotte, ça fait trop froid, menu à gauche pas joli, champs en fond blanc tout carrés »).
   Le menu latéral .app-nav disparaît (règles ci-dessus devenues mortes, laissées telles quelles) au
   profit d'un HUD (mascotte + pastilles) en haut et d'un dock flottant en bas, comme l'espace client.
   13 vues → 6 orbes de dock ; à l'intérieur d'un groupe, des chips en haut du contenu. Tout est
   préfixé .adm-/.adock- pour ne rien croiser avec les classes de l'espace ou de l'accueil. ── */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

body.admin-immersif{color-scheme:dark}
body.admin-immersif .app-shell{display:block;max-width:none;padding:0;min-height:auto}
body.admin-immersif .app-nav{display:none}
body.admin-immersif .app-main{max-width:1360px;margin:0 auto;padding:18px 26px 150px}

/* HUD : lynx + « Administration » + 3 pastilles (commandes à valider / tickets ouverts / à relire) + recherche + Sortir */
.adm-hud{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:14px;max-width:1360px;margin:0 auto;padding:12px 26px;background:linear-gradient(180deg,rgba(11,18,32,.94),rgba(11,18,32,.66));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.adm-hud-id{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;flex:0 0 auto}
.adm-hud-id img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(255,197,61,.45))}
.adm-hud-id b{display:block;font:400 17px/1 var(--cartoon);text-shadow:0 2px 0 #04070d}
.adm-hud-id small{display:block;margin-top:3px;font:600 11px/1 var(--b);color:var(--on-navy-mute)}
.adm-hud-pastilles{display:flex;gap:8px;flex:1 1 auto;overflow-x:auto}
.adm-pastille{display:flex;align-items:center;gap:7px;padding:8px 13px;border-radius:99px;text-decoration:none;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:var(--on-navy-mute);font:600 12px/1 var(--b);white-space:nowrap;transition:border-color .15s,background .15s}
.adm-pastille b{font:800 15px/1 var(--h);color:#fff}
.adm-pastille:hover{border-color:rgba(255,197,61,.5)}
.adm-pastille.on{border-color:var(--sun);background:rgba(255,197,61,.12)}
.adm-pastille.on b{color:var(--sun)}
.adm-hud-droite{margin-left:auto;display:flex;align-items:center;gap:10px}
.adm-hud .adm-recherche{display:flex;gap:0;margin:0}
.adm-hud .adm-recherche input{width:190px;padding:9px 12px !important;border-radius:99px 0 0 99px !important;border:1px solid rgba(255,255,255,.14) !important;border-right:0 !important;background:rgba(255,255,255,.05) !important;color:#fff;font:400 13px/1 var(--b)}
.adm-hud .adm-recherche input::placeholder{color:var(--on-navy-mute)}
.adm-hud .adm-recherche input:focus{outline:none;border-color:var(--sun)}
.adm-hud .adm-recherche button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);color:var(--on-navy-mute);border-radius:0 99px 99px 0;padding:9px 12px;cursor:pointer;font-size:14px}
.adm-sortir{color:var(--on-navy-mute);font:600 13px/1 var(--b);text-decoration:none;padding:9px 4px;white-space:nowrap}
.adm-sortir:hover{color:#fff}

/* mot du lynx (tableau de bord) */
.adm-lynx-mot{display:flex;align-items:center;gap:14px;margin:0 0 18px;padding:12px 16px;border-radius:16px;background:rgba(255,255,255,.03);border:1px solid var(--line)}
.adm-lynx-mot img{width:52px;height:52px;object-fit:contain;flex:0 0 auto;filter:drop-shadow(0 0 8px rgba(255,197,61,.35))}
.adm-lynx-mot p{margin:0;font-size:14.5px;color:var(--ink2)}
.adm-lynx-mot b{color:var(--sun);font-weight:700}

/* lynx sur l'écran de connexion admin */
.adm-login{text-align:center}
.adm-login-lynx{display:block;margin:0 auto 10px;width:72px;height:72px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,197,61,.4))}
.adm-login .eyebrow{text-align:center}

/* chips : onglets d'un groupe, en haut du contenu */
.adm-chips{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;margin:0 0 18px;padding-bottom:2px;-webkit-overflow-scrolling:touch}
.adm-chip{display:inline-flex;align-items:center;white-space:nowrap;padding:9px 15px;border-radius:99px;background:var(--card);border:1px solid var(--line2);color:var(--mute);text-decoration:none;font:700 12.5px/1 var(--h);transition:border-color .15s,color .15s,background .15s}
.adm-chip:hover{border-color:var(--sun);color:var(--ink)}
.adm-chip.on{background:var(--sun);border-color:var(--sun);color:#1A1200}

/* dock : 6 orbes (regroupement des 13 vues), même langage visuel que nav.dock de l'espace */
.adock{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:70;display:flex;gap:4px;padding:8px;border-radius:26px;background:rgba(11,18,32,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,197,61,.35);box-shadow:0 30px 60px -20px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04),inset 0 1px 0 rgba(255,255,255,.06)}
.adock a{position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:84px;padding:8px 4px 7px;border-radius:18px;text-decoration:none;color:var(--on-navy-mute);font:600 11px/1 var(--b);transition:transform .2s,color .2s}
.adock a i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);position:relative;transition:.2s}
.adock a svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.adock a:hover{color:#fff;transform:translateY(-4px)}
.adock a:hover i{border-color:rgba(255,197,61,.6);box-shadow:0 0 16px rgba(255,197,61,.35)}
.adock a.on{color:#fff}
.adock a.on i{background:var(--sun);color:#1A1200;border-color:var(--sun);box-shadow:0 0 0 4px rgba(255,197,61,.18),0 0 26px rgba(255,197,61,.7)}
.adock-badge{position:absolute;top:-6px;right:-8px;min-width:18px;height:18px;padding:0 4px;border-radius:99px;background:var(--sun);color:#1A1200;font:800 10.5px/18px var(--h);text-align:center;box-shadow:0 0 6px rgba(255,197,61,.7)}

/* champs de saisie de TOUTE l'admin (vues historiques + modules) : même langage que l'espace client —
   fond sombre translucide, coins 12 px, focus doré. Universel car les vues historiques posent des
   <input>/<select>/<textarea> hors de toute .form (le sélecteur `.form input` de app.css ne les couvrait pas). */
body.admin-immersif input:not([type=hidden],[type=checkbox],[type=radio],[type=submit],[type=button],[type=file]),
body.admin-immersif select,
body.admin-immersif textarea{background:var(--card);color:var(--ink);border:1px solid var(--line2);border-radius:12px;padding:10px 13px;font:400 14.5px/1.4 var(--b)}
body.admin-immersif input:focus,body.admin-immersif select:focus,body.admin-immersif textarea:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 3px color-mix(in srgb,var(--sun) 24%,transparent)}
body.admin-immersif textarea{min-height:70px;resize:vertical}
body.admin-immersif input[type=checkbox],body.admin-immersif input[type=radio]{accent-color:var(--sun);width:16px;height:16px}
body.admin-immersif .btn:focus-visible,body.admin-immersif a:focus-visible{outline-color:var(--sun)}

/* tableaux .tw : en-têtes en petites capitales dorées, lignes séparées, survol (déjà .carte-esp en fond) */
body.admin-immersif .tw th{color:var(--sun-d);font-variant:small-caps;letter-spacing:.06em}
body.admin-immersif .tw tbody tr{transition:background .15s}
body.admin-immersif .tw tbody tr:hover td{background:var(--card2)}

@media(max-width:900px){
  .adm-hud{padding:10px 14px;gap:8px}
  .adm-hud-id small{display:none}
  .adm-hud .adm-recherche input{width:130px}
}
@media(max-width:560px){
  body.admin-immersif .app-main{padding:14px 12px 120px}
  .adm-hud-pastilles{order:3;flex:1 1 100%}
  .adm-pastille{padding:7px 10px}
  .adm-pastille span{display:none}
  .adock{left:8px;right:8px;transform:none;padding:6px;gap:0;justify-content:space-between}
  .adock a{width:auto;flex:1 1 0;min-width:0;padding:6px 2px 5px;font-size:9px}
  .adock a i{width:32px;height:32px}
  .adock a svg{width:16px;height:16px}
  .adock a span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
}

/* v59 (08/09/2026) — formulaire unique (hero) : récap d'abonnement à l'étape 3 quand une configuration est
   transmise par #prix, et la case « je décris ma demande par écrit » + champs métier, dans les deux endroits
   où l'on configure une commande (hero + espace/Commandes). */
.hf-abo-bloc{background:rgba(255,197,61,.08);border:1px solid rgba(255,197,61,.3);border-radius:14px;padding:14px 16px;margin-bottom:14px}
.hf-abo-recap{margin:0 0 10px;font:500 14.5px/1.5 var(--b);color:#DCE4FF}
.hf-abo-recap b{color:var(--sun)}.hf-abo-recap small{display:block;color:#9aa6c2;font-weight:400;font-size:12.5px;margin-top:2px}
.hf-abo-modif{color:var(--sun);text-decoration:underline;text-underline-offset:3px;white-space:nowrap}
.hf-abo-bloc .ab-recap{margin-bottom:10px}
.hf-abo-bloc [data-abo-clear]{width:100%;justify-content:center}

/* .nl- : « Vous préférez expliquer ? » — bloc bien visible, fond légèrement bleuté */
.nl-bloc{background:var(--blue-soft,rgba(91,128,255,.12));border:1px solid rgba(91,128,255,.4);border-radius:14px;padding:14px 16px;margin:14px 0}
.nl-tete{display:flex;align-items:center;gap:8px;margin-bottom:6px}
.nl-ico{font-size:18px;line-height:1}
.nl-tete b{font:700 15px/1.3 var(--h,var(--b));color:#fff}
.nl-texte{margin:0 0 10px;font:400 13.5px/1.55 var(--b);color:#c7d0e6}
.nl-case{display:flex;align-items:center;gap:8px;font:600 13.5px/1.4 var(--b);color:#fff;cursor:pointer}
.nl-case input{accent-color:var(--blue);width:17px;height:17px}
.nl-zone{margin-top:10px}
.nl-zone textarea{width:100%;min-height:110px;border-radius:10px;border:1px solid rgba(255,255,255,.22);background:rgba(0,0,0,.18);color:#fff;padding:10px 12px;font:400 14px/1.5 var(--b)}
.nl-aide{display:block;margin-top:4px;font-size:12px;color:#9aa6c2}
[data-nl-cible].nl-floute{filter:blur(3px);pointer-events:none;opacity:.5;transition:filter .15s,opacity .15s}

/* .uf- : champs métier facultatifs (ancres, rythme, langue, à éviter) + engagement anti-doublon */
.uf-bloc{margin:14px 0}
.uf-champ{margin-bottom:12px}
.uf-radios{display:flex;flex-direction:column;gap:6px}
.uf-radios label{display:flex;align-items:center;gap:8px;font:400 13.5px/1.4 var(--b);cursor:pointer}
.uf-radios input{accent-color:var(--sun);width:16px;height:16px;flex:0 0 auto}
.uf-engagement{margin:10px 0 0;font:600 13px/1.4 var(--b);color:var(--sun)}
/* Commandes (espace, fond clair) : le bloc nl-/uf- garde son fond bleuté mais un texte lisible sur clair */
.cmd-etape .nl-texte,.cmd-etape .nl-aide{color:var(--mute)}
.cmd-etape .nl-tete b,.cmd-etape .nl-case{color:var(--ink)}
.cmd-etape .nl-zone textarea{background:var(--card);color:var(--ink);border-color:var(--line2)}
.cmd-etape .uf-radios label{color:var(--ink)}

/* Page « Payer » (espace) : récap de la commande + boutons de paiement (v59, paiement immédiat) */
.reg-recap h2{margin:6px 0 8px;font:800 22px/1.25 var(--h)}
.reg-recap .lead{margin:0 0 12px}
.reg-note{margin:12px 0 0;font-size:12.5px;color:var(--mute)}

@media(max-width:600px){
  .hf-abo-recap{font-size:13.5px}
  .nl-bloc,.hf-abo-bloc{padding:12px 13px}
}

/* Places bloquées à son nom (page perso #pour-toi, v60 08/09) : encart voyant sous le H2, rien si aucune réservation active */
.resa-encart{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0 18px;padding:14px 18px;border-radius:16px;background:linear-gradient(160deg,rgba(255,197,61,.24),rgba(255,197,61,.06));border:1px solid rgba(255,197,61,.4)}
.resa-encart p{margin:0;flex:1 1 260px;font:700 15px/1.5 var(--b);color:#fff}
.resa-encart b{color:var(--sun)}
.resa-cd{display:inline-flex;gap:5px;align-items:baseline;font:700 12px/1 var(--b);color:var(--on-navy-mute);white-space:nowrap}
.resa-cd b{background:rgba(255,255,255,.12);border-radius:6px;padding:4px 7px;color:#fff;font-variant-numeric:tabular-nums}
@media(max-width:600px){.resa-encart{padding:12px 14px}.resa-encart p{font-size:14px}}
/* étape 2 du formulaire unique : à quoi sert l'URL demandée (lien offert ou liens payés) — Mathias 08/09 */
.hf-quoi{position:relative;display:grid;grid-template-columns:auto 1fr;align-items:start;column-gap:14px;row-gap:10px;margin:0 0 20px;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,rgba(255,197,61,.16),rgba(255,197,61,.04) 60%),rgba(255,255,255,.03);border:1px solid rgba(255,197,61,.30);box-shadow:0 12px 32px -18px rgba(255,197,61,.45),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden;color:#fff}.hf-quoi::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.10) 50%,transparent 70%);transform:translateX(-100%);animation:hfq-reflet 1.4s .35s ease-out 1 both;pointer-events:none}@keyframes hfq-reflet{to{transform:translateX(100%)}}.hfq-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,#FFD66B,#FFB020);color:#1a1300;box-shadow:0 8px 20px -8px rgba(255,176,32,.8)}.hfq-txt{display:flex;flex-direction:column;gap:3px;min-width:0}.hfq-t{font-size:16.5px;font-weight:800;letter-spacing:-.01em;color:#fff;line-height:1.25}.hfq-s{font-size:13.5px;line-height:1.45;color:rgba(255,255,255,.72)}.hfq-s b{color:var(--sun);font-weight:700}.hfq-pill{grid-column:2;justify-self:start;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 12px;border-radius:999px;background:rgba(46,204,113,.14);border:1px solid rgba(46,204,113,.40);color:#7EF0A8;font-size:12.5px;font-weight:700}@media(max-width:560px){.hf-quoi{grid-template-columns:auto 1fr;gap:12px;padding:14px;border-radius:16px}.hfq-ico{width:40px;height:40px;border-radius:12px}.hfq-t{font-size:15.5px}}@media(prefers-reduced-motion:reduce){.hf-quoi::after{animation:none;display:none}}.hf-step[data-e="2"] .champ{margin-bottom:16px}

/* ── v62 (08/09) : commande d'abonnement en BROUILLON quand une configuration accompagne l'inscription — rien
   n'est engagé tant que le client n'a pas finalisé depuis son espace. Bandeau + badge dock + note d'étape 3. ── */
.brl-bandeau{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:var(--sun-soft);border:1px solid var(--sun);border-radius:14px;padding:14px 18px;margin-bottom:16px}
.brl-bandeau .brl-ico{font-size:22px;line-height:1}
.brl-bandeau .brl-texte{flex:1 1 220px;display:flex;flex-direction:column;gap:2px}
.brl-bandeau .brl-texte b{font-size:15px;color:#fff}
.brl-bandeau .brl-texte span{font-size:13px;color:var(--mute)}
.brl-badge{position:absolute;bottom:-5px;right:-6px;width:10px;height:10px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 2px var(--card),0 0 6px rgba(255,197,61,.8)}
.brl-note{margin:10px 0;padding:9px 11px;border-radius:10px;background:rgba(255,197,61,.10);border:1px solid rgba(255,197,61,.3);font-size:12.5px;line-height:1.5;color:var(--mute)}
.brl-note b{color:var(--sun)}
@media(max-width:600px){.brl-bandeau{padding:12px 14px}}

/* ══════════════════ v63 (08/09) : configurateur compact 3 modes + autosave + PRG + mention paiement ══════════════════
   Préfixe .m3-. Trois cartes remplacent le couple radio auto/expert + le bloc langage naturel empilé, en tête
   de « Vos pages » (espace, onglet Commandes) : une seule active, les autres retirées du flux (pas floutées). */
.m3-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 16px}
.m3-carte{position:relative;display:grid;gap:4px;padding:14px 15px;border-radius:14px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}
.m3-carte input{position:absolute;opacity:0;pointer-events:none}
.m3-carte .m3-ico{font-size:22px;line-height:1;margin-bottom:2px}
.m3-carte b{font:700 15px/1.25 var(--h);color:#fff}
.m3-carte small{font:500 12px/1.35 var(--b);color:var(--on-navy-mute)}
.m3-carte.on{border-color:var(--sun);background:rgba(255,197,61,.1);box-shadow:0 0 0 3px rgba(255,197,61,.15)}
.m3-carte:hover{border-color:rgba(255,197,61,.5)}
.m3-panneau{margin-bottom:6px}
.m3-libre-champ textarea{min-height:130px}
/* Options avancées : repliées par défaut, chips radio compactes plutôt que les blocs pleine largeur du hero. */
.m3-avance{margin:14px 0;border-top:1px solid var(--line2);padding-top:10px}
.m3-avance summary{cursor:pointer;list-style:none;font:700 13.5px/1.3 var(--b);color:var(--sun-d,var(--sun));display:inline-flex;align-items:center;gap:6px;user-select:none}
.m3-avance summary::-webkit-details-marker{display:none}
.m3-avance summary::before{content:'▸';font-size:11px;transition:transform .15s}
.m3-avance[open] summary::before{transform:rotate(90deg)}
.m3-avance .uf-bloc{margin:12px 0 0}
.m3-avance .uf-champ{margin-bottom:10px}
.m3-avance .uf-champ>label{display:block;font:600 12.5px/1.3 var(--b);color:var(--ink);margin-bottom:5px}
.m3-avance .uf-champ>label span{color:var(--mute);font-weight:500}
.m3-avance .uf-radios{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}
.m3-avance .uf-radios label{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:999px;border:1px solid var(--line2);background:var(--card);font:500 12.5px/1.2 var(--b);color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.m3-avance .uf-radios label:has(input:checked){border-color:var(--sun);background:rgba(255,197,61,.12);color:var(--ink);font-weight:700}
.m3-avance .uf-radios input{accent-color:var(--sun);width:14px;height:14px}
.m3-avance input[type=text]{width:100%;max-width:420px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--ink);padding:8px 11px;font:400 13px/1.4 var(--b)}
.m3-avance .uf-engagement{margin-top:10px}
/* Récap : le mode choisi, à côté de « liens par mois ». */
.cr-mode{display:inline-block;margin-left:2px;font-weight:500;opacity:.8}
/* Reprise du brouillon auto (v63) : bandeau discret, plus neutre que .brl-bandeau (pas une relance, un simple repère). */
.brl-reprise{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:rgba(255,255,255,.04);border:1px solid var(--line2);border-radius:12px;padding:10px 14px;margin-bottom:14px;font-size:13px;color:var(--mute)}
.brl-reprise-ico{font-size:16px;line-height:1}
.brl-reprise-texte b{color:#fff}
.brl-reprise-zero{margin-left:auto}
.lien-discret{background:none;border:0;padding:0;font:600 12.5px/1 var(--b);color:var(--mute);text-decoration:underline;text-underline-offset:2px;cursor:pointer}
.lien-discret:hover{color:var(--sun)}
/* Mention paiement (v63) : très discrète, en italique — ?p=payer, récap Commandes, liste des factures. */
.m3-paiement-note{margin-top:10px;font:italic 400 11.5px/1.5 var(--b);color:var(--mute);opacity:.85}
@media(max-width:700px){
  .m3-modes{grid-template-columns:1fr}
  .brl-reprise-zero{margin-left:0}
}

/* v64 (08/09 après-midi) : avant-première privée — chrono d'ouverture publique + carte hero « places réservées à ton nom » */
.ouv-encart{background:linear-gradient(160deg,rgba(76,140,255,.22),rgba(76,140,255,.05));border-color:rgba(120,170,255,.4)}
.ouv-encart b{color:#fff}
.ouv-encart.fini,.resa-encart.fini{display:none}
.urgence-resa .u3-t small b{color:#fff;font-variant-numeric:tabular-nums}

/* v64 : virement bancaire de confiance */
.reg-virement{display:block}
.rv-confiance{font:700 17px/1.45 var(--b);color:#fff;margin:0 0 14px}
.rv-grille{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 12px}
.rv-grille>div{flex:1 1 180px;background:rgba(255,255,255,.06);border:1px solid var(--line2);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column}
.rv-grille small{font:600 11px/1.3 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy-mute)}
.rv-grille b{font:700 22px/1.2 var(--b);color:var(--sun);margin:4px 0 2px}
.rv-grille span{font:12px/1.3 var(--b);color:var(--on-navy-mute)}
.rv-rib{white-space:pre-wrap;font:14px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;background:rgba(0,0,0,.25);border:1px solid var(--line2);border-radius:12px;padding:12px 14px;margin:0 0 12px;color:#fff}
.rv-rib-attente,.rv-note{font:14px/1.55 var(--b);color:var(--on-navy-mute);margin:0 0 8px}
.rv-autre{margin-top:12px}.rv-autre summary{cursor:pointer;font:600 13px var(--b);color:var(--on-navy-mute)}.rv-autre .reg-bloc{margin-top:10px}
/* v65 (08/09) : bêta privée — quêtes/récompenses visibles mais voilées jusqu'à RLK_OUVERTURE */
.beta-flou{position:relative;margin:0 0 18px}
.beta-flou .bf-in{filter:blur(6px) saturate(.7);opacity:.55;pointer-events:none;user-select:none}
.beta-flou .bf-tag{position:sticky;z-index:3;top:38vh;width:max-content;max-width:92%;margin:0 auto -96px;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 22px;border-radius:18px;background:rgba(11,18,32,.92);border:1px solid rgba(255,197,61,.55);box-shadow:0 12px 40px rgba(0,0,0,.45);text-align:center;white-space:nowrap}
.beta-flou .bf-tag b{font:400 20px/1.15 var(--cartoon);color:var(--sun);letter-spacing:.01em}
.beta-flou .bf-tag small{font:600 12px/1.3 var(--b);color:var(--on-navy-mute)}
.beta-flou .bf-tag span{color:#fff;font-variant-numeric:tabular-nums}
.beta-flou.fini .bf-tag{display:none}.beta-flou.fini .bf-in{filter:none;opacity:1;pointer-events:auto;user-select:auto}
.bf-doux{filter:blur(4px);opacity:.5;pointer-events:none}
@media(max-width:600px){.beta-flou .bf-tag{white-space:normal;padding:12px 14px;width:min(92%,340px)}.beta-flou .bf-tag b{font-size:17px}}

/* v65c : chrono des encarts perso — plus gros, un seul */
.resa-encart .resa-cd{gap:8px;font:600 11px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:var(--on-navy-mute);flex:0 0 auto}
.resa-encart .resa-cd b{display:inline-block;min-width:44px;text-align:center;padding:9px 8px;border-radius:10px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font:400 26px/1 var(--cartoon);color:var(--sun);text-shadow:0 2px 0 rgba(0,0,0,.35)}
@media(max-width:600px){.resa-encart .resa-cd{width:100%;justify-content:center}.resa-encart .resa-cd b{min-width:40px;font-size:22px;padding:8px 6px}}

/* ── v68 (09/09/2026) : PROJETS — « attribuez vos liens à un projet pour ne pas avoir le même site qui fait
   plusieurs liens ». Onglet Projets, sélecteur en tête des formulaires de commande, filtre de Mes liens.
   Tout préfixé .pj- (Mathias, mission projets). ── */
.pj-champ{margin:0 0 16px}
.pj-champ select{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:600 14px/1.3 var(--b)}
.pj-nouveau{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.pj-nouveau[hidden]{display:none}
.pj-nouveau input{flex:1 1 200px;padding:10px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:500 13.5px/1.3 var(--b)}
.pj-note{margin:8px 0 0;font-size:12.5px;line-height:1.5;color:var(--mute)}
.pj-filtre{display:flex;gap:8px;align-items:end;margin-bottom:14px;flex-wrap:wrap}
.pj-filtre label{font-size:12px;color:var(--mute);display:block;margin-bottom:4px}
.pj-filtre select{padding:9px 12px;border-radius:10px;border:1px solid var(--line2);background:var(--card);color:var(--ink);font:600 13px/1.2 var(--b)}
.pj-pastille{display:block;margin-top:2px;padding:2px 8px;border-radius:999px;background:rgba(255,197,61,.14);color:var(--sun);font:700 10.5px/1.6 var(--b);width:max-content}
.pj-grille{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.pj-carte{display:flex;flex-direction:column;gap:8px}
.pj-carte.pj-archive{opacity:.62}
.pj-tete{display:flex;align-items:center;justify-content:space-between;gap:8px;font:800 16px/1.3 var(--b);color:#fff}
.pj-site{color:var(--mute);font-size:12.5px;word-break:break-all}
.pj-note-libre{margin:0;font-size:13px;color:var(--mute);line-height:1.5}
.pj-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:6px 0;padding:10px 0;border-top:1px solid var(--line2);border-bottom:1px solid var(--line2)}
.pj-stats div{text-align:center}
.pj-stats b{display:block;font-size:18px}
.pj-stats small{color:var(--mute);font-size:11px}
.pj-sites summary{cursor:pointer;font-size:12.5px;color:var(--mute)}
.pj-sites ul{margin:8px 0 0;padding-left:16px;font-size:12.5px;color:var(--mute)}
.pj-sites li{padding:2px 0}
.pj-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}

/* ===== bande défilante « ce que vous y gagnez » sous le header (09/09/2026, demande Mathias) ===== */
.bande{position:relative;overflow:hidden;background:linear-gradient(90deg,#0f1a30,#121e3a 50%,#0f1a30);border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:38px;display:flex;align-items:center}
.bande:before,.bande:after{content:"";position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none}
.bande:before{left:0;background:linear-gradient(90deg,#0f1a30,transparent)}
.bande:after{right:0;background:linear-gradient(270deg,#0f1a30,transparent)}
.bande-piste{display:flex;width:max-content;animation:bande-defile 70s linear infinite}
.bande:hover .bande-piste{animation-play-state:paused}
.bande ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;white-space:nowrap}
.bande li{display:inline-flex;align-items:center;gap:10px;padding:0 22px;font:600 12.5px/1 var(--b);color:var(--mute);letter-spacing:.01em}
.bande li i{width:7px;height:7px;border-radius:50%;background:var(--sun);box-shadow:0 0 8px rgba(255,197,61,.7);flex:none}
.bande li:nth-child(2n) i{background:var(--ok);box-shadow:0 0 8px rgba(29,178,122,.6)}
@keyframes bande-defile{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.bande-piste{animation:none}.bande{height:auto;padding:8px 0}.bande ul{flex-wrap:wrap}.bande ul[aria-hidden]{display:none}}
@media (max-width:940px){.bande{height:34px}.bande li{font-size:12px;padding:0 16px}}

/* ── v2 projets (09/09/2026, retour Mathias : « le choix du projet n'est pas visible ») : carte « Projet »
   clairement titrée EN TÊTE des formulaires de commande, note explicative en évidence sans dépliage. ── */
.pj-etape h2{display:flex;align-items:center;gap:10px;font-size:19px;margin:0 0 10px}
.pj-etape h2 i{width:30px;height:30px;border-radius:50%;background:var(--sun);color:#1A1200;display:grid;place-items:center;font:400 15px/1 var(--cartoon);font-style:normal}
.pj-etape-nue{border:1px solid var(--line2);border-radius:16px;padding:16px 18px;margin:0 0 16px;background:rgba(255,255,255,.02)}
.pj-etape .pj-note{margin:0 0 14px;padding:10px 12px;border-radius:12px;background:rgba(255,197,61,.12);border:1px solid rgba(255,197,61,.4);font-size:13px;line-height:1.5;color:#fff}
.pj-etape .champ:last-child{margin-bottom:0}

/* ===== guide « Comment ça marche » (espace client, 09/09/2026) : appel sur l'accueil + badge du dock ===== */
.gd-appel{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:6px 18px;position:relative;margin:0 0 18px;padding:18px 22px;border-radius:16px;text-decoration:none;color:#1a1200;background:linear-gradient(120deg,#FFE28F,#FFC53D 55%,#F2B52E);box-shadow:0 18px 40px -22px rgba(255,197,61,.8),0 0 0 1px rgba(0,0,0,.08) inset;overflow:hidden}
.gd-appel:before{content:"";position:absolute;inset:0;background:radial-gradient(400px 120px at 90% 0%,rgba(255,255,255,.45),transparent 70%);pointer-events:none}
.gd-appel .gd-appel-badge{grid-row:1/3;font:700 10px/1 var(--h);letter-spacing:.14em;text-transform:uppercase;background:#1a1200;color:var(--sun);border-radius:20px;padding:8px 11px;animation:gd-pulse 1.8s ease-in-out infinite}
@keyframes gd-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}
.gd-appel b{font:400 20px/1.15 var(--cartoon);color:#1a1200}
.gd-appel span:not(.gd-appel-badge){font:500 13.5px/1.4 var(--b);color:#3a2a00}
.gd-appel i{grid-row:1/3;font:400 15px/1 var(--cartoon);font-style:normal;color:#1a1200;background:rgba(255,255,255,.6);border-radius:30px;padding:10px 14px;white-space:nowrap}
.gd-appel:hover i{background:#fff}
@media (max-width:700px){.gd-appel{grid-template-columns:1fr;gap:8px}.gd-appel .gd-appel-badge,.gd-appel i{grid-row:auto;justify-self:start}}
.gd-badge{position:absolute;top:-6px;right:-8px;min-width:16px;height:16px;border-radius:9px;background:var(--sun);color:#1a1200;font:700 10px/16px var(--b);text-align:center;padding:0 4px;box-shadow:0 0 0 2px var(--card),0 0 8px rgba(255,197,61,.8);animation:gd-pulse 1.8s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.gd-appel .gd-appel-badge,.gd-badge{animation:none}}

/* ===== 11/09/2026 correctifs landing lancement ===== */
/* Header desktop (.bar-prix) : le prix normal reste affiché en permanence, barré, à côté du prix de
   lancement (au lieu de l'ancienne bascule animée qui ne montrait jamais les deux prix en même temps). */
@media(min-width:941px){
  .bar-prix .tb-n{position:static;display:flex;align-items:baseline;gap:6px;height:auto;width:auto}
  .bar-prix .tb-n b{position:static}
  .bar-prix .tb-n .tb-normal,.bar-prix .tb-n .tb-lan{animation:none!important;opacity:1!important;transform:none!important}
  .bar-prix .tb-n .tb-normal{order:2;font-size:14px!important;line-height:1!important;color:var(--on-navy-mute);text-decoration:line-through;text-decoration-color:rgba(255,197,61,.65);text-decoration-thickness:2px}
  .bar-prix .tb-n .tb-lan{order:1;font-size:26px!important;line-height:1!important}
}
.fini .bar-prix .tb-n .tb-normal{opacity:1!important}
@media(prefers-reduced-motion:reduce){.bar-prix .tb-n .tb-normal{opacity:1!important}}
@media(min-width:941px) and (max-width:1239px){
  .bar-prix{gap:5px!important}
  .bar-prix .tb-n{gap:3px}
  .bar-prix .tb-n .tb-lan{font-size:17px!important}
  .bar-prix .tb-n .tb-normal{font-size:9.5px!important}
  .bp-carte{padding:3px 6px!important;gap:3px!important}
  .bp-carte small{font-size:8.5px!important}
}
@media(min-width:941px) and (max-width:1080px){.bp-etat{display:none}}
/* Hero : définition d'« une place », juste sous le sous-texte du compteur (discret, hérite du style .u3-t small). */
.u3-t small.u3-def{opacity:.85;font-weight:500}
/* 11/09 v72 : même phrase, visible sur mobile — la carte .urgence3 qui la porte est display:none sous 940px depuis longtemps. */
.promesse-mob{display:none}
@media(max-width:940px){.promesse-mob{display:block;margin:-10px 0 16px;font-size:12.5px;line-height:1.4;color:var(--mute)}}

/* 11/09 v71c (CM-0342) : écrans bas (portables 768 px) — colonne droite plus compacte pour garder le bouton Continuer visible */
@media(min-width:941px) and (max-height:800px){.hero-droite{margin-top:0;padding-top:96px}.vols{top:-30px}}

/* 18/09 DV-0277 : petite note sous le formulaire à TOUTES les largeurs, dans le flux normal. */
.hero-droite .hero-net{position:static;width:auto;margin:10px 6px 0;padding:0;background:none;border:0;border-radius:0;font-size:12px;line-height:1.45;color:var(--on-navy-mute);text-align:center}

/* 11/09 v71d (CM-0343) : mobile — la barre qui défile passe AVANT le bloc prix de lancement, qui devient 2 lignes compactes, non collant (il scrolle avec la page) */
@media(max-width:940px){.lan-sticky{position:static;top:auto;box-shadow:none}}
@media(max-width:520px){
  .lan-sticky .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:2px 6px;padding-top:7px;padding-bottom:8px;text-align:center}
  .lan-sticky .ls-tag{display:none!important}
  .lan-sticky .ls-prix{order:0;flex:0 0 100%;font-size:13px;white-space:nowrap}
  .lan-sticky .ls-prix::before{content:'Lancement · ';color:var(--sun)}
  .lan-sticky .ls-places{order:1;flex:0 0 auto;font:600 11.5px/1.2 var(--b);color:var(--faint);white-space:nowrap}.lan-sticky .ls-places b{font:800 13px/1 var(--h);color:var(--sun)}
  .lan-sticky .ls-fin-court{order:2;flex:0 0 auto;display:inline;font:600 11.5px/1.2 var(--b);color:var(--faint);white-space:nowrap;text-align:left}
  .lan-sticky .ls-fin-court::before{content:'· '}
  .ls-places-det,.ls-bar{display:none!important}
}

/* v74 (11/09) — bandeau de pousse au retweet dans l'espace client : le palier niveau 2 rendu impossible à manquer */
.rt-push{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap;
  background:linear-gradient(135deg,#12161f 0%,#1b2333 100%);color:#fff;border:1px solid rgba(255,255,255,.10);
  border-radius:16px;padding:18px 22px;margin:0 0 14px}
.rt-push .rtp-txt{flex:1 1 420px;min-width:280px}
.rt-push .rtp-eyebrow{display:block;font-size:12px;letter-spacing:.04em;text-transform:uppercase;opacity:.72;margin-bottom:6px}
.rt-push .rtp-titre{display:block;font-size:24px;line-height:1.2;margin-bottom:6px}
.rt-push .rtp-sous{margin:0;font-size:14px;line-height:1.5;opacity:.92}
.rt-push .sun{color:var(--sun,#f5b301)}
.rt-push .rtp-bar{position:relative;height:20px;border-radius:999px;background:rgba(255,255,255,.12);margin-top:12px;overflow:hidden}
.rt-push .rtp-bar i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#f5b301,#ffd76a);border-radius:999px;transition:width .6s ease}
.rt-push .rtp-bar span{position:relative;display:block;text-align:center;font-size:11px;line-height:20px;font-weight:600;color:#12161f;mix-blend-mode:normal}
.rt-push .rtp-act{flex:0 0 auto;display:flex;flex-direction:column;align-items:stretch;gap:8px;min-width:220px}
.rt-push .rtp-cta{white-space:nowrap;text-align:center}
.rt-push .rtp-lien{font-size:13px;text-align:center;color:#fff;opacity:.75;text-decoration:underline}
.rt-push .rtp-lien:hover{opacity:1}
@media(max-width:620px){.rt-push{padding:16px;gap:14px}.rt-push .rtp-titre{font-size:20px}.rt-push .rtp-act{width:100%;min-width:0}}

/* v75 (11/09) — hero de l'espace : la récompense du prochain palier devient l'élément le plus voyant */
.jeu-xp .jx-gain{display:inline-flex;align-items:center;gap:8px;margin-top:9px;padding:7px 14px 7px 10px;
  border-radius:999px;background:linear-gradient(135deg,rgba(245,179,1,.20),rgba(255,215,106,.10));
  border:1px solid rgba(245,179,1,.55);box-shadow:0 0 0 4px rgba(245,179,1,.07)}
.jeu-xp .jx-gain b{font-size:14px;line-height:1.25;color:#ffd76a}
.jeu-xp .jx-cadeau{font-size:17px;line-height:1;filter:drop-shadow(0 0 6px rgba(245,179,1,.5));animation:jxpulse 2.6s ease-in-out infinite}
@keyframes jxpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.13)}}
.jeu-xp .jx-bareme{display:block;margin-top:8px;font-size:12px;opacity:.62}
.jeu-xp .jx-bareme b{opacity:1}
@media(max-width:620px){.jeu-xp .jx-gain{padding:6px 12px 6px 9px}.jeu-xp .jx-gain b{font-size:13px}}

/* v75 — bandeau retweet : finition (halo, liseré doré, respiration du bouton) */
.rt-push{position:relative;overflow:hidden;border-color:rgba(245,179,1,.30);
  box-shadow:0 10px 34px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.06)}
.rt-push::before{content:"";position:absolute;top:-70%;right:-14%;width:420px;height:420px;pointer-events:none;
  background:radial-gradient(circle,rgba(245,179,1,.16) 0%,transparent 68%)}
.rt-push::after{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,#f5b301,#ffd76a 55%,rgba(245,179,1,.15))}
.rt-push .rtp-txt,.rt-push .rtp-act{position:relative;z-index:1}
.rt-push .rtp-titre{font-size:27px;letter-spacing:-.01em}
.rt-push .rtp-bareme{display:inline-block;margin-top:5px;font-size:12.5px;opacity:.66}
.rt-push .rtp-bar{height:22px;box-shadow:inset 0 1px 3px rgba(0,0,0,.35)}
.rt-push .rtp-bar i{box-shadow:0 0 14px rgba(245,179,1,.45)}
.rt-push .rtp-bar span{line-height:22px;letter-spacing:.02em}
.rt-push .rtp-cta{font-size:16px;padding:14px 24px;box-shadow:0 6px 20px rgba(245,179,1,.34);animation:rtpbreathe 3.4s ease-in-out infinite}
.rt-push .rtp-cta:hover{animation:none;transform:translateY(-1px)}
@keyframes rtpbreathe{0%,100%{box-shadow:0 6px 20px rgba(245,179,1,.30)}50%{box-shadow:0 6px 28px rgba(245,179,1,.52)}}
@media(prefers-reduced-motion:reduce){.rt-push .rtp-cta,.jeu-xp .jx-cadeau{animation:none}}

/* v77 (11/09) — logo mascotte lynx en tête de site (remplace le sigle maillons) */
.bar .logo-img{display:block;width:44px;height:44px;object-fit:contain;flex:0 0 auto;
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.28))}
@media(max-width:620px){.bar .logo-img{width:38px;height:38px}}

/* ══ v80 (11/09) — commande : cases d'URL par thématique + calendrier. Thème SOMBRE de l'espace :
   aucune couleur claire en dur, aucun fallback clair — tout passe par les variables d'app.css. ══ */
.cp-bloc{margin:4px 0 18px}
.cp-format{margin:0 0 10px;padding:11px 14px;border-left:3px solid var(--sun);background:var(--card2);color:var(--ink);
  border-radius:0 10px 10px 0;font-size:13.5px;line-height:1.6}
.cp-format code{display:inline-block;margin:5px 0;padding:4px 9px;border-radius:7px;background:rgba(255,255,255,.07);
  border:1px solid var(--line2);color:var(--ink);font-size:12.5px}
.cp-format .cp-libre{display:block;margin-top:4px;color:var(--sun);font-weight:600;font-size:13px}
.cp-astuce{margin:0 0 16px;padding:10px 14px;border-radius:10px;background:var(--blue-soft);
  border:1px solid var(--line2);color:var(--ink);font-size:13px;line-height:1.55}
.cp-pack{margin-bottom:14px;padding-left:13px;border-left:3px solid var(--tc)}
.cp-pack label{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14.5px;margin-bottom:6px;color:var(--ink)}
.cp-pack label i{width:9px;height:9px;border-radius:50%;background:var(--tc);flex:0 0 9px}
.cp-pack label span{font-weight:400;font-size:12.5px;color:var(--mute)}
.cp-pack textarea{width:100%;min-height:76px;padding:11px 13px;border-radius:11px;border:1px solid var(--line2);
  background:rgba(0,0,0,.22);color:var(--ink);font:400 13.5px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;resize:vertical}
.cp-pack textarea::placeholder{color:var(--faint)}
.cp-pack textarea:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 3px rgba(255,197,61,.14)}
.cp-etat{display:block;margin-top:5px;font-size:12px;color:var(--mute)}
.cp-etat.ok{color:var(--vert)}
.cp-etat.att{color:var(--sun)}
.cp-vide{font-size:13px;color:var(--mute);font-style:italic}
.uf-aide-ancre{margin:-2px 0 8px;font-size:12.5px;color:var(--mute);line-height:1.5}

/* ── le calendrier : compact, sombre, lisible ── */
.cal-bloc{margin-top:12px;padding:0 0 12px;border:1px solid var(--line2);border-radius:14px;background:var(--card2);
  color:var(--ink);max-width:460px;overflow:hidden}
.cal-tete{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;
  flex-wrap:wrap;padding:10px 13px;background:var(--card);border-bottom:1px solid var(--line2)}
.cal-tete b{font-size:14px;color:var(--ink)}
.cal-compte,.cal-compte b{color:#10192c}
.cal-compte{font-size:14.5px;font-weight:700;padding:3px 13px;border-radius:999px;background:var(--sun)}
.cal-aide{margin:9px 13px 10px;font-size:12.3px;color:var(--mute);line-height:1.5}
.cal-nav{display:flex;align-items:center;justify-content:center;gap:14px;margin:0 13px 8px}
.cal-nav b{font-size:13.5px;min-width:140px;text-align:center;text-transform:capitalize;color:var(--ink)}
.cal-nav button{width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);background:var(--card);
  color:var(--ink);cursor:pointer;font-size:15px;line-height:1}
.cal-nav button:hover{background:var(--card2);border-color:var(--sun)}
.cal-sem{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;margin:0 13px 4px}
.cal-sem span{text-align:center;font-size:10.5px;color:var(--faint);font-weight:600}
.cal-grille{margin:0 13px}
.cal-jours{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-vide{display:block}
.cal-j{position:relative;aspect-ratio:1/.92;border:1px solid var(--line2);border-radius:9px;background:var(--card);
  color:var(--ink);cursor:pointer;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:1px;padding:0;transition:background .12s,border-color .12s}
.cal-j .cal-n{font-size:12.5px;font-weight:500;opacity:.85}
.cal-j:hover:not(.off){border-color:var(--sun);background:rgba(255,197,61,.10)}
.cal-j.on{background:var(--sun);border-color:var(--sun);color:#10192c}
.cal-j.on .cal-n{font-size:11px;font-weight:700;opacity:.72}
.cal-j .cal-lib{font-size:11.5px;font-style:normal;font-weight:800;line-height:1;letter-spacing:-.01em}
.cal-j.off{opacity:.28;cursor:default;background:transparent;border-style:dashed}
.cal-j .cal-pastille{display:none}
.cal-recap{display:flex;flex-wrap:wrap;gap:5px;margin:10px 13px 0}
.cal-recap span{font-size:11.5px;padding:3px 9px;border-radius:999px;background:var(--card);
  border:1px solid var(--line2);color:var(--ink)}
.cal-recap span b{font-weight:700;color:var(--sun)}
.cal-pied{display:flex;align-items:center;gap:9px;margin:11px 13px 0;flex-wrap:wrap}
.cal-pied .btn{flex:0 0 auto}
.cal-etat{font-size:12.3px;color:var(--mute)}
.cal-etat.ok{color:var(--vert);font-weight:600}
.cal-etat.att{color:var(--sun)}
@media(max-width:520px){.cal-bloc{max-width:none}.cal-j .cal-lib{font-size:10.5px}.cal-j .cal-n{font-size:11.5px}}

/* v81 (11/09) — lisibilité du bloc « format » : largeur de lecture bornée, exemples plus présents */
.cp-format,.cp-astuce{max-width:820px}
.cp-format{padding:14px 18px;font-size:14px;line-height:1.65}
.cp-format b:first-child{font-size:15px;display:inline-block;margin-bottom:2px}
.cp-format code{margin:7px 0 9px;padding:7px 12px;font-size:13.5px;background:rgba(0,0,0,.28);border-radius:8px;
  display:inline-block;max-width:100%;overflow-x:auto;white-space:pre;vertical-align:top}
.cp-format .cp-libre{margin-top:9px;font-size:13.5px;line-height:1.5}
.cp-astuce{padding:12px 16px;font-size:13.5px}
.cp-pack textarea{min-height:88px;font-size:14px}
@media(max-width:620px){
  .cp-format{padding:12px 14px;font-size:13.5px}
  .cp-format code{font-size:12px;padding:6px 9px}
  .cp-astuce{font-size:13px;padding:10px 13px}
  .cmd-etape h2{font-size:17px;gap:8px;align-items:flex-start}
  .cmd-etape h2 i{width:28px;height:28px;flex:0 0 28px;font-size:14px;line-height:28px;margin-top:1px}
}

/* v82 (11/09) — réglages compacts côte à côte + calendrier en fenêtre */
.uf-base{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;align-items:start}
.uf-base>.uf-champ{margin:0;min-width:0}
.uf-base>.uf-engagement{grid-column:1/-1;margin:2px 0 0}
.uf-base .uf-radios{display:flex;flex-wrap:wrap;gap:7px}
.uf-base .uf-radios label{flex:0 1 auto;width:auto;min-width:0;padding:7px 13px;border-radius:999px;
  font-size:13px;line-height:1.25;text-align:center;cursor:pointer}
.uf-base .uf-radios label:has(input:checked){border-color:var(--sun);background:rgba(255,197,61,.12)}
.uf-base>.uf-champ>label{font-size:14px;margin-bottom:3px;display:block}
.uf-aide-ancre{margin:0 0 7px;font-size:12.3px}
@media(max-width:820px){.uf-base{grid-template-columns:1fr}}

/* le calendrier devient une fenêtre : plus de dépliage qui pousse la page */
.cal-overlay{position:fixed;inset:0;z-index:90;background:rgba(5,10,20,.72);backdrop-filter:blur(3px)}
.cal-bloc.cal-fenetre{position:fixed;z-index:91;top:50%;left:50%;transform:translate(-50%,-50%);
  width:min(430px,calc(100vw - 28px));max-height:calc(100vh - 40px);overflow:auto;margin:0;
  box-shadow:0 30px 80px rgba(0,0,0,.6);border-color:var(--line2)}
.cal-fermer{margin-left:auto;width:28px;height:28px;border-radius:50%;border:1px solid var(--line2);
  background:var(--card2);color:var(--ink);cursor:pointer;font-size:15px;line-height:1;flex:0 0 28px}
.cal-fermer:hover{border-color:var(--sun)}
.cal-valider{width:calc(100% - 26px);margin:12px 13px 0}
body.cal-ouvert{overflow:hidden}

/* v83 (11/09) — fenêtre du calendrier : plus large, aucun défilement horizontal */
.cal-bloc.cal-fenetre{width:min(620px,calc(100vw - 32px));max-height:min(92vh,860px);
  overflow-y:auto;overflow-x:hidden;box-sizing:border-box}
.cal-bloc.cal-fenetre *{box-sizing:border-box;max-width:100%}
.cal-fenetre .cal-grille,.cal-fenetre .cal-sem{margin-left:18px;margin-right:18px}
.cal-fenetre .cal-jours,.cal-fenetre .cal-sem{gap:6px}
.cal-fenetre .cal-j{aspect-ratio:1/.82;border-radius:11px}
.cal-fenetre .cal-j .cal-n{font-size:14px}
.cal-fenetre .cal-j .cal-lib{font-size:12px}
.cal-fenetre .cal-aide,.cal-fenetre .cal-nav,.cal-fenetre .cal-recap,.cal-fenetre .cal-pied{margin-left:18px;margin-right:18px}
.cal-fenetre .cal-pied{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center}
.cal-fenetre .cal-pied .btn{width:100%;margin:0}
.cal-fenetre .cal-etat{grid-column:1/-1;text-align:center}
.cal-fenetre .cal-valider{grid-column:1/-1;width:100%;margin:0}
.cal-fenetre .cal-tete{padding:12px 18px}
@media(max-width:560px){.cal-fenetre .cal-grille,.cal-fenetre .cal-sem,.cal-fenetre .cal-aide,.cal-fenetre .cal-nav,.cal-fenetre .cal-recap,.cal-fenetre .cal-pied{margin-left:12px;margin-right:12px}
  .cal-fenetre .cal-pied{grid-template-columns:1fr}}

/* ── Bouton flottant « Pas clair ? » (14/09/2026, BRIEF-comprendre-1409.md) ──────────────────────────────
   Classes .hlp-* (aide) : .pc-* et .cp-* sont déjà pris ailleurs dans ce fichier ET dans admin/parcours.php
   (grep fait avant de nommer, DV-0033/DV-0062). Petit bouton en bas à droite (DV-0276,18/09), jamais étiré entre left et right.
   Jamais sous .nav-bas (accueil mobile) ni sous .dock/.adock (espace/admin, fixe à
   TOUTES les largeurs, décalage systématique plus bas) — offsets vérifiés par capture 360/400/768/1280
   (voir PREUVES-comprendre-1409.md). */
.hlp-btn{position:fixed;left:auto;right:calc(12px + env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));width:max-content;max-width:calc(100vw - 24px);z-index:75;display:inline-flex;align-items:center;gap:6px;
  padding:8px 12px;border-radius:999px;background:var(--navy2);color:#fff;text-decoration:none;
  border:1px solid rgba(255,197,61,.5);box-shadow:0 20px 46px -16px rgba(0,0,0,.8),0 0 0 1px rgba(255,255,255,.04);
  font:800 12px/1 var(--h);letter-spacing:.01em;transition:transform .2s,opacity .2s,box-shadow .2s;min-height:36px;box-sizing:border-box}
.hlp-btn:hover{transform:translateY(-3px);color:#fff;box-shadow:0 26px 54px -16px rgba(0,0,0,.85),0 0 0 1px rgba(255,197,61,.25)}
/* 15/09 (BRIEF-prix-bouton-1509.md) : l'ancien ❓ (rouge par défaut sur la plupart des rendus d'emoji, hors
   charte) est remplacé par un éclair SVG dans la DA du site (jaune --sun, même motif que .tbb/.vols). */
.hlp-btn .hlp-ico{display:inline-flex;flex:0 0 auto;width:14px;height:14px}
.hlp-btn .hlp-ico svg{width:100%;height:100%;fill:var(--sun)}
.hlp-btn.hlp-cache{opacity:0;pointer-events:none;transform:translateY(8px)}
/* 15/09 : le texte « Pas clair ? » reste visible sur mobile (retour Mathias, une icône seule ne suffit pas) —
   la pilule se réduit (padding/police) au lieu de se replier en simple rond avec texte caché. */
@media(max-width:640px){
  .hlp-btn{padding:8px 11px;gap:6px;font-size:12px;min-height:40px}
  .hlp-btn .hlp-ico{width:14px;height:14px}
}
@media(max-width:400px){ .hlp-btn{padding:8px 11px 8px 9px;font-size:12px} }
@media(max-width:940px){ body.accueil .hlp-btn{bottom:calc(64px + env(safe-area-inset-bottom) + 12px)} }
/* .dock/.adock (espace, admin) : fixe en bas, ~70-90px de haut, largeur variable selon le nombre d'onglets —
   présent à TOUTES les largeurs (pas seulement mobile, vérifié par capture 360/400/768/1280) : décalage
   systématique, jamais juste sous 600px (chevauchement mesuré à 768px le 14/09, corrigé). */
body.espace-immersif .hlp-btn{bottom:112px}
/* 15/09 (DV-0156, mesuré à 844×390 par Playwright/getBoundingClientRect, compte de test sans guide lu) :
   à cette hauteur, bottom:112px recouvrait le sourcil « Votre abonnement en clair » (66×16px) ; remonté à
   140px, il recouvrait alors l'appel « Lisez-moi » au-dessus. Mesuré l'unique fenêtre libre entre les deux
   (y≈219 à 262 sur 390, avant même le haut du dock à 287) et calé le bouton dedans : bottom:134px, réduit
   pour y tenir. Revérifié après coup : ni l'appel, ni le sourcil, ni le dock ne sont plus touchés. */
@media(max-height:440px){
  body.espace-immersif .hlp-btn{bottom:134px;padding:6px 9px 6px 7px;font-size:10.5px;min-height:30px;gap:5px}
  body.espace-immersif .hlp-btn .hlp-ico{width:11px;height:11px}
}
@media print{ .hlp-btn{display:none!important} }

/* ── Libellés « abonnement ≠ location » (14/09/2026, BRIEF-libelles-1409.md) ──────────────────────────── */
.cc-apres{display:block;margin-top:2px;font:500 11px/1.3 var(--b);color:var(--on-navy-mute)}
.cfg-phrase{margin-top:10px;max-width:100%;font:500 13.5px/1.5 var(--b);color:var(--muted,#9aa6c2)}

/* 14/09 (Mathias) : barre de prix du haut — étiquette fixe « Prix de lancement », le prix normal n'est plus barré (un barré = ancien prix).
   15/09 (BRIEF-prix-bouton-1509.md) : « puis 9 € » se lit comme une hausse à venir — remplacé par « au lieu de 9 € », qui dit la vraie relation (promo vs prix plein). */
@media(min-width:941px){.bar-prix .bp-etat .tb-lan{animation:none!important;opacity:1!important;transform:none!important}.bar-prix .tb-n .tb-normal{text-decoration:none!important;white-space:nowrap}.bar-prix .tb-n .tb-normal::before{content:"au lieu de ";font:600 10px/1 var(--b);letter-spacing:0;color:var(--on-navy-mute)}}

/* ── correctif .bar-prix (15/09/2026, BRIEF-comprendre-v4-1509.md item 3) ────────────────────────────────────
   Mesuré (scrollWidth vs largeur visible, 940→1440 px par pas de 20, PREUVES-comprendre-v4-1509.md §3) : la barre
   débordait entre 1240-1260 px (36 puis 16 px) et à 1440 px (38 px). Cause : à 1240 px, la nav du header disparaît
   ET le rail sticky apparaît (body.has-rail{padding-left:236px}, hors périmètre — .bar nav/.rail, jamais touchés
   ici) EN MÊME TEMPS que .bar-prix reprend sa taille pleine (fin de la fenêtre « tablette » 941-1239 px) : le
   filet de sécurité net rétrécit d'un coup pile là où .bar-prix grossit d'un coup. Et à 1421 px, .bp-cadeau
   réapparaît (🎁 1 lien offert / mois) sans place pour lui.
   Correctif : deux paliers .bar-prix SUPPLÉMENTAIRES, uniquement sur des sélecteurs .bar-prix/.bp-* (jamais .bar
   nav, .btn-tete, .rail — hors périmètre), qui retardent la reprise de taille pleine et la réapparition du cadeau
   jusqu'à ce qu'il y ait la place mesurée. Poids AVANT tout élément secondaire (texte, puis étiquette, puis
   cadeau) : les prix « 4 € au lieu de 9 € » ne rétrécissent, eux, JAMAIS. */
@media(min-width:1240px) and (max-width:1339px){
  .bp-fin{display:none}
  .bar-prix{margin-right:12px;flex:0 0 auto;gap:5px!important;padding:5px 8px 5px 5px}
  .bp-cd{display:none}
  .bp-carte{padding:3px 6px!important;gap:3px!important}
  .bp-carte small{font-size:8.5px!important}
  /* PAS de width fixe sur .tb-n ici : la règle universelle ≥941 px (11/09/2026) l'a mise à width:auto pour que
     les deux prix (barré + promo) tiennent CÔTE À CÔTE — un width figé les fait déborder, c'est la cause même du
     bug mesuré à 1240-1260 px. */
  .bar-prix .tb-n{gap:3px}
  .bar-prix .tb-n .tb-lan{font-size:17px!important}
  .bar-prix .tb-n .tb-normal{font-size:9.5px!important}
  /* rail sticky + nav masquée ≥ 1240 px (hors périmètre) laissent ici MOINS de place qu'à 941-1239 px (mesuré :
     356 px de conteneur net contre 422 px) — l'étiquette « Prix de lancement » cède la sienne la première. */
  .bp-etat{display:none}
}
/* .bp-cadeau repousse à 1480 px (au lieu de 1421 px) : mesuré propre sur toute la plage demandée par le brief
   (940→1440 px). Au-delà de 1480 px (hors plage demandée), .bp-cadeau redéborde encore de 38 px, CONSTANT jusqu'à
   1920 px testé — .bar-in/.wrap plafonnent à une largeur de contenu fixe (~899 px ici) que .bp-cadeau ne peut
   plus jamais rejoindre en élargissant simplement le viewport : ce n'est pas un problème de seuil mais un manque
   de place structurel dans .bp-cadeau lui-même, pré-existant (v29, 09/2026), CONSTATÉ mais hors périmètre de ce
   brief (repousser encore le seuil n'y change rien, cf. mesure ci-dessus) — à signaler pour un futur brief. */
@media(min-width:1240px) and (max-width:1479px){.bp-cadeau{display:none}}


/* ── correctif .bar-prix ≥ 1480 px (15/09/2026, retour Mathias capture 12:44) : « 🎁 1 lien offert / mois » coupé
   à droite. Mesuré : contenu 937 px pour 899 px de barre, constant de 1480 à 1920 px (conteneur plafonné). On
   resserre les espacements (pas les prix) pour que tout tienne, cadeau compris. */
@media(min-width:1480px){
  .bar-prix{gap:7px!important;padding-right:8px;margin-left:12px}
  .bp-carte{padding-left:8px!important;padding-right:8px!important}
  .bp-cadeau{padding:6px 9px}
}

/* 15/09/2026 (DV-0212) : « Votre abonnement en clair » → fine barre d'une ligne en tête du tableau de bord */
.abo-barre{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 16px;padding:8px 14px;border-radius:12px;background:rgba(255,197,61,.07);border:1px solid rgba(255,197,61,.28);font:500 13.5px/1.35 var(--b);color:#dfe5f3}
.abo-barre b{color:#fff;font-weight:700}
.abo-barre .ab-i{font-size:15px;line-height:1}
.abo-barre .ab-mute{color:var(--on-navy-mute,#9aa6c4)}
.abo-barre>span:nth-child(2){flex:1 1 auto;min-width:0}
.abo-barre a{white-space:nowrap;font-weight:700;text-decoration:none}
.abo-barre .ab-go{color:var(--sun,#FFC53D)}
.abo-barre .ab-rt{color:#c7d0e6;font-weight:600;font-size:12.5px}
.abo-barre a:hover{text-decoration:underline}

/* Suivi mesures (15/09/2026, BRIEF-espace-annuler-suivi-1509.md §2) : indexation + perf 28j + Haloscan
   dans le détail d'un lien publié (espace.php, .lv-detail). Réutilise .jst (jeu-stats) pour les petites
   cartes chiffrées — même grammaire visuelle que le tableau de bord, pas de nouvelle famille de carte. */
.sm-bloc{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.sm-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(112px,1fr));gap:8px;margin:8px 0}
.sm-jst{padding:10px 12px}
.sm-jst b{font-size:19px;margin:5px 0 2px}
.sm-jst.sm-ok b{color:var(--sun,#FFC53D)}
.sm-courbe{display:block;width:100%;height:36px;margin:10px 0 2px}
.sm-courbe polyline{fill:none;stroke:var(--sun,#FFC53D);stroke-width:2;vector-effect:non-scaling-stroke}
.sm-note,.sm-maj{margin:4px 0 0;font:500 12px/1.4 var(--b);color:var(--on-navy-mute,#9aa6c4)}

/* ── 17/09/2026 · Espace client : le lien livré (récap mot-clé, calendrier, statistiques en attente)
   Univers sombre de l'espace : aucune couleur claire en dur, mêmes teintes que .lv-urls. ── */
.ld-bloc{display:grid;gap:14px;margin-top:4px}
.ld-cal li.encours{border-color:rgba(255,197,61,.28);background:rgba(255,197,61,.07)}
.ld-cal li.encours i{background:rgba(255,197,61,.16);opacity:1}
.ld-cal li.prevu i{background:rgba(91,128,255,.14);opacity:.9}
.ld-cal li.prevu small b{color:#fff}
.ld-cd{display:inline-block;margin-right:6px;padding:2px 8px;border-radius:99px;background:rgba(255,197,61,.18);color:var(--sun,#FFC53D);font:700 11.5px/1.4 var(--h,inherit);letter-spacing:.04em;vertical-align:1px}

/* Récap mot-clé : ce que vise l'article ↔ la page du client */
.mk-bloc{padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015))}
.mk-duo{display:grid;grid-template-columns:1fr 54px 1fr;gap:10px;align-items:stretch;margin-top:8px}
.mk-col{padding:12px 13px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px}
.mk-col-cible{border-color:rgba(91,128,255,.26);background:rgba(91,128,255,.08)}
.mk-col>small{font:700 10.5px/1.3 var(--h,inherit);letter-spacing:.11em;text-transform:uppercase;color:var(--on-navy-mute,#9aa6c4)}
.mk-mot{font:700 17px/1.25 var(--cartoon,var(--h,inherit));color:#fff;overflow-wrap:anywhere}
.mk-col-cible .mk-mot{font-size:14.5px}
.mk-par{font:500 12px/1.4 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4)}
.mk-chiffres{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:5px}
.mk-chiffres li{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:6px 9px;border-radius:10px;background:rgba(255,255,255,.04)}
.mk-chiffres i{font-style:normal;font:500 12px/1.3 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4)}
.mk-chiffres b{font:700 15px/1 var(--cartoon,var(--h,inherit));color:var(--sun,#FFC53D)}
.mk-att{font:600 11.5px/1.3 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4);opacity:.8;font-style:italic}
.mk-fleche{display:grid;place-items:center;gap:4px;align-self:center}
.mk-fleche svg{width:40px;height:24px;fill:none;stroke:var(--sun,#FFC53D);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;opacity:.9}
.mk-fleche small{font:700 9.5px/1 var(--h,inherit);letter-spacing:.1em;text-transform:uppercase;color:var(--on-navy-mute,#9aa6c4)}
.mk-note{margin:10px 0 0;font:500 12px/1.5 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4)}
@media(max-width:620px){.mk-duo{grid-template-columns:1fr;gap:8px}.mk-fleche{transform:rotate(90deg);height:34px}}

/* Statistiques : l'attente, jamais un zéro */
.sm-attente{display:grid;grid-template-columns:38px 1fr;gap:12px;align-items:start;padding:12px 13px;margin-top:8px;border-radius:14px;background:rgba(91,128,255,.08);border:1px solid rgba(91,128,255,.22)}
.sm-attente-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:rgba(91,128,255,.16)}
.sm-attente-ic svg{width:20px;height:20px;fill:none;stroke:var(--blue,#5B80FF);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sm-attente b{display:block;font:700 13.5px/1.3 var(--h,inherit);color:#fff}
.sm-attente p{margin:4px 0 0;font:500 12.5px/1.5 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4)}

/* Carte de mission : indexation en cours (utilisée par rlk_suivi_html) */
.mi-idx{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;margin:10px 0;padding:11px 13px;border-radius:14px;background:rgba(255,197,61,.08);border:1px solid rgba(255,197,61,.24)}
.mi-idx-compte{text-align:center}
.mi-idx-compte b{display:block;font:700 22px/1 var(--cartoon,var(--h,inherit));color:var(--sun,#FFC53D)}
.mi-idx-compte small{font:700 10px/1.4 var(--h,inherit);letter-spacing:.08em;text-transform:uppercase;color:var(--on-navy-mute,#9aa6c4)}
.mi-idx p{margin:0;font:500 12.5px/1.5 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4)}
.mi-idx p b{color:#fff}
.mi-idx-ok{background:rgba(47,208,143,.09);border-color:rgba(47,208,143,.26)}
.mi-idx-ok .mi-idx-compte b{color:var(--vert,#2FD08F)}
.mi-idx-relance{background:rgba(255,138,61,.09);border-color:rgba(255,138,61,.26)}
.mi-etapes li.prevu{opacity:.8}
.mk-suf{font:500 11px/1 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4);margin-left:4px}
/* ⚠️ `.lv-urls li b{display:block}` (l. 1635) attrape aussi les <b> DANS le <small> d'une ligne :
   le compteur J−7 et les dates de mailleurs partaient à la ligne, pleine largeur. */
.lv-urls li small b{display:inline}
.lv-urls li small b.ld-cd{display:inline-block}
.ld-bloc>.eyebrow{justify-self:start;margin:0}
.mk-titre{font:500 12px/1.4 var(--b,inherit);color:#fff;opacity:.72;margin-top:2px}
.mk-col .mk-att{margin:8px 0 0;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.04);display:block}
/* Aperçu admin d'un espace client (17/09/2026) : bandeau permanent, impossible de le confondre avec la vraie vue du client. */
.apercu-bar{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:9px 16px;background:linear-gradient(90deg,rgba(255,197,61,.22),rgba(255,138,61,.16));border-bottom:1px solid rgba(255,197,61,.4)}
.apercu-bar b{font:700 12.5px/1.3 var(--h,inherit);color:var(--sun,#FFC53D);letter-spacing:.04em;text-transform:uppercase}
.apercu-bar span{flex:1 1 240px;font:500 12.5px/1.4 var(--b,inherit);color:var(--on-navy-mute,#9aa6c4)}
.apercu-bar a{font:700 12.5px/1 var(--h,inherit);color:#fff;text-decoration:none;padding:7px 12px;border-radius:99px;border:1px solid rgba(255,255,255,.28);background:rgba(0,0,0,.25)}
.apercu-bar a:hover{border-color:var(--sun,#FFC53D);color:var(--sun,#FFC53D)}

/* ═══ 17/09/2026 (Mathias) — accueil épuré, pop-up du lien offert, onglet Commandes ═══ */
/* Pop-up du lien offert */
.lo-modal{width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid rgba(255,197,61,.45);border-radius:22px;background:#0E1A38;color:#e8edf7;box-shadow:0 40px 90px -30px rgba(0,0,0,.8),0 0 0 5px rgba(255,197,61,.1);overflow:auto}
.lo-modal::backdrop{background:rgba(4,8,18,.72);backdrop-filter:blur(3px)}
.lo-in{position:relative;padding:26px 28px 24px}
.lo-x{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font:600 26px/1 var(--b);cursor:pointer;display:grid;place-items:center}
.lo-x:hover,.lo-x:focus-visible{background:var(--sun);color:#0b1220;border-color:var(--sun)}
.lo-in>.eyebrow{margin:0}
.lo-in h2{font-size:clamp(24px,4vw,32px);line-height:1.1;margin:8px 44px 8px 0;color:#fff}
.lo-sous{margin:0 0 16px;font-size:14.5px;color:#c7d0e6}
.lo-form{display:grid;gap:12px}
.lo-etape{background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:14px 16px}
.lo-etape h3{display:flex;align-items:center;gap:10px;margin:0 0 10px;font:700 16px/1.2 var(--h);color:#fff}
.lo-etape h3 i{flex:0 0 26px;width:26px;height:26px;border-radius:50%;background:var(--sun);color:#0b1220;display:grid;place-items:center;font:800 13px/1 var(--b);font-style:normal}
.lo-etape .champ{margin:10px 0 0}.lo-etape .choix{margin:0}
.lo-themes small{display:block;opacity:.7;font-size:11px}
.lo-cta{width:100%;justify-content:center;margin-top:4px}
@media(max-width:620px){.lo-in{padding:20px 16px 18px}.lo-etape{padding:12px}}

/* Cellule retweet : formulaire pour coller le lien */
.bj-rt{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.bj-rt .btn{margin:0;grid-column:auto}
.bj-rt-form{display:flex;gap:6px;flex:1 1 220px;min-width:0;margin:0}
.bj-rt-form input{flex:1;min-width:0;padding:7px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(11,18,32,.6);color:#fff;font:500 12.5px/1.2 var(--b)}

/* Commandes : brouillons repliés */
.brl-mini{margin:0 0 14px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.03)}
.brl-mini>summary{cursor:pointer;list-style:none;padding:10px 14px;font:600 13.5px/1.3 var(--b);color:#c7d0e6;display:flex;gap:8px;align-items:center}
.brl-mini>summary::-webkit-details-marker{display:none}
.brl-mini>summary span{margin-left:auto;color:var(--sun);font-size:12.5px}
.brl-mini[open]>summary span{visibility:hidden}
.brl-mini-l{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:10px 14px;border-top:1px solid rgba(255,255,255,.08);font-size:13.5px}
.brl-mini-l>span{flex:1 1 240px}.brl-mini-l form{margin:0}

/* Commandes : cartes d'abonnement */
.ab-liste{display:grid;gap:14px;margin:0 0 18px}
.ab-liste>.eyebrow{justify-self:start;margin:0}
.ab-carte{position:relative;overflow:hidden;border-radius:20px;padding:20px 22px;background:linear-gradient(135deg,color-mix(in srgb,var(--tc) 22%,#0E1A38) 0%,#0E1A38 60%);border:1px solid color-mix(in srgb,var(--tc) 55%,transparent)}
.ab-tete{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.ab-pack-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-width:0}
.ab-bonus{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:999px;font:700 11.5px/1.3 var(--b);background:rgba(255,197,61,.16);border:1px solid rgba(255,197,61,.5);color:var(--sun);white-space:nowrap}
.ab-bonus-carte{margin:14px 0;border-color:rgba(255,197,61,.5);background:linear-gradient(135deg,rgba(255,197,61,.08),transparent 60%)}
.ab-pack{display:flex;align-items:center;gap:8px;font:700 15px/1.2 var(--h);color:#fff}
.ab-pack i{width:12px;height:12px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 4px color-mix(in srgb,var(--tc) 30%,transparent)}
.ab-etat{padding:4px 10px;border-radius:999px;font:700 12px/1 var(--b);background:rgba(255,255,255,.1);color:#c7d0e6}
.ab-etat.ok{background:rgba(46,204,113,.16);color:#6fe0a0}
.ab-chiffres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.ab-chiffres>div{background:rgba(11,18,32,.45);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:12px 14px;min-width:0}
.ab-n{display:flex;align-items:center;gap:10px}
.ab-n b{font:800 44px/1 var(--h);color:var(--sun)}
.ab-n span,.ab-prix span,.ab-renouv span{font-size:12.5px;color:#c7d0e6;line-height:1.3}
.ab-prix b,.ab-renouv b{display:block;font:800 24px/1.1 var(--h);color:#fff}
.ab-prix small{display:block;margin-top:4px;font-size:11.5px;color:#9fb0d0}
.ab-renouv small{display:block;font:400 10.5px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun);margin-bottom:6px}
.ab-mois{margin-top:14px}
.ab-mois-t{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;align-items:baseline;margin-bottom:8px;font-size:13px;color:#c7d0e6}
.ab-mois-t small,.ab-paie small{font:400 10.5px/1 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--sun)}
.ab-mois-t b{color:#fff}
.ab-cases{display:grid;grid-template-columns:repeat(auto-fill,minmax(22px,1fr));gap:6px}
.ab-cases i{height:22px;border-radius:7px;background:rgba(255,255,255,.07);border:1px dashed rgba(255,255,255,.18)}
.ab-cases i.prep{background:rgba(255,197,61,.14);border:1px solid rgba(255,197,61,.5)}
.ab-cases i.on{background:#2ecc71;border:1px solid #2ecc71;box-shadow:0 0 12px rgba(46,204,113,.45)}
.ab-paie{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:14px}
.ab-paie small{margin-right:4px}
.ab-paie span{padding:4px 10px;border-radius:999px;font:600 12px/1.2 var(--b);background:rgba(255,255,255,.07);color:#c7d0e6}
.ab-paie span.ok{background:rgba(46,204,113,.14);color:#6fe0a0}
.ab-manque{margin:12px 0 0;font-size:12.5px;color:#ffb4b4}
.ab-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px}
.ab-actions form{margin:0}.ab-actions .reg-bloc{margin:0}
@media(max-width:760px){.ab-chiffres{grid-template-columns:1fr}.ab-carte{padding:16px}.ab-n b{font-size:38px}}

/* Commandes, étape 2 : encart condensé + grandes cases d'URL (17/09, Mathias) */
.cp-mini{margin:0 0 16px;padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
.cp-mini-t{margin:0 0 9px;font:500 13.5px/1.45 var(--b);color:#c7d0e6}.cp-mini-t b{color:#fff}
.cp-anat{display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px;font:500 12.5px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace}
.cp-anat>span{display:flex;flex-direction:column;gap:4px;padding:6px 10px;border-radius:9px;background:rgba(0,0,0,.3);color:#fff;max-width:100%;overflow-wrap:anywhere}
.cp-anat small{font:600 10px/1 var(--b);letter-spacing:.06em;text-transform:uppercase}
.cp-anat .cp-a-url{border:1px solid rgba(46,204,113,.55)}.cp-anat .cp-a-url small{color:#6fe0a0}
.cp-anat .cp-a-opt{border:1px dashed rgba(255,197,61,.5)}.cp-anat .cp-a-opt small{color:var(--sun)}
.cp-anat>i{font-style:normal;color:#9fb0d0;padding-top:6px}
.cp-mini-ia{margin:9px 0 0;font:500 12.5px/1.4 var(--b);color:#9fb0d0}
.cmd-form .cp-pack textarea{min-height:180px;font-size:14px;line-height:1.6;resize:vertical}

/* Commandes : ancres, rythme, précisions en cartes */
.oc-bloc{display:grid;gap:18px;margin:18px 0}
.oc-titre{margin:0 0 9px;font:700 15px/1.2 var(--h);color:#fff}.oc-titre span{font:500 12.5px/1 var(--b);color:#9fb0d0;margin-left:6px}
.oc-cartes{display:grid;gap:10px}
.oc-3{grid-template-columns:repeat(3,minmax(0,1fr))}.oc-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.oc-carte{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 14px 12px;border-radius:16px;background:rgba(255,255,255,.035);border:1.5px solid rgba(255,255,255,.12);cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s;min-width:0}
.oc-carte:hover{transform:translateY(-2px);border-color:rgba(255,197,61,.5)}
.oc-carte input{position:absolute;opacity:0;pointer-events:none}
.oc-carte:has(input:focus-visible){outline:2px solid var(--sun);outline-offset:2px}
.oc-carte:has(input:checked){border-color:var(--sun);background:linear-gradient(180deg,rgba(255,197,61,.16),rgba(255,197,61,.04));box-shadow:0 10px 26px -14px rgba(255,197,61,.7)}
.oc-carte:has(input:checked)::after{content:'✓';position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:50%;background:var(--sun);color:#0b1220;font:800 12px/22px var(--b);text-align:center;animation:oc-pop .25s ease-out}
@keyframes oc-pop{from{transform:scale(.3)}to{transform:scale(1)}}
.oc-ico{font-size:22px;line-height:1}
.oc-carte b{font:700 14px/1.2 var(--h);color:#fff}
.oc-carte small{font:500 12px/1.35 var(--b);color:#9fb0d0}
.oc-carte em{font:700 10px/1 var(--b);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#6fe0a0;margin-top:2px}
.oc-frise{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;width:100%;margin-top:6px}
.oc-frise i{height:12px;border-radius:3px;background:rgba(255,255,255,.08)}
.oc-frise i.on{background:rgba(255,197,61,.55)}
.oc-carte:has(input:checked) .oc-frise i.on{background:var(--sun)}
.oc-engage{margin:0;font:600 13px/1.4 var(--b);color:var(--sun)}
.oc-note{padding:14px;border-radius:16px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1);margin:4px 0 0}
.oc-note-t{display:flex;gap:10px;align-items:center;margin-bottom:10px}.oc-note-t b{display:block;font:700 15px/1.2 var(--h);color:#fff}.oc-note-t small{font-size:12.5px;color:#9fb0d0}
.oc-idees{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.oc-idees button{padding:6px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#e8edf7;font:600 12.5px/1 var(--b);cursor:pointer;transition:background .15s,border-color .15s}
.oc-idees button:hover{border-color:var(--sun);background:rgba(255,197,61,.12)}
.oc-note textarea{width:100%;min-height:96px;padding:11px 13px;border-radius:11px;border:1px solid rgba(255,255,255,.14);background:rgba(11,18,32,.6);color:#fff;font:500 14px/1.5 var(--b);box-sizing:border-box}
.oc-note textarea:focus{outline:none;border-color:var(--sun);box-shadow:0 0 0 3px rgba(255,197,61,.14)}
@media(max-width:1100px){.oc-5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.oc-3,.oc-5{grid-template-columns:1fr 1fr}.oc-carte{padding:12px 10px 10px}}

/* Mes liens : compteurs gamifiés (17/09, Mathias) */
.ls-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.ls-carte{--c:#4f7cff;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:2px;padding:16px 16px 14px;border-radius:20px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 26%,#0E1A38) 0%,#0E1A38 70%);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);min-width:0;transition:transform .2s}
.ls-carte:hover{transform:translateY(-3px)}
.ls-carte::before{content:'';position:absolute;right:-40px;top:-40px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--c) 45%,transparent),transparent 70%);pointer-events:none}
.ls-pub{--c:#a66bff}.ls-idx{--c:#2ecc71}.ls-mis{--c:#ffc53d}
.ls-haut{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ls-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-size:23px;background:color-mix(in srgb,var(--c) 22%,transparent);box-shadow:0 0 22px color-mix(in srgb,var(--c) 40%,transparent)}
.ls-ring{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--p)*1%),rgba(255,255,255,.1) 0)}
.ls-ring b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#0E1A38;font:700 10.5px/1 var(--b);color:#fff}
.ls-n{font:800 46px/1 var(--h);color:#fff;text-shadow:0 0 24px color-mix(in srgb,var(--c) 60%,transparent)}
.ls-carte:not(.on) .ls-n{color:#9fb0d0;text-shadow:none}
.ls-lib{font:400 11px/1.2 var(--cartoon);letter-spacing:.1em;text-transform:uppercase;color:var(--c);margin-top:4px}
.ls-sous{font:500 12.5px/1.35 var(--b);color:#c7d0e6}
.ls-palier{height:7px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:10px}
.ls-palier i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,color-mix(in srgb,var(--c) 60%,#fff),var(--c));box-shadow:0 0 10px var(--c)}
.ls-badge{margin-top:6px;font:600 11.5px/1.3 var(--b);color:#9fb0d0}.ls-badge b{color:#fff}
@media(max-width:1000px){.ls-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.ls-carte{padding:12px}.ls-n{font-size:36px}.ls-ico{width:36px;height:36px;font-size:19px}.ls-ring{width:40px;height:40px}.ls-ring b{width:31px;height:31px}}
/* Pop-up : bloc Projet allégé, pas de double cadre */
.lo-modal .lo-form{background:none;border:0;padding:0;box-shadow:none}
.lo-modal .lo-etape>*:not(h3){font-size:14px}
.lo-modal .lo-etape h2{display:none}.lo-modal .lo-etape>div:not(.choix):not(.champ){background:none!important;border:0!important;padding:0!important;box-shadow:none!important}
.lo-modal .pj-note{display:none}

/* ═══ 17/09/2026 (Mathias) — Mes liens : frise du voyage + détail gamifié ═══ */
/* Frise */
.fr{position:relative;margin:0 0 16px;padding:18px 20px 22px;border-radius:22px;background:radial-gradient(ellipse 60% 120% at 0% 0%,rgba(79,124,255,.22),transparent 60%),radial-gradient(ellipse 50% 120% at 100% 100%,rgba(255,197,61,.16),transparent 60%),#0E1A38;border:1px solid rgba(255,255,255,.1);overflow:hidden}
.fr-tete{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:6px}
.fr-tete .eyebrow{margin:0}.fr-tete>b{font:800 22px/1.1 var(--h);color:#fff}.fr-tete>small{flex-basis:100%;color:#9fb0d0;font-size:12.5px}
.fr-piste{position:relative;padding:58px 0 0}
.fr-rail,.fr-feu{position:absolute;left:calc(100%/16);right:calc(100%/16);top:84px;height:8px;border-radius:99px}
.fr-rail{background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 14px,transparent 14px 22px)}
.fr-feu{right:auto;width:calc((100% - 100%/8) * var(--loin) / 100);background:linear-gradient(90deg,#4f7cff,#a66bff 45%,#2FD08F 75%,#FFC53D);box-shadow:0 0 18px rgba(166,107,255,.6);overflow:hidden}
.fr-feu::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 8px,transparent 8px 26px);animation:fr-flux 1.1s linear infinite;mix-blend-mode:overlay}
@keyframes fr-flux{to{background-position:26px 0}}
.fr-piste ol{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr))}
.fr-st{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;min-width:0}
.fr-pt{position:relative;z-index:1;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#15244a;border:2px solid rgba(255,255,255,.18);font:800 16px/1 var(--h);color:#9fb0d0;transition:transform .2s}
.fr-pt small{font-size:11px;margin-right:1px}
.fr-st.passe .fr-pt{border-color:rgba(47,208,143,.7);color:#fff;background:#123a36}
.fr-st.ici .fr-pt{border-color:var(--sun);color:#fff;background:#3a3014;box-shadow:0 0 0 6px rgba(255,197,61,.15),0 0 26px rgba(255,197,61,.55);animation:fr-pouls 1.8s ease-in-out infinite}
@keyframes fr-pouls{50%{box-shadow:0 0 0 12px rgba(255,197,61,.05),0 0 34px rgba(255,197,61,.8)}}
.fr-st:hover .fr-pt{transform:scale(1.1)}
.fr-nom{margin-top:6px;font:700 12.5px/1.2 var(--h);color:#fff}.fr-st:not(.ici):not(.passe) .fr-nom{color:#9fb0d0}
.fr-q{font:600 10.5px/1 var(--b);color:#7f90b3}
.fr-bulle{position:absolute;top:-52px;left:50%;transform:translateX(-50%);animation:fr-saut 2.4s ease-in-out infinite;animation-delay:calc(var(--i) * .15s)}
.fr-bulle b{display:grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:14px;background:linear-gradient(180deg,#FFD46A,#F5A623);color:#0b1220;font:800 18px/1 var(--h);box-shadow:0 8px 18px -6px rgba(255,197,61,.8)}
.fr-bulle::after{content:'';position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);border:6px solid transparent;border-top-color:#F5A623;border-bottom:0}
@keyframes fr-saut{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,-5px)}}
@media(max-width:760px){
  .fr-piste{padding:0 0 0 8px}.fr-rail,.fr-feu{display:none}
  .fr-piste ol{grid-template-columns:1fr;gap:10px;border-left:4px dashed rgba(255,255,255,.15);padding-left:14px}
  .fr-st{flex-direction:row;text-align:left;gap:10px}.fr-pt{width:38px;height:38px;flex:0 0 38px}.fr-nom{margin:0}
  .fr-bulle{position:static;transform:none;order:9;margin-left:auto;animation:none}.fr-bulle::after{display:none}.fr-bulle b{height:30px;min-width:30px;font-size:15px}
}
/* Détail : trajet */
.ld2{display:grid;gap:14px;padding:6px 0 4px}
.tj{display:grid;grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) minmax(0,1fr);gap:0;align-items:stretch}
.tj-node{position:relative;display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:18px;text-decoration:none;color:#fff;min-width:0;transition:transform .15s,box-shadow .15s}
.tj-node:hover{transform:translateY(-2px)}
.tj-art{background:linear-gradient(150deg,rgba(166,107,255,.28),#131f40 70%);border:1px solid rgba(166,107,255,.55)}
.tj-cible{background:linear-gradient(150deg,rgba(47,208,143,.26),#131f40 70%);border:1px solid rgba(47,208,143,.55)}
.tj-node:hover.tj-art{box-shadow:0 14px 30px -14px rgba(166,107,255,.8)}.tj-node:hover.tj-cible{box-shadow:0 14px 30px -14px rgba(47,208,143,.8)}
.tj-node small{font:400 11px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:#c7d0e6}
.tj-node b{font:800 22px/1.15 var(--h);overflow-wrap:anywhere}
.tj-node span{font:500 13px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;color:#c7d0e6;overflow-wrap:anywhere}
.tj-node em{font:500 13px/1.35 var(--b);font-style:italic;color:#e8edf7;margin-top:4px}
.tj-go{align-self:flex-start;margin-top:8px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.1);font:700 12px/1 var(--b);font-style:normal}
.tj-attente{opacity:.75;border-style:dashed}
.tj-beam{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 8px;text-align:center;min-width:0}
.tj-ancre{font:700 13.5px/1.25 var(--h);color:var(--sun);overflow-wrap:anywhere}
.tj-beam small{font:600 10.5px/1 var(--b);color:#9fb0d0;text-transform:uppercase;letter-spacing:.08em}
.tj-flux{position:relative;display:block;width:100%;height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:visible}
.tj-flux::before{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(90deg,#a66bff 0 10px,#2FD08F 10px 20px);opacity:.8;animation:fr-flux .9s linear infinite;background-size:20px 100%}
.tj-flux::after{content:'';position:absolute;right:-8px;top:50%;transform:translateY(-50%);border:9px solid transparent;border-left-color:#2FD08F;border-right:0}
.tj-flux i{position:absolute;top:50%;left:0;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #FFC53D,0 0 4px #fff;animation:tj-bille 2.2s ease-in-out infinite}
@keyframes tj-bille{0%{left:0;opacity:0}15%{opacity:1}85%{opacity:1}100%{left:calc(100% - 14px);opacity:0}}
@media(max-width:760px){.tj{grid-template-columns:1fr}.tj-beam{padding:12px 0}.tj-flux{width:6px;height:46px}.tj-flux::before{background:repeating-linear-gradient(180deg,#a66bff 0 10px,#2FD08F 10px 20px)}.tj-flux::after{right:auto;left:50%;top:auto;bottom:-8px;transform:translateX(-50%);border:9px solid transparent;border-top-color:#2FD08F;border-bottom:0}.tj-flux i{left:50%;margin:0 0 0 -7px;top:0;animation:tj-bille-v 2.2s ease-in-out infinite}@keyframes tj-bille-v{0%{top:0;opacity:0}15%,85%{opacity:1}100%{top:calc(100% - 14px);opacity:0}}}
/* Détail : stats */
.st{position:relative;overflow:hidden;padding:18px 20px;border-radius:20px;background:radial-gradient(ellipse 70% 120% at 100% 0%,rgba(255,197,61,.18),transparent 60%),linear-gradient(160deg,#172a5c,#0E1A38 70%);border:1px solid rgba(255,197,61,.4)}
.st-tete{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:14px}
.st-tete>div{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 320px}
.st-tag{align-self:flex-start;padding:4px 10px;border-radius:999px;background:var(--sun);color:#0b1220;font:800 10.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase}
.st-tete b{font:800 20px/1.2 var(--h);color:#fff}.st-tete small{font-size:12.5px;color:#c7d0e6}
.st-mc{display:flex;flex-direction:column;gap:3px;padding:10px 14px;border-radius:14px;background:rgba(11,18,32,.55);border:1px solid rgba(255,255,255,.12);max-width:100%}
.st-mc small{font:400 10.5px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:var(--sun)}.st-mc b{font:700 15px/1.25 var(--h);color:#fff;overflow-wrap:anywhere}
.st-tuiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.st-t{--c:#4f7cff;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:16px;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 26%,#0E1A38),#0E1A38 80%);border:1px solid color-mix(in srgb,var(--c) 50%,transparent);min-width:0}
.st-imp{--c:#a66bff}.st-cli{--c:#2FD08F}.st-pos{--c:#FFC53D}.st-r4{--c:#4f7cff}
.st-t small{font:400 10.5px/1.1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:var(--c)}
.st-t b{display:flex;align-items:center;gap:8px;font:800 40px/1 var(--h);color:#fff;text-shadow:0 0 22px color-mix(in srgb,var(--c) 60%,transparent)}
.st-t span{font:600 12.5px/1.3 var(--b);color:#c7d0e6}
.st-vide b{font-size:28px;color:#c7d0e6}
.st-radar{position:relative;width:34px;height:34px;border-radius:50%;background:conic-gradient(from 0deg,color-mix(in srgb,var(--c) 70%,transparent),transparent 30%);border:1px solid color-mix(in srgb,var(--c) 55%,transparent);animation:st-tour 1.8s linear infinite}
.st-radar::after{content:'';position:absolute;inset:40%;border-radius:50%;background:var(--c)}
@keyframes st-tour{to{transform:rotate(360deg)}}
.st-vide:nth-child(1){--c:#FFC53D}.st-vide:nth-child(2){--c:#a66bff}.st-vide:nth-child(3){--c:#2FD08F}
.st-wait{margin:12px 0 0;font:500 13.5px/1.45 var(--b);color:#e8edf7}.st-wait b{color:var(--sun)}
.st-obj{display:flex;align-items:center;gap:12px;margin-top:12px;font:700 12px/1 var(--b);color:#c7d0e6}
.st-obj-bar{position:relative;flex:1;height:10px;border-radius:99px;background:rgba(255,255,255,.1)}
.st-obj-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4f7cff,#2FD08F,#FFC53D);box-shadow:0 0 12px rgba(255,197,61,.5)}
.st-obj-bar em{position:absolute;top:-18px;transform:translateX(-50%);font:700 10px/1 var(--b);font-style:normal;color:var(--sun)}
.st-courbe{display:block;width:100%;height:54px;margin-top:12px}.st-courbe polyline{fill:none;stroke:#FFC53D;stroke-width:1.2;vector-effect:non-scaling-stroke}
.st-maj{margin:8px 0 0;font-size:12px;color:#9fb0d0}
@media(max-width:620px){.st-tuiles{grid-template-columns:1fr}.st{padding:14px}.st-t b{font-size:32px}}
/* Détail : mini-calendrier */
.cal{padding:16px 18px;border-radius:20px;background:#0E1A38;border:1px solid rgba(255,255,255,.1)}
.cal-tete-l{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:center;margin-bottom:12px}
.cal-tete-l>b{font:800 18px/1.2 var(--h);color:#fff}
.cal-leg{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;font:600 11.5px/1 var(--b);color:#9fb0d0}
.cal-leg i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:-6px}
.lg-pub{background:#a66bff}.lg-idx{background:rgba(79,124,255,.6)}.lg-mail{background:#FFC53D}.lg-auj{border:2px solid #fff}
.cal-mois-l{display:flex;flex-wrap:wrap;gap:16px}
.cal-m{flex:1 1 230px;max-width:300px}
.cal-m>p{margin:0 0 6px;font:700 13px/1 var(--h);color:#fff;text-transform:capitalize}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.cal-g>span{font:700 10px/1 var(--b);color:#7f90b3;text-align:center;padding-bottom:3px}
.cal-g>b,.cal-g>a{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:9px;font:600 12px/1 var(--b);color:#c7d0e6;background:rgba(255,255,255,.04);text-decoration:none}
.cal-g>.c-passe{color:#6f80a3}
.cal-g>.c-idx{background:rgba(79,124,255,.22);color:#fff}
.cal-g>.c-auj{box-shadow:inset 0 0 0 2px #fff;color:#fff;font-weight:800}
.cal-g>.c-pub{background:#a66bff;color:#fff;font-weight:800;box-shadow:0 0 14px rgba(166,107,255,.7)}
.cal-g>.c-idx.c-ok,.cal-g>.c-idx:is(.c-ok){background:#2FD08F}
.cal-g>.c-mail{background:transparent;color:#fff;font-weight:800;box-shadow:inset 0 0 0 2px #FFC53D}
.cal-g>.c-mail::after{content:'';position:absolute;bottom:3px;width:5px;height:5px;border-radius:50%;background:#FFC53D}
.cal-g>.c-mail.c-ok{background:#FFC53D;color:#0b1220}
.cal-g>.c-mail:not(.c-ok){animation:cal-cli 2.4s ease-in-out infinite}
@keyframes cal-cli{50%{box-shadow:inset 0 0 0 2px #FFC53D,0 0 12px rgba(255,197,61,.6)}}
.cal-g>a:hover{transform:scale(1.12)}
.cal-ev{list-style:none;margin:14px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}
.cal-ev li{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);min-width:0}
.cal-ev li>i{font-style:normal;font-size:18px}
.cal-ev li>div{flex:1;min-width:0}.cal-ev b{display:block;font:700 13px/1.2 var(--h);color:#fff}.cal-ev small{font-size:12px;color:#9fb0d0}
.cal-ev li.ok{border-color:rgba(47,208,143,.45);background:rgba(47,208,143,.08)}
.cal-ev li.live{border-color:rgba(79,124,255,.6);background:rgba(79,124,255,.12)}
.cal-ev a{padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;font:700 11.5px/1 var(--b);text-decoration:none;white-space:nowrap}
.ev-cd{display:inline-block;padding:2px 7px;border-radius:7px;background:#4f7cff;color:#fff!important;font-weight:800}
@media (prefers-reduced-motion:reduce){.fr-feu::after,.fr-st.ici .fr-pt,.fr-bulle,.tj-flux::before,.tj-flux i,.st-radar,.cal-g>.c-mail{animation:none!important}}
.cal-ev{align-items:start}.cal-ev li.ev-idx{grid-column:span 2}
@media(max-width:620px){.cal-ev{grid-template-columns:1fr}.cal-ev li.ev-idx{grid-column:auto}}
.cal-ev small b.ev-cd{display:inline-block;font:800 11.5px/1.3 var(--b)}

/* ═══ 17/09/2026 (Mathias) — passe CLARTÉ : 3 couleurs qui ont un sens, pas plus ═══
   bleu (marque) = en route · vert = acquis (en ligne, indexé, payé) · or = récompense / action / abonnement */
:root{--t-bleu:#4d74ff;--t-vert:#2FD08F;--t-or:#FFC53D}
/* Compteur cliquable */
.cpt-grille{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 16px}
.cpt-grille.cpt-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cpt{--c:var(--t-bleu);position:relative;display:flex;flex-direction:column;gap:2px;padding:16px 16px 14px;border-radius:18px;text-decoration:none;color:#fff;background:linear-gradient(160deg,color-mix(in srgb,var(--c) 16%,#0E1A38),#0E1A38 75%);border:1px solid color-mix(in srgb,var(--c) 32%,rgba(255,255,255,.08));min-width:0;transition:transform .18s,border-color .18s,box-shadow .18s}
.cpt-vert{--c:var(--t-vert)}.cpt-or{--c:var(--t-or)}.cpt-bleu{--c:var(--t-bleu)}
a.cpt:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 14px 30px -18px var(--c)}
a.cpt.actif{border-color:var(--c);box-shadow:0 0 0 3px color-mix(in srgb,var(--c) 25%,transparent)}
.cpt-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:color-mix(in srgb,var(--c) 18%,transparent);margin-bottom:8px}
.cpt-n{font:800 40px/1 var(--h);color:#fff}
.cpt:not(.on) .cpt-n{color:#8797ba}
.cpt-lib{font:400 11px/1.2 var(--cartoon);letter-spacing:.09em;text-transform:uppercase;color:var(--c);margin-top:6px}
.cpt-sous{font:500 12.5px/1.35 var(--b);color:#b7c2dc}.cpt-sous b{color:#fff}
.cpt-bar{display:block;height:6px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:10px}
.cpt-bar i{display:block;height:100%;border-radius:inherit;background:var(--c);transition:width .8s cubic-bezier(.2,.8,.2,1)}
.cpt-go{position:absolute;top:14px;right:14px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:700 13px/1 var(--b);font-style:normal;color:var(--c);background:rgba(255,255,255,.05);transition:transform .18s}
a.cpt:hover .cpt-go{transform:translateX(3px)}
a.cpt.actif .cpt-go{background:var(--c);color:#0b1220}
@media(max-width:1000px){.cpt-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.cpt{padding:12px}.cpt-n{font-size:32px}.cpt-grille.cpt-3{grid-template-columns:1fr}}
.vue-filtre{margin:-4px 0 14px;font:500 13.5px/1.4 var(--b);color:#c7d0e6}.vue-filtre b{color:#fff}.vue-filtre a{margin-left:8px;padding:3px 10px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;text-decoration:none;font-weight:700;font-size:12.5px}

/* Mes liens : palette ramenée à 3 couleurs, animations calmées */
.fr-feu{background:linear-gradient(90deg,var(--t-bleu),var(--t-vert));box-shadow:0 0 14px rgba(47,208,143,.35)}
.fr-bulle{animation:none}
.fr-st.ici .fr-pt{animation-duration:3.2s}
.tj-art{background:linear-gradient(150deg,rgba(77,116,255,.26),#131f40 70%);border-color:rgba(77,116,255,.55)}
.tj-node:hover.tj-art{box-shadow:0 14px 30px -14px rgba(77,116,255,.8)}
.tj-flux::before{background:repeating-linear-gradient(90deg,var(--t-bleu) 0 10px,var(--t-vert) 10px 20px);background-size:20px 100%}
@media(max-width:760px){.tj-flux::before{background:repeating-linear-gradient(180deg,var(--t-bleu) 0 10px,var(--t-vert) 10px 20px)}}
.st-t,.st-imp,.st-cli,.st-pos,.st-r4{--c:var(--t-or)}
.st-t{background:rgba(11,18,32,.45);border-color:rgba(255,197,61,.28)}
.st-vide b{font-size:24px;color:#8797ba}.st-tiret{font-weight:700}
.st-wait{display:flex;align-items:center;gap:12px}
.st-wait .st-radar{--c:var(--t-or);flex:0 0 30px;width:30px;height:30px}
.lg-pub{background:var(--t-bleu)}.lg-idx{background:rgba(77,116,255,.45)}
.cal-g>.c-pub{background:var(--t-bleu);box-shadow:0 0 12px rgba(77,116,255,.6)}
.cal-g>.c-idx{background:rgba(77,116,255,.18)}
.cal-g>.c-mail:not(.c-ok){animation:none}
.cal-g>.c-idx.c-ok,.cal-g>.c-ok.c-pub{background:var(--t-vert);color:#04140c}

/* Accueil : quêtes et niveaux, léger */
.quetes li{transition:transform .15s,border-color .15s}.quetes li:not(.ok):hover{transform:translateX(3px);border-color:rgba(255,197,61,.35)}
.quetes li.ok{background:rgba(47,208,143,.06);border-color:rgba(47,208,143,.22)}
.quetes li:not(.ok) .qt-xp{background:var(--t-or);color:#1a1200}
.nv-liste li.now{box-shadow:0 0 0 3px rgba(255,197,61,.12)}

/* Dock : cadeau propre */
.dk-badge{top:-7px;right:-9px;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--t-or);box-shadow:0 0 0 2px #0b1220,0 0 12px rgba(255,197,61,.7);filter:none;font-size:0}
.dk-badge svg{width:12px!important;height:12px!important;stroke:#1a1200!important;stroke-width:2.2!important;fill:none}
.dock a.on .dk-badge{box-shadow:0 0 0 2px var(--sun)}

/* Factures */
.fa-lead{max-width:720px}
.fa-abo{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:0 0 14px;padding:14px 16px;border-radius:16px;background:linear-gradient(160deg,rgba(47,208,143,.12),#0E1A38 70%);border:1px solid rgba(47,208,143,.35)}
.fa-abo>div{flex:1 1 280px;min-width:0}.fa-abo b{display:block;font:700 14.5px/1.3 var(--h);color:#fff}.fa-abo small{font-size:13px;color:#c7d0e6}.fa-abo small b{display:inline;color:#fff;font:inherit;font-weight:700}
.fa-abo-ico{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-size:20px;background:rgba(47,208,143,.16)}
.fa-abo form{margin:0}
.fa-liste{display:grid;gap:10px}
.fa-carte{display:grid;grid-template-columns:44px minmax(0,1fr) auto auto auto;align-items:center;gap:14px;padding:14px 16px;border-radius:16px;background:#0E1A38;border:1px solid rgba(255,255,255,.1)}
.fa-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font:800 18px/1 var(--h);background:rgba(255,197,61,.14);color:var(--t-or)}
.fa-carte.paye .fa-ico{background:rgba(47,208,143,.16);color:var(--t-vert)}
.fa-id{min-width:0}.fa-id b{display:block;font:700 15px/1.25 var(--h);color:#fff}.fa-id small{font-size:12.5px;color:#9fb0d0}
.fa-montant{font:800 22px/1 var(--h);color:#fff;white-space:nowrap}.fa-montant small{font:600 11px/1 var(--b);color:#9fb0d0;margin-left:4px}
.fa-etat{padding:5px 11px;border-radius:999px;font:700 12px/1 var(--b);white-space:nowrap}
.fa-etat.ok{background:rgba(47,208,143,.14);color:var(--t-vert)}.fa-etat.att{background:rgba(255,197,61,.14);color:var(--t-or)}
.fa-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.fa-act .reg-bloc{margin:0}
.fa-note{margin-top:12px}
@media(max-width:760px){.fa-carte{grid-template-columns:44px minmax(0,1fr);}.fa-montant,.fa-etat,.fa-act{grid-column:2}.fa-act{justify-content:flex-start}}

/* Projets */
.pj-form .form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:12px;align-items:end}
.pj-form .form .champ{margin:0}.pj-form .form .btn{white-space:nowrap}
@media(max-width:900px){.pj-form .form{grid-template-columns:1fr}}
.pj-tete{display:flex;align-items:center;gap:10px}
.pj-ico{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-size:17px;background:rgba(77,116,255,.18);flex:0 0 34px}
.pj-stats>div{border-radius:12px;padding:8px 4px}
.pjs-vert{background:rgba(47,208,143,.08)}.pjs-vert b{color:var(--t-vert)}
.pjs-bleu{background:rgba(77,116,255,.1)}.pjs-bleu b{color:#8ea8ff}
.pjs-or{background:rgba(255,197,61,.08)}.pjs-or b{color:var(--t-or)}
.pj-carte{transition:transform .15s,border-color .15s}.pj-carte:hover{transform:translateY(-2px);border-color:rgba(77,116,255,.4)}

/* Parrainage : compteurs à la même logique */
.ph-kpis>div:nth-child(1) b{color:#8ea8ff}.ph-kpis>div:nth-child(2) b{color:var(--t-vert)}.ph-kpis>div:nth-child(3) b{color:var(--t-or)}

/* Compte : champs sur deux colonnes quand la place le permet */
@media(min-width:1100px){.esp-grid>.carte-esp>form.form:has(#societe){display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.esp-grid form.form:has(#societe)>:is(.champ:has(#adresse),label.hf-opt,.aide,button){grid-column:1/-1}.esp-grid form.form:has(#societe)>button{justify-self:start;min-width:220px}}

/* Support */
.sup-vide{display:flex;gap:14px;align-items:flex-start}
.sup-vide img{flex:0 0 84px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.4))}
.sup-vide b{display:block;font:700 16px/1.3 var(--h);color:#fff}.sup-vide p{margin:4px 0 10px;font-size:14px;color:#c7d0e6;line-height:1.5}
.sup-pill{display:inline-block;padding:5px 11px;border-radius:999px;background:rgba(47,208,143,.12);color:var(--t-vert);font:700 12px/1 var(--b)}
/* compteurs compacts : icône à gauche, chiffre et libellé à droite (autocritique 17/09) */
.cpt{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-areas:"ico n" "ico lib" "sous sous" "bar bar";column-gap:12px;align-items:center;padding:14px 16px}
.cpt-ico{grid-area:ico;width:46px;height:46px;margin:0;border-radius:14px;color:var(--c)}
.cpt-ico svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.cpt-n{grid-area:n;font-size:32px;align-self:end}
.cpt-lib{grid-area:lib;margin:2px 0 0;align-self:start}
.cpt-sous{grid-area:sous;margin-top:10px}
.cpt-bar{grid-area:bar;margin-top:8px}
.cpt-go{top:12px;right:12px}
.quetes ul{align-content:start}
.dk-badge{width:22px;height:22px}.dk-badge svg{width:13px!important;height:13px!important}
.st-vide:nth-child(n){--c:var(--t-or)}
.pj-tete{justify-content:flex-start}.pj-tete .etat{margin-left:auto}
.fr-pt small{display:none}

/* ===== 17/09 soir — retours Mathias : chiffres des étapes, espaces Commandes, détail d'un lien moins « cubique », modales ===== */
.cmd-etape h2 i,.pj-etape h2 i,.lo-etape h3 i,.cmd-etape h2 i *{text-shadow:none!important}
.ab-liste{margin:22px 0 18px}.ab-liste>.eyebrow{margin:0 0 10px}
.cmd-tete{margin-bottom:0}
.cmd-form>.pj-etape:first-of-type,.cmd-form>.pj-etape-nue:first-of-type{margin-top:0}
/* la consigne « choisissez d'abord vos liens » ne peut plus passer inaperçue */
a.cp-vide{display:flex;align-items:center;gap:14px;margin:14px 0 4px;padding:14px 18px;border-radius:16px;border:1.5px dashed rgba(255,197,61,.7);background:rgba(255,197,61,.1);color:#fff;font:500 14.5px/1.4 var(--b);font-style:normal;text-decoration:none}
a.cp-vide[hidden]{display:none}
a.cp-vide b{color:var(--sun)}
a.cp-vide i{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#10192c;animation:cpMonte 1.6s ease-in-out infinite}
a.cp-vide svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
@keyframes cpMonte{0%,100%{transform:translateY(2px)}50%{transform:translateY(-4px)}}
/* ligne d'un lien : l'étape en cours écrite sous la barre */
.lv-parcours{display:flex;flex-direction:column;gap:7px;min-width:0}
.lv-encours{font:500 12.5px/1.2 var(--b);color:#c7d0e6}.lv-encours b{color:var(--sun);font-weight:700}
/* détail : deux cartes douces reliées par un faisceau OR, sans cadres durs */
.ld2{gap:16px;padding:8px 2px 6px}
.ld2 .tj{gap:0}
.ld2 .tj-node{border:0;border-radius:26px;padding:20px 22px;background:linear-gradient(160deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.ld2 .tj-art{background:radial-gradient(ellipse 80% 90% at 0% 0%,rgba(77,116,255,.22),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.ld2 .tj-cible{background:radial-gradient(ellipse 80% 90% at 100% 0%,rgba(255,197,61,.2),transparent 70%),linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.ld2 .tj-node:hover.tj-art,.ld2 .tj-node:hover.tj-cible{box-shadow:0 18px 40px -22px rgba(255,197,61,.55),inset 0 1px 0 rgba(255,255,255,.1)}
.ld2 .tj-go{background:rgba(255,197,61,.14);color:var(--sun)}
.ld2 .tj-flux{height:4px;background:rgba(255,197,61,.14)}
.ld2 .tj-flux::before{background:repeating-linear-gradient(90deg,var(--t-or) 0 12px,rgba(255,197,61,.25) 12px 22px)!important;background-size:22px 100%!important;opacity:1}
.ld2 .tj-flux::after{border-left-color:var(--t-or)}
.ld2 .tj-flux i{box-shadow:0 0 16px var(--t-or),0 0 4px #fff}
@media(max-width:760px){.ld2 .tj-flux{width:4px}.ld2 .tj-flux::before{background:repeating-linear-gradient(180deg,var(--t-or) 0 12px,rgba(255,197,61,.25) 12px 22px)!important}.ld2 .tj-flux::after{border-left-color:transparent;border-top-color:var(--t-or)}}
.ld-bas{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:4px 4px 0}
.ld-etape{display:flex;gap:14px;align-items:center;margin:0}
.ld-etape span{display:flex;flex-direction:column;gap:3px;min-width:0}
.ld-etape small{font:700 11px/1 var(--b);text-transform:uppercase;letter-spacing:.08em;color:#9fb0d0}
.ld-etape b{font:800 19px/1.2 var(--h);color:#fff}
.ld-etape em{font:500 13px/1.35 var(--b);font-style:normal;color:#c7d0e6}
.ld-pulse{flex:0 0 14px;height:14px;border-radius:50%;background:var(--sun);box-shadow:0 0 0 0 rgba(255,197,61,.6);animation:ldPulse 2.2s ease-out infinite}
@keyframes ldPulse{0%{box-shadow:0 0 0 0 rgba(255,197,61,.55)}80%,100%{box-shadow:0 0 0 12px rgba(255,197,61,0)}}
.ld-btns{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.ld-btn{display:flex;align-items:center;gap:12px;padding:12px 18px 12px 12px;border-radius:999px;border:1px solid rgba(255,197,61,.45);background:rgba(255,197,61,.08);color:#fff;cursor:pointer;text-align:left;transition:transform .15s,background .15s,box-shadow .15s}
.ld-btn:hover{transform:translateY(-2px);background:rgba(255,197,61,.16);box-shadow:0 14px 30px -18px rgba(255,197,61,.8)}
.ld-btn i{flex:0 0 40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#10192c}
.ld-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ld-btn span{display:flex;flex-direction:column;gap:3px}
.ld-btn b{font:700 14.5px/1.1 var(--h)}.ld-btn small{font:500 12px/1.2 var(--b);color:#c7d0e6}
@media(max-width:900px){.ld-bas{grid-template-columns:1fr}.ld-btns{justify-content:stretch}.ld-btn{flex:1 1 240px}}
/* fenêtres stats / calendrier */
.ld-modal{width:min(860px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:26px 26px 22px;border:0;border-radius:28px;background:radial-gradient(ellipse 60% 50% at 100% 0%,rgba(255,197,61,.12),transparent 70%),#0E1A38;color:#e8edf7;box-shadow:0 50px 100px -30px rgba(0,0,0,.85),0 0 0 1px rgba(255,197,61,.25);overflow:auto;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .22s,transform .28s cubic-bezier(.2,.8,.2,1)}
.ld-modal[open].on{opacity:1;transform:none}
.ld-modal::backdrop{background:rgba(4,8,18,.72);backdrop-filter:blur(4px)}
.ld-x{position:sticky;top:0;float:right;z-index:2;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#16244a;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.ld-x:hover{transform:rotate(90deg)}.ld-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.ld-modal-t{margin:0 0 12px;padding-right:48px}.ld-modal-t small{font:700 12px/1.2 var(--b);color:var(--sun);text-transform:uppercase;letter-spacing:.08em}
.ld-modal .st,.ld-modal .cal{border:0;background:none;padding:0;border-radius:0}
.ld-modal .st-t{border-radius:22px}
@media(max-width:620px){.ld-modal{padding:18px 16px;border-radius:22px}}
@media (prefers-reduced-motion:reduce){a.cp-vide i,.ld-pulse{animation:none}.ld-modal{transition:none}}
/* exports CSV / Excel */
.exp-tete{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
.exp-tete h1{margin-bottom:0}
.exp{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.exp span{font:600 12px/1 var(--b);color:#9fb0d0;margin-right:4px}
.exp a{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04);color:#fff;font:700 13px/1 var(--b);text-decoration:none;transition:border-color .15s,background .15s}
.exp a:hover{border-color:var(--sun);background:rgba(255,197,61,.1)}
.exp svg{width:15px;height:15px;fill:none;stroke:var(--sun);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.exp-petit{margin-bottom:10px}.exp-petit .eyebrow{margin:0}.exp-petit .exp a{padding:6px 12px;font-size:12px}
.app-main .exp-tete+*{margin-top:18px}
.ld-modal .cal-ev{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));align-items:stretch}
.ld-modal .cal-ev li{grid-column:auto!important}
.ld-modal .cal-ev li.ev-idx{grid-column:span 2!important}
@media(max-width:620px){.ld-modal .cal-ev li.ev-idx{grid-column:auto!important}}
.app-main .exp-petit+*,.ab-liste .exp-petit+.ab-carte{margin-top:0!important}

/* ── ADMIN v2 (17/09/2026, Mathias : « aussi beau que l'espace client ») — page client, tableau de bord ── */
body.admin-immersif .hlp-btn{display:none!important}
.acl-hero{--c:var(--t-bleu);position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;align-items:center;padding:22px 24px;margin:6px 0 16px;border-radius:24px;background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--c) 22%,transparent),transparent 60%),linear-gradient(160deg,#13224a,#0c1733);border:1px solid color-mix(in srgb,var(--c) 35%,rgba(255,255,255,.08));overflow:hidden;animation:aclMonte .45s cubic-bezier(.2,.8,.2,1) both}
.acl-or{--c:var(--t-or)}.acl-vert{--c:var(--t-vert)}.acl-bleu{--c:var(--t-bleu)}.acl-gris{--c:#8797ba}
.acl-qui{display:flex;gap:16px;align-items:center;min-width:0}
.acl-av{flex:0 0 64px;height:64px;border-radius:20px;display:grid;place-items:center;font:400 30px/1 var(--cartoon);color:#fff;background:linear-gradient(145deg,hsl(var(--h) 70% 55%),hsl(calc(var(--h) + 40) 70% 38%));box-shadow:0 10px 24px -10px hsl(var(--h) 70% 50%)}
.acl-id{display:flex;flex-direction:column;gap:3px;min-width:0}
.acl-id>b{font:400 28px/1.05 var(--cartoon);color:#fff;letter-spacing:.01em;overflow-wrap:anywhere}
.acl-id>small{font-size:13px;color:#9fb0d4;overflow-wrap:anywhere}
.acl-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.acl-tags i{font-style:normal;font-size:12px;padding:4px 10px;border-radius:99px;background:rgba(255,255,255,.06);color:#c9d3ea}
.acl-tags i.acl-eur{background:color-mix(in srgb,var(--t-vert) 18%,transparent);color:#bff3dc;font-weight:700}
.acl-etat{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:16px 18px;border-radius:18px;background:rgba(7,14,32,.45);border:1px solid rgba(255,255,255,.07)}
.acl-etat p{display:flex;gap:12px;align-items:center;margin:0}
.acl-etat p small{display:block;font:400 11px/1.2 var(--cartoon);letter-spacing:.09em;text-transform:uppercase;color:var(--c)}
.acl-etat p b{display:block;font-size:17px;line-height:1.3;color:#fff}
.acl-pulse{flex:0 0 14px;height:14px;border-radius:50%;background:var(--c);animation:aclPulse 2.2s ease-out infinite}
@keyframes aclPulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--c) 60%,transparent)}80%,100%{box-shadow:0 0 0 13px transparent}}
@keyframes aclMonte{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.acl-go{font-size:15px;padding:12px 18px}
.acl-sous{font-size:12px;color:#9fb0d4}
.acl-cpts .cpt{animation:aclMonte .5s cubic-bezier(.2,.8,.2,1) both}
.acl-cpts .cpt:nth-child(2){animation-delay:.06s}.acl-cpts .cpt:nth-child(3){animation-delay:.12s}.acl-cpts .cpt:nth-child(4){animation-delay:.18s}
.acl-todo{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;margin:0 0 18px}
.acl-t{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:16px;background:#0f1b3b;border:1px solid rgba(255,255,255,.07)}
.acl-t span{min-width:0}.acl-t b{display:block;font-size:14px;color:#fff}.acl-t small{display:block;font-size:12px;color:#9fb0d4}
.acl-t-moi{box-shadow:inset 3px 0 0 var(--t-or)}.acl-t-cli{box-shadow:inset 3px 0 0 var(--t-bleu)}
.acl-h2{font:400 20px/1.2 var(--cartoon)!important;text-shadow:none!important;color:#fff;margin:22px 0 10px!important;letter-spacing:.01em}
.acl-cmd{padding:18px 20px;border-radius:22px;background:linear-gradient(170deg,#12204a,#0d1836);border:1px solid rgba(255,255,255,.08);margin:0 0 14px;animation:aclMonte .5s cubic-bezier(.2,.8,.2,1) both}
.acl-cmd>header{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:14px}
.acl-cmd-t b{display:block;font-size:17px;color:#fff}.acl-cmd-t small{font-size:12.5px;color:#9fb0d4}
.acl-par{list-style:none;margin:0 0 14px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.acl-par li{position:relative;padding:10px 12px 12px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);overflow:hidden}
.acl-par li i{position:absolute;left:0;bottom:0;height:4px;width:var(--p);background:var(--t-bleu);border-radius:0 4px 4px 0;animation:aclRemplit 1s cubic-bezier(.2,.8,.2,1) both}
.acl-par li.ok i{background:var(--t-vert)}
.acl-par li.cur{border-color:color-mix(in srgb,var(--t-or) 55%,transparent);background:color-mix(in srgb,var(--t-or) 8%,transparent)}
.acl-par li.cur i{background:var(--t-or)}
@keyframes aclRemplit{from{width:0}}
.acl-par b{display:block;font:400 24px/1 var(--cartoon);color:#fff}.acl-par b small{font:600 12px var(--b);color:#8797ba;margin-left:2px}
.acl-par span{display:block;font-size:11.5px;color:#9fb0d4;margin-top:4px}
.acl-par li.ok span{color:#9ee9c6}.acl-par li.cur span{color:var(--t-or)}
.acl-liens{display:flex;flex-direction:column;gap:6px}
.acl-l{display:grid;grid-template-columns:28px minmax(0,1fr) auto 150px;gap:4px 12px;align-items:center;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.03);transition:background .15s}
.acl-l:hover{background:rgba(255,255,255,.06)}
.acl-l.vide{background:transparent;border:1px dashed rgba(255,255,255,.12)}
.acl-l.pb{box-shadow:inset 3px 0 0 #ff8a5b}
.acl-l-n{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#9fb0d4;background:rgba(255,255,255,.06)}
.acl-l.fini .acl-l-n{background:var(--t-vert);color:#0b1220}
.acl-l-q{min-width:0}.acl-l-q b{display:block;font-size:14px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acl-l-q small{display:block;font-size:12px;color:#8797ba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acl-l-q a{color:#b9c8ea;text-decoration:none}.acl-l-q a:hover{color:var(--sun)}
.acl-att{color:#9fb0d4!important;font-weight:600}
.acl-pips{display:flex;gap:4px}
.acl-pips i{width:18px;height:6px;border-radius:99px;background:rgba(255,255,255,.1)}
.acl-pips i.ok{background:var(--t-vert)}
.acl-pips i.cur{background:var(--t-or);animation:aclClign 1.6s ease-in-out infinite}
@keyframes aclClign{50%{opacity:.45}}
.acl-mot{font-size:12.5px;font-weight:600;color:#b9c8ea;text-align:right}
.acl-mot.v{color:var(--t-vert)}.acl-mot.o{color:var(--t-or)}
.acl-pb{grid-column:2/-1;margin:2px 0 0;font-size:12.5px;color:#ffc2a8}
.acl-plie{margin:14px 0;border-radius:18px;background:#0f1b3b;border:1px solid rgba(255,255,255,.07);padding:0 16px}
.acl-plie>summary{cursor:pointer;list-style:none;padding:14px 0;font-weight:700;color:#dfe6f7;display:flex;gap:8px;align-items:center}
.acl-plie>summary::-webkit-details-marker{display:none}
.acl-plie>summary b{margin-left:auto;min-width:26px;text-align:center;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.08);font-size:12px}
.acl-plie>summary::after{content:'▾';color:#8797ba;transition:transform .2s}
.acl-plie[open]>summary::after{transform:rotate(180deg)}
.acl-plie[open]{padding-bottom:14px}
.acl-mini{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:10px;align-items:center;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:6px;color:#dfe6f7;text-decoration:none;font-size:13px}
.acl-mini:hover{background:rgba(255,255,255,.07)}.acl-mini small{color:#8797ba}
@media(max-width:900px){.acl-hero{grid-template-columns:1fr}.acl-par{grid-template-columns:repeat(5,minmax(58px,1fr));overflow-x:auto}.acl-l{grid-template-columns:28px minmax(0,1fr) auto}.acl-mot{grid-column:2/-1;text-align:left}}
@media(max-width:520px){.acl-hero{padding:16px}.acl-av{flex-basis:48px;height:48px;font-size:22px}.acl-id>b{font-size:22px}.acl-par{gap:5px}.acl-par li{padding:8px}.acl-par b{font-size:18px}.acl-par span{font-size:10px}.acl-mini{grid-template-columns:1fr auto}.acl-cmd{padding:14px}}
@media(prefers-reduced-motion:reduce){.acl-hero,.acl-cmd,.acl-cpts .cpt,.acl-par li i,.acl-pips i.cur,.acl-pulse{animation:none}}
.acl-t .btn{white-space:nowrap;flex:0 0 auto}
.adb-hero{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) minmax(0,1.5fr);gap:22px;align-items:center;padding:20px 24px 20px 12px;margin:6px 0 16px;border-radius:26px;background:radial-gradient(90% 140% at 0% 0%,rgba(77,116,255,.28),transparent 60%),radial-gradient(70% 120% at 100% 100%,rgba(255,197,61,.12),transparent 60%),linear-gradient(160deg,#13224a,#0c1733);border:1px solid rgba(255,255,255,.09);overflow:hidden;animation:aclMonte .45s cubic-bezier(.2,.8,.2,1) both}
.adb-lynx img{display:block;width:92px;height:auto;animation:cpMonte 4s ease-in-out infinite;filter:drop-shadow(0 12px 18px rgba(0,0,0,.4))}
.adb-salut small{display:block;font:400 11px/1.2 var(--cartoon);letter-spacing:.09em;text-transform:uppercase;color:var(--t-or)}
.adb-salut b{display:block;font:400 30px/1.05 var(--cartoon);color:#fff;margin:4px 0 6px}
.adb-salut p{margin:0;font-size:14px;color:#c9d3ea;line-height:1.4}
.adb-big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.adb-big a{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border-radius:18px;background:rgba(7,14,32,.45);border:1px solid rgba(255,255,255,.07);text-decoration:none;color:#fff;transition:transform .18s,border-color .18s}
.adb-big a:hover{transform:translateY(-3px);border-color:rgba(255,197,61,.5)}
.adb-big small{font-size:11.5px;color:#9fb0d4}.adb-big b{font:400 34px/1 var(--cartoon);color:#fff}.adb-big i{font-style:normal;font-size:12px;color:#9fb0d4}
.adb-jauge{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden;margin-top:8px}
.adb-jauge em{display:block;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,var(--t-vert),#7ce9b8);animation:aclRemplit 1.1s cubic-bezier(.2,.8,.2,1) both}
.adb-jauge.bas em{background:linear-gradient(90deg,var(--t-or),#ff8a5b)}
.adb-cpts .cpt{animation:aclMonte .5s cubic-bezier(.2,.8,.2,1) both}
.adb-cpts .cpt:nth-child(n+2){animation-delay:.05s}.adb-cpts .cpt:nth-child(n+3){animation-delay:.1s}.adb-cpts .cpt:nth-child(n+5){animation-delay:.15s}.adb-cpts .cpt:nth-child(n+7){animation-delay:.2s}
.adb-cols{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}
.adb-todo,.adb-places,.adb-flux{padding:18px 18px 16px;border-radius:22px;background:linear-gradient(170deg,#12204a,#0d1836);border:1px solid rgba(255,255,255,.08)}
.adb-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.adb-h{display:flex;align-items:center;gap:10px;margin:0 0 12px}
.adb-h h2{margin:0!important;font:400 20px/1.2 var(--cartoon)!important;text-shadow:none!important;color:#fff}
.adb-h b{min-width:30px;text-align:center;padding:3px 9px;border-radius:99px;background:var(--t-or);color:#10182b;font-size:13px}
.adb-vide{margin:0;color:#9fb0d4}
.adb-al{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}
.adb-al li{animation:aclMonte .4s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 35ms)}
.adb-a{--c:var(--t-bleu);display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px 11px 11px;border-radius:15px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.06);box-shadow:inset 3px 0 0 var(--c);text-decoration:none;color:#fff;transition:background .15s,transform .15s}
.adb-a:hover{background:rgba(255,255,255,.07);transform:translateX(3px)}
.adb-rouge{--c:#ff6b6b}.adb-or{--c:var(--t-or)}.adb-vert{--c:var(--t-vert)}.adb-bleu{--c:var(--t-bleu)}
.adb-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:color-mix(in srgb,var(--c) 16%,transparent)}
.adb-txt b{display:block;font-size:14px;line-height:1.3}.adb-txt small{display:block;font-size:12.5px;color:#9fb0d4;line-height:1.35}
.adb-a>i{font-style:normal;color:var(--c);font-weight:700}
.adb-pl{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 10px;margin-bottom:12px;font-size:13.5px;color:#dfe6f7}
.adb-pl b{font-size:14px}.adb-pl b small{color:#8797ba;font-weight:500}
.adb-pl .adb-jauge{grid-column:1/-1;margin-top:4px}
.adb-resa{margin:4px 0 0;font-size:12.5px;color:#9fb0d4}
.adb-flux{max-height:640px;overflow:auto}
.adb-jour{margin:12px 0 6px;font:400 11px/1.2 var(--cartoon);letter-spacing:.09em;text-transform:uppercase;color:var(--t-or)}
.adb-jour:first-of-type{margin-top:0}
.adb-ev{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:10px;align-items:start;padding:7px 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:13px;color:#dfe6f7}
.adb-ev:last-child{border:0}.adb-ev-i{font-size:15px;text-align:center}.adb-ev time{color:#8797ba;font-size:12px}
@media(max-width:1100px){.adb-hero{grid-template-columns:auto minmax(0,1fr)}.adb-big{grid-column:1/-1}.adb-cols{grid-template-columns:1fr}}
@media(max-width:600px){.adb-hero{padding:14px}.adb-lynx img{width:60px}.adb-salut b{font-size:22px}.adb-big{grid-template-columns:1fr}.adb-big b{font-size:28px}.adb-a{grid-template-columns:34px minmax(0,1fr)}.adb-a>i{display:none}.adb-ico{width:34px;height:34px;font-size:16px}}
@media(prefers-reduced-motion:reduce){.adb-hero,.adb-al li,.adb-cpts .cpt,.adb-jauge em,.adb-lynx img{animation:none}}
.mk-seg-aide{margin:-2px 0 10px;font-size:12.5px;color:#9fb0d4;line-height:1.4}
.sec-hero{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:24px;margin:6px 0 16px;border:1px solid rgba(255,255,255,.09);animation:aclMonte .45s cubic-bezier(.2,.8,.2,1) both}
.sec-ok{background:radial-gradient(90% 140% at 0% 0%,rgba(47,208,143,.22),transparent 60%),linear-gradient(160deg,#13224a,#0c1733)}
.sec-alerte{background:radial-gradient(90% 140% at 0% 0%,rgba(255,107,107,.28),transparent 60%),linear-gradient(160deg,#2a1830,#0c1733);border-color:rgba(255,107,107,.4)}
.sec-bouclier{flex:0 0 64px;height:64px;border-radius:20px;display:grid;place-items:center;font-size:32px;background:rgba(255,255,255,.06)}
.sec-ok .sec-bouclier{animation:cpMonte 4s ease-in-out infinite}
.sec-hero small{display:block;font:400 11px/1.2 var(--cartoon);letter-spacing:.09em;text-transform:uppercase;color:var(--t-vert)}
.sec-alerte small{color:#ff8a8a}
.sec-hero b{display:block;font:400 26px/1.1 var(--cartoon);color:#fff;margin:4px 0}
.sec-hero em{display:block;font-style:normal;font-size:13.5px;color:#c9d3ea;max-width:720px}
.sec-bloc{padding:18px;border-radius:22px;background:linear-gradient(170deg,#12204a,#0d1836);border:1px solid rgba(255,255,255,.08);margin:0 0 14px}
.sec-bloc h2{margin:0 0 10px!important;font:400 20px/1.2 var(--cartoon)!important;text-shadow:none!important;color:#fff}
.sec-l{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:10px;align-items:center;padding:9px 10px;border-radius:12px;background:rgba(255,255,255,.03);margin-bottom:5px}
.sec-r{box-shadow:inset 3px 0 0 #ff6b6b}.sec-l b{display:block;font-size:13.5px;color:#fff}.sec-l small{display:block;font-size:12px;color:#8797ba;overflow-wrap:anywhere}
.sec-l time{font-size:12px;color:#8797ba}.sec-i{text-align:center}
.sec-tech{font-size:12.5px;color:#8797ba;margin:14px 2px}
/* Commandes : liste en cartes (17/09 soir) */
.acm-tete{display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin:0 0 14px}
.acm-tete p{margin:0;font-size:14px;color:#9fb0d4}.acm-tete p b{color:#fff}
.acm-rech{display:flex;align-items:center;gap:8px;flex:0 1 460px;min-width:0;padding:0 14px;border-radius:99px;background:#0f1b3b;border:1px solid rgba(255,255,255,.1);transition:border-color .15s,box-shadow .15s}
.acm-rech:focus-within{border-color:var(--t-or);box-shadow:0 0 0 3px rgba(255,197,61,.18)}
body.admin-immersif .acm-rech input{flex:1;min-width:0;border:0!important;background:transparent!important;box-shadow:none!important;padding:12px 0!important;color:#fff}
.acm-rech a{color:#8797ba;text-decoration:none}
.acm-cpts .cpt{animation:aclMonte .5s cubic-bezier(.2,.8,.2,1) both}
.acm-filtre{margin:-4px 0 12px;font-size:13px;color:#9fb0d4}.acm-filtre a{color:var(--t-or)}
.acm-vide{padding:40px;text-align:center;border-radius:22px;background:#0f1b3b;color:#9fb0d4}
.acm-grp{margin:0 0 8px}
.acm-grp .acl-h2 small{font:600 13px var(--b);color:#10182b;background:var(--t-or);padding:2px 9px;border-radius:99px;vertical-align:middle;margin-left:6px}
.acm-st{margin:-4px 0 12px;font-size:13px;color:#9fb0d4}
.acm-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px}
.acm-plie .acm-grille{padding-bottom:4px}
.acm-c{--c:var(--t-bleu);position:relative;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:20px;background:linear-gradient(165deg,color-mix(in srgb,var(--c) 12%,#12204a),#0d1836 70%);border:1px solid color-mix(in srgb,var(--c) 28%,rgba(255,255,255,.06));transition:transform .18s,border-color .18s,box-shadow .18s;animation:aclMonte .45s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 40ms)}
.acm-c:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--c) 70%,transparent);box-shadow:0 16px 34px -20px var(--c)}
.acm-r{--c:var(--t-or)}.acm-o{--c:var(--t-bleu)}.acm-b{--c:#7a8cff}.acm-v{--c:var(--t-vert)}.acm-n{--c:#8797ba}
.acm-lien{position:absolute;inset:0;border-radius:inherit;z-index:1}
.acm-haut{display:flex;gap:12px;align-items:center;min-width:0}
.acm-haut .acl-av{flex:0 0 44px;height:44px;border-radius:14px;font-size:20px}
.acm-id{flex:1;min-width:0}.acm-id b{display:block;font-size:16px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acm-id small{display:block;font-size:12px;color:#8797ba;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acm-eur{font:400 20px/1 var(--cartoon);color:#fff;white-space:nowrap}.acm-eur small{font:500 11px var(--b);color:#8797ba}
.acm-etat{display:flex;gap:9px;align-items:center;margin:0;font-size:14px;font-weight:600;color:#e6ecfa;line-height:1.3}
.acm-etat i{flex:0 0 10px;height:10px;border-radius:50%;background:var(--c)}
.acm-r .acm-etat i,.acm-o .acm-etat i{animation:aclPulse 2.2s ease-out infinite}
.acm-jauge span{display:block;font-size:12px;color:#9fb0d4;margin-bottom:5px}.acm-jauge span b{color:#fff}
.acm-jauge i{display:block;height:7px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}
.acm-jauge em{display:block;height:100%;width:var(--p);border-radius:inherit;background:linear-gradient(90deg,var(--t-vert),#7ce9b8);animation:aclRemplit 1s cubic-bezier(.2,.8,.2,1) both}
.acm-bas{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto}
.acm-bas form,.acm-bas .btn{position:relative;z-index:2;margin:0}
.acm-tag{font-size:12px;font-weight:700;color:var(--c);background:color-mix(in srgb,var(--c) 14%,transparent);padding:5px 10px;border-radius:99px}
.acm-plus{font-size:12px;color:#8797ba}
.acm-go{margin-left:auto;font-size:13px;font-weight:700;color:#8797ba;transition:color .15s,transform .15s}
.acm-c:hover .acm-go{color:var(--c);transform:translateX(3px)}
@media(max-width:600px){.acm-grille{grid-template-columns:1fr}.acm-rech{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.acm-c,.acm-cpts .cpt,.acm-jauge em,.acm-etat i{animation:none}}

/* ═══ 17/09 nuit — « Mes liens » v3 : lignes fines + panneau latéral + dossier de construction ═══ */
.lk-zone{margin-top:22px}
.lk-barre{display:flex;align-items:center;gap:14px;margin:0 0 6px}
.lk-rech{flex:1 1 auto;max-width:460px;display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);transition:border-color .15s,background .15s}
.lk-rech:focus-within{border-color:var(--t-bleu,#4d74ff);background:rgba(77,116,255,.08)}
.lk-rech svg{width:18px;height:18px;flex:0 0 18px;fill:none;stroke:#8f9bb8;stroke-width:2;stroke-linecap:round}
.lk-rech input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:500 14px/1 var(--b)}
.lk-rech input::placeholder{color:#8f9bb8}
.lk-compte{margin-left:auto;font:500 13px/1 var(--b);color:#8f9bb8}.lk-compte b{color:#fff;font-weight:800}
.lk-mois{margin:22px 0 4px;padding:0 6px;font:800 12px/1 var(--h);letter-spacing:.1em;text-transform:uppercase;color:#c7d0e6}
.lk-mois small{margin-left:8px;font:500 12px/1 var(--b);letter-spacing:0;text-transform:none;color:#8f9bb8}
.lk-liste{list-style:none;margin:0;padding:0;border-top:1px solid rgba(255,255,255,.07)}
.lk{position:relative;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(255,255,255,.07);animation:lkIn .35s both;transition:background .15s}
.lk:hover{background:linear-gradient(90deg,rgba(77,116,255,.08),transparent 80%)}
.lk::before{content:'';position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:3px;background:var(--lkc);opacity:0;transition:opacity .15s}
.lk:hover::before{opacity:1}
.lk-bleu{--lkc:var(--t-bleu,#4d74ff)}.lk-vert{--lkc:var(--t-vert,#2FD08F)}.lk-or{--lkc:var(--t-or,#FFC53D)}
@keyframes lkIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.lk-main{flex:1 1 auto;min-width:0;display:grid;grid-template-columns:44px minmax(0,1fr) 214px 128px;align-items:center;gap:14px;padding:12px 6px 12px 12px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.lk-ring{position:relative;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--lkc) calc(var(--p)*1%),rgba(255,255,255,.09) 0);grid-auto-flow:column;align-content:center}
.lk-ring::after{content:'';position:absolute;inset:4px;border-radius:50%;background:#0E1A38}
.lk-ring b,.lk-ring small{position:relative;z-index:1}
.lk-ring b{font:800 14px/1 var(--h);color:#fff}.lk-ring small{font:600 10px/1 var(--b);color:#8f9bb8;align-self:end;margin-bottom:1px}
.lk-txt{min-width:0;display:flex;flex-direction:column;gap:4px}
.lk-txt b{font:700 15px/1.25 var(--h);color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-txt small{display:flex;align-items:center;gap:6px;min-width:0;font:500 12.5px/1.2 var(--b);color:#8f9bb8}
.lk-h{font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-ha{color:#c9b3ff;flex:0 0 auto;max-width:45%}.lk-hc{color:#7fe3b8;flex:0 1 auto;min-width:0}.lk-att{color:#8f9bb8;font-style:italic;flex:0 0 auto}
.lk-fl{font-style:normal;color:#5d6a88;flex:0 0 auto}
.lk-et{display:flex;flex-direction:column;gap:3px;min-width:0}
.lk-et small{font:600 10.5px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:#8f9bb8}
.lk-et b{font:700 13px/1.2 var(--h);color:var(--lkc);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lk-pips{display:flex;gap:3px;margin-top:3px}.lk-pips i{width:14px;height:4px;border-radius:3px;background:rgba(255,255,255,.1)}
.lk-pips i.ok{background:var(--lkc)}.lk-pips i.next{background:var(--lkc);opacity:.35;animation:aclClign 1.6s ease-in-out infinite}
.lk-pj{justify-self:start;font:600 11px/1 var(--b);padding:5px 9px;border-radius:99px;background:rgba(255,255,255,.06);color:#c7d0e6;white-space:nowrap;max-width:128px;overflow:hidden;text-overflow:ellipsis}
.lk-act{display:flex;gap:4px;padding-right:8px;flex:0 0 auto}
.lk-b{position:relative;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 11px;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);color:#c7d0e6;font:600 12.5px/1 var(--b);cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s}
.lk-b svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.lk-b:hover{color:#fff;border-color:rgba(77,116,255,.6);background:rgba(77,116,255,.14);transform:translateY(-1px)}
.lk-b[data-off]{opacity:.55}
.lk-b-br{color:#ffd978;border-color:rgba(255,197,61,.3)}
.lk-b-br:hover{border-color:var(--t-or,#FFC53D);background:rgba(255,197,61,.14);color:#fff}
.lk-b-on::after{content:'';position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:var(--t-or,#FFC53D);box-shadow:0 0 0 2px #0E1A38}
.lk-plus{display:block;margin:16px auto 0;padding:11px 22px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;font:700 13.5px/1 var(--h);cursor:pointer}
.lk-plus:hover{background:rgba(255,255,255,.09)}
.lk-vide{padding:26px;text-align:center;color:#8f9bb8}
@media(max-width:1100px){.lk-b span{display:none}.lk-b{width:34px;padding:0;justify-content:center}.lk-pj{display:none}.lk-main{grid-template-columns:44px minmax(0,1fr) 200px}}
@media(max-width:860px){.lk-main{grid-template-columns:44px minmax(0,1fr) 160px}}
@media(max-width:760px){
  .lk{flex-wrap:wrap;gap:0}.lk-main{grid-template-columns:40px minmax(0,1fr);gap:4px 12px;padding:12px 4px 6px 8px}
  .lk-ring{width:40px;height:40px;grid-row:span 2}.lk-et{grid-column:2;flex-direction:row;align-items:center;gap:8px}.lk-et small{display:none}.lk-pips{margin:0}
  .lk-act{width:100%;justify-content:flex-end;padding:0 6px 10px}.lk-barre{flex-wrap:wrap}.lk-rech{max-width:none}
}
/* Panneau latéral */
.lp{position:fixed;inset:0 0 0 auto;margin:0;width:min(760px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:0;border:0;border-left:1px solid rgba(255,255,255,.1);background:radial-gradient(ellipse 70% 40% at 100% 0%,rgba(77,116,255,.18),transparent 70%),#0B1530;color:#e8edf7;box-shadow:-40px 0 80px -30px rgba(0,0,0,.8);transform:translateX(40px);opacity:0;transition:transform .25s cubic-bezier(.2,.8,.2,1),opacity .2s;overflow-y:auto;overscroll-behavior:contain}
.lp[open].on{transform:none;opacity:1}
.lp::backdrop{background:rgba(4,8,18,.6);backdrop-filter:blur(3px)}
.lp-x{position:sticky;top:14px;float:right;margin:14px 14px 0 0;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:#16244a;color:#fff;display:grid;place-items:center;cursor:pointer;transition:transform .15s}
.lp-x:hover{transform:rotate(90deg)}.lp-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}
.lp-corps{padding:26px 28px 40px}
.lp-tete{padding-right:48px}
.lp-tete h2{margin:12px 0 14px;font:800 26px/1.15 var(--h);color:#fff;overflow-wrap:anywhere}
.lp-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:99px;font:700 12px/1 var(--b);background:rgba(255,255,255,.06)}
.lp-pill i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:aclPulse 1.8s ease-in-out infinite}
.lp-bleu{color:#8fa8ff}.lp-vert{color:var(--t-vert,#2FD08F)}.lp-or{color:var(--t-or,#FFC53D)}
.lp-prog{height:5px;border-radius:5px;background:rgba(255,255,255,.08);overflow:hidden}
.lp-prog i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--t-bleu,#4d74ff),var(--t-vert,#2FD08F));animation:aclRemplit .9s cubic-bezier(.2,.8,.2,1) both}
.lp-ong{position:sticky;top:0;z-index:2;display:flex;gap:4px;margin:18px -28px 18px;padding:10px 28px;background:rgba(11,21,48,.92);backdrop-filter:blur(8px);border-bottom:1px solid rgba(255,255,255,.07);overflow-x:auto;scrollbar-width:none}
.lp-ong button{flex:0 0 auto;padding:9px 14px;border-radius:999px;border:0;background:none;color:#8f9bb8;font:700 13px/1 var(--h);cursor:pointer;transition:background .15s,color .15s}
.lp-ong button:hover{color:#fff;background:rgba(255,255,255,.05)}
.lp-ong button[aria-selected=true]{background:#fff;color:#0B1530}
.lp-ong .lp-ong-br{color:#ffd978}.lp-ong .lp-ong-br[aria-selected=true]{background:var(--t-or,#FFC53D);color:#10192c}
.lp-anim{animation:lpMonte .35s cubic-bezier(.2,.8,.2,1) both}
.lp-vue .st,.lp-vue .cal{border:0;background:none;padding:0;border-radius:0}
.lp-vue .ld-etape{margin:18px 0 0}
.lp-v-lien .tj{grid-template-columns:1fr;gap:0}.lp-v-lien .tj-beam{min-height:84px}
.lp-et{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:0}
.lp-et li{position:relative;display:grid;grid-template-columns:30px 1fr;gap:12px;padding:0 0 14px;animation:lkIn .35s both;animation-delay:calc(var(--i)*40ms)}
.lp-et li::before{content:'';position:absolute;left:14px;top:30px;bottom:0;width:2px;background:rgba(255,255,255,.08)}
.lp-et li:last-child::before{display:none}
.lp-et li>i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font:800 12px/1 var(--h);font-style:normal;background:rgba(255,255,255,.06);color:#8f9bb8}
.lp-et li.ok>i{background:var(--t-vert,#2FD08F);color:#08241a}.lp-et li.ok::before{background:rgba(47,208,143,.5)}
.lp-et li.now>i{background:var(--t-bleu,#4d74ff);color:#fff;box-shadow:0 0 0 6px rgba(77,116,255,.18);animation:aclPulse 1.8s ease-in-out infinite}
.lp-et b{display:block;font:700 14px/1.2 var(--h);color:#fff;margin-top:6px}.lp-et li:not(.ok):not(.now) b{color:#8f9bb8}
.lp-et small{font:500 12px/1.3 var(--b);color:#8f9bb8}
.lp-charge{display:flex;justify-content:center;gap:8px;padding:120px 0}.lp-charge i{width:10px;height:10px;border-radius:50%;background:var(--t-bleu,#4d74ff);animation:aclClign 1s ease-in-out infinite}.lp-charge i:nth-child(2){animation-delay:.15s}.lp-charge i:nth-child(3){animation-delay:.3s}
.lp-err{padding:60px 0;text-align:center;color:#ffb4b4}
@media(max-width:620px){.lp-corps{padding:20px 16px 32px}.lp-ong{margin:14px -16px;padding:10px 16px}.lp-tete h2{font-size:21px}}
/* Dossier de construction */
.bf{display:grid;gap:18px}
.bf-duel{display:grid;grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:stretch}
.bf-mc{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:18px;min-width:0;animation:lpMonte .45s both}
.bf-mc small{font:400 11px/1 var(--cartoon);letter-spacing:.08em;text-transform:uppercase;color:#c7d0e6}
.bf-mc b{font:800 19px/1.2 var(--h);color:#fff;overflow-wrap:anywhere}
.bf-mc span{font:500 12px/1.35 var(--b);color:#c7d0e6;overflow-wrap:anywhere}
.bf-mc-cl{background:linear-gradient(150deg,rgba(47,208,143,.24),#131f40 75%);border:1px solid rgba(47,208,143,.5)}
.bf-mc-ar{background:linear-gradient(150deg,rgba(255,197,61,.22),#131f40 75%);border:1px solid rgba(255,197,61,.5);animation-delay:.12s}
.bf-pont{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center}
.bf-rel{font:800 11.5px/1.2 var(--h);color:#10192c;background:var(--t-or,#FFC53D);padding:6px 9px;border-radius:10px}
.bf-pont small{font:600 10.5px/1 var(--b);letter-spacing:.08em;text-transform:uppercase;color:#8f9bb8}
.bf-beam{position:relative;display:block;width:100%;height:3px;border-radius:3px;background:repeating-linear-gradient(270deg,rgba(255,197,61,.8) 0 8px,transparent 8px 14px)}
.bf-beam i{position:absolute;top:50%;right:0;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:#fff;box-shadow:0 0 12px #FFC53D;animation:bfFlux 1.8s linear infinite}
@keyframes bfFlux{from{right:100%}to{right:0}}
.bf-metr{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 0}
.bf-metr span{display:flex;flex-direction:column;gap:3px;padding:7px 10px;border-radius:10px;background:rgba(0,0,0,.22)}
.bf-metr i{font:600 10px/1 var(--b);font-style:normal;letter-spacing:.05em;text-transform:uppercase;color:#8f9bb8}.bf-metr b{font:800 15px/1 var(--h)}
.bf-strat{margin:0;padding:14px 16px;border-radius:14px;background:rgba(255,197,61,.07);border-left:3px solid var(--t-or,#FFC53D);font:500 14.5px/1.55 var(--b);color:#e8edf7}
.bf-etapes{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:0}
.bf-et{position:relative;display:grid;grid-template-columns:38px 1fr;gap:14px;padding-bottom:22px;animation:lpMonte .45s both;animation-delay:calc(var(--i)*80ms + .15s)}
.bf-et::before{content:'';position:absolute;left:18px;top:40px;bottom:0;width:2px;background:linear-gradient(rgba(255,197,61,.5),rgba(255,255,255,.06))}
.bf-et:last-child::before{display:none}
.bf-num{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font:800 16px/1 var(--h);color:#10192c;background:var(--t-or,#FFC53D);box-shadow:0 8px 20px -8px rgba(255,197,61,.7)}
.bf-corps{min-width:0}
.bf-corps h3{margin:8px 0 8px;font:800 17px/1.2 var(--h);color:#fff}
.bf-corps>p{margin:0 0 10px;font:500 14px/1.6 var(--b);color:#d5dcec}
.bf-src{margin:12px 0 6px!important;font:700 11px/1.2 var(--b)!important;letter-spacing:.07em;text-transform:uppercase;color:#8f9bb8!important}
.bf-tab{width:100%;border-collapse:collapse;font:500 13px/1.3 var(--b)}
.bf-tab th{text-align:left;font:600 10.5px/1 var(--b);letter-spacing:.05em;text-transform:uppercase;color:#8f9bb8;padding:6px 8px;border-bottom:1px solid rgba(255,255,255,.08)}
.bf-tab td{padding:8px;border-bottom:1px solid rgba(255,255,255,.05);color:#d5dcec}.bf-tab td.tab{font-weight:700;color:#fff}
.bf-tab th:not(:first-child),.bf-tab td:not(:first-child){text-align:right;white-space:nowrap}
.bf-tab tr.bf-choisi td{background:rgba(47,208,143,.1);color:#fff;font-weight:700}.bf-tab em{font-style:normal;color:var(--t-vert,#2FD08F);font-size:12px}
.bf-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0}
.bf-chips span{padding:6px 10px;border-radius:99px;background:rgba(255,197,61,.1);border:1px solid rgba(255,197,61,.25);font:600 12.5px/1 var(--b);color:#ffe7ad}
.bf-chips span i{font-style:normal;color:#8f9bb8;font-weight:500;margin-left:4px}
.bf-chips-s span{background:rgba(77,116,255,.1);border-color:rgba(77,116,255,.25);color:#c9d6ff}
.bf-serp,.bf-q,.bf-sources,.bf-raisons{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bf-serp li{display:grid;grid-template-columns:28px 1fr;gap:10px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}
.bf-serp li>i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font:800 13px/1 var(--h);font-style:normal;background:rgba(255,255,255,.08);color:#fff}
.bf-serp b{display:block;font:700 13.5px/1.3 var(--h);color:#fff}.bf-serp small{display:block;font:500 12px/1.3 var(--b);color:#8f9bb8}
.bf-serp em{display:block;margin-top:5px;font:500 12.5px/1.45 var(--b);font-style:normal;color:#ffd978}
.bf-q li{position:relative;padding:8px 12px 8px 30px;border-radius:10px;background:rgba(255,255,255,.03);font:500 13.5px/1.4 var(--b);color:#d5dcec}
.bf-q li::before{content:'?';position:absolute;left:10px;top:8px;font:800 13px/1.4 var(--h);color:var(--t-bleu,#4d74ff)}
.bf-sources li{padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.035)}
.bf-sources b{display:block;font:700 13.5px/1.35 var(--h)}.bf-sources a{color:#fff;text-decoration:none}.bf-sources a:hover{color:var(--t-or,#FFC53D)}
.bf-sources small{display:block;margin-top:3px;font:500 12.5px/1.4 var(--b);color:#8f9bb8}
.bf-plan{margin:0;padding:0;list-style:none;counter-reset:bfp;display:grid;gap:5px}
.bf-plan li{counter-increment:bfp;position:relative;padding:9px 12px 9px 44px;border-radius:10px;background:rgba(255,255,255,.035);font:600 13.5px/1.35 var(--h);color:#fff}
.bf-plan li::before{content:'H2';position:absolute;left:10px;top:9px;font:800 10px/1.6 var(--b);color:var(--t-bleu,#4d74ff);letter-spacing:.04em}
.bf-raisons li{display:grid;grid-template-columns:26px 1fr;gap:10px;padding:11px 12px;border-radius:12px;background:rgba(47,208,143,.06);border:1px solid rgba(47,208,143,.18);animation:lpMonte .4s both;animation-delay:calc(var(--j)*70ms + .6s)}
.bf-raisons li>i{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;background:var(--t-vert,#2FD08F);color:#08241a}
.bf-raisons b{display:block;font:700 14px/1.25 var(--h);color:#fff}.bf-raisons small{display:block;margin-top:3px;font:500 13px/1.45 var(--b);color:#c7d0e6}
.bf-pied{margin:0;font:500 12px/1.4 var(--b);color:#8f9bb8}
.bf-att{display:grid;grid-template-columns:48px 1fr;gap:14px;padding:18px;border-radius:18px;background:rgba(255,197,61,.07);border:1px solid rgba(255,197,61,.25)}
.bf-att-ic{font-size:30px;line-height:48px;text-align:center;animation:aclPulse 2.2s ease-in-out infinite}
.bf-att b{font:800 17px/1.2 var(--h);color:#fff}.bf-att p{margin:6px 0 0;font:500 14px/1.55 var(--b);color:#c7d0e6}
.bf-fant{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.bf-fant li{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:rgba(255,255,255,.03);animation:lkIn .35s both;animation-delay:calc(var(--i)*60ms)}
.bf-fant i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;font:800 13px/1 var(--h);font-style:normal;background:rgba(255,255,255,.07);color:#8f9bb8}
.bf-fant b{font:700 14px/1.2 var(--h);color:#8f9bb8}
@media(max-width:620px){.bf-duel{grid-template-columns:1fr}.bf-pont{flex-direction:row;padding:10px 0}.bf-beam{width:60px}.bf-et{grid-template-columns:30px 1fr;gap:10px}.bf-num{width:30px;height:30px;font-size:14px}.bf-et::before{left:14px;top:32px}}
@media (prefers-reduced-motion:reduce){.lk,.lp-et li,.bf-et,.bf-mc,.bf-raisons li,.bf-fant li,.lp-anim{animation:none}.bf-beam i{animation:none}.lp{transition:none}}

@keyframes lpMonte{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ═══ 17/09 nuit — Commandes (DV-0251) : entête + barre d'info ; l'abonnement vit dans son onglet ═══ */
.cmd-hero{margin:0 0 14px}
.cmd-hero h1{margin:4px 0 8px}
.cmd-hero .lead{margin:0;max-width:720px;color:#c7d0e6}
.cmd-hero .lead a{color:var(--t-or,#FFC53D)}
.cmd-info{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;margin:0 0 22px;padding:10px 16px;border-radius:999px;background:linear-gradient(90deg,#14204a,#0f1a3d 55%,#1b1f3f);border:1px solid rgba(255,197,61,.3);color:#fff;font:500 13.5px/1.3 var(--b);animation:lpMonte .4s both}
.cmd-info b{font-weight:800;color:#fff}
.cmd-info small{color:#8f9bb8;font-size:12.5px}
.ci-prix b{color:var(--t-or,#FFC53D)}
.ci-sep{width:1px;height:18px;background:rgba(255,255,255,.14)}
.ci-places{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}
.ci-point{width:8px;height:8px;border-radius:50%;background:var(--t-vert,#2FD08F);box-shadow:0 0 0 0 rgba(47,208,143,.6);animation:aclPulse 1.8s ease-in-out infinite}
.ci-bar{flex:1 1 90px;max-width:160px;height:5px;border-radius:5px;background:rgba(255,255,255,.1);overflow:hidden;margin-left:auto}
.ci-bar i{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,var(--t-vert,#2FD08F),#8ff0c2);transition:width .8s}
@media(max-width:760px){.cmd-info{border-radius:18px}.ci-sep{display:none}.ci-bar{max-width:none;flex-basis:100%;margin:0}}
@media(max-width:1440px){.ci-prix small{display:none}}

/* ═══ 18/09 — les 7 demandes client : position de la page, preuve du lien, qualité du site, signalement,
       cloche, rapport imprimable, conseils du dossier ═══════════════════════════════════════════════ */
.kpo{padding:18px 20px;border-radius:20px;background:radial-gradient(ellipse 70% 120% at 0% 0%,rgba(47,208,143,.18),transparent 60%),linear-gradient(160deg,#10305a,#0E1A38 70%);border:1px solid rgba(47,208,143,.42);margin-bottom:16px}
.kpo-tete{display:flex;gap:14px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap}
.kpo-tag{display:inline-block;margin-bottom:6px;padding:4px 9px;border-radius:99px;background:var(--t-vert,#2FD08F);color:#08241a;font:800 10.5px/1 var(--h);letter-spacing:.05em;text-transform:uppercase}
.kpo-tete b{display:block;font:800 17px/1.2 var(--h);color:#fff}
.kpo-tete small{display:block;margin-top:5px;font:500 12.5px/1.45 var(--b);color:#c7d0e6;max-width:420px}
.kpo-mc{flex:0 0 auto;text-align:right;max-width:210px}
.kpo-mc small{display:block;font:600 10px/1 var(--b);letter-spacing:.06em;text-transform:uppercase;color:#8f9bb8}
.kpo-mc b{display:block;margin-top:4px;font:800 14px/1.25 var(--h);color:var(--t-vert,#2FD08F);overflow-wrap:anywhere}
.kpo-duo{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin:16px 0 0}
.kpo-t{padding:12px 14px;border-radius:16px;background:rgba(0,0,0,.24)}
.kpo-t small{display:block;font:600 10px/1.2 var(--b);letter-spacing:.05em;text-transform:uppercase;color:#8f9bb8}
.kpo-t b{display:block;margin:4px 0 2px;font:800 30px/1 var(--h);color:#fff}
.kpo-t span{font:500 12px/1.2 var(--b);color:#c7d0e6}
.kpo-now{background:rgba(47,208,143,.14);border:1px solid rgba(47,208,143,.4)}
.kpo-up b{color:var(--t-vert,#2FD08F)}.kpo-down b{color:#ff9d8a}
.kpo-courbe{width:100%;height:56px;margin-top:14px;transform:scaleY(-1)}
.kpo-courbe polyline{fill:none;stroke:var(--t-vert,#2FD08F);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.kpo-leg{display:flex;justify-content:space-between;margin:2px 0 0;font:500 11.5px/1.2 var(--b);color:#8f9bb8}
.kpo-wait{display:flex;gap:10px;align-items:center;margin:14px 0 0;font:500 13.5px/1.5 var(--b);color:#c7d0e6}
.vf{margin:18px 0 0;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.1)}
.vf-ok{background:rgba(47,208,143,.08);border-color:rgba(47,208,143,.35)}
.vf-ko{background:rgba(255,157,138,.08);border-color:rgba(255,157,138,.4)}
.vf-tete{display:flex;gap:12px;align-items:flex-start}
.vf-tete i{font-size:22px;font-style:normal;line-height:1.1}
.vf-tete b{display:block;font:800 15.5px/1.2 var(--h);color:#fff}
.vf-tete small{display:block;margin-top:4px;font:500 12.5px/1.45 var(--b);color:#c7d0e6}
.vf-liste{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px}
.vf-liste li{display:flex;gap:9px;align-items:center;font:500 13px/1.35 var(--b);color:#d5dcec}
.vf-liste i{width:20px;height:20px;flex:0 0 20px;border-radius:50%;display:grid;place-items:center;font:800 11px/1 var(--h);font-style:normal}
.vf-oui i{background:var(--t-vert,#2FD08F);color:#08241a}.vf-non i{background:#ff9d8a;color:#3a0f06}.vf-inc i{background:rgba(255,255,255,.12);color:#8f9bb8}
.vf-form{margin:12px 0 0}
.sq{margin:16px 0 0;padding:16px 18px;border-radius:18px;background:rgba(77,116,255,.07);border:1px solid rgba(77,116,255,.28)}
.sq-tete{display:flex;gap:12px;align-items:center}
.sq-ico{font-size:20px}
.sq-tete b{display:block;font:800 15.5px/1.2 var(--h);color:#fff;overflow-wrap:anywhere}
.sq-tete small{display:block;margin-top:3px;font:500 12.5px/1.3 var(--b);color:#c7d0e6}
.sq-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:8px;margin:14px 0 0}
.sq-c{padding:10px 12px;border-radius:14px;background:rgba(0,0,0,.2)}
.sq-c small{display:block;font:600 9.5px/1.2 var(--b);letter-spacing:.05em;text-transform:uppercase;color:#8f9bb8}
.sq-c b{display:block;margin:3px 0 1px;font:800 19px/1 var(--h);color:#fff}
.sq-c span{font:500 11.5px/1.2 var(--b);color:#c7d0e6}
.sq-note{margin:12px 0 0;font:500 12px/1.45 var(--b);color:#8f9bb8}
.sg{margin:18px 0 0;border-radius:16px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.03);overflow:hidden}
.sg summary{list-style:none;cursor:pointer;display:flex;gap:12px;align-items:center;padding:14px 16px}
.sg summary::-webkit-details-marker{display:none}
.sg summary i{font-size:18px;font-style:normal}
.sg summary b{display:block;font:700 14.5px/1.2 var(--h);color:#fff}
.sg summary small{display:block;margin-top:3px;font:500 12.5px/1.3 var(--b);color:#8f9bb8}
.sg[open] summary{border-bottom:1px solid rgba(255,255,255,.08)}
.sg-form{padding:14px 16px 16px}
.sg-quoi{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.sg-tag{padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#c7d0e6;font:600 12.5px/1 var(--b);cursor:pointer}
.sg-tag:hover{color:#fff;border-color:var(--t-or,#FFC53D);background:rgba(255,197,61,.12)}
.sg-ctx{margin:0 0 12px;font:500 11.5px/1.4 var(--b);color:#6b7796;overflow-wrap:anywhere}
/* 18/09 (Mathias DV-0254) : plus de cloche. Un point sur l'onglet du dock où il y a du neuf. */
.dk-neuf{position:absolute;top:-3px;right:-5px;width:9px;height:9px;border-radius:50%;background:var(--t-or,#FFC53D);
  box-shadow:0 0 0 2px #0b1220,0 0 8px rgba(255,197,61,.9);animation:dkNeuf 2.2s ease-in-out infinite}
@keyframes dkNeuf{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.35);opacity:.75}}
@media (prefers-reduced-motion:reduce){.dk-neuf{animation:none}}

/* 18/09 (DV-0256) — « Mes liens » : filtre projet en pastilles centrées. */
.pj-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px}
.pj-pills a{display:inline-flex;align-items:center;gap:7px;padding:9px 16px;border-radius:999px;text-decoration:none;
  background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);color:#aeb9d2;font:700 13.5px/1 var(--h);transition:.18s}
.pj-pills a:hover{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.2)}
.pj-pills a.on{background:linear-gradient(135deg,rgba(255,197,61,.2),rgba(255,197,61,.08));border-color:rgba(255,197,61,.55);color:#fff}
.pj-pills a em{font-style:normal;font-size:11px;opacity:.6}

/* 18/09 (DV-0259) — Projets : une bande large cliquable, le détail en fenêtre modale. */
.pj-bandes{display:grid;gap:12px}
.pj-bande{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:18px;width:100%;
  padding:18px 22px;border-radius:20px;cursor:pointer;text-align:left;
  background:linear-gradient(135deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 44px -28px rgba(0,0,0,.8);transition:transform .2s,border-color .2s,box-shadow .2s}
.pj-bande:hover{transform:translateY(-2px);border-color:rgba(255,197,61,.45);box-shadow:0 26px 54px -26px rgba(0,0,0,.85)}
.pj-bande.pj-archive{opacity:.6}
.pjb-ico{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:rgba(77,116,255,.16);border:1px solid rgba(77,116,255,.3)}
.pjb-ico svg{width:22px;height:22px;fill:none;stroke:#8fb0ff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pjb-id{min-width:0}
.pjb-id b{display:block;font:800 19px/1.2 var(--h);color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pjb-id b em{font-style:normal;font-size:11px;padding:2px 7px;border-radius:99px;background:rgba(255,255,255,.1);color:#aeb9d2;vertical-align:middle;margin-left:6px}
.pjb-id small{display:block;margin-top:3px;font:500 13px/1.3 var(--b);color:#8f9bb8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pjb-ch{display:flex;gap:10px}
.pjb-c{display:grid;place-items:center;min-width:86px;padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}
.pjb-c b{font:800 22px/1 var(--h);color:#fff}
.pjb-c i{font-style:normal;margin-top:4px;font:600 11px/1.2 var(--b);color:#8f9bb8;text-align:center}
.pjb-vert b{color:var(--t-vert,#2FD08F)}.pjb-bleu b{color:#8fb0ff}.pjb-or b{color:var(--t-or,#FFC53D)}
.pjb-go{font:700 13px/1 var(--h);color:var(--t-or,#FFC53D);white-space:nowrap}
@media(max-width:1000px){.pj-bande{grid-template-columns:auto minmax(0,1fr);row-gap:14px}.pjb-ch{grid-column:1/-1}.pjb-go{grid-column:1/-1}}
@media(max-width:560px){.pj-bande{padding:16px}.pjb-ch{flex-wrap:wrap}.pjb-c{flex:1 1 84px;min-width:0}}

.pjm{margin:auto;width:min(560px,calc(100vw - 32px));max-height:min(86vh,720px);padding:26px 26px 22px;border:1px solid rgba(255,255,255,.12);
  border-radius:24px;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(77,116,255,.16),transparent 70%),#0E1A38;color:#e8edf7;
  box-shadow:0 46px 90px -30px rgba(0,0,0,.9);overflow-y:auto;opacity:0;transform:translateY(12px);transition:opacity .18s,transform .24s cubic-bezier(.2,.8,.2,1)}
.pjm.on{opacity:1;transform:none}
.pjm::backdrop{background:rgba(5,10,20,.7);backdrop-filter:blur(3px)}
.pjm-x{position:absolute;top:16px;right:16px;width:34px;height:34px;border-radius:50%;cursor:pointer;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);color:#aeb9d2;font:700 14px/1 var(--h)}
.pjm-x:hover{background:rgba(255,255,255,.1);color:#fff}
.pjm-t{margin:6px 0 2px;font:800 26px/1.15 var(--h);color:#fff}
.pjm-site{margin:0 0 10px}.pjm-site a{color:#8fb0ff;font:600 13.5px/1.3 var(--b);text-decoration:none}
.pjm-note{margin:0 0 14px;font:500 14px/1.5 var(--b);color:#aeb9d2}
.pjm-ch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.pjm-c{padding:14px 12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09);text-align:center}
.pjm-c b{display:block;font:800 30px/1 var(--h)}
.pjm-c small{display:block;margin-top:5px;font:600 11.5px/1.3 var(--b);color:#8f9bb8}
.pjm-regle{margin:0 0 16px;padding:12px 14px;border-radius:14px;background:rgba(255,197,61,.07);border:1px solid rgba(255,197,61,.22);font:500 13px/1.5 var(--b);color:#cfd8ea}
.pjm-st{margin:0 0 8px;font:800 11.5px/1 var(--h);letter-spacing:.08em;text-transform:uppercase;color:#8f9bb8}
.pjm-sites ul{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:4px;max-height:210px;overflow-y:auto}
.pjm-sites li{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:rgba(255,255,255,.035);font:500 13px/1.3 var(--b);color:#cfd8ea}
.pjm-sites li b{font:700 13px/1.3 var(--h);color:#fff}
.pjm-sites li span{color:#8f9bb8}.pjm-sites li small{margin-left:auto;color:#8f9bb8;font-size:12px}
.pjm-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-top:4px}
.pjm-actions form{margin:0}
@media(max-width:560px){.pjm{padding:22px 18px 18px}.pjm-ch{grid-template-columns:1fr}}

/* 18/09 (DV-0257) — onglet « Articles mailleurs » du panneau lien. */
.ml-tete .ml-intro{margin:8px 0 0;font:500 14px/1.6 var(--b);color:#aeb9d2}
.ml-liste{list-style:none;margin:18px 0 0;padding:0;display:grid;gap:10px}
.ml-liste li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:14px 16px;border-radius:16px;
  background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.09);animation:lpMonte .3s both;animation-delay:calc(var(--i)*.05s)}
.ml-liste li.ok{border-color:rgba(47,208,143,.4);background:rgba(47,208,143,.07)}
.ml-liste li.now{border-color:rgba(255,197,61,.45);background:rgba(255,197,61,.07)}
.ml-n{display:grid;place-items:center;align-content:center;width:46px;padding:8px 0;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1)}
.ml-n b{font:800 19px/1 var(--h);color:#fff}
.ml-n i{font-style:normal;margin-top:4px;font:600 9.5px/1 var(--b);letter-spacing:.04em;text-transform:uppercase;color:#8f9bb8}
.ml-liste li.ok .ml-n{background:rgba(47,208,143,.14);border-color:rgba(47,208,143,.35)}
.ml-liste li.ok .ml-n i{color:var(--t-vert,#2FD08F)}
.ml-t{display:block;font:800 16px/1.3 var(--h);color:#fff}
.ml-meta{display:flex;flex-wrap:wrap;gap:8px;margin:9px 0 0}
.ml-meta>span{display:grid;padding:7px 12px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}
.ml-meta i{font-style:normal;font:600 10px/1 var(--b);letter-spacing:.05em;text-transform:uppercase;color:#8f9bb8}
.ml-meta b{margin-top:4px;font:700 13.5px/1.2 var(--h);color:#fff}
.ml-meta em{font-style:normal;margin-top:2px;font:500 11.5px/1.2 var(--b);color:#8f9bb8}
.ml-mc b{color:var(--t-or,#FFC53D)}
.ml-pq{margin:10px 0 0;font:500 13.5px/1.6 var(--b);color:#aeb9d2}
.ml-pq.ml-att{color:#8f9bb8;font-style:italic}
.ml-voir{margin:10px 0 0}
.ml-voir a{display:inline-block;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font:700 12px/1 var(--b);text-decoration:none}
.ml-pied{margin:18px 0 0;padding:13px 15px;border-radius:14px;background:rgba(77,116,255,.1);border:1px solid rgba(77,116,255,.25);font:500 13px/1.6 var(--b);color:#cfd8ea}
@media(max-width:560px){.ml-liste li{grid-template-columns:1fr}.ml-n{width:auto;grid-auto-flow:column;gap:8px;justify-content:start;padding:7px 12px}.ml-n i{margin:0}}

/* 18/09 (DV-0258) — calendrier du panneau : deux colonnes régulières, plus de case qui déborde. */
.lp-v-cal .cal-ev{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:10px}
.lp-v-cal .cal-ev li{grid-column:auto!important;align-items:flex-start;padding:12px 14px}
.lp-v-cal .cal-ev li.ev-gar{grid-column:1/-1!important}
@media(max-width:620px){.lp-v-cal .cal-ev{grid-template-columns:1fr}.lp-v-cal .cal-ev li.ev-gar{grid-column:auto!important}}

/* 18/09 (DV-0260) — liens offerts pris en une seule fois. */
.lo-lot{display:grid;gap:14px;margin:4px 0 16px}
.lo-l{margin:0;padding:16px 18px 18px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(255,255,255,.03)}
.lo-l legend{display:flex;align-items:center;gap:9px;padding:0 8px;font:800 14px/1 var(--h);color:#fff}
.lo-l legend i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--t-or,#FFC53D);color:#10192c;font:800 13px/1 var(--h);font-style:normal}
.lo-l legend em{font-style:normal;font:500 11px/1 var(--b);color:#8f9bb8;padding:3px 8px;border-radius:99px;background:rgba(255,255,255,.07)}
.lo-lbl{display:block;margin:2px 0 8px;font:800 11.5px/1 var(--h);letter-spacing:.07em;text-transform:uppercase;color:#8f9bb8}
.lo-l-pg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}
.lo-l-pg .champ{margin:0}
.lo-mode{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.lo-mode label{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;cursor:pointer;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);font:600 12.5px/1 var(--b);color:#aeb9d2}
.lo-mode input{position:absolute;opacity:0;width:0;height:0}
.lo-mode i{width:11px;height:11px;border-radius:50%;border:1.6px solid rgba(255,255,255,.35)}
.lo-mode input:checked+i{background:var(--t-or,#FFC53D);border-color:var(--t-or,#FFC53D)}
.lo-mode label:has(input:checked){border-color:rgba(255,197,61,.5);color:#fff}
.lo-proj{margin:0 0 14px}
.lo-aide{display:inline-block;margin:0 0 14px}
@media(max-width:560px){.lo-l-pg{grid-template-columns:1fr}}
.lk-rap{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#c7d0e6;font:700 13px/1 var(--h);text-decoration:none}
.lk-rap:hover{color:#fff;border-color:var(--t-or,#FFC53D);background:rgba(255,197,61,.12)}
.lk-rap svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.bf-conseils{list-style:none;margin:0;padding:0;counter-reset:bfc;display:grid;gap:7px}
.bf-conseils li{counter-increment:bfc;position:relative;padding:12px 14px 12px 44px;border-radius:14px;background:rgba(255,197,61,.07);border:1px solid rgba(255,197,61,.22);animation:lpMonte .4s both;animation-delay:calc(var(--j)*70ms)}
.bf-conseils li::before{content:counter(bfc);position:absolute;left:12px;top:12px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--t-or,#FFC53D);color:#10192c;font:800 12px/1 var(--h)}
.bf-conseils b{display:block;font:700 14px/1.25 var(--h);color:#fff}
.bf-conseils small{display:block;margin-top:3px;font:500 13px/1.45 var(--b);color:#c7d0e6}
@media(max-width:760px){.kpo-mc{text-align:left;max-width:none}}
@media (prefers-reduced-motion:reduce){.bf-conseils li,.ml-liste li{animation:none}}
.kpo-tete small b{display:inline;font:inherit;color:#fff}

/* 18/09 (DV-0262) — connexion admin : « ne plus me le demander sur cet appareil ». */
.adm-conf{display:flex;align-items:flex-start;gap:10px;margin:4px 0 14px;padding:12px 14px;border-radius:14px;cursor:pointer;
  background:rgba(255,197,61,.06);border:1px solid rgba(255,197,61,.24)}
.adm-conf input{margin:2px 0 0;width:17px;height:17px;accent-color:var(--sun,#FFC53D);flex:0 0 auto}
.adm-conf b{display:block;font:700 13.5px/1.3 var(--h);color:#fff}
.adm-conf small{display:block;margin-top:3px;font:500 12px/1.45 var(--b);color:#9fb0d0}
.sec-expl{margin:0 0 14px;font:500 13px/1.6 var(--b);color:#9fb0d0}
#sec-devs .sec-l{align-items:center}
#sec-devs .sec-l form{flex:0 0 auto}
/* 19/09 (Mathias) : bloc « abonnement ≠ location » sous les 3 coches du hero */
.hero-abo{display:flex;gap:10px;align-items:flex-start;margin:18px 0 0;padding:12px 14px;max-width:590px;border:1px solid rgba(255,210,63,.28);border-radius:14px;background:rgba(255,210,63,.06);font-size:14.5px;line-height:1.5;color:#c7d0e6}
.hero-abo i{font-style:normal;flex:0 0 auto;line-height:1.4}
.hero-abo strong{color:#ffd23f}
@media(max-width:940px){.hero-abo{font-size:14px}}
/* 19/09 (Mathias) : hero gauche un peu plus aéré (+8 px entre chaque élément), ordinateur seulement */
@media(min-width:941px){#promesse h1{margin-bottom:28px}#promesse .lead{margin-bottom:36px}#promesse .promesses{margin-top:30px!important}#promesse .hero-abo{margin-top:26px}}
/* 19/09 (Mathias) : bandeau #prix trop rapide — 4 s de prix normal, éclair, puis prix de lancement ; légende en 2 temps ; « ↻ Revoir » une fois figé */
.tb-lynx,.tbb,.tb-carte,.tb-normal,.tb-lan,.tb-s-normal,.tb-s-lan,.tb-e1,.tb-e2{animation-duration:16s}
.tb-carte.tb-th{--d:.6s}
.tb-etape{grid-column:1/-1;position:relative;height:26px;margin:0;font:400 20px/26px var(--cartoon);letter-spacing:.3px}
.tb-etape i{position:absolute;left:0;right:0;font-style:normal;text-align:center;white-space:nowrap}
.tb-e1{color:#fff;animation:tbNormal 16s infinite paused}
.tb-e2{color:var(--sun);opacity:0;animation:tbLan 16s infinite paused}
.tb.go .tb-e1,.tb.go .tb-e2{animation-play-state:running}
.fini .tb-e1{animation:none!important;opacity:0!important}.fini .tb-e2{animation:none!important;opacity:1!important;transform:none!important}
@keyframes tbLynx{0%,24%{transform:rotate(0)}26%{transform:rotate(-8deg) scale(1.06)}28%{transform:rotate(4deg) scale(1.08);filter:drop-shadow(0 0 28px rgba(255,197,61,.9))}32%{transform:rotate(0) scale(1)}100%{transform:rotate(0)}}
@keyframes tbBolt{0%,25%{opacity:0;stroke-dashoffset:1400}26%{opacity:1}30%{opacity:1;stroke-dashoffset:0}31.5%{opacity:.4}32.5%{opacity:1}35%,100%{opacity:0;stroke-dashoffset:0}}
@keyframes tbNormal{0%,27%{opacity:1;transform:none}28%{opacity:1;transform:translateX(-3px)}28.6%{transform:translateX(4px)}30%,97.5%{opacity:0;transform:translateY(-14px) scale(.9)}100%{opacity:1;transform:none}}
@keyframes tbLan{0%,29%{opacity:0;transform:translateY(16px) scale(.8)}31.5%{opacity:1;transform:translateY(-4px) scale(1.14)}34%{transform:none}97%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes tbCarte{0%,28%{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}30%{box-shadow:0 0 0 3px var(--sun),0 0 60px rgba(255,197,61,.9);background:rgba(255,197,61,.28)}34%,97%{box-shadow:0 0 0 1.5px var(--sun),0 0 34px rgba(255,197,61,.45);border-color:var(--sun);background:rgba(255,197,61,.08)}100%{box-shadow:none;border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.04)}}
.tb-rejouer{position:absolute;right:14px;bottom:8px;font-size:12px;color:var(--on-navy-mute,#9aa7c7);opacity:0;transition:opacity .4s;pointer-events:none}
.tb.fini .tb-rejouer{opacity:1}
@media(max-width:600px){.tb-etape{font-size:16px;height:44px;line-height:22px}.tb-etape i{white-space:normal}}
@media(prefers-reduced-motion:reduce){.tb-e1{animation:none;opacity:0}.tb-e2{animation:none;opacity:1}}
@media(min-width:901px){.tb-lynx{grid-row:1/3}.tb-etape{grid-column:2/4;grid-row:1}.tb-carte{grid-row:2}.tb-lan-info{grid-row:1/3;grid-column:4}}
.fini .tb-s-normal{animation:none!important;opacity:0!important}.fini .tb-s-lan{animation:none!important;opacity:1!important;transform:none!important}
.tb-s{height:36px}.tb-s i{white-space:normal;line-height:1.3}

/* 22/09 (Mathias, CM-0644) : le bouton « Commander » du menu de l'espace client PULSE pour donner envie
   d'aller sur la page de commande. CSS seul, arrêt au survol/focus et si l'utilisateur refuse les animations. */
@keyframes hud-cmd-pulse{0%,100%{box-shadow:0 0 0 0 rgba(255,197,61,.85),inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55);transform:scale(1)}55%{box-shadow:0 0 0 12px rgba(255,197,61,0),inset 0 -3px 0 rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.55);transform:scale(1.05)}}
.hud-cmd{animation:hud-cmd-pulse 1.5s ease-out infinite;will-change:transform,box-shadow}
.hud-cmd:hover,.hud-cmd:focus-visible{animation:none}
@media (prefers-reduced-motion:reduce){.hud-cmd{animation:none}}

/* ── 24/09 (brief RETWEET-CHRONO) : message après retweet, bandeau dans la pop-up du lien offert, bandeau-jeu à 2 cases ── */
.alerte.rt-ok{display:flex;gap:12px;align-items:flex-start;scroll-margin-top:14px}
.rt-ok-ico{flex:0 0 34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:17px;background:rgba(47,208,143,.18)}
.rt-ok>div{min-width:0}.rt-ok b{color:#fff}
.rt-ok .rt-ok-btn{display:flex;width:fit-content;margin-top:12px}
.lo-rt{margin:0 44px 14px 0;padding:10px 14px;border-radius:12px;border:1px solid var(--ok);background:var(--ok-soft);font:500 14px/1.45 var(--b)}
.lo-rt b{color:#fff}
.bandeau-jeu.bj-2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1100px){.bandeau-jeu.bj-2{grid-template-columns:1fr}}

/* « Pas clair ? » s efface quand il recouvre un bouton (25/09/2026) */
.hlp-btn.hlp-gene{opacity:0!important;pointer-events:none!important;transform:translateY(8px)}