/* Pages guides IMMERSIVES (10/10/2026, inc/seo-immersif.php) — surcouche de comprendre-v4.css (header .cq-top, .cq-btn-or, .cq-final).
   Direction : JOURNEES/2026-10-10/seo-immersif/DIRECTION-GABARIT.md. Préfixes .gx- (gabarit) et .gm- (motifs de héros), libres au 10/10.
   L'état final est l'état par défaut : les apparitions au défilement n'existent que sous html.gx-anim (posé par guide-immersif.js),
   les animations du héros seulement en prefers-reduced-motion:no-preference. */
.gx{--ard:#0B1530;--tx2:#B8C2D6;--cendre:#16110F;--papier:#CFC6BF;--orange:#FF7A3D;overflow-x:clip}
.gx section{padding:0;position:relative}
.gx .gx-in{max-width:1200px;margin:0 auto;padding:0 32px;box-sizing:border-box}
.gx h1,.gx h2{letter-spacing:.005em}

/* ── header : barre de progression à la couleur de la famille ── */
.gx-top .cq-prog i{background:linear-gradient(90deg,var(--fc),color-mix(in srgb,var(--fc) 55%,#fff))}
.gx-top .cq-pas a:focus-visible{outline:2px solid var(--sun);outline-offset:3px}
.gx-top-cta img{width:20px;height:20px}

/* ── héros ── */
.gx-hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:112px 0 84px;box-sizing:border-box;
  background:radial-gradient(ellipse 40% 52% at 76% 44%,color-mix(in srgb,var(--fc) 15%,transparent),transparent 70%),radial-gradient(ellipse 42% 50% at 0% 100%,rgba(46,91,255,.22),transparent 65%),var(--nuit)}
.gx-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center}
.gx-ariane{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px;font-size:13px;color:var(--mu)}
.gx-ariane a{color:var(--mu);text-decoration:none}.gx-ariane a:hover{color:#fff}
.gx-kick{display:inline-block;margin:0 0 18px;padding:7px 14px;border-radius:99px;border:2px solid color-mix(in srgb,var(--fc) 55%,transparent);color:var(--fc);font:700 12px/1 var(--b,inherit);letter-spacing:.1em;text-transform:uppercase}
.gx-hero h1{margin:0 0 20px;font:400 clamp(40px,4.7vw,68px)/1.05 var(--cartoon,var(--b));color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.45);overflow-wrap:break-word}
.gx-chapo{margin:0 0 26px;max-width:580px;font-size:clamp(17px,1.3vw,20px);line-height:1.6;color:var(--tx2)}
.gx-points{list-style:none;margin:0 0 30px;padding:0;display:grid;gap:10px;max-width:580px}
.gx-points li{display:flex;align-items:center;gap:16px;padding:13px 18px;border-radius:14px;background:var(--pan);border:1px solid rgba(255,255,255,.07);box-shadow:0 4px 0 rgba(0,0,0,.3);color:#fff;font-weight:600;font-size:16px;line-height:1.4}
.gx-points b{flex:none;width:26px;text-align:center;font:400 30px/1 var(--cartoon,var(--b));color:transparent;-webkit-text-stroke:1.6px var(--fc)}
.gx-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px}
.gx-actions .cq-btn-or img{width:22px;height:22px}
.gx-btn-2{color:#fff;font-weight:700;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:2px;text-decoration-color:color-mix(in srgb,var(--fc) 70%,transparent)}
.gx-btn-2:hover{text-decoration-color:var(--fc)}
.gx-rassure{margin:16px 0 0;font-size:13.5px;line-height:1.5;color:var(--mu)}
.gx-hero-d{position:relative;height:500px;display:grid;place-items:center}
.gx-halo{position:absolute;inset:6% 4%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--fc) 20%,transparent),transparent 66%)}
.gx-mw{position:relative;width:480px;height:480px;flex:none}
.gx-scroll{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--mu);font-size:12px;text-decoration:none;letter-spacing:.08em;text-transform:uppercase}
.gx-scroll i{font-style:normal;font-size:18px;color:var(--fc)}

