/* Préinscription (places fondateurs) : la jauge dans la carte prix de /learn/, avant l'ouverture du
   13 octobre 2026. À retirer après l'ouverture : supprimer le bloc #jauge, ce fichier et prelaunch.js,
   puis remettre le bouton « Rejoindre le Club » laissé en commentaire dans la carte. */
.jg{margin-top:auto;display:flex;flex-direction:column;gap:14px}
.jg-top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.jg-live{display:inline-flex;align-items:center;gap:9px;padding:7px 12px 7px 9px;border:1px solid var(--line);border-radius:100px;background:var(--paper);font-size:12.5px;font-weight:600}
.jg-live i{width:8px;height:8px;border-radius:50%;background:var(--scarlet);box-shadow:0 0 0 3px rgba(248,47,2,.18)}
.jg-cd{font-family:var(--tech);font-weight:500;font-size:22px;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.jg-cd em{font-style:normal;color:var(--scarlet)}
.jg-title{font-family:var(--tech);font-weight:300;font-size:30px;line-height:1.05;letter-spacing:-.03em;color:var(--ink)}
.jg-title b{font-weight:600;background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-variant-numeric:tabular-nums}
.jg-title span{display:block;font-weight:300}
.jg-title span b{background:none;-webkit-text-fill-color:currentColor;font-weight:600}

.jg-bar{position:relative;height:44px;border-radius:100px;background:var(--bg-warm);border:1px solid var(--line)}
.jg-bar::before,.jg-bar::after{content:"";position:absolute;top:-5px;bottom:-5px;width:1px;background:rgba(23,21,26,.1)}
.jg-bar::before{left:25%}.jg-bar::after{left:50%}
.jg-tick{position:absolute;left:75%;top:-5px;bottom:-5px;width:1px;background:rgba(23,21,26,.1)}
/* la jauge part des trois fondateurs de base : un premier segment toujours visible */
.jg-fill{position:absolute;left:0;top:0;bottom:0;width:0;min-width:44px;border-radius:100px;background:var(--grad);box-shadow:0 14px 34px -14px rgba(248,47,2,.6);transition:width 1.2s var(--ease)}
.jg-max{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:12.5px;font-weight:700;color:var(--muted-2)}

.jg-form{display:flex;gap:8px}
.jg-form input[type="email"]{flex:1;min-width:0;height:50px;padding:0 18px;border:1px solid var(--line);border-radius:100px;background:var(--paper);font-size:15px;outline:none}
.jg-form input[type="email"]:focus{border-color:var(--scarlet);box-shadow:0 0 0 3px rgba(248,47,2,.15)}
.jg-form .btn{margin:0;padding:14px 20px;white-space:nowrap}
.jg-form .btn[disabled]{opacity:.7;transform:none}
.jg-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.jg-msg{padding:12px 16px;border-radius:14px;background:var(--bg-warm);font-size:14px;line-height:1.5;color:var(--ink)}
.jg-msg.ok{background:#F1FAF3;color:#17151A}
.jg-msg.err{background:#FFF1E8;color:#9a2a05}
.jg-msg a{color:var(--scarlet);font-weight:700;text-decoration:underline;text-underline-offset:3px}
.jg-perks{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;font-size:13px;color:var(--muted)}
.jg-perks b{color:var(--ink);font-weight:600}
.jg-perks i{font-style:normal;color:var(--jaffa)}
.jg-perks a{color:var(--muted-2);text-decoration:underline;text-underline-offset:3px}
.jg-perks sup{font-size:.7em;color:var(--muted-2);margin-left:1px}
.jg-fine{margin-top:-6px;font-size:11px;color:var(--muted-2);opacity:.85}
.jg-fine sup{font-size:.8em}
.price .jg + .btn{display:none}

@media (max-width:1100px){
  .jg-title{font-size:28px}
}
@media (max-width:700px){
  .jg-cd{font-size:19px}
  .jg-title{font-size:26px}
  .jg-form{flex-direction:column}
  .jg-form .btn{justify-content:center}
  .jg-bar{height:40px}
  .jg-fill{min-width:40px}
  .jg-max{right:12px}
}
@media (prefers-reduced-motion:reduce){.jg-fill{transition:none}}

/* ---- Mise en page de la section prix pendant la préinscription : Club IA sur toute la largeur (offre à gauche,
   jauge à droite), carte des formations dessous, en ligne (invitation à gauche, trois parcours à sa droite). ---- */
@media (min-width:901px){
  #prix.prelaunch .price-row{grid-template-columns:1fr;gap:18px}
  #prix.prelaunch .price{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);column-gap:40px;align-items:start;padding:30px 32px 28px}
  #prix.prelaunch .price>*{grid-column:1}
  #prix.prelaunch .price .badge,#prix.prelaunch .price .price-glow{grid-column:auto}
  #prix.prelaunch .price ul{margin-bottom:18px}
  #prix.prelaunch .price-proof{margin-bottom:0}
  #prix.prelaunch .price .jg{grid-column:2;grid-row:1/span 4;align-self:center;margin-top:0;padding-left:40px;border-left:1px solid var(--line);gap:12px}
  #prix.prelaunch .jg-title{font-size:27px}
  #prix.prelaunch .iv{grid-template-columns:1.5fr 1fr 1fr 1fr;grid-template-rows:auto}
  #prix.prelaunch .iv-main{grid-column:auto;border-radius:24px 0 0 24px}
  #prix.prelaunch .iv-main p{max-width:none}
  #prix.prelaunch .iv-stub{border-top:0;border-left:2px dashed rgba(23,21,26,.16);border-radius:0}
  #prix.prelaunch .iv-stub:last-child{border-radius:0 24px 24px 0}
}
@media (min-width:901px) and (max-width:1100px){
  #prix.prelaunch .price{column-gap:28px}
  #prix.prelaunch .price .jg{padding-left:28px}
  #prix.prelaunch .jg-title{font-size:24px}
  #prix.prelaunch .iv{grid-template-columns:1.3fr 1fr 1fr 1fr}
}