/* V.A.L.E.U.R© · compléments du 4 novembre 2026 : menu « Commencer », portrait détaillé, accompagnement, encart de l’appli */
/* Le menu « Commencer » : même déroulant que « La méthode » */
.vx-sous-com{min-width:400px}
/* Le menu du téléphone : « Que cherchez-vous ? » */
.menu-corps>a.vx-chemin-m{display:grid;gap:2px;align-items:start;min-height:0;padding:12px 0;font:inherit}
.vx-chemin-m .tx:first-child{font:500 24px/1.2 var(--f-titre)}
.vx-chemin-m small{font:400 16px/1.4 var(--f-texte);color:var(--clair-3)}
/* Les surfaces des pages neuves, la nuit et le jour */
.nuit{--vx-surf:rgba(255,255,255,.045);--vx-att:#F4AC82;--vx-arc:linear-gradient(90deg,#E5533F,#F07E36,#F2C94C,#45B072,#3F8FD2,#6C6AD8,#B05FD0);--vx-b2:var(--or-clair);--vx-b2-fond:rgba(235,211,160,.08);--vx-b2-fond-s:rgba(235,211,160,.2);--vx-b2-txt-s:var(--or-clair)}
.jour{--vx-surf:var(--ivoire-2);--vx-att:#9C4413;--vx-arc:var(--spectre);--vx-b2:var(--encre);--vx-b2-fond:#fff;--vx-b2-fond-s:var(--encre);--vx-b2-txt-s:var(--ivoire)}
/* Moins de mouvement, si la personne l'a demandé */
@media (prefers-reduced-motion:reduce){.vx-piste{animation:none!important;flex-wrap:wrap;width:auto;justify-content:center;row-gap:16px}.vx-masque[aria-hidden]{display:none}}
/* L'en-tête des ordinateurs portables (1140 à 1279 px) : chaque entrée tient sur une ligne */
@media (min-width:1140px) and (max-width:1279px){.nav-o .nav-l{padding:0 8px;letter-spacing:0;white-space:nowrap}.nav-o .nav-l:after{left:8px;right:8px}.nav-o{margin-right:6px}.entete .btn-petit .ic7{display:none}.entete .btn-petit{padding:0 14px!important}}
/* Les très petits téléphones (moins de 360 px) : le bouton tient dans l'en-tête */
@media (max-width:359px){.entete .btn-petit{padding:0 10px!important;letter-spacing:0}.entete .btn-petit .ic7{display:none}}
/* Pages neuves : quelques ajustements au système du site */
.vx-hero .display{font-size:clamp(40px,6vw,86px);line-height:1.02;letter-spacing:-.012em}
.vx-sommaire .vx-jauge{grid-column:2}
.jour .vx-grand .vx-env{color:var(--or-profond)}
.vx-liste{max-width:560px}
.vx-sec-encart.nuit{background-image:none}
@media (max-width:600px){.vx-objet{width:84%}}
.vx-heroA>*,.vx-hero>*,.vx-sommaire li>*{min-width:0}
@media (max-width:374px){.vx-cta .btn,.vue[data-vue="accompagnement"] .btn{white-space:normal;text-align:left;line-height:1.3;padding-block:8px}}
/* Les trois façons d'avancer, sur l'accueil et à la fin des 7 miroirs */
/* (5 nov., 7 h 20) chaque carte est encadrée d'un liseré arc-en-ciel ; chacune porte un vrai bouton, sur toute sa largeur */
.vx-chemin .btn{margin-top:auto;align-self:stretch;white-space:normal;text-align:center;line-height:1.3;padding-block:10px}
.vx-chemin .btn.btn-s{color:var(--vx-b2);background:var(--vx-b2-fond);box-shadow:inset 0 0 0 1.5px var(--vx-b2)}
.vx-chemin .btn.btn-s:hover,.vx-chemin .btn.btn-s:focus-visible{color:var(--vx-b2-txt-s);background:var(--vx-b2-fond-s)}
.vx-chemin .btn+.lien{margin-top:0;align-self:center}
.vx-qui .badge-b{margin-left:10px;vertical-align:middle;text-transform:none;letter-spacing:.01em}
#trois-facons{scroll-margin-top:72px}
@media (min-width:1000px){.vx-etroit .vx-chemins{grid-template-columns:1fr}}
/* ── 5 novembre 2026 · audit de clarté (feu vert de 6 h 13) ── */
/* « Le mot et la peur » : sur téléphone, les étiquettes laissent de la place au trou et à la flèche ; sous 360 px, une seule colonne ;
   sur ordinateur, deux étiquettes par rang tant que les quatre ne tiennent pas sur une ligne (jamais 3 + 1) */
@media (max-width:799px){.etiq .face.avant{padding-left:24px;padding-right:36px;white-space:normal}.etiq .avant .tx{text-wrap:balance;padding:0 3px}.etiq .et-trou{left:10px;width:9px;height:9px;margin-top:-4.5px}.etiq .et-tourne{right:7px;width:24px;height:24px;margin-top:-12px}}
@media (max-width:359px){.mot-case .medailles.etiquettes{grid-template-columns:1fr;justify-items:center}.mot-case .medailles.etiquettes .etiq{width:min(100%,272px)}.etiq .avant{min-height:76px}.etiq .avant .tx{font-size:19px}}
@media (min-width:360px) and (max-width:389px){.etiq .avant .tx{font-size:15px;letter-spacing:0}}
@media (min-width:800px) and (max-width:1279px){.mot-case .medailles.etiquettes{width:min(100%,640px)}}
@media (min-width:1280px){.mot-case .medailles.etiquettes{width:min(100%,1140px)}}
/* Le haut de l'accueil : les deux boutons et « Gratuit » au premier écran (téléphone : les masques passent sous les boutons) */
@media (max-width:999px){.s-hero4{padding-top:20px}.hero4{grid-template-areas:"haut" "bas" "scene";row-gap:18px}.h4-haut{gap:12px}.h4-haut .kicker{gap:8px}.h4-haut .kicker:before{height:14px}.h4-haut .display{max-width:16ch;font-size:clamp(34px,9vw,52px)}.hero-promesse{margin-top:8px}.h4-bas{gap:14px}}
@media (max-width:999px) and (max-height:700px){.h4-haut .display{font-size:32px}.hero4{row-gap:12px}.h4-bas{gap:10px}}
@media (min-width:1000px){.s-hero4{padding-top:20px}.hero4{grid-template-columns:minmax(0,6fr) minmax(0,6fr);row-gap:18px}.h4-haut{gap:12px}.h4-haut .display{font-size:clamp(44px,3.9vw,64px);max-width:15ch}.hero-promesse{margin-top:8px}.h4-bas{gap:14px}.hero-def{font-size:clamp(20px,1.7vw,24px);max-width:40ch}}
/* Les 7 miroirs : « Commencer » au premier écran ; ce qui rassure (21 questions, gratuit, pas un diagnostic) juste dessous */
.s-test{padding-top:20px}
.ecran[data-ecran="entree"]>*{order:7}
.ecran[data-ecran="entree"]>.roue7{order:1;width:min(210px,52vw)}
.ecran[data-ecran="entree"]>.etq-r{order:2}
.ecran[data-ecran="entree"]>h1{order:3;font-size:clamp(30px,7.4vw,46px)}
.ecran[data-ecran="entree"]>.lead{order:4}
.ecran[data-ecran="entree"]>[data-commencer]{order:5}
.ecran[data-ecran="entree"]>.promesses{order:6}
@media (max-height:700px){.ecran[data-ecran="entree"]>.roue7{width:min(160px,40vw)}}
/* Les menus : « bientôt » sur le portrait et l'appli */
.badge-b.vx-b-menu{display:inline-flex;height:24px;padding:0 9px;margin-left:8px;vertical-align:middle;letter-spacing:.01em}
/* L'appli : le rappel de la liste d'attente à la fin des trois étapes ; l'accompagnement : Doctolib au milieu de la page */
.vx-suite{margin-top:32px}
.vx-milieu{margin-top:40px;display:flex;justify-content:center}
.vx-milieu .btn{white-space:normal;text-align:left;line-height:1.3}
/* Petits téléphones (moins de 375 px) : les boutons et les liens longs passent à la ligne au lieu d'être coupés */
@media (max-width:374px){main .btn{white-space:normal;line-height:1.3;padding:8px 22px;text-align:left}main .lien{white-space:normal;line-height:1.35}.hero4>*,main .pile>*{min-width:0}}
/* ── 5 novembre 2026 · les textes de la maquette (T-1 à T-9, feu vert de 7 h 20) ── */
/* L'accompagnement : la phrase sous le bouton Doctolib ; la date d'arrêt du compteur */
.vx-cta-note{margin-top:-12px;font-size:15px;line-height:1.5;color:var(--clair-2);max-width:62ch}
.vx-cpt-date{grid-column:1/-1;margin-top:2px;font-size:14px;line-height:1.4;letter-spacing:.02em;color:var(--clair-3)}
/* Le haut de l'accueil : la promesse, plus longue d'une ligne (T-1), garde les deux boutons et la ligne des 7 miroirs au premier écran */
@media (max-width:999px) and (max-height:799px){.hero-promesse{font-size:16px;line-height:1.5}}
@media (min-width:1000px) and (max-height:799px){.hero4{row-gap:12px}.h4-bas{gap:10px}}
@media (min-width:1000px) and (max-width:1199px) and (max-height:799px){.hero-promesse{font-size:16px;line-height:1.5}}
@media (min-width:1200px) and (max-height:799px){.hero-promesse{font-size:18px;line-height:1.55}}
/* Pages neuves (reprises de la maquette validée) */
.vx-lumieres{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.vx-lumieres i{position:absolute;border-radius:50%;width:70vmax;height:70vmax;left:42%;top:-28%;background:radial-gradient(circle,rgba(212,176,106,.17),transparent 62%);animation:vx-derive 26s ease-in-out infinite alternate}
.vx-lumieres i+i{left:-28%;top:30%;width:60vmax;height:60vmax;background:radial-gradient(circle,rgba(92,50,128,.34),transparent 62%);animation-duration:34s}
.vx-cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.vx-hero{display:grid;gap:56px;align-items:center}
@media (min-width:960px){.vx-hero{grid-template-columns:7fr 5fr;gap:64px}}
.vx-objet{position:relative;width:min(100%,430px);margin:0 auto;aspect-ratio:4/5;animation:vx-flotte 9s ease-in-out infinite alternate}
.vx-objet .vx-aura{position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,rgba(235,211,160,.26),rgba(92,50,128,.18) 45%,transparent 70%)}
.vx-page{position:absolute;inset:0;border-radius:18px;background:var(--ivoire-2);color:var(--encre);box-shadow:0 40px 80px -30px rgba(0,0,0,.85),0 0 0 1px rgba(235,211,160,.3);padding:28px 26px;display:flex;flex-direction:column;gap:14px;overflow:hidden;transition:transform .64s var(--ease)}
.vx-page.vx-p3{transform:rotate(-8deg) translate(-26px,12px);background:var(--ivoire-3);opacity:.55}
.vx-page.vx-p2{transform:rotate(-4deg) translate(-12px,5px);background:#F2EBDD;opacity:.82}
.vx-objet:hover .vx-p3{transform:rotate(-12deg) translate(-44px,14px)}
.vx-objet:hover .vx-p2{transform:rotate(-6deg) translate(-22px,6px)}
.vx-page .vx-t{font:600 13px var(--f-texte);letter-spacing:.14em;text-transform:uppercase;color:var(--or-profond)}
.vx-page .vx-ti{font:500 26px/1.15 var(--f-titre)}
.vx-bande{display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:6px;height:44%;padding-top:8px;border-bottom:1px solid rgba(22,19,44,.15)}
.vx-bande i{display:block;border-radius:6px 6px 2px 2px;background:var(--c);height:var(--h);transform-origin:bottom;animation:vx-pousse 1.4s var(--ease) both;animation-delay:calc(var(--k)*90ms + 200ms)}
.vx-noms{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;font-size:11px;line-height:1.2;text-align:center;color:var(--encre-2)}
.vx-ligne-t{height:8px;border-radius:4px;background:rgba(22,19,44,.1)}
.vx-page .vx-phrase{margin-top:auto;font:italic 500 19px/1.3 var(--f-titre)}
.vx-ex{position:absolute;right:8px;top:-30px;font-size:13px;color:var(--clair-3)}
.vx-defile{border-block:1px solid rgba(245,240,230,.08);background:rgba(255,255,255,.02);overflow:hidden;padding-block:18px}
.vx-piste{display:flex;gap:40px;width:max-content;animation:vx-file 70s linear infinite}
.vx-defile:hover .vx-piste{animation-play-state:paused}
.vx-masque{display:flex;align-items:center;gap:12px;white-space:nowrap}
.vx-masque img{width:44px;height:52px;object-fit:contain;filter:drop-shadow(0 8px 14px rgba(0,0,0,.5))}
.vx-masque b{font:600 19px var(--f-titre)}
.vx-masque span{font-size:15px;color:var(--clair-3)}
.vx-trois{display:grid;gap:16px}
@media (min-width:900px){.vx-trois{grid-template-columns:repeat(3,1fr);gap:24px}}
.vx-trois>div{display:flex;flex-direction:column;gap:12px;padding:32px 28px;border-top:2px solid var(--acc)}
.vx-trois .vx-mot{font:italic 500 36px/1 var(--f-titre);color:var(--acc)}
.vx-trois p{color:var(--txt-2)}
.vx-sommaire{display:flex;flex-direction:column;counter-reset:ch}
.vx-sommaire li{position:relative;display:grid;grid-template-columns:56px 1fr;gap:4px 16px;padding:24px 16px 24px 0;border-top:1px solid var(--ligne);transition:background-color .32s var(--ease),padding-left .32s var(--ease)}
.vx-sommaire li::before{counter-increment:ch;content:counter(ch,decimal-leading-zero);grid-row:span 2;font:italic 500 30px/1 var(--f-titre);color:var(--acc)}
.vx-sommaire li::after{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--spectre);transform:scaleY(0);transform-origin:top;transition:transform .48s var(--ease)}
.vx-sommaire li:hover,.vx-sommaire li.vu{padding-left:14px}
.vx-sommaire li:hover{background:rgba(255,255,255,.03)}
.vx-sommaire li.vu::after,.vx-sommaire li:hover::after{transform:scaleY(1)}
.vx-sommaire .vx-ch{font:500 clamp(22px,2vw,27px)/1.25 var(--f-titre)}
.vx-sommaire p{color:var(--txt-2);max-width:60ch}
.vx-jauge{display:flex;gap:6px;margin-top:10px;max-width:380px}
.vx-jauge span{flex:1;padding:6px 8px;border-radius:999px;border:1px solid var(--ligne);font-size:13px;text-align:center;color:var(--txt-2)}
.vx-jauge span:last-child{border-color:rgba(235,211,160,.5);color:var(--or-clair);box-shadow:0 0 24px -6px rgba(235,211,160,.5)}
.vx-cartes{display:grid;gap:16px}
@media (min-width:860px){.vx-cartes{grid-template-columns:repeat(var(--n,3),1fr);gap:24px}}
.vx-carte{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:22px;background:var(--vx-surf);border:1px solid var(--ligne);transition:transform .32s var(--ease),border-color .32s var(--ease)}
.vx-carte:hover{transform:translateY(-4px);border-color:var(--acc)}
.vx-carte p{color:var(--txt-2)}
.vx-carte .lien{margin-top:auto}
.vx-chiffres{display:grid;gap:24px;align-items:center}
@media (min-width:900px){.vx-chiffres{grid-template-columns:5fr 7fr;gap:72px}}
.vx-grand{font:500 clamp(88px,13vw,170px)/.9 var(--f-titre);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#F6E3B4,#D4B06A);-webkit-background-clip:text;background-clip:text;color:transparent}
.vx-grand .vx-env{display:block;font:italic 400 clamp(22px,2.2vw,30px)/1 var(--f-titre);letter-spacing:0;-webkit-text-fill-color:currentColor;color:var(--or-clair);margin-bottom:8px}
.jour .vx-grand{background:linear-gradient(180deg,#9A7B35,#5C4420);-webkit-background-clip:text;background-clip:text}
.vx-nest{font-size:16px;line-height:1.6;color:var(--txt-2);padding-left:16px;border-left:1px solid var(--ligne)}
.vx-heroA{display:grid;gap:48px;align-items:center}
@media (min-width:960px){.vx-heroA{grid-template-columns:7fr 5fr;gap:56px}}
.vx-puces{display:flex;flex-wrap:wrap;gap:8px}
.vx-puces span{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(235,211,160,.28);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:15px;color:var(--clair)}
.vx-puces span::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--or)}
.vx-semaine{display:grid;gap:14px;counter-reset:s}
@media (min-width:1000px){.vx-semaine{grid-template-columns:repeat(5,1fr);position:relative}.vx-semaine::before{content:'';position:absolute;left:4%;right:4%;top:34px;height:1px;background:linear-gradient(90deg,transparent,rgba(235,211,160,.45),transparent)}}
.vx-moment{position:relative;display:flex;flex-direction:column;gap:10px;padding:22px 20px 24px;border-radius:22px;background:rgba(255,255,255,.04);border:1px solid rgba(245,240,230,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;transition:border-color .48s var(--ease),background-color .48s var(--ease),transform .48s var(--ease),box-shadow .48s var(--ease)}
.vx-moment .vx-rond{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;border:1px solid rgba(235,211,160,.5);background:var(--nuit);font:600 13px var(--f-texte);color:var(--or-clair);position:relative;z-index:1}
.vx-moment .vx-quand{font:600 13px var(--f-texte);letter-spacing:.12em;text-transform:uppercase;color:var(--clair-3)}
.vx-moment b{font:500 21px/1.25 var(--f-titre)}
.vx-moment p{font-size:16px;line-height:1.55;color:var(--clair-2)}
.vx-moment.on{border-color:rgba(235,211,160,.6);background:linear-gradient(160deg,rgba(212,176,106,.16),rgba(92,50,128,.14));box-shadow:0 24px 60px -30px rgba(212,176,106,.55);transform:translateY(-4px)}
.vx-moment.on .vx-rond{background:var(--or);color:var(--encre)}
.vx-change{display:grid;gap:0 40px}
@media (min-width:760px){.vx-change{grid-template-columns:1fr 1fr}}
@media (min-width:1140px){.vx-change{grid-template-columns:repeat(3,1fr)}}
.vx-change div{display:flex;flex-direction:column;gap:10px;padding:28px 0 32px;border-top:1px solid var(--ligne)}
.vx-change div::before{content:'';width:44px;height:3px;border-radius:2px;background:var(--c)}
.vx-change b{font:500 24px/1.25 var(--f-titre)}
.vx-change p{color:var(--txt-2)}
.vx-lettres{display:grid;gap:12px}
@media (min-width:700px){.vx-lettres{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1140px){.vx-lettres{grid-template-columns:repeat(6,1fr)}}
.vx-lettre{display:flex;flex-direction:column;gap:10px;padding:24px 20px;border-radius:20px;border:1px solid rgba(245,240,230,.1);background:rgba(255,255,255,.03);transition:border-color .64s var(--ease),box-shadow .64s var(--ease)}
.vx-lettre .vx-l{font:500 64px/.9 var(--f-titre);color:var(--clair-3);transition:color .64s var(--ease),text-shadow .64s var(--ease)}
.vx-lettre b{font:500 21px var(--f-titre)}
.vx-lettre p{font-size:16px;line-height:1.55;color:var(--clair-2)}
.vx-lettre.on{border-color:rgba(235,211,160,.45);box-shadow:0 20px 50px -30px rgba(212,176,106,.6)}
.vx-lettre.on .vx-l{color:var(--or-clair);text-shadow:0 0 28px rgba(235,211,160,.55)}
.vx-depart{display:grid;gap:16px}
@media (min-width:860px){.vx-depart{grid-template-columns:1fr 1fr;gap:24px}}
.vx-depart div{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:22px;border:1px solid var(--ligne)}
.vx-depart .vx-lettre-d{font:italic 500 40px/1 var(--f-titre);color:var(--acc)}
.vx-modal{display:grid;gap:0 32px}
@media (min-width:760px){.vx-modal{grid-template-columns:repeat(2,1fr)}}
.vx-modal li{display:flex;gap:14px;padding:16px 0;border-top:1px solid var(--ligne);color:var(--txt-2)}
.vx-modal li::before{content:'→';color:var(--acc);flex:none}
.vx-cest{display:flex;flex-direction:column}
.vx-cest li{display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--ligne)}
.vx-cest li::before{content:'✓';color:var(--or-clair);flex:none;font-weight:600}
.vx-encart{position:relative;display:grid;gap:28px;align-items:center;padding:36px 32px;border-radius:28px;background:linear-gradient(150deg,rgba(212,176,106,.14),rgba(92,50,128,.2));border:1px solid rgba(235,211,160,.4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden}
@media (min-width:860px){.vx-encart{grid-template-columns:1fr auto;padding:48px 56px}}
.vx-encart img{width:120px;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.vx-grand,.vx-lettre .vx-l,.vx-trois .vx-mot{font-weight:300}
.vx-sommaire .vx-ch,.vx-change b,.vx-moment b,.vx-lettre b,.vx-masque b,.vx-page .vx-ti,.vx-depart .h3{font-weight:400}
.vx-objet::before{content:'';position:absolute;inset:-16%;border-radius:50%;border:1px solid rgba(235,211,160,.22)}
.vx-objet::after{content:'';position:absolute;inset:-9%;border-radius:50%;border:1px solid rgba(235,211,160,.1)}
.vx-chemins{display:grid;gap:28px}
@media (min-width:1000px){.vx-chemins{grid-template-columns:1fr 2fr;gap:24px;align-items:stretch}}
.vx-groupe{display:flex;flex-direction:column;gap:16px}
.vx-groupe .vx-intit{font:italic 300 clamp(26px,2.4vw,34px)/1.15 var(--f-titre);color:var(--acc);padding-bottom:14px;border-bottom:1px solid var(--ligne)}
.vx-duo{display:grid;gap:16px;flex:1}
@media (min-width:700px){.vx-duo{grid-template-columns:1fr 1fr}}
.vx-chemin{position:relative;display:flex;flex-direction:column;gap:12px;flex:1;padding:34px 28px 28px;border-radius:22px;background:var(--vx-surf);border:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .32s var(--ease),box-shadow .32s var(--ease)}
.vx-chemin::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:2px;background:var(--vx-arc);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}
.vx-chemin:hover{transform:translateY(-4px);box-shadow:0 26px 60px -38px rgba(212,176,106,.55)}
.vx-chemin.vx-ici-c{box-shadow:0 24px 60px -36px rgba(212,176,106,.6)}
.vx-chemin .vx-qui{font:500 13px var(--f-texte);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.vx-chemin .h3{font-weight:300;font-size:clamp(26px,2.4vw,32px)}
.vx-chemin p:not(.vx-qui):not(.h3){color:var(--txt-2)}
.vx-chemin .lien,.vx-chemin .vx-ici{margin-top:auto}
.vx-chemin .vx-ici{font-size:15px;color:var(--txt-3)}
.vx-spa{display:grid;gap:32px;align-items:center;margin-top:24px;padding-top:40px;border-top:1px solid var(--ligne)}
@media (min-width:860px){.vx-spa{grid-template-columns:7fr 5fr;gap:48px}}
.vx-spa-ou{display:flex;flex-direction:column}
.vx-spa-ou li{padding:12px 0;border-top:1px solid var(--ligne);color:var(--txt-2)}
.vx-spa-ou b{color:var(--acc);font-weight:500}
.vx-spa-carte{position:relative;display:flex;flex-direction:column;gap:14px;padding:24px 22px;border-radius:22px;background:linear-gradient(160deg,rgba(212,176,106,.1),rgba(92,50,128,.14)),var(--nuit-2);border:1px solid rgba(235,211,160,.3);color:var(--clair);box-shadow:0 30px 60px -30px rgba(0,0,0,.7)}
.vx-spa-carte .vx-t{font:500 15px var(--f-texte);color:var(--or-clair)}
.vx-piste-spa{position:relative;height:10px;border-radius:999px;background:rgba(245,240,230,.1)}
.vx-piste-spa i{position:absolute;left:0;top:0;bottom:0;width:72%;border-radius:999px;background:linear-gradient(90deg,rgba(212,176,106,.35),#EBD3A0);box-shadow:0 0 18px rgba(235,211,160,.5);transform-origin:left;animation:vx-monte-spa 1.6s var(--ease) both .3s}
.vx-piste-spa i.vx-avant{width:34%;background:rgba(245,240,230,.35);box-shadow:none;z-index:1}
.vx-paliers{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;font-size:13px;color:var(--clair-3)}
.vx-paliers span:nth-child(2){text-align:center}
.vx-paliers span:last-child{text-align:right}
.vx-paliers .vx-or{color:var(--or-clair)}
.vx-ex2{font-size:13px;color:var(--clair-3)}
.vx-axe-fig{position:relative;display:flex;flex-direction:column;align-items:center;gap:22px;margin:0 auto;padding:52px 40px 44px;width:min(80vw,360px);border-radius:32px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.01));border:1px solid rgba(245,240,230,.12);box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.vx-axe-fig svg{width:min(46vw,200px);height:auto;overflow:visible}
.vx-axe-fig figcaption{font:italic 300 23px/1.35 var(--f-titre);color:var(--or-clair);text-align:center;max-width:16ch}
.vx-spa-axe .vx-halo-a{transform-box:fill-box;transform-origin:center;animation:vx-souffle 8s ease-in-out infinite}
.vx-spa-axe .vx-tete-a{animation:vx-glisse-t 2.6s var(--ease) both .3s}
.vx-spa-axe .vx-coeur-a{animation:vx-glisse-c 2.6s var(--ease) both .3s}
.vx-axe-mini{display:grid;place-items:center;width:120px}
.vx-axe-mini svg{width:72px;height:auto;overflow:visible}
.vx-sec-encart{padding-block:24px 96px}
.vx-compteur{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px 20px;max-width:460px}
.vx-cpt-n{position:relative;font:500 clamp(60px,6vw,76px)/.9 var(--f-titre);letter-spacing:-.02em;font-variant-numeric:tabular-nums;background:linear-gradient(180deg,#F6E3B4,#D4B06A);-webkit-background-clip:text;background-clip:text;color:transparent}
.vx-cpt-n b{font:inherit;display:inline-block;min-width:2ch}
.vx-cpt-l{font-size:16px;line-height:1.45;color:var(--clair-2);max-width:24ch}
.vx-cpt-pts{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:5px;width:min(100%,314px);margin-top:12px}
.vx-cpt-pts i{width:6px;height:6px;border-radius:50%;background:rgba(235,211,160,.14);transition:background .25s,box-shadow .25s}
.vx-cpt-pts i.on{background:var(--or-clair);box-shadow:0 0 6px rgba(235,211,160,.45)}
.vx-cpt-pts i.der{animation:vx-pouls 2.4s ease-in-out infinite}
@media (prefers-reduced-motion:reduce){.vx-piste{flex-wrap:wrap;width:auto}}
@keyframes vx-derive{to{transform:translate3d(-6vw,5vh,0)}}
@keyframes vx-flotte{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes vx-pousse{from{transform:scaleY(.12)}}
@keyframes vx-file{to{transform:translateX(-50%)}}
@keyframes vx-souffle{50%{transform:scale(1.06);opacity:.75}}
@keyframes vx-monte-spa{from{transform:scaleX(.2)}}
@keyframes vx-glisse-t{from{transform:translateX(-16px);opacity:.4}}
@keyframes vx-glisse-c{from{transform:translateX(16px);opacity:.4}}
@keyframes vx-pouls{0%,100%{box-shadow:0 0 0 0 rgba(235,211,160,.6)}60%{box-shadow:0 0 0 7px rgba(235,211,160,0)}}