/* Landing Valex : feuille générée depuis la maquette Claude Design (Valex.dc.html). */

/* Thème sombre par défaut ; clair si le système le demande, comme la maquette.
   Le bouton de thème force l'autre via html[data-theme]. */
:root {
  --sfB: rgba(255,255,255,.025);
  --bd05: rgba(159,196,232,.05);
  --bd06: rgba(159,196,232,.06);
  --bd07: rgba(159,196,232,.07);
  --bd08: rgba(159,196,232,.08);
  --bd10b: rgba(159,196,232,.10);
  --bd12: rgba(159,196,232,.12);
  --bd14: rgba(159,196,232,.14);
  --bd16: rgba(159,196,232,.16);
  --bd18: rgba(159,196,232,.18);
  --bd22: rgba(159,196,232,.22);
  --bd25: rgba(159,196,232,.25);
  --bd28: rgba(159,196,232,.28);
  --bd32: rgba(159,196,232,.32);
  --bd34: rgba(159,196,232,.34);
  --bd45: rgba(159,196,232,.45);
  --sfA: rgba(255,255,255,.02);
  --sfC: rgba(255,255,255,.03);
  --sfD: rgba(255,255,255,.04);
  --sfE: rgba(255,255,255,.05);
  --sfF: rgba(255,255,255,.06);
  --sfG: rgba(255,255,255,.07);
  --sfH: rgba(255,255,255,.08);
  --sfI: rgba(255,255,255,.12);
  --sfJ: rgba(255,255,255,.16);
  --gr06: rgba(125,165,235,.06);
  --gr07: rgba(125,165,235,.07);
  --gr12: rgba(125,165,235,.12);
  --gr13: rgba(125,165,235,.13);
  --gr14: rgba(125,165,235,.14);
  --gr15: rgba(125,165,235,.15);
  --gr16: rgba(125,165,235,.16);
  --gr18: rgba(125,165,235,.18);
  --amG: rgba(223,233,255,.08);
  --blend: screen;
  --bd10: rgba(159,196,232,.1);
  --bd20: rgba(159,196,232,.2);
  --bd30: rgba(159,196,232,.3);
  --bd40: rgba(159,196,232,.4);
  --bd50: rgba(159,196,232,.5);
  --sfK: rgba(255,255,255,.3);
  --gr10: rgba(125,165,235,.1);
  --amB: rgba(58,116,238,.28);
  --amD: rgba(48,104,224,.2);
  --amE: rgba(64,124,240,.18);
  --amC: rgba(88,148,250,.2);
  --amF: rgba(44,92,206,.15);
  --cSurfA: rgba(13,18,32,.94);
  --cSurfB: rgba(13,18,32,.98);
  --cSurfC: rgba(13,18,34,.92);
  --cSurfD: rgba(22,29,48,.98);
  --amA: rgba(40,92,206,.34);
  --cBar: rgba(15,21,38,.9);
  --cSurfE: rgba(24,32,54,.9);
  --cSurfF: rgba(18,24,40,.7);
  --cSurfG: rgba(28,40,74,.7);
  --cOverlay: rgba(6,9,18,.66);
  --shB: rgba(0,0,0,.85);
  --shA: rgba(0,0,0,.8);
  --shC: rgba(0,0,0,.9);
  --cText: #edeff4;
  --cText2: #e6eaf3;
  --cText3: #e3e7ef;
  --cSoft: #cfd4de;
  --cNav: #aab2c2;
  --cMuted: #aeb5c4;
  --cMuted2: #828896;
  --cFaint: #6f7585;
  --cMuted3: #9aa6bd;
  --cAccSoft: #a9cff7;
  --cAccSoft2: #cfe0ff;
  --cAccSoft3: #dfe9ff;
  --cAccSoft4: #eef3fb;
  --cAccMid: #5681d6;
  --cInk: #243067;
  --cPanel: #0b1120;
  --cPanel2: #0f1729;
  --cDots: #3a4256;
  --ambOp: 0.5;
  --swellOp: 0.42;
  --wv1: rgba(67,112,224,.2);
  --wv2: rgba(58,102,214,.16);
  --wv3: rgba(72,120,232,.14);
  --accent: #4370e0;
  --accentGlow: color-mix(in srgb, #4370e0 55%, transparent);
  --haloGlow: color-mix(in srgb, #4370e0 55%, transparent);
  --planBd: rgba(152,184,255,.36);
  --planBg: linear-gradient(180deg,rgba(23,44,90,.9),rgba(14,29,64,.86));
  --planSh: 0 30px 70px -34px rgba(3,10,28,.85),inset 0 1px 0 rgba(255,255,255,.09);
  --navBg: #0c111e;
  --navBorder: rgba(159,196,232,.14);
  --whyMark: rgba(150,190,255,.98);
  --greenTxt: #5be8a8;
  --pageBg: #081536;
  --navShadowRepos: 0 10px 34px -26px rgba(0,0,0,.8);
  --navShadowColle: 0 18px 50px -28px rgba(0,0,0,.9);
  --navOn: #edeff4;
  --navOff: #aab2c2;
  --segMuted: #9aa0ad;
  --sunOp: 1;
  --moonOp: 0;
  --logoDarkOp: 1;
  --logoLightOp: 0;
  --navPad: 20px;
  --navInner: 6px 6px 6px 18px;
  --navShadow: var(--navShadowRepos);
  --n1C: var(--navOff);
  --n1O: 0;
  --n1S: 0.3;
  --n2C: var(--navOff);
  --n2O: 0;
  --n2S: 0.3;
  --n3C: var(--navOff);
  --n3O: 0;
  --n3S: 0.3;
  --n4C: var(--navOff);
  --n4O: 0;
  --n4S: 0.3;
  --segA-bg: var(--cPanel);
  --segA-c: var(--cText);
  --segA-bd: var(--bd22);
  --segA-sh: 0 1px 2px rgba(18,44,102,.08),0 4px 12px -6px rgba(18,44,102,.18);
  --segM-bg: transparent;
  --segM-c: var(--segMuted);
  --segM-bd: transparent;
  --segM-sh: none;
  --tip-calc-op: 0;
  --tip-calc-ty: 4px;
  --tip-calc-vis: hidden;
  --tip-ia-op: 0;
  --tip-ia-ty: 4px;
  --tip-ia-vis: hidden;
  --tip-comp-op: 0;
  --tip-comp-ty: 4px;
  --tip-comp-vis: hidden;
  --tip-coh-op: 0;
  --tip-coh-ty: 4px;
  --tip-coh-vis: hidden;
  --faq0-rot: rotate(135deg);
  --faq0-rows: 1fr;
  --faq0-op: 1;
  --faq0-clip: 0%;
  --faq0-shift: translateY(0);
  --faq1-rot: rotate(0deg);
  --faq1-rows: 0fr;
  --faq1-op: 0;
  --faq1-clip: 100%;
  --faq1-shift: translateY(-6px);
  --faq2-rot: rotate(0deg);
  --faq2-rows: 0fr;
  --faq2-op: 0;
  --faq2-clip: 100%;
  --faq2-shift: translateY(-6px);
  --faq3-rot: rotate(0deg);
  --faq3-rows: 0fr;
  --faq3-op: 0;
  --faq3-clip: 100%;
  --faq3-shift: translateY(-6px);
  --faq4-rot: rotate(0deg);
  --faq4-rows: 0fr;
  --faq4-op: 0;
  --faq4-clip: 100%;
  --faq4-shift: translateY(-6px);
  --faq5-rot: rotate(0deg);
  --faq5-rows: 0fr;
  --faq5-op: 0;
  --faq5-clip: 100%;
  --faq5-shift: translateY(-6px);
  --rv-avis-col: #fff;
  --rv-avis-op: 1;
  --rv-avis-mh: none;
  --rv-avis-ov: visible;
  --rv-avis-vis: visible;
  --rv-avis-vd: 0s;
  --rv-posts-col: currentColor;
  --rv-posts-op: 0;
  --rv-posts-mh: 0px;
  --rv-posts-ov: hidden;
  --rv-posts-vis: hidden;
  --rv-posts-vd: .7s;
  --rvX: 0%;
  --rvInd: 0%;
  --rvIdx: 0;
  --rvPrevOp: .4;
  --rvNextOp: 1;
  --post0-sc: 1;
  --post0-op: 1;
  --post0-pe: auto;
  --post0-cur: default;
  --post1-sc: .92;
  --post1-op: .5;
  --post1-pe: none;
  --post1-cur: pointer;
  --post2-sc: .92;
  --post2-op: .5;
  --post2-pe: none;
  --post2-cur: pointer;
  --post3-sc: .92;
  --post3-op: .5;
  --post3-pe: none;
  --post3-cur: pointer;
  --post4-sc: .92;
  --post4-op: .5;
  --post4-pe: none;
  --post4-cur: pointer;
  --post5-sc: .92;
  --post5-op: .5;
  --post5-pe: none;
  --post5-cur: pointer;
  --post6-sc: .92;
  --post6-op: .5;
  --post6-pe: none;
  --post6-cur: pointer;
  --post7-sc: .92;
  --post7-op: .5;
  --post7-pe: none;
  --post7-cur: pointer;
  --post8-sc: .92;
  --post8-op: .5;
  --post8-pe: none;
  --post8-cur: pointer;
  --dot0-w: 20px;
  --dot0-bg: #4370e0;
  --dot1-w: 6px;
  --dot1-bg: rgba(120,140,180,.35);
  --dot2-w: 6px;
  --dot2-bg: rgba(120,140,180,.35);
  --dot3-w: 6px;
  --dot3-bg: rgba(120,140,180,.35);
  --dot4-w: 6px;
  --dot4-bg: rgba(120,140,180,.35);
  --dot5-w: 6px;
  --dot5-bg: rgba(120,140,180,.35);
  --dot6-w: 6px;
  --dot6-bg: rgba(120,140,180,.35);
  --dot7-w: 6px;
  --dot7-bg: rgba(120,140,180,.35);
  --dot8-w: 6px;
  --dot8-bg: rgba(120,140,180,.35);
  --segInd-x: 0px;
  --segInd-w: 0px;
  --segInd-op: 0;
  --ct-cOverlay: rgba(6,9,18,.66);
  --ct-cardA: rgba(22,29,48,.98);
  --ct-cardB: rgba(13,18,32,.98);
  --ct-bd08: rgba(159,196,232,.08);
  --ct-bd16: rgba(159,196,232,.16);
  --ct-bd18: rgba(159,196,232,.18);
  --ct-bd20: rgba(159,196,232,.2);
  --ct-bd50: rgba(159,196,232,.5);
  --ct-sfC: rgba(255,255,255,.03);
  --ct-sfF: rgba(255,255,255,.06);
  --ct-shB: rgba(0,0,0,.85);
  --ct-cText: #edeff4;
  --ct-cMuted: #9aa0ad;
  --ct-cAccSoft: #a9cff7;
  --ct-glow: rgba(67,112,224,.5);
  --ct-err: #ff9a8b;
  --ct-errBd: rgba(255,138,120,.45);
  --ct-errBg: rgba(255,110,90,.08);
  --ct-okBg: rgba(47,212,151,.16);
  --ct-okC: #3fe3a6;
  --ct-menuBg: #141c30;
  --ct-errBorder: rgba(255,138,120,.75);
  --ct-bdr-nom: var(--ct-bd18);
  --ct-bdr-prenom: var(--ct-bd18);
  --ct-bdr-email: var(--ct-bd18);
  --ct-bdr-gsm: var(--ct-bd18);
  --ct-bdr-cc: var(--ct-bd18);
  --ct-ccRot: 0deg;
  --ct-boxBg: var(--ct-sfC);
  --ct-boxBd: var(--ct-bd50);
  --ct-checkOp: 0;
  --ct-btnOp: 1;
  --ct-btnCursor: pointer;
  --ct-bdAlign: center;
  --ct-bdPad: 24px;
  --ct-cardMaxW: 460px;
  --ct-cardMaxH: 100%;
  --ct-cardR: 22px;
  --ct-cardPad: 34px 32px 30px;
}
@media (prefers-color-scheme: light) {
:root:not([data-theme="dark"]) {
    --sfB: #ffffff;
    --bd05: rgba(18,44,102,.06);
    --bd06: rgba(47,96,216,.05);
    --bd07: rgba(18,44,102,.08);
    --bd08: rgba(18,44,102,.08);
    --bd10b: rgba(18,44,102,.1);
    --bd12: rgba(18,44,102,.11);
    --bd14: rgba(18,44,102,.13);
    --bd16: rgba(18,44,102,.14);
    --bd18: rgba(18,44,102,.16);
    --bd22: rgba(18,44,102,.18);
    --bd25: rgba(18,44,102,.2);
    --bd28: rgba(18,44,102,.22);
    --bd32: rgba(18,44,102,.26);
    --bd34: rgba(18,44,102,.26);
    --bd45: rgba(47,96,216,.45);
    --sfA: #ffffff;
    --sfC: rgba(255,255,255,.9);
    --sfD: rgba(18,44,102,.05);
    --sfE: rgba(18,44,102,.05);
    --sfF: rgba(18,44,102,.06);
    --sfG: rgba(18,44,102,.06);
    --sfH: rgba(18,44,102,.07);
    --sfI: rgba(18,44,102,.1);
    --sfJ: rgba(18,44,102,.12);
    --gr06: rgba(47,96,216,.075);
    --gr07: rgba(47,96,216,.085);
    --gr12: rgba(47,96,216,.14);
    --gr13: rgba(47,96,216,.15);
    --gr14: rgba(47,96,216,.16);
    --gr15: rgba(47,96,216,.17);
    --gr16: rgba(47,96,216,.18);
    --gr18: rgba(47,96,216,.22);
    --amG: transparent;
    --blend: normal;
    --bd10: rgba(18,44,102,.1);
    --bd20: rgba(18,44,102,.18);
    --bd30: rgba(18,44,102,.24);
    --bd40: rgba(18,44,102,.3);
    --bd50: rgba(18,44,102,.34);
    --sfK: rgba(18,44,102,.2);
    --gr10: rgba(47,96,216,.13);
    --amB: rgba(208,223,252,.9);
    --amD: transparent;
    --amE: transparent;
    --amC: rgba(222,233,254,.85);
    --amF: transparent;
    --cSurfA: rgba(255,255,255,.94);
    --cSurfB: rgba(255,255,255,.97);
    --cSurfC: rgba(255,255,255,.93);
    --cSurfD: rgba(255,255,255,.98);
    --amA: rgba(198,215,248,.95);
    --cBar: #f4f7fd;
    --cSurfE: rgba(255,255,255,.93);
    --cSurfF: rgba(255,255,255,.78);
    --cSurfG: rgba(233,240,253,.92);
    --cOverlay: rgba(16,28,60,.32);
    --shB: rgba(28,48,102,.13);
    --shA: rgba(28,48,102,.12);
    --shC: rgba(28,48,102,.16);
    --cText: #0d1836;
    --cText2: #14203f;
    --cText3: #243253;
    --cSoft: #3a4560;
    --cNav: #6a7488;
    --cMuted: #5b6478;
    --cMuted2: #646e84;
    --cFaint: #6b7488;
    --cMuted3: #6b7488;
    --cAccSoft: #2b56b4;
    --cAccSoft2: #2f5ec9;
    --cAccSoft3: #eaf1ff;
    --cAccSoft4: #172447;
    --cAccMid: #3159c6;
    --cInk: #1d2a58;
    --cPanel: #ffffff;
    --cPanel2: #ffffff;
    --cDots: #d7ddec;
    --ambOp: 0;
    --swellOp: 0;
    --wv1: rgba(126,171,244,.5);
    --wv2: rgba(148,188,248,.44);
    --wv3: rgba(112,160,240,.38);
    --accentGlow: transparent;
    --haloGlow: transparent;
    --planBd: rgba(22,44,96,.16);
    --planBg: #ffffff;
    --planSh: 0 30px 70px -40px rgba(20,40,90,.3),inset 0 1px 0 #fff;
    --navBg: #ffffff;
    --navBorder: rgba(18,44,102,.12);
    --whyMark: rgba(74,120,224,1);
    --greenTxt: #14a374;
    --pageBg: #eff3fb;
    --navShadowRepos: 0 8px 26px -20px rgba(28,48,102,.4);
    --navShadowColle: 0 14px 40px -22px rgba(28,48,102,.45);
    --navOn: #0d1836;
    --navOff: #5b6478;
    --segMuted: #5b6478;
    --sunOp: 0;
    --moonOp: 1;
    --logoDarkOp: 0;
    --logoLightOp: 1;
    --ct-cOverlay: rgba(16,28,60,.32);
    --ct-cardA: rgba(255,255,255,.98);
    --ct-cardB: rgba(255,255,255,.97);
    --ct-bd08: rgba(18,44,102,.08);
    --ct-bd16: rgba(18,44,102,.14);
    --ct-bd18: rgba(18,44,102,.16);
    --ct-bd20: rgba(18,44,102,.18);
    --ct-bd50: rgba(18,44,102,.34);
    --ct-sfC: rgba(255,255,255,.9);
    --ct-sfF: rgba(18,44,102,.06);
    --ct-shB: rgba(28,48,102,.13);
    --ct-cText: #0d1836;
    --ct-cMuted: #5b6478;
    --ct-cAccSoft: #2b56b4;
    --ct-glow: rgba(67,112,224,.35);
    --ct-err: #c2341f;
    --ct-errBd: rgba(194,52,31,.4);
    --ct-errBg: rgba(194,52,31,.06);
    --ct-okBg: rgba(31,160,110,.12);
    --ct-okC: #16855a;
    --ct-menuBg: #ffffff;
    --ct-errBorder: rgba(194,52,31,.7);
  }
  :root:not([data-theme="dark"]) body { color-scheme: light; }
}
:root[data-theme="light"] {
  --sfB: #ffffff;
  --bd05: rgba(18,44,102,.06);
  --bd06: rgba(47,96,216,.05);
  --bd07: rgba(18,44,102,.08);
  --bd08: rgba(18,44,102,.08);
  --bd10b: rgba(18,44,102,.1);
  --bd12: rgba(18,44,102,.11);
  --bd14: rgba(18,44,102,.13);
  --bd16: rgba(18,44,102,.14);
  --bd18: rgba(18,44,102,.16);
  --bd22: rgba(18,44,102,.18);
  --bd25: rgba(18,44,102,.2);
  --bd28: rgba(18,44,102,.22);
  --bd32: rgba(18,44,102,.26);
  --bd34: rgba(18,44,102,.26);
  --bd45: rgba(47,96,216,.45);
  --sfA: #ffffff;
  --sfC: rgba(255,255,255,.9);
  --sfD: rgba(18,44,102,.05);
  --sfE: rgba(18,44,102,.05);
  --sfF: rgba(18,44,102,.06);
  --sfG: rgba(18,44,102,.06);
  --sfH: rgba(18,44,102,.07);
  --sfI: rgba(18,44,102,.1);
  --sfJ: rgba(18,44,102,.12);
  --gr06: rgba(47,96,216,.075);
  --gr07: rgba(47,96,216,.085);
  --gr12: rgba(47,96,216,.14);
  --gr13: rgba(47,96,216,.15);
  --gr14: rgba(47,96,216,.16);
  --gr15: rgba(47,96,216,.17);
  --gr16: rgba(47,96,216,.18);
  --gr18: rgba(47,96,216,.22);
  --amG: transparent;
  --blend: normal;
  --bd10: rgba(18,44,102,.1);
  --bd20: rgba(18,44,102,.18);
  --bd30: rgba(18,44,102,.24);
  --bd40: rgba(18,44,102,.3);
  --bd50: rgba(18,44,102,.34);
  --sfK: rgba(18,44,102,.2);
  --gr10: rgba(47,96,216,.13);
  --amB: rgba(208,223,252,.9);
  --amD: transparent;
  --amE: transparent;
  --amC: rgba(222,233,254,.85);
  --amF: transparent;
  --cSurfA: rgba(255,255,255,.94);
  --cSurfB: rgba(255,255,255,.97);
  --cSurfC: rgba(255,255,255,.93);
  --cSurfD: rgba(255,255,255,.98);
  --amA: rgba(198,215,248,.95);
  --cBar: #f4f7fd;
  --cSurfE: rgba(255,255,255,.93);
  --cSurfF: rgba(255,255,255,.78);
  --cSurfG: rgba(233,240,253,.92);
  --cOverlay: rgba(16,28,60,.32);
  --shB: rgba(28,48,102,.13);
  --shA: rgba(28,48,102,.12);
  --shC: rgba(28,48,102,.16);
  --cText: #0d1836;
  --cText2: #14203f;
  --cText3: #243253;
  --cSoft: #3a4560;
  --cNav: #6a7488;
  --cMuted: #5b6478;
  --cMuted2: #646e84;
  --cFaint: #6b7488;
  --cMuted3: #6b7488;
  --cAccSoft: #2b56b4;
  --cAccSoft2: #2f5ec9;
  --cAccSoft3: #eaf1ff;
  --cAccSoft4: #172447;
  --cAccMid: #3159c6;
  --cInk: #1d2a58;
  --cPanel: #ffffff;
  --cPanel2: #ffffff;
  --cDots: #d7ddec;
  --ambOp: 0;
  --swellOp: 0;
  --wv1: rgba(126,171,244,.5);
  --wv2: rgba(148,188,248,.44);
  --wv3: rgba(112,160,240,.38);
  --accentGlow: transparent;
  --haloGlow: transparent;
  --planBd: rgba(22,44,96,.16);
  --planBg: #ffffff;
  --planSh: 0 30px 70px -40px rgba(20,40,90,.3),inset 0 1px 0 #fff;
  --navBg: #ffffff;
  --navBorder: rgba(18,44,102,.12);
  --whyMark: rgba(74,120,224,1);
  --greenTxt: #14a374;
  --pageBg: #eff3fb;
  --navShadowRepos: 0 8px 26px -20px rgba(28,48,102,.4);
  --navShadowColle: 0 14px 40px -22px rgba(28,48,102,.45);
  --navOn: #0d1836;
  --navOff: #5b6478;
  --segMuted: #5b6478;
  --sunOp: 0;
  --moonOp: 1;
  --logoDarkOp: 0;
  --logoLightOp: 1;
  --ct-cOverlay: rgba(16,28,60,.32);
  --ct-cardA: rgba(255,255,255,.98);
  --ct-cardB: rgba(255,255,255,.97);
  --ct-bd08: rgba(18,44,102,.08);
  --ct-bd16: rgba(18,44,102,.14);
  --ct-bd18: rgba(18,44,102,.16);
  --ct-bd20: rgba(18,44,102,.18);
  --ct-bd50: rgba(18,44,102,.34);
  --ct-sfC: rgba(255,255,255,.9);
  --ct-sfF: rgba(18,44,102,.06);
  --ct-shB: rgba(28,48,102,.13);
  --ct-cText: #0d1836;
  --ct-cMuted: #5b6478;
  --ct-cAccSoft: #2b56b4;
  --ct-glow: rgba(67,112,224,.35);
  --ct-err: #c2341f;
  --ct-errBd: rgba(194,52,31,.4);
  --ct-errBg: rgba(194,52,31,.06);
  --ct-okBg: rgba(31,160,110,.12);
  --ct-okC: #16855a;
  --ct-menuBg: #ffffff;
  --ct-errBorder: rgba(194,52,31,.7);
}
:root[data-theme="light"] body { color-scheme: light; }

*{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--pageBg);color:var(--cText);color-scheme:dark;transition:background-color .35s ease,color .35s ease;font-family:'DM Sans',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}
  ::selection{background:rgba(86,129,214,.32)}
  @keyframes vx-drift{0%{transform:translate(-50%,-120px) scale(1)}50%{transform:translate(-46%,-104px) scale(1.08)}100%{transform:translate(-54%,-132px) scale(1.03)}}
  @keyframes vx-aurora-a{0%{transform:translate3d(-10%,-6%,0) scale(1)}50%{transform:translate3d(12%,8%,0) scale(1.2)}100%{transform:translate3d(-10%,-6%,0) scale(1)}}
  @keyframes vx-aurora-b{0%{transform:translate3d(9%,8%,0) scale(1.12)}50%{transform:translate3d(-11%,-7%,0) scale(.9)}100%{transform:translate3d(9%,8%,0) scale(1.12)}}
  @keyframes vx-aurora-c{0%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(-9%,9%,0) scale(1.15)}100%{transform:translate3d(0,0,0) scale(1)}}
  @keyframes vx-glint{0%{transform:translateX(-70vw) rotate(9deg)}100%{transform:translateX(180vw) rotate(9deg)}}
  @keyframes vx-swell-a{0%{transform:translate3d(-6%,0,0) scaleY(1) rotate(-1.5deg)}50%{transform:translate3d(7%,-3%,0) scaleY(1.18) rotate(1.5deg)}100%{transform:translate3d(-6%,0,0) scaleY(1) rotate(-1.5deg)}}
  @keyframes vx-swell-b{0%{transform:translate3d(5%,2%,0) scaleY(1.12) rotate(2deg)}50%{transform:translate3d(-8%,-2%,0) scaleY(.92) rotate(-2deg)}100%{transform:translate3d(5%,2%,0) scaleY(1.12) rotate(2deg)}}
  @keyframes vx-swell-c{0%{transform:translate3d(-4%,3%,0) scaleX(1) rotate(1deg)}50%{transform:translate3d(6%,-4%,0) scaleX(1.14) rotate(-1deg)}100%{transform:translate3d(-4%,3%,0) scaleX(1) rotate(1deg)}}
  @keyframes vx-arrow{0%,100%{transform:translateX(0)}50%{transform:translateX(4px)}}
  @keyframes vx-arrowdn{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}
  @keyframes vx-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(47,212,151,.55)}50%{opacity:.7;box-shadow:0 0 10px 2px rgba(47,212,151,.4)}}
  @keyframes vx-rise{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:none}}
  @keyframes vx-titlein{0%{opacity:0;transform:translateY(26px);filter:blur(14px)}100%{opacity:1;transform:none;filter:blur(0)}}
  @keyframes vx-shimmer{0%{background-position:0% 50%}100%{background-position:200% 50%}}
  @keyframes vx-serifin{0%{opacity:0;transform:translateY(.12em) rotate(-2deg);filter:blur(8px)}100%{opacity:1;transform:none;filter:blur(0)}}
  @keyframes vx-stickerin{0%{opacity:0;transform:translateY(.14em) rotate(-7deg);filter:blur(8px)}100%{opacity:1;transform:rotate(-1.8deg);filter:blur(0)}}
  @keyframes vx-reveal{from{opacity:0;transform:translateY(72px)}to{opacity:1;transform:none}}
  @keyframes vx-reveal-s{from{opacity:0;transform:translateY(86px) scale(.985)}to{opacity:1;transform:none}}
  @keyframes vx-reveal-l{from{opacity:0;transform:translateY(78px) translateX(-22px)}to{opacity:1;transform:none}}
  @keyframes vx-reveal-r{from{opacity:0;transform:translateY(78px) translateX(22px)}to{opacity:1;transform:none}}
  @keyframes vx-reveal-b{from{opacity:0;transform:translateY(92px) scale(.97);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
  .vx-anim [data-reveal]{opacity:0}
  [data-reveal].vx-in{animation:vx-reveal 1.55s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--vx-delay,0ms)}
  [data-reveal="s"].vx-in{animation:vx-reveal-s 1.7s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--vx-delay,0ms)}
  [data-reveal="l"].vx-in{animation:vx-reveal-l 1.7s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--vx-delay,0ms)}
  [data-reveal="r"].vx-in{animation:vx-reveal-r 1.7s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--vx-delay,0ms)}
  [data-reveal="b"].vx-in{animation:vx-reveal-b 1.8s cubic-bezier(.16,.84,.24,1) both;animation-delay:var(--vx-delay,0ms)}
  [data-parallax]{will-change:transform}
  @keyframes vx-cardin{from{opacity:0;translate:0 44px;scale:.94;filter:blur(7px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
  @keyframes vx-wfloat{0%,100%{translate:0 0}50%{translate:0 -11px}}
  [data-m="g3"]>[data-card][data-reveal].vx-in{opacity:1;animation:vx-cardin 1.25s cubic-bezier(.16,.84,.24,1) backwards;animation-delay:var(--vx-delay,0ms)}
  @keyframes vx-i-pop{0%,6%{opacity:0;scale:.7}16%,86%{opacity:1;scale:1}96%,100%{opacity:0;scale:.7}}
  @keyframes vx-i-row{0%,6%{opacity:0;translate:0 8px}16%,86%{opacity:1;translate:0 0}96%,100%{opacity:0;translate:0 -4px}}
  @keyframes vx-i-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
  @keyframes vx-i-fanl{0%,100%{rotate:0deg}50%{rotate:-6deg}}
  @keyframes vx-i-fanr{0%,100%{rotate:0deg}50%{rotate:6deg}}
  @keyframes vx-i-ring{0%{box-shadow:0 0 0 0 rgba(86,129,214,.55)}70%,100%{box-shadow:0 0 0 9px rgba(86,129,214,0)}}
  @keyframes vx-i-glow{0%,100%{text-shadow:0 0 0 rgba(86,129,214,0)}50%{text-shadow:0 0 16px rgba(86,129,214,.55)}}
  @keyframes vx-i-pulse{0%,100%{scale:1;filter:brightness(1)}50%{scale:1.08;filter:brightness(1.12)}}
  @keyframes vx-i-wave{0%,100%{scale:1 1}50%{scale:1 .3}}
  @keyframes vx-i-blink{0%,100%{opacity:1}50%{opacity:.2}}
  @keyframes vx-i-hl{0%,30%{background-color:rgba(86,129,214,0)}45%,100%{background-color:rgba(86,129,214,.22)}}
  @keyframes vx-i-sheen{0%,20%{translate:-120% 0}45%,100%{translate:120% 0}}
  @keyframes vx-i-ants{to{stroke-dashoffset:-24}}
  @keyframes vx-i-halo{0%{scale:.5;opacity:.5}100%{scale:2.4;opacity:0}}
  @keyframes vx-i-parcel{0%,100%{fill:rgba(86,129,214,.18)}50%{fill:rgba(86,129,214,.4)}}
  @keyframes vx-i-bar{0%,6%{scale:1 0}26%,86%{scale:1 1}100%{scale:1 0}}
  @keyframes vx-i-fill{0%,8%{width:0}50%,88%{width:84%}100%{width:0}}
  @keyframes vx-i-ripple{0%{scale:1;opacity:.6}100%{scale:2.1;opacity:0}}
  @keyframes vx-i-spin{from{transform:translateX(-50%) rotate(0deg)}to{transform:translateX(-50%) rotate(360deg)}}
  @keyframes vx-i-spinh{from{transform:translateX(-50%) rotate(210deg)}to{transform:translateX(-50%) rotate(570deg)}}
  [data-a="pop"]{animation:vx-i-pop 6s cubic-bezier(.34,1.4,.5,1) infinite both}
  [data-a="row"]{animation:vx-i-row 6s cubic-bezier(.22,.61,.36,1) infinite both}
  [data-a][data-d="1"]{animation-delay:.2s}[data-a][data-d="2"]{animation-delay:.45s}[data-a][data-d="3"]{animation-delay:.7s}[data-a][data-d="4"]{animation-delay:.95s}[data-a][data-d="5"]{animation-delay:1.2s}
  [data-a="float"]{animation:vx-i-float 4.5s ease-in-out infinite}
  [data-a="fanl"]{animation:vx-i-fanl 5s ease-in-out infinite}
  [data-a="fanr"]{animation:vx-i-fanr 5s ease-in-out infinite}
  [data-a="ring"]{animation:vx-i-ring 2s ease-out infinite}
  [data-a="glow"]{animation:vx-i-glow 3s ease-in-out infinite}
  [data-a="pulse"]{animation:vx-i-pulse 2.2s ease-in-out infinite}
  [data-a="wave"]>div{animation:vx-i-wave 1.2s ease-in-out infinite}
  [data-a="wave"]>div:nth-child(2n){animation-duration:.95s;animation-delay:-.3s}
  [data-a="wave"]>div:nth-child(3n){animation-duration:1.4s;animation-delay:-.6s}
  [data-a="wave"]>div:nth-child(5n){animation-duration:1.05s;animation-delay:-.15s}
  [data-a="blink"]{animation:vx-i-blink 1.2s ease-in-out infinite}
  [data-a="caret"]{animation:vx-caret 1s steps(1) infinite}
  [data-a="hl"]{animation:vx-i-hl 6s ease-in-out infinite alternate}
  [data-a="sheen"]{animation:vx-i-sheen 6s ease-in-out infinite both}
  [data-a="ants"]{animation:vx-i-ants 1.2s linear infinite}
  [data-a="halo"]{transform-box:fill-box;transform-origin:center;animation:vx-i-halo 2.2s ease-out infinite}
  [data-a="parcel"]{animation:vx-i-parcel 3s ease-in-out infinite}
  [data-a="bars"]>div{transform-origin:bottom;animation:vx-i-bar 6s cubic-bezier(.22,.61,.36,1) infinite both}
  [data-a="bars"]>div:nth-child(2){animation-delay:.08s}[data-a="bars"]>div:nth-child(3){animation-delay:.16s}[data-a="bars"]>div:nth-child(4){animation-delay:.24s}[data-a="bars"]>div:nth-child(5){animation-delay:.32s}[data-a="bars"]>div:nth-child(6){animation-delay:.4s}[data-a="bars"]>div:nth-child(7){animation-delay:.48s}
  [data-a="fill"]{animation:vx-i-fill 6s cubic-bezier(.22,.61,.36,1) infinite both}
  [data-a="ripple"]{animation:vx-i-ripple 3s ease-out infinite both}[data-a="ripple"][data-d="3"]{animation-delay:1.5s}
  [data-a="gdot"]{animation:vx-pulse 2s ease-in-out infinite}
  [data-a="min"]{animation:vx-i-spin 6s linear infinite}
  [data-a="hour"]{animation:vx-i-spinh 72s linear infinite}
  @media (prefers-reduced-motion:reduce){[data-a],[data-a]>div{animation:none!important}}
  [data-m="why"]>[data-reveal].vx-in{animation:vx-reveal 1.55s cubic-bezier(.16,.84,.24,1) both,vx-wfloat 6.5s ease-in-out 1.7s infinite}
  [data-m="why"]>[data-reveal="l"].vx-in{animation:vx-reveal-l 1.7s cubic-bezier(.16,.84,.24,1) both,vx-wfloat 7.4s ease-in-out 1.8s infinite}
  [data-m="why"]>[data-reveal="r"].vx-in{animation:vx-reveal-r 1.7s cubic-bezier(.16,.84,.24,1) .2s both,vx-wfloat 8.2s ease-in-out 2.6s infinite}
  @media (prefers-reduced-motion:reduce){[data-m="g3"]>[data-card].vx-in,[data-m="why"]>[data-reveal].vx-in{animation:none!important}}
  @property --vxa{syntax:"<angle>";inherits:false;initial-value:0deg}
  @keyframes vx-ringspin{to{--vxa:360deg}}
  @keyframes vx-float{0%,100%{transform:translateY(0) rotate(var(--rt,0deg))}50%{transform:translateY(-9px) rotate(var(--rt,0deg))}}
  @keyframes vx-pillglow{0%,100%{box-shadow:0 1.5px 0 rgba(255,255,255,.28),0 3px 8px -2px var(--pg),0 8px 18px -8px var(--pg),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.14)}50%{box-shadow:0 1.5px 0 rgba(255,255,255,.34),0 4px 12px -2px var(--pg),0 14px 30px -8px var(--pg),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.16)}}
  @keyframes vx-tickglow{0%,100%{box-shadow:0 0 8px 1px rgba(21,185,129,.55),0 1px 5px rgba(21,185,129,.6);transform:scale(1)}50%{box-shadow:0 0 17px 4px rgba(21,185,129,.6),0 0 3px 1px rgba(91,232,168,.7);transform:scale(1.05)}}
  @keyframes vx-ctaflow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
  @keyframes vx-ctaglow{0%,100%{box-shadow:0 0 0 5px rgba(63,99,196,.10),0 8px 20px -6px var(--accentGlow),0 22px 50px -14px var(--accentGlow),inset 0 1.5px 0 rgba(255,255,255,.6),inset 0 -2px 6px rgba(20,40,110,.25)}50%{box-shadow:0 0 0 9px rgba(63,99,196,.05),0 10px 26px -6px var(--accentGlow),0 30px 70px -14px var(--accentGlow),inset 0 1.5px 0 rgba(255,255,255,.7),inset 0 -2px 6px rgba(20,40,110,.25)}}
  @keyframes vx-ctaarrow{0%{transform:translateX(0);opacity:1}45%{transform:translateX(22px);opacity:0}46%{transform:translateX(-22px);opacity:0}100%{transform:translateX(0);opacity:1}}
  @keyframes vx-spin{to{transform:rotate(360deg)}}
  @keyframes vx-tickglow-lg{0%,100%{box-shadow:0 0 22px 3px rgba(21,185,129,.55),0 3px 14px rgba(21,185,129,.6);transform:scale(1)}50%{box-shadow:0 0 44px 10px rgba(21,185,129,.6),0 0 8px 2px rgba(91,232,168,.7);transform:scale(1.05)}}
  [data-m="cta-ic"] svg{animation:vx-arrow 1.8s ease-in-out infinite}
  [data-m="cta-big"]:hover [data-m="cta-ic"]{transform:rotate(-45deg) scale(1.06)}
  [data-m="cta-big"]:hover [data-m="cta-ic"] svg{animation:vx-ctaarrow .55s cubic-bezier(.22,.61,.36,1)}
  [data-vbar-track]:hover [data-vbar-rail],[data-vbar-track]:focus-visible [data-vbar-rail]{height:4px!important}
  [data-vbar-track]:hover [data-vbar-knob],[data-vbar-track]:focus-visible [data-vbar-knob],[data-vbar-track]:active [data-vbar-knob]{transform:scale(1)}
  [data-vbar-track]:focus-visible{box-shadow:0 0 0 2px rgba(67,112,224,.55)}
  /* ---- mockup animations (loop) ---- */
  @keyframes vx-chartdraw{0%{stroke-dashoffset:2600}100%{stroke-dashoffset:0}}
  @keyframes vx-bargrow{0%{transform:scaleY(0)}100%{transform:scaleY(1)}}
  @keyframes vx-areafade{0%{opacity:0}100%{opacity:1}}
  @keyframes vx-dotpulse{0%,100%{transform:scale(1);opacity:.95}50%{transform:scale(1.55);opacity:.35}}
  @keyframes vx-sheen{0%{transform:translateX(-130%)}100%{transform:translateX(230%)}}
  @keyframes vx-caret{0%,100%{opacity:1}50%{opacity:0}}
  @keyframes vx-type{0%,8%{width:0}38%,92%{width:var(--tw)}100%{width:0}}
  @keyframes vx-fill{0%,12%{width:0}55%,90%{width:var(--bw)}100%{width:0}}
  @keyframes vx-thumb{0%,100%{left:16%}50%{left:62%}}
  @keyframes vx-rowin{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:none}}
  @keyframes vx-glow{0%,100%{text-shadow:0 0 0 transparent}50%{text-shadow:0 0 26px var(--gc)}}
  @keyframes vx-radio{0%,28%{transform:scale(0);opacity:0}44%,100%{transform:scale(1);opacity:1}}
  @keyframes vx-swap-a{0%,40%{opacity:1}52%,100%{opacity:0}}
  @keyframes vx-swap-b{0%,44%{opacity:0}56%,100%{opacity:1}}
  @keyframes vx-ripple{0%{transform:scale(.2);opacity:.55}100%{transform:scale(2.6);opacity:0}}
  @keyframes vx-scan{0%{top:-12%;opacity:0}12%{opacity:.8}88%{opacity:.8}100%{top:104%;opacity:0}}
  @keyframes vx-bpfloat{0%,100%{transform:translateY(0) rotate(var(--r,0deg))}50%{transform:translateY(-16px) rotate(var(--r,0deg))}}
  @keyframes vx-bpglow{0%,100%{opacity:.45}50%{opacity:.85}}
  @keyframes vx-draw{to{stroke-dashoffset:0}}
  @keyframes vx-bpfade{from{opacity:0}to{opacity:var(--bo,1)}}
  @keyframes vx-breathe{0%,100%{opacity:.9;transform:translate(-50%,-122%) scale(1)}50%{opacity:1;transform:translate(-50%,-122%) scale(1.015)}}
  @keyframes vx-diamond{0%,100%{box-shadow:0 0 0 0 rgba(86,129,214,0)}50%{box-shadow:0 0 14px 2px rgba(86,129,214,.55)}}
  @media (max-width:980px){
    [data-m="g3"],[data-m="why"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
    [data-m="g3"]>div,[data-m="why"]>div,[data-m="why"]>div>div{min-width:0}
    [data-m="price"]{grid-template-columns:minmax(0,1fr)!important;max-width:480px;margin-left:auto!important;margin-right:auto!important;gap:32px!important}
    [data-m="price"]>[aria-hidden]{width:100%!important}
    [data-m="ftr-grid"]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:32px 24px!important}
    [data-m="ftr-grid"]>:first-child{grid-column:1/-1}
  }
  @media (max-width:760px){
    [data-m="root"]{overflow-x:clip}
    [data-m="hdr"]{padding-left:12px!important;padding-right:12px!important}
    [data-m="hdr-in"]{grid-template-columns:auto minmax(0,1fr)!important;gap:8px!important;padding-left:16px!important}
    [data-m="logo"]{width:72px!important;height:23px!important}
    [data-m="nav"]{display:none!important}
    [data-m="hdr-r"]{gap:2px!important}
    [data-m="hdr-r"]>button{width:36px!important}
    [data-m="hdr-r"]>a{padding:0 11px!important;font-size:14px!important}
    [data-m="hdr-r"]>a:last-child{padding:0 15px!important}
    [data-m="hdr-r"]>a:last-child>span:first-of-type{display:none!important}
    [data-m="hero"]{padding:56px 20px 0!important}
    [data-m="hero"] h1{font-size:clamp(30px,8.8vw,38px)!important;line-height:1.12!important;max-width:100%!important;letter-spacing:-.038em!important}
    [data-m="hero"]>p,[data-m="cta-in"] p{font-size:15px!important;line-height:1.5!important;max-width:100%!important;text-wrap:balance}
    [data-m="hero"]>p{margin-top:18px!important}
    [data-m="hero-cta"]{flex-direction:column!important;align-items:stretch!important;width:100%;max-width:360px;gap:10px!important;margin-top:28px!important}
    [data-m="hero-cta"]>a{justify-content:center}
    [data-m="hero-badges"]{flex-wrap:nowrap!important;gap:6px!important;margin-top:22px!important}
    [data-m="hero-badges"]>span{white-space:nowrap;flex:none;font-size:11.5px!important;padding:5px 10px 5px 5px!important;gap:6px!important}
    [data-m="hero-badges"]>span>span{width:15px!important;height:15px!important;font-size:9px!important}
    [data-m="vid"]{padding:24px 14px 0!important}
    [data-m="vid-frame"]{border-radius:14px!important}
    [data-m="vctl"]{top:10px!important;right:10px!important}
    [data-m="snd"]{height:36px!important;padding:0 12px 0 10px!important;font-size:13px!important;gap:6px!important}
    [data-m="play"]{left:10px!important;bottom:10px!important;width:36px!important;height:36px!important}
    [data-m="vbar"]{left:50%!important;bottom:14px!important;width:min(220px,calc(100% - 112px))!important;height:28px!important;padding:0 12px 0 11px!important;gap:8px!important;font-size:11.5px!important}
    [data-m="sec"]{padding-top:96px!important;padding-left:20px!important;padding-right:20px!important}
    #conviction[data-m="sec"]{padding-top:104px!important}
    [data-m="sec-s"]{padding:72px 20px 0!important}
    [data-m="ptrack"]{margin-top:32px!important;height:210vh!important;height:210svh!important}
    [data-m="pgrid"]{grid-template-columns:minmax(0,1fr)!important;gap:14px!important;position:sticky!important;top:84px!important}
    [data-m="pgrid"]>[data-reveal="l"]{min-height:236px}
    [data-m="pgrid"]>[data-reveal="r"]{order:-1}
    [data-m="pgrid"] [data-prail]{padding:10px 0!important}
    [data-m="pgrid"] [data-pnum]{font-size:28px!important}
    [data-m="pgrid"] [data-ptitle]{font-size:17.5px!important}
    [data-m="pgrid"] [data-pdesc] p{font-size:15px!important}
    [data-m="g3"],[data-m="why"]{display:grid!important;grid-template-columns:none!important;grid-auto-flow:column!important;grid-auto-columns:80%!important;gap:14px!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin-left:-20px!important;margin-right:-20px!important;padding:12px 20px 40px!important;align-items:stretch!important}
    [data-m="g3"]::-webkit-scrollbar,[data-m="why"]::-webkit-scrollbar{display:none}
    [data-m="g3"]{margin-top:24px!important}
    [data-m="g3"]>div,[data-m="why"]>div{min-width:0;scroll-snap-align:start}
    [data-m="why"]{padding-top:36px!important;margin-top:-20px!important}
    [data-m="why"]>div>div{transform:none!important;rotate:none!important;translate:none!important;height:100%}
    #features [data-m="g3"]>div{padding:22px!important}
    #features [data-m="g3"]>div>div:first-child{margin:-6px -6px 18px!important}
    #conviction [data-m="g3"]>div{padding:26px 20px!important}
    [data-m="why"]>div>div{padding:22px!important}
    [data-m="bill"]{margin-top:28px!important}
    [data-m="price"]{margin-top:44px!important}
    [data-m="price"]>div[data-reveal]{padding:28px 22px 26px!important}
    [data-m="why-mark"]{font-size:64px!important}
    [data-m="conv-p"]{margin-top:28px!important;gap:18px!important}
    [data-m="conv-p"]>p{font-size:16.5px!important}
    [data-m="faq"]{margin-top:36px!important}
    [data-m="faq"]>div{padding:22px 0!important}
    [data-m="faq"]>div>div:first-child>span:first-child{font-size:16.5px!important}
    [data-m="cta-in"]{padding:48px 0!important}
    [data-m="ftr"]{padding:72px 20px 40px!important;margin-top:40px!important}
    [data-m="ftr-grid"]{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:32px 24px!important}
    [data-m="ftr-grid"]>:first-child{grid-column:1/-1}
  }
  @media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1!important}[data-reveal].vx-in{animation:none!important}[data-parallax]{transform:none!important}h1{animation:none!important;filter:none!important}h1 span{animation:none!important;filter:none!important}*{animation-duration:.001s!important;animation-iteration-count:1!important}}