/* ── chapitres ── */
.gx .gx-ch{padding:clamp(84px,11vh,128px) 0;background:var(--nuit);overflow-x:clip}
.gx .gx-ch.gx-ardoise{background:var(--ard)}
.gx-ch-t{max-width:880px;margin:0 0 34px}
.gx-num{display:block;margin:0 0 4px;font:400 clamp(84px,9.6vw,140px)/.88 var(--cartoon,var(--b));color:transparent;-webkit-text-stroke:2px var(--sc)}
.gx-ch h2{margin:0;font:400 clamp(30px,3.1vw,46px)/1.1 var(--cartoon,var(--b));color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.4)}
.gx-prose{max-width:640px;color:var(--tx2);font-size:18px;line-height:1.72}
.gx-prose>:first-child{margin-top:0}.gx-prose>:last-child{margin-bottom:0}
.gx-prose p{margin:0 0 18px}
.gx-prose strong{color:#fff;font-weight:700;background:linear-gradient(transparent 60%,color-mix(in srgb,var(--sc) 38%,transparent) 0) no-repeat 0 0/100% 100%;transition:background-size .8s ease .25s}
.gx-prose a{color:#fff;text-decoration:underline;text-decoration-color:var(--sc);text-decoration-thickness:2px;text-underline-offset:3px}
.gx-prose ul,.gx-prose ol{padding-left:22px;margin:0 0 18px}.gx-prose li{margin:0 0 8px}
.gx-prose h3{margin:26px 0 10px;font:700 20px/1.3 var(--b,inherit);color:#fff}
.gx-suite{margin-top:34px}.gx-tete{margin-bottom:6px}
.gx-g2{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:clamp(32px,5vw,84px);align-items:center}
.gx-inv .gx-g2{grid-template-columns:minmax(0,1fr) minmax(0,640px)}
.gx-inv .gx-g2>.gx-prose{order:2}
.gx-vis{display:grid;place-items:center;min-height:300px}
/* récit centré */
.gx-r2 .gx-ch-t{text-align:center;margin-inline:auto}
.gx-r2 .gx-ch-t:after{content:"";display:block;width:64px;height:4px;border-radius:2px;margin:22px auto 0;background:var(--sun)}
.gx-centre{margin:0 auto;max-width:700px}
.gx-centre>p:first-child{font-size:clamp(19px,1.6vw,23px);line-height:1.55;color:#fff}
.gx-r2 .gx-tuiles{margin-top:40px}

/* tuiles de chiffre */
.gx-tuiles{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.gx-vis .gx-tuiles{flex-direction:column;align-items:stretch;width:min(100%,340px)}
.gx-tuile{padding:20px 24px;border-radius:20px;background:var(--pan);border:1px solid rgba(255,255,255,.08);box-shadow:0 5px 0 rgba(0,0,0,.35);text-align:center;min-width:170px}
.gx-tuile b{display:block;font:400 clamp(58px,6vw,96px)/1 var(--cartoon,var(--b));color:var(--sc);text-shadow:0 4px 0 rgba(0,0,0,.45);white-space:nowrap}
.gx-tuile b small{margin-left:6px;font-size:.36em;color:#fff;text-shadow:none}
.gx-tuile>span{display:block;margin-top:8px;font-size:14.5px;line-height:1.4;color:var(--tx2)}

/* ── listes ── */
.gx .gx-l{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:18px;max-width:none}
.gx-l>li{margin:0;color:var(--tx2);font-size:16.5px;line-height:1.6}
.gx-l>li>strong:first-child{display:block;margin:0 0 6px;color:#fff;font-size:18px;line-height:1.35;background:none}
.gx-l-cartes,.gx-l-large{grid-template-columns:repeat(3,minmax(0,1fr))}
.gx-l-cartes.gx-n2,.gx-l-cartes.gx-n4,.gx-l-large{grid-template-columns:repeat(2,minmax(0,1fr))}
.gx-l-cartes>li,.gx-l-large>li,.gx-l-pieges>li,.gx-l-chemin>li{position:relative;padding:24px 24px 22px;border-radius:18px;background:var(--pan);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 3px 0 var(--sc),0 5px 0 rgba(0,0,0,.3)}
.gx-ardoise .gx-l-cartes>li,.gx-ardoise .gx-l-large>li,.gx-ardoise .gx-l-pieges>li,.gx-ardoise .gx-l-chemin>li{background:#13234A}
.gx-l-cartes>li:after,.gx-l-large>li:after{content:counter(list-item,decimal-leading-zero);position:absolute;top:16px;right:18px;font:400 22px/1 var(--cartoon,var(--b));color:color-mix(in srgb,var(--sc) 55%,transparent)}
.gx-l-cartes>li>strong:first-child,.gx-l-large>li>strong:first-child{padding-right:34px}
.gx-l-large>li{padding:26px 30px}
/* check-list */
.gx-l-check{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 34px}
.gx-l-check>li{position:relative;padding:16px 18px 16px 58px;border-radius:14px;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.07);color:#fff;font-weight:600}
.gx-l-check>li:before{content:"";position:absolute;left:18px;top:15px;width:24px;height:24px;border-radius:7px;border:2px solid var(--sc);box-sizing:border-box}
.gx-l-check>li:after{content:"";position:absolute;left:25px;top:19px;width:8px;height:13px;border:solid var(--sc);border-width:0 3px 3px 0;transform:rotate(45deg);transform-origin:center;transition:transform .35s var(--ressort) calc(.25s + var(--i,0)*.12s),opacity .2s}
/* pièges */
.gx-l-pieges{grid-template-columns:repeat(2,minmax(0,1fr))}
.gx-l-pieges>li{padding-left:74px;box-shadow:inset 3px 0 0 var(--orange),0 5px 0 rgba(0,0,0,.3)}
.gx-l-pieges>li:before{content:"!";position:absolute;left:22px;top:22px;width:34px;height:30px;display:grid;place-items:center;padding-top:6px;box-sizing:border-box;font:800 17px/1 var(--b,inherit);color:#1a0d00;background:var(--orange);clip-path:polygon(50% 0,100% 100%,0 100%)}
.gx-n5.gx-l-pieges>li:last-child,.gx-n3.gx-l-pieges>li:last-child{grid-column:1/-1}
/* chemin (ol) */
.gx-l-chemin{counter-reset:none;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.gx-l-chemin>li{padding-top:58px}
.gx-l-chemin>li:before{content:counter(list-item);position:absolute;left:22px;top:18px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--sc);color:#070D1C;font:400 17px/1 var(--cartoon,var(--b))}

/* ── plateaux (tableaux) ── */
.gx-plateau{margin-top:42px}
.gx .gx-plateau table{display:block;width:100%;min-width:0;margin:0;border:0;border-collapse:separate;border-spacing:0;background:none;box-shadow:none;font-size:16px}
.gx .gx-plateau thead,.gx .gx-plateau tbody,.gx .gx-plateau tr{border:0}
.gx .gx-plateau th,.gx .gx-plateau td{border:0;text-align:left;vertical-align:top}
.gx-pl-in{position:relative}
/* tuiles de typologie (par défaut) et grand comparatif */
.gx-t-tuiles thead,.gx-t-large thead,.gx-t-prix thead,.gx-t-frise thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gx-t-tuiles tbody,.gx-t-large tbody{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.gx-t-large tbody{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}
.gx-t-tuiles tr,.gx-t-large tr{display:flex;flex-direction:column;gap:12px;padding:24px;border-radius:18px;background:var(--pan);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 3px 0 var(--sc),0 5px 0 rgba(0,0,0,.3)}
.gx-ardoise .gx-t-tuiles tr,.gx-ardoise .gx-t-large tr{background:#13234A}
.gx-t-tuiles td,.gx-t-large td{display:block;padding:0;color:var(--tx2);font-size:15.5px;line-height:1.55}
.gx-t-tuiles td:before,.gx-t-large td:before{content:attr(data-label);display:block;margin:0 0 3px;font:700 11px/1.3 var(--b,inherit);letter-spacing:.11em;text-transform:uppercase;color:color-mix(in srgb,var(--sc) 80%,#fff)}
.gx .gx-t-tuiles td.gx-c-lab,.gx .gx-t-large td.gx-c-lab{font:400 24px/1.15 var(--cartoon,var(--b));color:#fff}
.gx-t-tuiles td.gx-c-lab:before,.gx-t-large td.gx-c-lab:before{display:none}
.gx-t-large tr.gx-r-nous{background:linear-gradient(160deg,#15306a,#0E1A38);box-shadow:inset 0 3px 0 var(--ok),0 0 0 2px color-mix(in srgb,var(--ok) 45%,transparent),0 5px 0 rgba(0,0,0,.3)}
/* face-à-face (X / relinking.eu) */
.gx-t-split .gx-pl-in{max-width:1060px;margin:0 auto}
.gx-t-split thead,.gx-t-split tbody,.gx-t-split2 thead,.gx-t-split2 tbody{display:block}
.gx-t-split tr,.gx-t-split2 tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px 18px;margin:0 0 16px;position:relative}
.gx-t-split thead tr,.gx-t-split2 thead tr{margin-bottom:14px}
.gx-t-split th,.gx-t-split2 th{padding:0 4px;font:400 clamp(20px,2vw,26px)/1.15 var(--cartoon,var(--b));color:var(--papier)}
.gx-t-split th:first-child{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.gx-t-split th:last-child,.gx-t-split2 th:first-child{color:var(--sun)}
.gx-t-split2 th:last-child{color:var(--papier)}
.gx-t-split thead tr:after,.gx-t-split2 thead tr:after{content:"VS";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#070D1C;font:400 16px/1 var(--cartoon,var(--b));box-shadow:0 4px 0 #B87400}
.gx-t-split td,.gx-t-split2 td{display:block;padding:15px 18px;border-radius:13px;font-size:15.5px;line-height:1.55}
.gx .gx-t-split td.gx-c-lab{grid-column:1/-1;padding:4px 2px 0;border-radius:0;background:none;font:700 11.5px/1.3 var(--b,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--mu)}
.gx .gx-plateau td.gx-c-eux{background:var(--cendre);color:var(--papier);border:1px solid rgba(207,198,191,.13)}
.gx .gx-plateau td.gx-c-nous{background:var(--pan);color:#fff;border:1px solid color-mix(in srgb,var(--ok) 38%,transparent);box-shadow:inset 3px 0 0 var(--ok)}
.gx-t-split2 td.gx-c-eux{padding-left:44px;position:relative}
.gx-t-split2 td.gx-c-eux:before{content:"";position:absolute;left:17px;top:22px;width:14px;height:2px;background:#E5484D;transform:rotate(45deg);box-shadow:0 0 0 0 #E5484D}
.gx-t-split2 td.gx-c-eux:after{content:"";position:absolute;left:17px;top:22px;width:14px;height:2px;background:#E5484D;transform:rotate(-45deg)}
.gx-t-split2 td.gx-c-nous{padding-left:44px;position:relative}
.gx-t-split2 td.gx-c-nous:before{content:"";position:absolute;left:19px;top:16px;width:6px;height:11px;border:solid var(--ok);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
/* étiquettes de prix */
.gx-t-prix tbody{display:grid;gap:26px;padding-top:26px}
.gx-t-prix tr{display:block;position:relative;padding:26px 26px 22px 30px;border-radius:22px;background:linear-gradient(160deg,#1a2c5e,#0E1A38);border:2px solid color-mix(in srgb,var(--sc) 60%,transparent);box-shadow:0 8px 0 rgba(0,0,0,.4),0 26px 50px rgba(0,0,0,.3);transform-origin:50% -26px}
.gx-t-prix tr:before{content:"";position:absolute;left:50%;top:-27px;width:2px;height:30px;background:color-mix(in srgb,var(--sc) 70%,transparent)}
.gx-t-prix tr:after{content:"";position:absolute;left:calc(50% - 8px);top:-6px;width:16px;height:16px;border-radius:50%;background:var(--nuit);box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--sc) 70%,transparent)}
.gx-ardoise .gx-t-prix tr:after{background:var(--ard)}
.gx-t-prix td{display:block;padding:0;color:var(--tx2);font-size:15px;line-height:1.5}
.gx .gx-t-prix td.gx-c-lab{font:700 12px/1.3 var(--b,inherit);letter-spacing:.12em;text-transform:uppercase;color:var(--sc);margin-bottom:6px}
.gx .gx-t-prix td.gx-c-prix{margin:0 0 12px;font:400 clamp(30px,3vw,40px)/1 var(--cartoon,var(--b));color:#fff;text-shadow:0 3px 0 rgba(0,0,0,.4)}
.gx .gx-t-prix td.gx-c-prix span{font-size:clamp(56px,5.6vw,84px);color:var(--sc)}
.gx-t-prix td:not(.gx-c-lab):not(.gx-c-prix):before{content:attr(data-label) " : ";color:var(--mu);font-weight:600}
/* frise d'étapes */
.gx-t-frise tbody{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:18px;position:relative;padding-top:58px}
.gx-t-frise tbody:before{content:"";position:absolute;left:4%;right:4%;top:21px;height:3px;border-radius:2px;background:linear-gradient(90deg,var(--sc),color-mix(in srgb,var(--sc) 30%,transparent))}
.gx-t-frise tr{display:block;position:relative;padding:22px 20px;border-radius:18px;background:var(--pan);border:1px solid rgba(255,255,255,.07)}
.gx-ardoise .gx-t-frise tr{background:#13234A}
.gx-t-frise tr:before{content:counter(gxetape);counter-increment:gxetape;position:absolute;left:50%;top:-56px;transform:translateX(-50%);width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--sc);color:#070D1C;font:400 19px/1 var(--cartoon,var(--b));box-shadow:0 0 0 6px var(--nuit)}
.gx-ardoise .gx-t-frise tr:before{box-shadow:0 0 0 6px var(--ard)}
.gx-t-frise tbody{counter-reset:gxetape}
.gx-t-frise td{display:block;padding:0;color:var(--tx2);font-size:15px;line-height:1.5}
.gx .gx-t-frise td.gx-c-lab{margin:0 0 6px;font:400 21px/1.15 var(--cartoon,var(--b));color:#fff}

/* ── bande d'appel du milieu (seule bande claire) ── */
.gx-encart{position:relative;background:var(--sun);color:#070D1C;padding:52px 0;overflow:hidden}
.gx-encart:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 90% at 12% 110%,rgba(255,255,255,.45),transparent 70%)}
.gx-encart-in{position:relative;display:grid;grid-template-columns:240px minmax(0,1fr) auto;gap:38px;align-items:center}
.gx-encart-lynx{position:relative;display:grid;place-items:end center;height:200px}
.gx-encart-lynx img{position:relative;z-index:1;width:240px;height:auto;max-height:230px;object-fit:contain}
.gx-encart-lynx i{position:absolute;left:18%;right:18%;bottom:-4px;height:18px;border-radius:50%;background:rgba(80,50,0,.28);filter:blur(2px)}
.gx-encart-t{margin:0 0 8px;font:400 clamp(26px,2.8vw,38px)/1.1 var(--cartoon,var(--b));color:#070D1C}
.gx-encart-txt p:not(.gx-encart-t){margin:0;font-size:17px;line-height:1.5;color:#2b1f00}
.gx-btn-nuit{display:inline-flex;align-items:center;gap:10px;padding:17px 26px;border-radius:16px;background:#070D1C;color:var(--sun);font:700 17px/1 var(--b,inherit);text-decoration:none;white-space:nowrap;box-shadow:0 5px 0 rgba(0,0,0,.55);transition:transform .15s,box-shadow .15s}
.gx-btn-nuit:hover{transform:translateY(-2px)}.gx-btn-nuit:active{transform:translateY(3px);box-shadow:0 2px 0 rgba(0,0,0,.55)}
.gx-btn-nuit img{width:22px;height:22px}.gx-btn-nuit b{font-size:20px}

/* ── FAQ ── */
.gx-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:56px;align-items:start}
.gx-faq-g{position:sticky;top:104px}
.gx-faq-d details{margin:0 0 12px;border-radius:16px;background:var(--pan);border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 0 rgba(0,0,0,.32)}
.gx-ardoise .gx-faq-d details{background:#13234A}
.gx-faq-d summary{position:relative;display:block;min-height:48px;box-sizing:border-box;padding:19px 64px 19px 22px;list-style:none;cursor:pointer;color:#fff;font:700 17px/1.45 var(--b,inherit)}
.gx-faq-d summary::-webkit-details-marker{display:none}
.gx-faq-d summary:after{content:"+";position:absolute;right:20px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--fc) 22%,transparent);color:var(--fc);font:700 21px/1 var(--b,inherit);transition:transform .35s var(--ressort)}
.gx-faq-d details[open] summary:after{transform:rotate(45deg)}
.gx-faq-d summary:focus-visible{outline:2px solid var(--sun);outline-offset:2px;border-radius:16px}
.gx-faq-d details p{margin:0;padding:0 22px 22px;color:var(--tx2);font-size:16.5px;line-height:1.65}

/* ── à lire aussi ── */
.gx-aussi{padding:76px 0;background:var(--nuit);border-top:1px solid rgba(255,255,255,.05)}
.gx-aussi-t{margin:0 0 24px;font:400 34px/1.1 var(--cartoon,var(--b));color:#fff}
.gx-aussi ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.gx-aussi a{display:flex;flex-direction:column;height:100%;border-radius:18px;overflow:hidden;background:var(--pan);border:1px solid rgba(255,255,255,.08);box-shadow:0 5px 0 rgba(0,0,0,.3);color:#fff;text-decoration:none;transition:transform .25s var(--ressort),border-color .2s}
.gx-aussi a:hover,.gx-aussi a:focus-visible{transform:translateY(-4px);border-color:var(--lc)}
.gx-vign{display:grid;place-items:center;aspect-ratio:16/8;background:radial-gradient(circle at 50% 62%,color-mix(in srgb,var(--lc) 32%,transparent),transparent 68%),#0B1530;border-bottom:3px solid var(--lc)}
.gx-vign img{width:64px;height:64px}
.gx-aussi a span{padding:18px 20px 6px;font-weight:700;font-size:17px;line-height:1.35}
.gx-aussi a b{margin-top:auto;padding:0 20px 18px;color:var(--lc);font-size:20px}

/* ── final ── */
.gx-fin-in{max-width:780px;text-align:center}
.gx-fin .gx-kick{margin-bottom:16px}
.gx-fin h2{margin:0 0 14px;font:400 clamp(34px,4.4vw,56px)/1.05 var(--cartoon,var(--b));color:#fff;text-shadow:0 4px 0 rgba(0,0,0,.4)}
.gx-fin-in>p:not(.gx-kick){margin:0 auto 24px;max-width:620px;color:var(--tx2);font-size:18px;line-height:1.6}
.gx-fin .cq-btn-xl img{width:26px;height:26px}
.gx .gx-fin .gx-fin-prix{margin:24px auto 8px;font-size:14.5px;color:var(--mu)}
.gx .gx-fin .gx-fin-aide{margin:0 auto 10px;font-size:15px}.gx-fin-aide a{color:#fff;font-weight:700;text-decoration:underline;text-decoration-color:var(--fc);text-underline-offset:4px}
.gx .gx-fin .gx-maj{margin:0 auto;font-size:13px;color:var(--eteint)}

/* ── pied de page standard sur fond nuit ── */
body:has(#gx) footer{background:#050A16;border-top:1px solid rgba(255,255,255,.07);color:#8C9AB5}
body:has(#gx) footer a{color:#C3CDE2}
body:has(#gx) footer a:hover{color:var(--sun)}
body:has(#gx) footer b,body:has(#gx) footer .px{color:#fff}
body:has(#gx) footer .maj,body:has(#gx) footer .pied-base,body:has(#gx) .pied-ligne{color:#8C9AB5}

/* ── apparitions au défilement (seulement sous html.gx-anim) ── */
.gx-anim .gx [data-gx]{transition:opacity .7s ease,transform .75s var(--ressort);transition-delay:calc(var(--i,0) * 90ms)}
.gx-anim .gx [data-gx]:not(.on){opacity:0;transform:translateY(28px)}
.gx-anim .gx-prose:not(.on) strong{background-size:0 100%}
.gx-anim .gx-l-check>li:not(.on):after{transform:rotate(45deg) scale(0)}
.gx-anim .gx-t-prix tr:not(.on){transform:translateY(-36px) rotate(-6deg)}
.gx-anim .gx-t-prix tr.on{animation:gx-balance 1.3s ease-out calc(var(--i,0) * 160ms) both}
.gx-anim .gx-l-pieges>li.on{animation:gx-secoue .5s ease calc(.4s + var(--i,0) * 90ms) 1}
@keyframes gx-balance{0%{transform:translateY(-36px) rotate(-6deg)}45%{transform:rotate(3.5deg)}70%{transform:rotate(-1.5deg)}100%{transform:none}}
@keyframes gx-secoue{0%,100%{transform:none}25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}}
@keyframes gx-tourne{to{transform:rotate(360deg)}}
@keyframes gx-respire{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes gx-monte{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
  .gx-points li{animation:gx-monte .6s var(--ressort) calc(.3s + var(--i) * .12s) both}
  .gx-emb-r{animation:gx-tourne 46s linear infinite}.gx-emb-r.gx-r2{animation:gx-tourne 80s linear infinite reverse}
  .gx-encart-lynx img{animation:gx-respire 5s ease-in-out infinite}
}

/* ════════ motifs de héros ════════ */
.gm{position:absolute;inset:0;font-family:var(--b,inherit)}
.gm-tampon{position:absolute;padding:6px 13px;border:3px solid var(--orange);border-radius:10px;color:var(--orange);font:400 17px/1.1 var(--cartoon,var(--b));letter-spacing:.04em;text-transform:uppercase;transform:rotate(-13deg);opacity:.92;background:rgba(7,13,28,.55)}
.gm-tampon.gm-ok{border-color:var(--ok);color:var(--ok)}

/* F1 — le ticket qui s'imprime */
.gm-tk{position:absolute}
.gm-tk-in{position:relative;padding:22px 24px 34px;background:linear-gradient(180deg,#14244c,#0E1A38);border:1px solid rgba(255,255,255,.1);border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 26px 60px rgba(0,0,0,.5);
  -webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 18px 100%}
.gm-tk-h{margin:0 0 10px;padding:0 0 12px;border-bottom:2px solid rgba(255,255,255,.16);font:400 23px/1.1 var(--cartoon,var(--b));color:#fff}
.gm-tk-l,.gm-tk-t{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:7px 0;border-bottom:1px dashed rgba(255,255,255,.15);font-size:14.5px;line-height:1.3;color:#C9D2E6}
.gm-tk-l b,.gm-tk-t b{flex:none;font:400 21px/1 var(--cartoon,var(--b));color:var(--sun);white-space:nowrap}
.gm-tk-l b small{font:600 12px/1 var(--b,inherit);color:var(--tx2)}
.gm-tk-t{border-bottom:0;padding-top:12px;font-weight:800;color:#fff;font-size:16px}
.gm-tk1{left:0;top:16px;width:304px;transform:rotate(-4deg);z-index:1}
.gm-fente{position:absolute;left:-12px;right:-12px;top:-12px;height:14px;border-radius:8px;background:#04070F;box-shadow:inset 0 2px 6px #000,0 1px 0 rgba(255,255,255,.08);z-index:2}
.gm-tk .gm-tampon{z-index:4}.gm-tk1 .gm-tampon{left:18px;bottom:-30px;transform:rotate(-8deg)}
.gm-tk2{right:-72px;bottom:-24px;width:248px;transform:rotate(5deg);z-index:3}
.gm-tk2 .gm-tk-in{background:linear-gradient(180deg,#1d3470,#122455);border-color:color-mix(in srgb,var(--sun) 55%,transparent)}
.gm-tk2 .gm-tk-h{color:var(--sun)}
.gm-tk2 .gm-tk-l{color:#fff}
.gm-tk2 .gm-tampon{right:4px;bottom:-34px;transform:rotate(-6deg)}
@media(prefers-reduced-motion:no-preference){
  .gm-tk1 .gm-tk-in{animation:gm-imprime 1.6s cubic-bezier(.2,.7,.2,1) .2s both}
  .gm-tk1 .gm-tk-l,.gm-tk1 .gm-tk-t{animation:gx-monte .35s ease both;animation-delay:calc(.45s + var(--k) * .22s)}
  .gm-tk1 .gm-q{animation:gm-cligne .9s ease calc(.6s + var(--k,0) * .22s) both}
  .gm-tk1 .gm-tampon{animation:gm-tampon .45s var(--ressort) 2.05s both}
  .gm-tk2{animation:gm-pose .75s var(--ressort) 2.5s both}
  .gm-tk2 .gm-tampon{animation:gm-tampon2 .45s var(--ressort) 3.15s both}
  .gm-ticket{animation:gx-respire 5.5s ease-in-out 3.6s infinite}
}
@keyframes gm-imprime{from{clip-path:inset(0 0 100% 0);transform:translateY(-34px)}to{clip-path:inset(0 0 -2% 0);transform:none}}
@keyframes gm-cligne{0%,40%{color:var(--sun)}55%{color:#fff}70%{color:var(--sun)}100%{color:var(--sun)}}
@keyframes gm-tampon{from{opacity:0;transform:rotate(-8deg) scale(1.7)}to{opacity:.92;transform:rotate(-8deg) scale(1)}}
@keyframes gm-tampon2{from{opacity:0;transform:rotate(-6deg) scale(1.7)}to{opacity:.92;transform:rotate(-6deg) scale(1)}}
@keyframes gm-pose{from{opacity:0;transform:translateY(70px) rotate(14deg)}to{opacity:1;transform:rotate(5deg)}}


/* ════════ jugement n°1 (10/10) ════════ */
html:has(#gx),body:has(#gx){background:#070D1C}
.gx-sep{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* étiquettes de prix côte à côte, ficelles accrochées à une barre */
.gx-t-prix .gx-pl-in{padding-top:34px;position:relative}
.gx-t-prix .gx-pl-in:before{content:"";position:absolute;left:4%;right:4%;top:0;height:8px;border-radius:4px;background:linear-gradient(#3a4a72,#1d2b52);box-shadow:0 4px 0 rgba(0,0,0,.4)}
.gx-t-prix tbody{gap:24px;padding-top:0;align-items:start}
.gx-t-prix tr{margin-top:28px;padding:30px 24px 22px}
.gx-t-prix tr:before{top:calc(-26px - var(--mt,8px));height:calc(28px + var(--mt,8px))}
.gx-t-prix tr:after{top:10px;width:14px;height:14px;left:calc(50% - 7px);background:#fff;box-shadow:inset 0 0 0 3px rgba(0,0,0,.25)}
.gx .gx-t-prix td.gx-c-prix span{font-size:clamp(64px,6.6vw,96px)}
/* texte qui suit une liste : panneau à liseré soleil */
.gx-liste .gx-suite{max-width:none;padding:24px 28px;border-radius:18px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);box-shadow:inset 3px 0 0 var(--sun)}
.gx-liste .gx-suite p{max-width:900px}
/* rappel : fiches des mots en gras, ou phrase clé en citation */
.gx-fiches{display:flex;flex-direction:column;gap:16px;width:min(100%,400px)}
.gx-fiche{display:block;padding:20px 24px;border-radius:16px;background:var(--pan);border:1px solid rgba(255,255,255,.08);box-shadow:inset 4px 0 0 var(--sc),0 6px 0 rgba(0,0,0,.32);font:400 clamp(20px,1.9vw,26px)/1.2 var(--cartoon,var(--b));color:#fff}
.gx-fiche:nth-child(2){margin-left:36px}.gx-fiche:nth-child(3){margin-left:12px}
.gx-ardoise .gx-fiche{background:#13234A}
.gx-cite{position:relative;margin:0;width:min(100%,440px);padding:40px 34px 32px;border-radius:24px;background:linear-gradient(160deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.09);box-shadow:0 8px 0 rgba(0,0,0,.35),0 26px 50px rgba(0,0,0,.3)}
.gx-cite b{position:absolute;left:24px;top:-34px;font:400 120px/1 var(--cartoon,var(--b));color:var(--sc)}
.gx-cite p{margin:0;font:600 clamp(18px,1.6vw,21px)/1.5 var(--b,inherit);color:#fff}
/* visuels propres à une section */
.gv{position:relative;width:100%;max-width:460px}
.gx-vis:has(.gv-sponso){place-items:stretch}
.gv-sponso{padding:0 0 118px;max-width:460px;width:100%;margin:0 auto;opacity:1!important;transform:none!important}
.gv-site{width:100%;max-width:460px;padding:14px 16px 18px;border-radius:18px;background:#13234A;border:1px solid rgba(255,255,255,.1);box-sizing:border-box}
.gv-site small{display:block;margin:0 0 10px;font-weight:700;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--mu)}
.gv-art{position:relative;padding:36px 18px 18px;border-radius:12px;background:#F4F1EA}
.gv-tag{position:absolute;right:12px;top:10px;padding:3px 9px;border-radius:6px;background:var(--sun);color:#070D1C;font:700 12px/1.3 var(--b,inherit);font-style:normal}
.gv-l{display:block;height:8px;margin:0 0 10px;border-radius:4px;background:#D9D3C7}
.gv-l.gv-c{width:74%}.gv-l.gv-c2{width:52%;margin:0}
.gv-art p{margin:0 0 12px;font-size:15px;font-weight:700;color:#38332a}
.gv-art u{position:relative;color:#2E5BFF;text-decoration-thickness:3px;text-underline-offset:3px}
.gx .gv-fl{position:absolute;left:50%;top:calc(100% + 4px);width:150px;height:132px;max-width:none;overflow:visible;pointer-events:none}
.gv-fl path{fill:none;stroke:var(--sun);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.gv-page{position:absolute;left:calc(50% + 146px);top:calc(100% + 98px);white-space:nowrap;padding:14px 20px;border-radius:16px;background:var(--sun);color:#070D1C;box-shadow:0 5px 0 #B87400,0 18px 40px rgba(0,0,0,.4);text-decoration:none}
.gx .gv-page b{font:400 22px/1 var(--cartoon,var(--b));color:#070D1C}
@media(prefers-reduced-motion:no-preference){
  .gx-anim .gv-sponso:not(.on) .gv-fl path:first-child{stroke-dashoffset:220}
  .gx-anim .gv-sponso .gv-fl path:first-child{stroke-dasharray:220;transition:stroke-dashoffset .8s ease .4s}
  .gx-anim .gv-sponso:not(.on) .gv-pointe,.gx-anim .gv-sponso:not(.on) .gv-page{opacity:0}
  .gx-anim .gv-sponso .gv-pointe,.gx-anim .gv-sponso .gv-page{transition:opacity .3s ease 1.15s}
}
.gv-duel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;max-width:560px}
.gv-cote{display:flex;flex-direction:column;gap:10px;padding:22px 18px;border-radius:18px}
.gv-cote b{font:400 23px/1.1 var(--cartoon,var(--b));margin:0 0 4px}
.gv-cote span{padding:11px 13px;border-radius:11px;font-size:14.5px;line-height:1.4}
.gv-eux{background:var(--cendre);border:1px solid rgba(207,198,191,.15);color:var(--papier)}
.gv-eux span{background:rgba(207,198,191,.07)}
.gv-nous{background:var(--pan);border:1px solid color-mix(in srgb,var(--ok) 40%,transparent);box-shadow:inset 3px 0 0 var(--ok);color:#fff}
.gv-nous b{color:var(--sun)}
.gv-nous span{background:rgba(47,208,143,.08)}
.gv-vs{position:absolute;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;display:grid;place-items:center;background:var(--sun);color:#070D1C;font:400 16px/1 var(--cartoon,var(--b));font-style:normal;box-shadow:0 4px 0 #B87400;z-index:1}
.gx-anim .gv-duel span:not(.on){opacity:0;transform:translateX(-16px)}
@media(prefers-reduced-motion:no-preference){
  .gx-anim .gx-vis:has(.gv-sponso) .gv-tag{animation:gm-tampon2 .45s var(--ressort) 1s both}
}
/* « à lire aussi » : la forme de la famille de la page cible (jugement n°2) */
.gx-vign{position:relative;overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}
.gvv{position:relative;display:block;width:62%;height:62%}
.gvv i{display:block;font-style:normal}
.gvv-tk{position:absolute;inset:0 18% 0 18%;padding:10px 12px;background:#14244c;border:1px solid rgba(255,255,255,.14);border-bottom:0;border-radius:8px 8px 0 0;transform:rotate(-4deg);-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 12px 100%;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% / 12px 100%}
.gvv-tk>i{display:flex;justify-content:flex-end;padding:4px 0;border-bottom:1px dashed rgba(255,255,255,.18)}
.gvv-tk>i:before{content:"";flex:1;align-self:center;height:5px;margin-right:10px;border-radius:3px;background:rgba(255,255,255,.18)}
.gvv-tk b{font:400 15px/1 var(--cartoon,var(--b));color:var(--sun)}
.gvv-tampon{position:absolute;right:-4%;bottom:-8%;padding:3px 7px;border:2px solid #FF6B6B;border-radius:6px;color:#FF6B6B;font:800 9px/1 var(--b,inherit);letter-spacing:.06em;text-transform:uppercase;transform:rotate(-10deg)}
.gvv svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gvv-aig path{fill:none;stroke-width:7;stroke-linecap:round}.gvv-aig .gvv-r1{stroke:rgba(207,198,191,.45)}.gvv-aig .gvv-r2{stroke:#3DC8FF}.gvv-aig circle{fill:var(--sun)}
.gvv-grille{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gvv-grille>i{border-radius:7px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1)}
.gvv-grille>i.on{background:#2FD08F;box-shadow:0 0 18px rgba(47,208,143,.6)}
.gvv-grille .gvv-or{z-index:1}.gvv-or path{fill:none;stroke:var(--sun);stroke-width:2.5;stroke-dasharray:5 5}
.gvv-tableau{padding:10% 9%;border-radius:8px;background:#1a2a2a linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px) 0 0/14px 14px;border:5px solid #6b4a2c;box-sizing:border-box}
.gvv-tableau>i{height:5px;margin:0 0 12%;border-radius:3px;background:rgba(255,255,255,.7)}.gvv-tableau>i:nth-child(2){width:72%}.gvv-tableau>i:nth-child(3){width:48%;margin:0}
.gvv-env .gvv-lettre{position:absolute;left:0;top:28%;width:42%;height:52%;border-radius:5px;background:#F4F1EA}
.gvv-env .gvv-rabat{position:absolute;left:0;top:28%;width:42%;height:30%;background:linear-gradient(to bottom right,transparent 49%,#d9d1c3 50%) 0 0/50% 100% no-repeat,linear-gradient(to bottom left,transparent 49%,#d9d1c3 50%) 100% 0/50% 100% no-repeat}
.gvv-env svg{left:38%;top:22%;width:34%;height:40%}.gvv-env path{fill:none;stroke:var(--sun);stroke-width:3;stroke-dasharray:6 6}
.gvv-env .gvv-art{position:absolute;right:0;top:12%;width:30%;height:70%;padding:8% 4%;border-radius:5px;background:#14244c;border:1px solid rgba(155,123,255,.5);box-sizing:border-box}
.gvv-env .gvv-art i{height:4px;margin:0 0 18%;border-radius:2px;background:rgba(255,255,255,.35)}
@media(max-width:900px){
  .gx-fiche:nth-child(n){margin-left:0}
  .gv-duel{grid-template-columns:1fr}.gv-vs{top:auto;bottom:auto;position:relative;margin:-6px auto;left:auto}
  .gx-liste .gx-suite{padding:20px}
  /* héros : texte, boutons, motif, puis les 3 jetons */
  .gx-hero-g{display:contents}
  .gx-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;min-width:0;width:100%;box-sizing:border-box}
  .gx-hero-grid>*{min-width:0;max-width:100%}
  .gx-ariane{order:1}.gx-hero .gx-kick{order:2;align-self:flex-start}.gx-hero h1{order:3}.gx-chapo{order:4}.gx-actions{order:5}.gx-rassure{order:6}.gx-hero-d{order:7;margin-top:14px}.gx-points{order:8;margin:18px 0 0}
  .gx-fin .cq-btn-xl{font-size:17px;min-height:56px}
}

/* ── placement à 2 colonnes : uniquement à partir de 901 px (règle de gabarit, jugement n°2) ── */
@media(min-width:901px){
.gx-a-g2>.gx-in{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);column-gap:clamp(32px,5vw,84px);align-items:start}
.gx-a-g2>.gx-in>*{grid-column:1/-1}
.gx-a-g2 .gx-g2{display:contents}
.gx-a-g2>.gx-in>.gx-ch-t,.gx-a-g2 .gx-g2>.gx-prose{grid-column:1}
.gx-a-g2 .gx-g2>.gx-vis,.gx-a-g2 .gx-g2>.gx-plateau{grid-column:2;grid-row:1/span 2;align-self:center;margin:0}
.gx-a-g2.gx-inv>.gx-in{grid-template-columns:minmax(0,1fr) minmax(0,640px)}
.gx-a-g2.gx-inv>.gx-in>.gx-ch-t,.gx-a-g2.gx-inv .gx-g2>.gx-prose{grid-column:2}
.gx-a-g2.gx-inv .gx-g2>.gx-vis,.gx-a-g2.gx-inv .gx-g2>.gx-plateau{grid-column:1}
.gx-a-g2.gx-p-prix>.gx-in{grid-template-columns:minmax(0,1fr) minmax(0,600px)}
.gx-a-g2.gx-p-prix.gx-inv>.gx-in{grid-template-columns:minmax(0,600px) minmax(0,1fr)}
.gx-a-g2.gx-p-prix .gx-g2>.gx-plateau{align-self:start}
  .gx-t-prix tbody{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
  .gx-t-prix tr{--mt:28px}
  .gx-t-prix tr:nth-child(2){margin-top:68px;--mt:68px}
.gx-l-cartes.gx-n5,.gx-l-large.gx-n5{grid-template-columns:repeat(6,minmax(0,1fr))}
.gx-l-cartes.gx-n5>li:nth-child(-n+3),.gx-l-large.gx-n5>li:nth-child(-n+3){grid-column:span 2}
.gx-l-cartes.gx-n5>li:nth-child(n+4),.gx-l-large.gx-n5>li:nth-child(n+4){grid-column:span 3}
.gx-l-cartes.gx-n7,.gx-l-large.gx-n7{grid-template-columns:repeat(12,minmax(0,1fr))}
.gx-l-cartes.gx-n7>li:nth-child(-n+4),.gx-l-large.gx-n7>li:nth-child(-n+4){grid-column:span 3}
.gx-l-cartes.gx-n7>li:nth-child(n+5),.gx-l-large.gx-n7>li:nth-child(n+5){grid-column:span 4}
.gx-l-cartes.gx-n8,.gx-l-large.gx-n8{grid-template-columns:repeat(4,minmax(0,1fr))}
.gx-l-check.gx-n3>li:last-child,.gx-l-check.gx-n5>li:last-child,.gx-l-check.gx-n7>li:last-child{grid-column:1/-1}
}
@media(min-width:901px) and (max-width:1100px){
  .gx-l-cartes.gx-n5,.gx-l-cartes.gx-n7,.gx-l-large.gx-n5,.gx-l-large.gx-n7,.gx-l-cartes.gx-n8{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gx-l-cartes.gx-n5>li,.gx-l-cartes.gx-n7>li,.gx-l-large.gx-n5>li,.gx-l-large.gx-n7>li{grid-column:auto}
}
@media(max-width:900px){
  /* une colonne : le visuel suit le paragraphe qu'il illustre */
  .gx-a-g2 .gx-g2{display:flex;flex-direction:column;gap:22px}
  .gx-a-g2 .gx-g2>.gx-prose{display:contents}
  .gx-anim .gx .gx-a-g2 .gx-g2>.gx-prose[data-gx]{opacity:1;transform:none}
  .gx-a-g2 .gx-g2>.gx-prose>*{order:3;margin-top:0;margin-bottom:0}
  .gx-a-g2 .gx-g2>.gx-prose>*:first-child{order:1}
  .gx-a-g2 .gx-g2:has(.gv-duel)>.gx-prose>*:nth-child(2){order:1}
  .gx-a-g2 .gx-g2>.gx-vis,.gx-a-g2 .gx-g2>.gx-plateau{order:2;margin:4px 0}
  .gv-sponso{max-width:none}.gv-site{max-width:none}
  .gx .gv-fl{width:110px;height:120px}.gv-page{left:calc(50% + 104px);top:calc(100% + 92px)}.gx .gv-page b{font-size:19px}
  /* héros F1 : les deux tickets entiers, l'un sous l'autre */
  .gx-hero-d:has(.gm-ticket){height:auto;overflow:visible;margin:10px 0 0;display:block}
  .gx-hero-d:has(.gm-ticket) .gx-mw{transform:none!important;width:100%;height:auto}
  .gm-ticket{position:relative;inset:auto;display:flex;flex-direction:column;align-items:center;gap:52px;padding:6px 0 44px}
  .gm-ticket .gm-tk{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:min(100%,320px)}
  .gm-ticket .gm-tk1{transform:rotate(-2deg)}
  .gm-ticket .gm-tk2{width:min(calc(100% - 24px),280px);margin-left:24px;transform:rotate(2deg)}
}


/* ════════ jugement n°4 (10/10) ════════ */
.gx-l-cartes>li:not(:has(>strong:first-child)),.gx-l-large>li:not(:has(>strong:first-child)){padding-right:64px}
.gx-t-split thead th:nth-child(2),.gx-t-split2 thead th:first-child{padding-right:36px}
.gx-t-split thead th:last-child,.gx-t-split2 thead th:last-child{padding-left:36px}
.gx-faq-suite{padding-top:clamp(8px,2vw,24px)}
.gx-faq-suite .gx-num{display:none}
/* jauges TF / CF sur une ligne, libellé sous chacune */
.gm.gm-jauges{display:grid;grid-template-columns:200px 28px 200px;grid-template-rows:auto auto;column-gap:6px;row-gap:58px;place-content:center;align-items:end}
.gm-jauges .gm-sur{align-self:center;text-align:center}
.gm-jauges .gm-leg{grid-column:1/-1;margin:0;text-align:center}
/* vignettes : un trait de la page cible */
.gvv-tk>i.gvv-tk-h{display:block;padding:0 0 6px;border-bottom:2px solid rgba(255,255,255,.2);font:400 13px/1.1 var(--cartoon,var(--b));color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gvv-tk>i.gvv-tk-h:before{display:none}
.gvv-nom{position:absolute;right:0;top:-6%;padding:3px 9px;border-radius:7px;background:#3DC8FF;color:#070D1C;font:400 14px/1.2 var(--cartoon,var(--b));white-space:nowrap}
.gvv-grille>i.on{display:grid;place-items:center;background:var(--tc,#2FD08F);box-shadow:0 0 18px color-mix(in srgb,var(--tc,#2FD08F) 60%,transparent)}
.gvv-grille>i.on img{width:62%;height:auto}
.gvv-tableau>i.gvv-craie{height:auto;width:auto!important;margin:0 0 10%;background:none;font:400 clamp(15px,1.6vw,20px)/1.1 var(--cartoon,var(--b));color:rgba(255,255,255,.88);text-shadow:0 0 1px rgba(255,255,255,.6);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gvv-tableau>i.gvv-craie+i{width:72%}.gvv-tableau>i:nth-child(3){width:48%}
@media(min-width:901px){
  .gx-l-cartes.gx-n3,.gx-l-large.gx-n3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:900px){
  .gx-a-g2 .gx-g2>.gx-vis:has(.gx-cite){display:none}
  /* héros : le dessin est recadré sur son contenu réel par guide-immersif.js (caler) */
  .gx-hero-d:not(:has(.gm-ticket)){display:block;height:auto;overflow:visible;margin:24px 0 0}
  .gx-hero-d:not(:has(.gm-ticket)) .gx-mw{transform-origin:0 0}
  .gx-hero-d:not(:has(.gm-ticket)) .gx-halo{display:none}
}


/* ════════ jugement n°5 (10/10) ════════ */
@media(min-width:901px){.gx-t-tuiles tbody:has(>tr:nth-child(3):last-child),.gx-t-large tbody:has(>tr:nth-child(3):last-child){grid-template-columns:repeat(3,minmax(0,1fr))}}
.gx-faq-fusion .gx-faq-g .gx-ch-t{margin:0 0 18px}
.gx-faq-fusion .gx-faq-intro{color:var(--tx2)}
.gx .gx-faq-sur{margin:0 0 14px;font:800 13px/1.2 var(--b,inherit);letter-spacing:.12em;text-transform:uppercase;color:#B8C2D6;text-shadow:none}
.gm-qu:not(.gm-qu2) .gm-chips{left:0;right:auto;width:250px;top:226px;justify-content:flex-start}
.gm-qu:not(.gm-qu2) .gm-page{left:286px;top:330px}

/* ════════ téléphone et tablette ════════ */
@media(max-width:1100px){
  .gx-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px}
  .gx-mw{transform:scale(.86);transform-origin:center}
  .gx-l-cartes,.gx-l-large{grid-template-columns:repeat(2,minmax(0,1fr))}
  .gx-encart-in{grid-template-columns:180px minmax(0,1fr)}.gx-encart-lynx img{width:180px}.gx-btn-nuit{grid-column:2}
}
@media(max-width:900px){
  .gx .gx-in{padding:0 16px}
  .gx-hero{min-height:0;padding:84px 0 56px}
  .gx-hero-grid{grid-template-columns:1fr;gap:12px}
  .gx-hero h1{font-size:clamp(34px,9.6vw,44px)}
  .gx-chapo{font-size:17px}
  .gx-hero-d{order:3;height:min(76vw,360px);overflow:hidden;margin:6px -16px 0}
  .gx-mw{transform:scale(var(--gx-k,.7))}
  .gx-actions{flex-direction:column;align-items:stretch}.gx-actions .cq-btn-or{justify-content:center}.gx-btn-2{text-align:center}
  .gx-scroll{display:none}
  .gx .gx-ch{padding:72px 0}
  .gx-num{font-size:88px}
  .gx-ch h2{font-size:clamp(26px,7.4vw,32px)}
  .gx-prose{font-size:17px}
  .gx-g2,.gx-inv .gx-g2{grid-template-columns:1fr;gap:30px}
  .gx-inv .gx-g2>.gx-prose{order:0}
  .gx-vis{min-height:0}
  .gx-emb{width:210px;height:210px}.gx-emb img{width:100px;height:100px}
  .gx-l-cartes,.gx-l-large,.gx-l-check,.gx-l-pieges,.gx-l-cartes.gx-n2,.gx-l-cartes.gx-n4{grid-template-columns:1fr}
  .gx-t-tuiles tbody,.gx-t-large tbody{grid-template-columns:1fr}
  .gx-t-split tr,.gx-t-split2 tr{grid-template-columns:1fr;gap:8px}
  .gx-t-split thead,.gx-t-split2 thead{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .gx-t-split td.gx-c-eux:before,.gx-t-split td.gx-c-nous:before{content:attr(data-label);display:block;margin:0 0 4px;font:700 11px/1.3 var(--b,inherit);letter-spacing:.1em;text-transform:uppercase;opacity:.75}
  .gx-t-split2 td.gx-c-eux,.gx-t-split2 td.gx-c-nous{padding-top:30px}
  .gx-t-split2 td.gx-c-nous:before,.gx-t-split2 td.gx-c-eux:before{top:12px}
  .gx-t-split2 td.gx-c-eux:after{top:12px}
  .gx-t-split2 td:after{}
  .gx-t-frise tbody{grid-auto-flow:row;grid-auto-columns:auto;padding:0 0 0 52px}
  .gx-t-frise tbody:before{left:19px;right:auto;top:6px;bottom:6px;width:3px;height:auto}
  .gx-t-frise tr:before{left:-52px;top:16px;transform:none}
  .gx-encart{padding:40px 0}
  .gx-encart-in{grid-template-columns:1fr;gap:18px;text-align:center}
  .gx-encart-lynx{height:150px}.gx-encart-lynx img{width:150px;max-height:160px}
  .gx-btn-nuit{grid-column:auto;justify-content:center;white-space:normal}
  .gx-faq-grid{grid-template-columns:1fr;gap:20px}.gx-faq-g{position:static}
  .gx-aussi ul{grid-template-columns:1fr}
  .gx-tuile b{font-size:64px}
}
@media(prefers-reduced-motion:reduce){.gx *,.gx *:before,.gx *:after{animation:none!important;transition:none!important}}
@media print{.gx-anim .gx [data-gx]{opacity:1!important;transform:none!important}.gx-top,.gx-hero-d,.gx-encart-lynx{display:none}}

/* ════════ motifs F1 à F4 (suite) ════════ */
.gm-ico{display:block;flex:none}
.gm-pan{position:absolute;padding:22px 24px;border-radius:20px;background:linear-gradient(170deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.1);box-shadow:0 26px 60px rgba(0,0,0,.5)}
.gm-pan-t{margin:0 0 14px;font:400 21px/1.1 var(--cartoon,var(--b));color:#fff}
.gm-page{position:absolute;padding:14px 18px;border-radius:16px;background:var(--sun);color:#070D1C;box-shadow:0 5px 0 #B87400,0 18px 40px rgba(0,0,0,.4);text-align:center}
.gm-page b{display:block;font:400 19px/1.1 var(--cartoon,var(--b))}
.gm-fil{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.gm-fil path{fill:none;stroke:var(--sun);stroke-width:3;stroke-linecap:round;stroke-dasharray:7 8}
/* curseurs */
.gm-curseurs .gm-pan{left:0;top:20px;width:330px}
.gm-cu{margin:0 0 13px}
.gm-cu span{display:block;margin:0 0 6px;font-size:13.5px;color:#C9D2E6}
.gm-cu i{display:block;position:relative;height:8px;border-radius:4px;background:rgba(255,255,255,.1)}
.gm-cu i:before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--p);border-radius:4px;background:linear-gradient(90deg,color-mix(in srgb,var(--fc) 40%,transparent),var(--fc))}
.gm-cu b{position:absolute;top:50%;left:var(--p);width:20px;height:20px;margin:-10px 0 0 -10px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px color-mix(in srgb,var(--fc) 45%,transparent),0 3px 8px rgba(0,0,0,.5)}
.gm-aff{position:absolute;right:0;bottom:24px;width:240px;height:150px;border-radius:20px;background:#050A16;border:2px solid color-mix(in srgb,var(--fc) 50%,transparent);box-shadow:inset 0 0 30px rgba(0,0,0,.6),0 20px 44px rgba(0,0,0,.5)}
.gm-aff-q,.gm-aff-r{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.gm-aff-q{font:400 60px/1 var(--cartoon,var(--b));color:var(--fc);opacity:0}
.gm-aff-r small{font-size:12px;color:var(--tx2);letter-spacing:.06em}
.gm-aff-r b{font:400 34px/1.05 var(--cartoon,var(--b));color:var(--fc)}
@media(prefers-reduced-motion:no-preference){
  .gm-cu i:before{animation:gm-remplit 1s var(--ressort) calc(.3s + var(--k) * .2s) both}
  .gm-cu b{animation:gm-glisse 1s var(--ressort) calc(.3s + var(--k) * .2s) both}
  .gm-aff-q{animation:gm-hesite 1.6s ease .4s both}
  .gm-aff-r{animation:gx-monte .6s var(--ressort) 2s both}
}
@keyframes gm-remplit{from{width:0}}
@keyframes gm-glisse{from{left:0}}
@keyframes gm-hesite{0%{opacity:0}15%,70%{opacity:1}30%{opacity:.35}45%{opacity:1}100%{opacity:0}}
/* chaîne */
.gm-barre{position:absolute;left:30px;right:30px;top:40px;height:16px;border-radius:8px;background:linear-gradient(#3a4a72,#1d2b52);box-shadow:0 6px 0 rgba(0,0,0,.4)}
.gm-pend{position:absolute;top:52px;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0}
.gm-pend-ko{left:46px}.gm-pend-ok{right:46px}
.gm-mail{display:block;width:22px;height:40px;margin-top:-6px;border-radius:12px;border:5px solid #8C9AB5;box-sizing:border-box}
.gm-pend-ok .gm-mail{border-color:var(--ok)}
.gm-casse{border-color:#E5484D;border-style:dashed}
.gm-etq{width:170px;margin-top:-4px;padding:22px 16px 18px;border-radius:18px;text-align:center;background:linear-gradient(170deg,#16295A,#0E1A38);border:2px solid rgba(255,255,255,.12);box-shadow:0 20px 40px rgba(0,0,0,.45)}
.gm-pend-ok .gm-etq{border-color:color-mix(in srgb,var(--ok) 60%,transparent)}
.gm-pend-ko .gm-etq{border-color:rgba(229,72,77,.5)}
.gm-etq b{display:block;font:400 52px/1 var(--cartoon,var(--b));color:#fff}
.gm-pend-ko .gm-etq b{color:#E5484D}.gm-pend-ok .gm-etq b{color:var(--sun)}
.gm-etq span{display:block;margin-top:8px;font-size:13.5px;line-height:1.35;color:#C9D2E6}
.gm-pend-ko{transform:rotate(9deg) translateY(18px)}
@media(prefers-reduced-motion:no-preference){
  .gm-pend{animation:gm-penche 1.4s ease-out .3s both}
  .gm-pend-ko{animation:gm-cede 1.6s ease-in-out .9s both}
  .gm-pend-ok .gm-mail{animation:gm-vert .5s ease 2.2s both}
  .gm-chaine{animation:gx-respire 5s ease-in-out 3s infinite}
}
@keyframes gm-penche{0%{transform:translateY(-60px);opacity:0}60%{transform:rotate(-4deg)}100%{transform:none;opacity:1}}
@keyframes gm-cede{0%{transform:translateY(-60px);opacity:0}35%{transform:none;opacity:1}55%{transform:rotate(-3deg)}100%{transform:rotate(9deg) translateY(18px)}}
@keyframes gm-vert{from{border-color:#8C9AB5}}
/* boîte de pack */
.gm-bac{position:absolute;left:10px;right:10px;padding:18px 20px;border-radius:20px;background:linear-gradient(170deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.1);box-shadow:0 22px 50px rgba(0,0,0,.45)}
.gm-bac:nth-child(1){top:24px}.gm-bac:nth-child(2){top:226px;left:40px;right:-20px}
.gm-bac p{margin:0 0 12px;font-size:14px;font-weight:700;color:#fff}
.gm-jetons{display:flex;flex-wrap:wrap;gap:7px;min-height:38px}
.gm-jet{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font:400 14px/1 var(--cartoon,var(--b));font-style:normal;color:#fff;background:radial-gradient(circle at 35% 30%,#5B86FF,#2E5BFF);box-shadow:0 3px 0 #1a3bb0}
.gm-jet.gm-or{color:#3a2600;background:radial-gradient(circle at 35% 30%,#FFE08A,#FFC53D);box-shadow:0 3px 0 #B87400}
.gm-tot{display:block;margin-top:12px;text-align:right;font:400 40px/1 var(--cartoon,var(--b));color:var(--sun)}
.gm-tot small{font:600 13px var(--b,inherit);color:var(--tx2)}
@media(prefers-reduced-motion:no-preference){
  .gm-bac{animation:gx-monte .6s var(--ressort) calc(.2s + var(--k) * .5s) both}
  .gm-jet{animation:gm-tombe .45s var(--ressort) calc(.5s + var(--j) * .07s) both}
  .gm-bac:nth-child(2) .gm-jet{animation-delay:calc(1.1s + var(--j) * .07s)}
  .gm-tot{animation:gx-monte .5s var(--ressort) 2.2s both}
}
@keyframes gm-tombe{from{transform:translateY(-40px) scale(.6);opacity:0}}
/* calendrier */
.gm-cal-g{position:absolute;left:0;right:0;top:30px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gm-cal-c{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 0 14px;border-radius:14px;background:#0E1A38;border:1px solid rgba(255,255,255,.09)}
.gm-cal-c small{font-size:12px;font-weight:700;color:var(--tx2);letter-spacing:.04em}
.gm-inter{position:absolute;left:0;right:0;bottom:30px;display:flex;align-items:center;justify-content:center;gap:14px;padding:16px;border-radius:16px;background:rgba(47,208,143,.08);border:1px solid rgba(47,208,143,.3);color:#fff;font-weight:700;font-size:15px}
.gm-inter i{position:relative;width:52px;height:28px;border-radius:14px;background:var(--ok);flex:none}
.gm-inter b{position:absolute;top:3px;right:3px;width:22px;height:22px;border-radius:50%;background:#fff}
@media(prefers-reduced-motion:no-preference){
  .gm-cal-c .gm-ico{animation:gm-tombe .5s var(--ressort) calc(.3s + var(--k) * .13s) both}
  .gm-inter{animation:gx-monte .6s var(--ressort) 2s both}
  .gm-inter b{animation:gm-bascule .5s ease 2.5s both}
}
@keyframes gm-bascule{from{right:27px}}
/* presse-papiers + portes */
.gm-clip{position:absolute;left:0;top:26px;width:300px;padding:30px 22px 16px;border-radius:16px;background:linear-gradient(170deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.1);box-shadow:0 24px 50px rgba(0,0,0,.45)}
.gm-pince{position:absolute;left:50%;top:-14px;width:90px;height:26px;margin-left:-45px;border-radius:8px;background:linear-gradient(#5d6c90,#33416a);box-shadow:0 3px 0 rgba(0,0,0,.4)}
.gm-ck{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:13.5px;color:#C9D2E6}
.gm-ck i{position:relative;flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--fc);box-sizing:border-box}
.gm-ck i:after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid var(--fc);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.gm-portes{position:absolute;right:0;top:60px;display:flex;flex-direction:column;gap:14px;width:156px}
.gm-porte{display:flex;align-items:center;gap:10px;padding:14px;border-radius:14px 14px 4px 4px;background:#13234A;border:1px solid rgba(255,255,255,.1);color:#fff;font-weight:700;font-size:14px;box-shadow:0 6px 0 rgba(0,0,0,.35)}
.gm-porte i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--fc)}
@media(prefers-reduced-motion:no-preference){
  .gm-ck i:after{animation:gm-coche .35s var(--ressort) calc(.4s + var(--k) * .22s) both}
  .gm-porte{animation:gm-porte .6s var(--ressort) calc(1.9s + var(--k) * .2s) both}
}
@keyframes gm-coche{from{transform:rotate(45deg) scale(0)}}
@keyframes gm-porte{from{transform:perspective(500px) rotateY(-70deg);opacity:0}}
/* escalier */
.gm-esc .gm-marche{position:absolute;left:calc(var(--k) * (100% - 120px) / (var(--n) - 1));bottom:calc(20px + var(--k) * 52px);width:120px;padding:10px 8px 12px;border-radius:12px;text-align:center;background:linear-gradient(170deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.1);border-top:3px solid var(--fc);box-shadow:0 6px 0 rgba(0,0,0,.35);font-size:13px;font-weight:700;color:#fff}
.gm-pion{position:absolute;right:16px;top:14px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--sun);box-shadow:0 5px 0 #B87400}
@media(prefers-reduced-motion:no-preference){
  .gm-marche{animation:gx-monte .5s var(--ressort) calc(.2s + var(--k) * .18s) both}
  .gm-pion{animation:gm-grimpe 1.4s ease-in-out 1.6s both}
}
@keyframes gm-grimpe{from{transform:translate(-360px,340px) scale(.6);opacity:0}30%{opacity:1}}
/* sablier + cadeau */
.gm-sablier{position:absolute;left:30px;top:60px;width:150px;height:240px}
.gm-sablier:before,.gm-sablier:after{content:"";position:absolute;left:-10px;right:-10px;height:14px;border-radius:7px;background:linear-gradient(#5d6c90,#33416a)}
.gm-sablier:before{top:0}.gm-sablier:after{bottom:0}
.gm-sh,.gm-sb{position:absolute;left:10px;right:10px;height:104px;background:rgba(201,210,230,.08);border:2px solid rgba(201,210,230,.35);box-sizing:border-box}
.gm-sh{top:14px;clip-path:polygon(0 0,100% 0,56% 100%,44% 100%);background:linear-gradient(transparent 55%,var(--sun) 55%)}
.gm-sb{bottom:14px;clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);background:linear-gradient(transparent 45%,var(--sun) 45%)}
.gm-sf{position:absolute;left:50%;top:116px;width:3px;height:110px;margin-left:-1.5px;background:var(--sun);opacity:.8}
.gm-cadeau{position:absolute;right:20px;top:110px;width:200px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.gm-cad-b{display:grid;place-items:center;width:150px;height:110px;border-radius:12px;background:linear-gradient(170deg,#2E5BFF,#1a3bb0);box-shadow:0 6px 0 #0f2470,0 20px 40px rgba(0,0,0,.45);position:relative}
.gm-cad-b:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:16px;margin-left:-8px;background:var(--sun)}
.gm-cad-b .gm-ico{position:relative;z-index:1}
.gm-cad-c{display:block;width:170px;height:30px;border-radius:8px;background:linear-gradient(170deg,#5B86FF,#2E5BFF);box-shadow:0 4px 0 #0f2470;position:relative;z-index:2}
.gm-cad-c:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:16px;margin-left:-8px;background:var(--sun)}
.gm-cadeau b{margin-top:8px;font:400 26px/1 var(--cartoon,var(--b));color:#fff}
.gm-cadeau small{font-size:13.5px;color:var(--tx2)}
@media(prefers-reduced-motion:no-preference){
  .gm-sablier{animation:gm-retourne 1.2s var(--ressort) .3s both}
  .gm-cad-c{animation:gm-ouvre .8s var(--ressort) 1.5s both}
  .gm-cadeau b,.gm-cadeau small{animation:gx-monte .5s var(--ressort) 2s both}
}
@keyframes gm-retourne{from{transform:rotate(180deg)}}
@keyframes gm-ouvre{0%{transform:none}40%{transform:translateY(-30px) rotate(-12deg)}100%{transform:translateY(-14px) rotate(-8deg)}}
.gm-cad-c{transform:translateY(-14px) rotate(-8deg)}
/* dossiers */
.gm-compte{position:absolute;left:50%;top:20px;width:220px;margin-left:-110px;display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:var(--sun);color:#070D1C;box-shadow:0 5px 0 #B87400,0 18px 40px rgba(0,0,0,.4);z-index:2}
.gm-compte b{font:400 21px/1.1 var(--cartoon,var(--b))}
.gm-projet{position:absolute;left:50%;top:160px;width:170px;margin-left:-85px;padding:18px 16px 16px;border-radius:6px 16px 16px 16px;background:linear-gradient(170deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.1);border-top:4px solid var(--fc);box-shadow:0 18px 40px rgba(0,0,0,.45);transform:translateX(calc((var(--k) - 1) * 165px)) rotate(calc((var(--k) - 1) * 7deg)) translateY(calc(var(--k) * 0px + (var(--k) - 1) * (var(--k) - 1) * 26px))}
.gm-projet b{display:block;margin:0 0 10px;font:400 20px/1 var(--cartoon,var(--b));color:#fff}
.gm-projet span{display:flex;gap:6px;flex-wrap:wrap}
.gm-projet i{padding:4px 9px;border-radius:99px;background:rgba(255,255,255,.08);font-style:normal;font-size:12px;color:var(--tx2)}
@media(prefers-reduced-motion:no-preference){.gm-projet{animation:gm-eventail .8s var(--ressort) calc(.4s + var(--k) * .18s) both}}
@keyframes gm-eventail{from{transform:translateY(-120px) scale(.6);opacity:0}}
/* aiguillage */
.gm-voie{position:absolute;inset:0;width:100%;height:100%}
.gm-voie path{fill:none;stroke-width:10;stroke-linecap:round}
.gm-v0{stroke:#5d6c90}.gm-v1{stroke:#5a4f4a}.gm-v2{stroke:var(--fc)}
.gm-br{position:absolute;top:24px;width:200px;padding:16px 18px;border-radius:16px;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.gm-br-g{left:0;background:var(--cendre);border:1px solid rgba(207,198,191,.18);color:var(--papier)}
.gm-br-d{right:0;background:linear-gradient(170deg,#16295A,#0E1A38);border:2px solid color-mix(in srgb,var(--fc) 60%,transparent);color:#fff}
.gm-br b{display:block;margin:0 0 6px;font:400 21px/1.1 var(--cartoon,var(--b))}
.gm-br-d b{color:var(--fc)}
.gm-br span{display:block;font-size:13.5px;line-height:1.4}
.gm-wagon{position:absolute;left:50%;top:278px;margin-left:-62px;width:124px;display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 0;border-radius:14px;background:var(--sun);color:#070D1C;font-weight:800;font-size:14px;box-shadow:0 5px 0 #B87400}
.gm-releve{left:50%;bottom:16px;transform:translateX(-50%) rotate(-4deg);border-color:var(--fc);color:var(--fc);white-space:nowrap}
@media(prefers-reduced-motion:no-preference){
  .gm-voie path{stroke-dasharray:420;animation:gm-trace 1.4s ease .2s both}.gm-v1,.gm-v2{animation-delay:.8s!important}
  .gm-br{animation:gx-monte .6s var(--ressort) 1.6s both}
  .gm-wagon{animation:gm-avance 1.3s ease-out 1.2s both}
  .gm-releve{animation:gm-tampon3 .45s var(--ressort) 2.5s both}
  .gm-aig .gm-voie{animation:gm-oscille 6s ease-in-out 3s infinite;transform-origin:50% 62%}
}
@keyframes gm-trace{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@keyframes gm-avance{from{transform:translateY(170px);opacity:0}20%{opacity:1}}
@keyframes gm-tampon3{from{opacity:0;transform:translateX(-50%) rotate(-4deg) scale(1.7)}to{opacity:.92;transform:translateX(-50%) rotate(-4deg) scale(1)}}
@keyframes gm-oscille{0%,100%{transform:rotate(0)}50%{transform:rotate(1.5deg)}}
/* piles */
.gm-piles{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-content:center}
.gm-pile{display:flex;flex-direction:column;gap:9px;padding:18px 16px;border-radius:20px;min-height:300px;box-sizing:border-box}
.gm-pa{background:var(--cendre);border:1px solid rgba(207,198,191,.15)}
.gm-pb{background:linear-gradient(170deg,#16295A,#0E1A38);border:2px solid color-mix(in srgb,var(--fc) 50%,transparent)}
.gm-pile p{margin:0 0 6px;font:400 18px/1.15 var(--cartoon,var(--b));color:#fff;text-align:center}
.gm-pa p{color:var(--papier)}
.gm-carte{padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-weight:700;font-size:14px;color:#fff;text-align:center}
.gm-pa .gm-carte{color:var(--papier)}
.gm-carte.gm-nous{background:var(--fc);color:#070D1C;border-color:transparent}
@media(prefers-reduced-motion:no-preference){.gm-carte{animation:gm-tombe .55s var(--ressort) calc(.3s + var(--k) * .16s) both}}
/* quartier (thématiques) */
.gm-qu-g{position:absolute;left:20px;right:20px;top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.gm-site{display:grid;place-items:center;height:56px;border-radius:12px;background:#0E1A38;border:1px solid rgba(255,255,255,.08);opacity:.55}
.gm-site .gm-ico{width:28px;height:28px;filter:grayscale(.7)}
.gm-site.gm-elu{opacity:1;background:color-mix(in srgb,var(--fc) 22%,#0E1A38);border-color:var(--fc);box-shadow:0 0 0 4px color-mix(in srgb,var(--fc) 22%,transparent),0 0 30px color-mix(in srgb,var(--fc) 45%,transparent)}
.gm-site.gm-elu .gm-ico{filter:none}
.gm-qu .gm-page{left:260px;top:372px;width:150px}
.gm-qu2 .gm-page{left:270px}.gm-qu2 .gm-page2{left:60px;background:#fff}
.gm-prix{display:inline-block;margin-top:6px;padding:4px 10px;border-radius:99px;background:#070D1C;color:var(--sun);font-weight:800;font-size:13px}
.gm-chips{position:absolute;left:0;right:0;top:232px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.gm-qu2 .gm-chips{top:240px}
.gm-chips span{padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid color-mix(in srgb,var(--fc) 40%,transparent);color:#fff;font-size:12.5px;font-weight:700}
.gm-qu .gm-fil path{stroke:var(--fc)}
@media(prefers-reduced-motion:no-preference){
  .gm-site{animation:gm-tombe .45s var(--ressort) calc(.1s + var(--k) * .05s) both}
  .gm-site.gm-elu{animation:gm-tombe .45s var(--ressort) .4s both,gm-pulse 5s ease-in-out 2.6s infinite}
  .gm-fil path{stroke-dasharray:7 8;animation:gm-file 1.4s linear .9s both}
  .gm-page{animation:gx-monte .6s var(--ressort) 1.8s both}
  .gm-chips span{animation:gx-monte .4s ease calc(1.2s + var(--k) * .1s) both}
}
@keyframes gm-pulse{0%,100%{box-shadow:0 0 0 4px color-mix(in srgb,var(--fc) 22%,transparent),0 0 30px color-mix(in srgb,var(--fc) 45%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--fc) 14%,transparent),0 0 46px color-mix(in srgb,var(--fc) 60%,transparent)}}
@keyframes gm-file{from{opacity:0;stroke-dashoffset:150}to{opacity:1;stroke-dashoffset:0}}
/* ancre */
.gm-art{position:absolute;left:0;right:0;top:30px;padding:24px;border-radius:18px;background:#F4F1EA;box-shadow:0 24px 50px rgba(0,0,0,.45)}
.gm-li{display:block;height:9px;margin:0 0 12px;border-radius:5px;background:#D9D3C7}
.gm-li.gm-c{width:78%}.gm-li.gm-c2{width:56%;margin:0}
.gm-phrase{position:relative;margin:4px 0 14px;font-size:19px;font-weight:700;color:#38332a;white-space:nowrap}
.gm-ex{position:relative;display:inline-block;min-width:200px;height:1.4em;vertical-align:bottom}
.gm-ex u{position:absolute;left:0;top:0;color:#2E5BFF;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;opacity:0;white-space:nowrap}
.gm-ex u:first-child{opacity:1}
.gm-anc .gm-page{left:270px;top:330px;width:150px}
.gm-types{position:absolute;left:0;right:0;bottom:6px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.gm-types span{padding:7px 13px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--tx2);font-size:13px;font-weight:700}
.gm-types span:first-child{background:var(--fc);color:#070D1C;border-color:transparent}
@media(prefers-reduced-motion:no-preference){
  .gm-ex u{animation:gm-ancre 12.5s linear calc(var(--k) * 2.5s) infinite}
  .gm-ex u:first-child{opacity:0}
  .gm-types span{animation:gm-type 12.5s linear calc(var(--k) * 2.5s) infinite}
  .gm-types span:first-child{background:rgba(255,255,255,.06);color:var(--tx2);border-color:rgba(255,255,255,.12)}
}
@keyframes gm-ancre{0%{opacity:0}3%,18%{opacity:1}21%,100%{opacity:0}}
@keyframes gm-type{0%,20%{background:var(--fc);color:#070D1C;border-color:transparent}21%,100%{background:rgba(255,255,255,.06);color:var(--tx2);border-color:rgba(255,255,255,.12)}}
/* jauges */
.gm-jauges{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;align-content:center}
.gm-jg{position:relative;width:200px;height:118px;display:flex;align-items:flex-end;justify-content:center}
.gm-jg-arc{position:absolute;left:0;top:0;width:200px;height:200px;border-radius:50%;background:conic-gradient(from -90deg,var(--c1) 0 var(--a),rgba(255,255,255,.08) var(--a) 180deg,transparent 180deg);-webkit-mask:radial-gradient(circle,transparent 62px,#000 63px);mask:radial-gradient(circle,transparent 62px,#000 63px);clip-path:inset(0 0 50% 0)}
.gm-tf{--c1:var(--fc)}.gm-cf{--c1:#3DC8FF}
.gm-jg-ai{position:absolute;left:96px;bottom:18px;width:8px;height:84px;border-radius:4px;background:#fff;transform-origin:50% 100%;transform:rotate(calc(var(--a) - 90deg));box-shadow:0 0 12px rgba(255,255,255,.4)}
.gm-jg b{position:relative;top:34px;font:400 19px/1 var(--cartoon,var(--b));color:#fff;white-space:nowrap}
.gm-sur{font:400 110px/1 var(--cartoon,var(--b));color:color-mix(in srgb,var(--fc) 55%,transparent);margin:0 4px}
.gm-leg{width:100%;margin:56px 0 0;text-align:center;font-size:14px;color:var(--tx2)}
@media(prefers-reduced-motion:no-preference){.gm-jg-ai{animation:gm-aiguille 1.6s var(--ressort) .4s both}.gm-cf .gm-jg-ai{animation-delay:.8s}}
@keyframes gm-aiguille{from{transform:rotate(-90deg)}}
/* pyramide */
.gm-pyr{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:34px}
.gm-et{display:flex;gap:12px;position:relative}
.gm-et b{padding:12px 16px;border-radius:14px;background:linear-gradient(170deg,#16295A,#0E1A38);border:1px solid rgba(255,255,255,.12);color:#fff;font:400 17px/1 var(--cartoon,var(--b));box-shadow:0 6px 0 rgba(0,0,0,.35)}
.gm-top b{background:var(--sun);color:#070D1C;font-size:22px;padding:14px 22px;box-shadow:0 5px 0 #B87400}
.gm-et:not(.gm-top):before{content:"";position:absolute;left:50%;top:-30px;width:3px;height:26px;margin-left:-1.5px;background:linear-gradient(var(--sun),transparent)}
@media(prefers-reduced-motion:no-preference){
  .gm-et{animation:gx-monte .6s var(--ressort) calc(1.4s - var(--k,0) * .4s) both}
  .gm-top{animation:gm-tombe .7s var(--ressort) 1.9s both}
  .gm-et:not(.gm-top):before{animation:gm-energie 1.6s ease-in-out 2.4s infinite}
}
@keyframes gm-energie{0%{opacity:.2;transform:translateY(8px)}50%{opacity:1}100%{opacity:.2;transform:translateY(-8px)}}
/* tampons de qualité */
.gm-tamp .gm-art{left:20px;right:auto;width:260px;top:56px}
.gm-img{display:block;height:90px;margin:0 0 14px;border-radius:10px;background:linear-gradient(135deg,#c9d6ef,#9fb4dd)}
.gm-tamp .gm-tampon{font-size:15px;background:rgba(7,13,28,.82)}
.gm-t0{left:150px;top:30px;transform:rotate(-8deg)}.gm-t1{left:200px;top:150px;transform:rotate(6deg)}.gm-t2{left:60px;top:250px;transform:rotate(-5deg)}.gm-t3{left:170px;top:322px;transform:rotate(4deg)}
.gm-ferme{position:absolute;right:0;top:80px;width:130px;text-align:center;filter:grayscale(1);opacity:.55}
.gm-ferme div{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:10px;border-radius:12px;background:#1d2235}
.gm-ferme i{height:24px;border-radius:4px;background:#5a6280}
.gm-ferme b{display:block;margin-top:8px;font-size:13px;color:#C9D2E6;text-decoration:line-through;text-decoration-color:#E5484D}
@media(prefers-reduced-motion:no-preference){
  .gm-tamp .gm-tampon{animation:gm-frappe .4s var(--ressort) calc(.6s + var(--k) * .35s) both}
  .gm-ferme{animation:gm-grise 1.4s ease 2.2s both}
}
@keyframes gm-frappe{from{opacity:0;scale:1.8}to{opacity:.95;scale:1}}
@keyframes gm-grise{from{filter:none;opacity:1}}
/* enveloppe */
.gm-env-e{position:absolute;left:44px;top:220px;display:grid;place-items:center;width:84px;height:84px;border-radius:50%;background:#0E1A38;border:2px solid rgba(255,255,255,.12)}
.gm-env .gm-fil path{stroke:#5d6c90;stroke-width:2.5}
.gm-env .gm-fil path.gm-or{stroke:var(--sun);stroke-width:4;stroke-dasharray:none}
.gm-site-c{position:absolute;left:330px;display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#0E1A38;border:1px solid rgba(255,255,255,.1);color:var(--mu);font-weight:800;opacity:.7}
.gm-s1{top:84px}.gm-s2{top:196px}.gm-s3{top:310px}
.gm-pub{position:absolute;right:0;bottom:10px;width:170px;padding:14px 16px;border-radius:16px;text-align:center;background:var(--sun);color:#070D1C;box-shadow:0 5px 0 #B87400,0 18px 40px rgba(0,0,0,.4)}
.gm-pub b{display:block;font:400 20px/1.1 var(--cartoon,var(--b))}
.gm-pub span{font-size:13px;font-weight:700}
@media(prefers-reduced-motion:no-preference){
  .gm-env .gm-fil path{stroke-dasharray:300;animation:gm-trace2 1s ease calc(.4s + var(--k,0) * .2s) both}
  .gm-env .gm-fil .gm-p2{animation-delay:.6s}.gm-env .gm-fil .gm-p3{animation-delay:.8s}.gm-env .gm-fil .gm-or{stroke-dasharray:420;animation:gm-trace 1.2s ease 2s both}
  .gm-site-c{animation:gx-monte .5s ease calc(1s + var(--k) * .15s) both}
  .gm-pub{animation:gx-monte .6s var(--ressort) 2.8s both}
}
@keyframes gm-trace2{from{stroke-dashoffset:300}to{stroke-dashoffset:0}}

.gx-l>li>strong:first-child,.gx-qr summary{text-wrap:pretty}
.gx-ch h2{text-wrap:balance}