/* ============================================================
   Socle commun aux deux pages du funnel.
   Jetons de couleur, reset, typographie de base.
   Les tailles de titre et la largeur de page sont definies
   par chaque page, elles different volontairement.
   ============================================================ */
:root{
  --bg:#0A0910; --bg-2:#111017; --panel:#15141B;
  --line:#26242E; --line-2:#35323F;
  --text:#FFFFFF; --text-2:#E8E6EE; --text-3:#BCB9C7;
  --orange:#FF7A18; --orange-hi:#FF9448; --orange-dim:rgba(255,122,24,.14);
  --ok:#3ECF8E; --warn:#F2B33D; --danger:#F0565B;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--text);
  font-family:"Inter","Helvetica Neue",Arial,sans-serif;
  font-size:16.5px; line-height:1.68; margin:0;
  -webkit-font-smoothing:antialiased;
}
.halo{
  position:absolute; top:0; left:0; right:0; height:900px; z-index:0; pointer-events:none;
  background:
    radial-gradient(900px 460px at 22% -12%, rgba(139,92,246,.20), transparent 68%),
    radial-gradient(760px 420px at 88% -4%, rgba(255,122,24,.11), transparent 66%);
}

h1,h2,h3,h4{font-family:"Plus Jakarta Sans","Inter",sans-serif; margin:0; letter-spacing:-.022em; text-wrap:balance}
p{margin:0}
strong{font-weight:600; color:var(--text)}
em{font-style:italic}
em{font-style:italic}
a{color:inherit}

@media (prefers-reduced-motion:reduce){ *{transition:none !important} }

/* Pixel de repli sans JavaScript. */
.px{display:none}