/* États de survol, d'appui et de focus de la maquette (style-hover, etc.). */
.vx1:hover{transform:translateY(-1px) !important}
.vx2:hover{color:var(--cText) !important;background:var(--sfG) !important}
.vx3:hover{color:var(--cText) !important;background:var(--sfG) !important}
.vx4:hover{color:var(--cText) !important;background:var(--sfG) !important}
.vx5:hover{color:var(--cText) !important;background:var(--sfG) !important}
.vx6:hover{color:var(--cText) !important;background:var(--sfG) !important}
.vx7:hover{color:var(--cText) !important;background:var(--sfG) !important}
.vx8:hover{transform:translateY(-1px) !important;filter:brightness(1.05) !important;box-shadow:0 2.5px 0 rgba(255,255,255,.32),0 8px 16px -3px var(--accentGlow),0 16px 30px -9px var(--accentGlow),inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(255,255,255,.16) !important}
.vx8:active{transform:translateY(1px) !important;box-shadow:0 0 0 rgba(255,255,255,.2),0 2px 6px -2px var(--accentGlow),inset 0 1px 0 rgba(255,255,255,.34) !important}
.vx9:hover{transform:translateY(-3px) scale(1.025) !important;filter:brightness(1.07) saturate(1.08) !important}
.vx9:active{transform:translateY(1px) scale(.985) !important;filter:brightness(.97) !important}
.vx9::before{content:'';position:absolute;inset:0;border-radius:9999px;padding:1.5px;background:conic-gradient(from var(--vxa),transparent 0turn,transparent .55turn,rgba(255,255,255,.95) .75turn,transparent .95turn);-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;animation:vx-ringspin 3s linear infinite;pointer-events:none}
.vx10:hover{color:var(--cText) !important;text-decoration-color:var(--accent) !important}
.vx11:hover{transform:scale(1.07) !important;background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 100%) !important}
.vx11:active{transform:scale(.95) !important}
.vx12:hover{transform:scale(1.04) !important;background:linear-gradient(180deg,rgba(255,255,255,.85) 0%,rgba(255,255,255,.6) 100%) !important}
.vx12:active{transform:scale(.96) !important}
.vx13:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx14:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx15:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx16:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx17:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx18:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx19:hover{translate:0 -6px !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx20:hover{transform:translateY(-2px) !important;filter:brightness(1.06) !important;box-shadow:0 14px 30px -14px var(--shA) !important}
.vx20:active{transform:translateY(0) scale(.99) !important}
.vx20::before{content:'';position:absolute;inset:-1.5px;border-radius:9999px;padding:1.5px;background:conic-gradient(from var(--vxa),transparent 0turn,transparent .5turn,#3f63c4 .72turn,#b6d0ff .8turn,#3f63c4 .88turn,transparent 1turn);-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;animation:vx-ringspin 3.4s linear infinite;pointer-events:none}
.vx21:hover{transform:translateY(-2px) !important;filter:brightness(1.05) !important;box-shadow:0 3.5px 0 rgba(255,255,255,.34),0 12px 24px -5px var(--accentGlow),0 26px 54px -14px var(--accentGlow),inset 0 1px 0 rgba(255,255,255,.62),inset 0 -1px 0 rgba(255,255,255,.16) !important}
.vx21:active{transform:translateY(1.5px) !important;box-shadow:0 .5px 0 rgba(255,255,255,.24),0 3px 9px -3px var(--accentGlow),inset 0 1px 0 rgba(255,255,255,.36) !important}
.vx22:hover{color:var(--cMuted) !important}
.vx22:focus{outline:2px solid var(--accent) !important;outline-offset:1px !important}
.vx23:hover{color:var(--cMuted) !important}
.vx23:focus{outline:2px solid var(--accent) !important;outline-offset:1px !important}
.vx24:hover{color:var(--cMuted) !important}
.vx24:focus{outline:2px solid var(--accent) !important;outline-offset:1px !important}
.vx25:hover{color:var(--cMuted) !important}
.vx25:focus{outline:2px solid var(--accent) !important;outline-offset:1px !important}
.vx26:hover{transform:translateY(-2px) !important;filter:brightness(1.06) !important;box-shadow:0 14px 30px -14px var(--shA) !important}
.vx26:active{transform:translateY(0) scale(.99) !important}
.vx26::before{content:'';position:absolute;inset:-1.5px;border-radius:9999px;padding:1.5px;background:conic-gradient(from var(--vxa),transparent 0turn,transparent .5turn,#3f63c4 .72turn,#b6d0ff .8turn,#3f63c4 .88turn,transparent 1turn);-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;animation:vx-ringspin 3.4s linear infinite;pointer-events:none}
.vx27:hover{transform:translateY(-2px) !important}
.vx27:active{transform:translateY(1px) scale(.96) !important}
.vx28:hover{transform:translateY(-2px) !important}
.vx28:active{transform:translateY(1px) scale(.96) !important}
.vx29:hover{transform:translateY(-2px) !important;filter:brightness(1.05) !important;box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 -1px 0 rgba(0,30,70,.18),0 1px 2px rgba(8,40,90,.22),0 8px 16px -6px rgba(10,102,194,.45),0 22px 36px -18px rgba(10,102,194,.6) !important}
.vx29:active{transform:translateY(0) scale(.985) !important}
.vx30:hover{rotate:0deg !important;translate:0 -4px !important;box-shadow:0 38px 74px -26px var(--shB) !important}
.vx31:hover{rotate:0deg !important;translate:0 -34px !important;box-shadow:0 38px 74px -26px var(--shB) !important}
.vx32:hover{rotate:0deg !important;translate:0 12px !important;box-shadow:0 38px 74px -26px var(--shB) !important}
.vx33:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx34:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx35:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx36:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx37:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx38:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx39:hover{transform:translateY(-3px) scale(1.025) !important;filter:brightness(1.07) saturate(1.08) !important}
.vx39:active{transform:translateY(1px) scale(.985) !important;filter:brightness(.97) !important}
.vx39::before{content:'';position:absolute;inset:0;border-radius:9999px;padding:1.5px;background:conic-gradient(from var(--vxa),transparent 0turn,transparent .55turn,rgba(255,255,255,.95) .75turn,transparent .95turn);-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;animation:vx-ringspin 3s linear infinite;pointer-events:none}
.vx40:hover{transform:translateY(-2px) !important;color:var(--cText) !important;background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx41:hover{transform:translateY(-2px) !important;color:var(--cText) !important;background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx42:hover{transform:translateY(-2px) !important;color:var(--cText) !important;background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx43:hover{background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx44:hover{background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx45:hover{color:var(--cAccMid) !important}
.vx46:hover{color:var(--cAccMid) !important}
.vx47:hover{color:var(--cAccMid) !important}
.vx48:hover{color:var(--cAccMid) !important}
.vx49:hover{color:var(--cAccMid) !important}
.vx50:hover{color:var(--cAccMid) !important}
.vx51:hover{color:var(--cAccMid) !important}
.vx52:hover{color:var(--cAccMid) !important}
.vx53:hover{color:var(--cAccMid) !important}
.vx54:hover{color:var(--cAccMid) !important}
.vx55:hover{color:var(--cAccMid) !important}
.vx56:hover{color:var(--cAccMid) !important}
.vx57:hover{background:var(--ct-bd16) !important;color:var(--ct-cText) !important}
.vx58:focus{border-color:var(--ct-bd50) !important}
.vx59:focus{border-color:var(--ct-bd50) !important}
.vx60:focus{border-color:var(--ct-bd50) !important}
.vx61:hover{border-color:var(--ct-bd50) !important}
.vx62:focus{border-color:var(--ct-bd50) !important}
.vx63:hover{background:var(--ct-bd08) !important}
.vx64:hover{background:var(--ct-bd08) !important}
.vx65:hover{background:var(--ct-bd08) !important}
.vx66:hover{background:var(--ct-bd08) !important}
.vx67:hover{background:var(--ct-bd08) !important}
.vx68:hover{background:var(--ct-bd08) !important}
.vx69:hover{background:var(--ct-bd08) !important}
.vx70:hover{filter:brightness(1.05) !important}
.vx71:hover{background:var(--ct-bd08) !important}

/* Focus clavier du sélecteur mensuel / annuel (anneau de la maquette). */
.vx-seg:focus-visible{outline:2px solid var(--accent) !important}
[data-vx-faq]:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}

/* Modale de contact (Valex Contact.dc.html). Sous 760 px, comme la maquette,
   la carte devient une feuille qui remonte du bas et défile seule. */
@media (max-width: 759.98px) {
:root {
    --ct-bdAlign: flex-end;
    --ct-bdPad: 0;
    --ct-cardMaxW: 100%;
    --ct-cardMaxH: calc(100% - 24px);
    --ct-cardR: 22px 22px 0 0;
    --ct-cardPad: 28px 20px 26px;
  }
}
.vx-ct-fond:not(.ouvert){display:none!important}
/* La carte hérite sa couleur de texte, comme dans la maquette où elle vient du banc. */
.vx-ct-fond{touch-action:none;color:var(--ct-cText)}
[data-vx-ct-carte]:focus{outline:none}
.vx-ct-fond input::placeholder{color:currentColor;opacity:.42}
@keyframes vx-ct-sheen{0%,72%{transform:translateX(-180%)}100%{transform:translateX(320%)}}