/* 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);
}
@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;
  }
  :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;
}
: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}
  @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-marquee{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
  /* ---- 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="marq"]{margin-top:44px!important;padding:16px 0!important}
    [data-m="vid"]{padding:24px 14px 0!important}
    [data-m="vid-frame"]{border-radius:14px!important}
    [data-m="snd"]{top:10px!important;right:10px!important;height:36px!important;padding:0 12px 0 10px!important;font-size:13px!important;gap:6px!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}
    [data-m="pgrid"]{grid-template-columns:minmax(0,1fr)!important;gap:18px!important;top:84px!important}
    [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;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(-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}
.vx9: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}
.vx10::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}
.vx10:hover{transform:translateY(-2px) !important;color:var(--cText) !important;border-color:var(--bd45) !important;background:var(--bd06) !important}
.vx10:active{transform:translateY(0) !important}
.vx11:hover{background:rgba(10,16,32,.82) !important}
.vx12:hover{transform:translateY(-5px) !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx13:hover{transform:translateY(-5px) !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx14:hover{transform:translateY(-5px) !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx15:hover{transform:translateY(-5px) !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx16:hover{transform:translateY(-5px) !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx17:hover{transform:translateY(-5px) !important;box-shadow:0 40px 74px -30px var(--shB) !important;border-color:var(--bd28) !important}
.vx18:hover{transform:translateY(-2px) !important;filter:brightness(1.06) !important;box-shadow:0 14px 30px -14px var(--shA) !important}
.vx18:active{transform:translateY(0) scale(.99) !important}
.vx18::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}
.vx19: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}
.vx19: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}
.vx20:hover{color:var(--cMuted) !important}
.vx20:focus{outline:2px solid var(--accent) !important;outline-offset:1px !important}
.vx21:hover{color:var(--cMuted) !important}
.vx21:focus{outline:2px solid var(--accent) !important;outline-offset:1px !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{transform:translateY(-2px) !important;filter:brightness(1.06) !important;box-shadow:0 14px 30px -14px var(--shA) !important}
.vx24:active{transform:translateY(0) scale(.99) !important}
.vx24::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}
.vx25:hover{transform:rotate(0deg) translateY(-4px) !important;box-shadow:0 38px 74px -26px var(--shB) !important}
.vx26:hover{transform:rotate(0deg) translateY(-34px) !important;box-shadow:0 38px 74px -26px var(--shB) !important}
.vx27:hover{transform:rotate(0deg) translateY(12px) !important;box-shadow:0 38px 74px -26px var(--shB) !important}
.vx28:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx29:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx30:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx31:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx32:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx33:hover{padding-left:10px !important;border-color:var(--bd34) !important}
.vx34:hover{transform:translateY(-2px) scale(1.02) !important;filter:brightness(1.08) !important;box-shadow:0 22px 54px -10px var(--accentGlow) !important}
.vx34:active{transform:translateY(0) scale(.97) !important}
.vx35:hover{transform:translateY(-2px) !important;color:var(--cText) !important;background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx36:hover{transform:translateY(-2px) !important;color:var(--cText) !important;background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx37:hover{transform:translateY(-2px) !important;color:var(--cText) !important;background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx38:hover{background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx39:hover{background:var(--sfG) !important;border-color:var(--bd20) !important}
.vx40:hover{color:var(--cAccMid) !important}
.vx41:hover{color:var(--cAccMid) !important}
.vx42:hover{color:var(--cAccMid) !important}
.vx43:hover{color:var(--cAccMid) !important}
.vx44:hover{color:var(--cAccMid) !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}

/* 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}