/* Page /appli-clients/ — styles isolés dans .ia (classes préfixées ia-) */
.ia{
  /* Charte Innovia (bordeaux nuit, or, crème) — remplace bleu nuit / jaune */
  --nuit:#2A0B12;      /* fond des grandes zones (bordeaux très sombre) */
  --nuit-2:#45131D;
  --signal:#E0BE7E;    /* or Innovia */
  --papier:#FBF6F1;    /* crème */
  --encre:#2A1418;     /* texte */
  --gris:#5E4A47;
  --vert:#1F7A4A;      /* argent gagné */
  --trait:rgba(42,20,24,.14);
  --alerte:#8E1F33;
  --clair-1:#F2DDD8;   /* texte secondaire sur fond sombre */
  --clair-2:#C9A3A8;
  --texte-2:#4A3533;
  --rayon:22px;
  --titre:"Inter Tight",system-ui,sans-serif;
  font-family:"Inter Tight",system-ui,sans-serif;
  color:var(--encre);background:var(--papier);
  font-size:18px;line-height:1.55;
}
.ia *{box-sizing:border-box}
.ia img{max-width:100%;display:block}
.ia h1,.ia h2,.ia h3{font-family:var(--titre);line-height:1.05;margin:0;letter-spacing:-.03em}
.ia h1{font-size:clamp(2.4rem,6vw,4.4rem);font-weight:500}
.ia h2{font-size:clamp(1.9rem,4vw,3rem);font-weight:500}
.ia h3{font-size:1.35rem;font-weight:500}
.ia p{margin:0}
.ia .ia-wrap{max-width:1160px;margin:0 auto;padding:0 20px}
.ia a{color:inherit}
.ia .ia-btn{display:inline-flex;align-items:center;gap:10px;font-weight:500;text-decoration:none;border-radius:999px;padding:16px 26px;font-size:1.05rem;border:2px solid transparent}
.ia .ia-btn-j{background:var(--signal);color:var(--nuit)}
.ia .ia-btn-c{border-color:currentColor}
.ia .ia-btn:focus-visible,.ia summary:focus-visible{outline:3px solid var(--signal);outline-offset:3px}

/* ---- Téléphone ---- */
.ia .ia-tel{position:relative;width:min(330px,76vw);aspect-ratio:390/844;border-radius:44px;padding:10px;background:#0B0507;box-shadow:0 30px 60px -20px rgba(25,5,10,.55),inset 0 0 0 2px #3A2228}
.ia .ia-tel img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:34px}
.ia .ia-tel::before{content:"";position:absolute;top:18px;left:50%;transform:translateX(-50%);width:84px;height:22px;border-radius:20px;background:#0B0507;z-index:2}

/* ---- Hero ---- */
.ia .ia-hero{background:var(--nuit);color:#fff;padding:clamp(128px,13vw,168px) 0 0;overflow:hidden}
.ia .ia-hero .ia-wrap{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end}
.ia .ia-hero-txt{padding-bottom:84px}
.ia .ia-hero h1{max-width:12ch}
.ia .ia-hero-lead{font-size:1.25rem;color:var(--clair-1);margin:24px 0 34px;max-width:34ch}
.ia .ia-hero-ctas{display:flex;flex-wrap:wrap;gap:14px}
.ia .ia-hero-note{margin-top:22px;color:var(--clair-2);font-size:.95rem}
.ia .ia-hero-vis{position:relative;display:flex;justify-content:center;padding-top:20px}
.ia .ia-hero-vis .ia-tel{margin-bottom:-90px}
.ia .ia-notif{position:absolute;top:58px;left:50%;width:min(340px,86vw);transform:translateX(-50%);background:rgba(255,255,255,.96);color:var(--encre);border-radius:18px;padding:12px 14px;display:grid;grid-template-columns:40px 1fr;gap:10px;box-shadow:0 18px 40px -12px rgba(0,0,0,.45);z-index:3;font-size:.92rem;line-height:1.3}
.ia .ia-notif b{display:block}
.ia .ia-notif .ia-ico{width:40px;height:40px;border-radius:10px;background:#1A1A1A;color:var(--signal);display:grid;place-items:center;font-family:var(--titre);font-weight:500;font-size:.9rem}
.ia .ia-notif small{color:var(--gris)}
@media (prefers-reduced-motion:no-preference){
  .ia .ia-notif{animation:ia-tombe 1s cubic-bezier(.2,.9,.25,1.2) .6s both}
  @keyframes ia-tombe{from{opacity:0;transform:translate(-50%,-36px) scale(.96)}to{opacity:1;transform:translate(-50%,0) scale(1)}}
}

/* ---- Constat ---- */
.ia .ia-constat{padding:150px 0 90px}
.ia .ia-constat .ia-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.ia .ia-constat ul{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ia .ia-constat li{padding:18px 20px;border-left:5px solid var(--alerte);background:#fff;border-radius:0 14px 14px 0}
.ia .ia-constat li strong{display:block;font-size:1.1rem}

/* ---- Parcours (vraie séquence) ---- */
.ia .ia-parcours{background:#fff;padding:96px 0}
.ia .ia-parcours-intro{max-width:44rem;margin-bottom:64px}
.ia .ia-parcours-intro p{margin-top:16px;color:var(--gris);font-size:1.15rem}
.ia .ia-etape{display:grid;grid-template-columns:90px 1fr 320px;gap:32px;align-items:center;padding:44px 0;border-top:1px solid var(--trait)}
.ia .ia-etape:nth-child(even){grid-template-columns:90px 320px 1fr}
.ia .ia-etape:nth-child(even) .ia-etape-txt{order:3}
.ia .ia-num{font-family:var(--titre);font-weight:500;font-size:4.2rem;line-height:1;color:var(--nuit)}
.ia .ia-etape-txt h3{font-size:1.75rem;margin-bottom:12px}
.ia .ia-etape-txt p{color:var(--texte-2);max-width:38ch}
.ia .ia-etape-txt .ia-preuve{margin-top:14px;font-size:.98rem;color:var(--vert);font-weight:500}
.ia .ia-etape .ia-tel{width:260px;justify-self:center}

/* ---- Bonus ---- */
.ia .ia-bonus{padding:96px 0;background:var(--nuit);color:#fff}
.ia .ia-bonus h2{max-width:20ch;margin-bottom:48px}
.ia .ia-bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ia .ia-bonus-item{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center;background:var(--nuit-2);border-radius:var(--rayon);padding:24px}
.ia .ia-bonus-item .ia-tel{width:200px;border-radius:32px;padding:7px}
.ia .ia-bonus-item .ia-tel img{border-radius:26px}
.ia .ia-bonus-item .ia-tel::before{display:none}
.ia .ia-bonus-item p{color:var(--clair-1);margin-top:10px}

/* ---- Cas réel ---- */
.ia .ia-cas{padding:96px 0}
.ia .ia-cas .ia-wrap{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ia .ia-cas blockquote{margin:0;font-family:var(--titre);font-size:clamp(1.5rem,2.6vw,2.1rem);font-weight:500;line-height:1.2}
.ia .ia-cas-txt{margin-top:18px;color:var(--texte-2);font-size:1.1rem;max-width:40ch}
.ia .ia-cas cite{display:block;margin-top:18px;font-style:normal;color:var(--gris);font-size:1rem}
.ia .ia-faits{display:grid;gap:14px}
.ia .ia-fait{background:#fff;border-radius:16px;padding:18px 22px;display:flex;justify-content:space-between;gap:16px;align-items:baseline;border:1px solid var(--trait)}
.ia .ia-fait b{font-family:var(--titre);font-size:1.6rem;color:var(--nuit);white-space:nowrap}

/* ---- Tarifs ---- */
.ia .ia-tarifs{padding:96px 0;background:#fff}
.ia .ia-tarifs h2{margin-bottom:12px}
.ia .ia-tarifs-sub{color:var(--gris);margin-bottom:40px;max-width:44rem}
.ia .ia-prix-table{border:2px solid var(--nuit);border-radius:var(--rayon);overflow:hidden;max-width:820px}
.ia .ia-ligne{display:grid;grid-template-columns:1fr auto;gap:20px;padding:22px 26px;border-top:1px solid var(--trait);align-items:center}
.ia .ia-ligne:first-child{border-top:0;background:var(--nuit);color:#fff}
.ia .ia-ligne p{color:var(--gris);font-size:.98rem;margin-top:4px}
.ia .ia-ligne:first-child p{color:var(--clair-1)}
.ia .ia-ligne .ia-val{font-family:var(--titre);font-weight:500;font-size:1.6rem;white-space:nowrap;text-align:right}
.ia .ia-ligne .ia-val small{display:block;font-family:"Inter Tight",system-ui,sans-serif;font-weight:400;font-size:.85rem;opacity:.8}

/* ---- FAQ ---- */
.ia .ia-faq{padding:96px 0}
.ia .ia-faq h2{margin-bottom:32px}
.ia details{border-top:1px solid var(--trait);padding:20px 0;max-width:820px}
.ia details:last-of-type{border-bottom:1px solid var(--trait)}
.ia summary{cursor:pointer;font-weight:500;font-size:1.15rem;list-style:none;display:flex;justify-content:space-between;gap:16px}
.ia summary::-webkit-details-marker{display:none}
.ia summary::after{content:"+";font-family:var(--titre);font-size:1.6rem;line-height:1}
.ia details[open] summary::after{content:"–"}
.ia details p{margin-top:12px;color:var(--texte-2);max-width:66ch}

/* ---- Final ---- */
.ia .ia-final{background:var(--signal);color:var(--nuit);padding:88px 0;text-align:left}
.ia .ia-final .ia-wrap{display:flex;justify-content:space-between;gap:32px;align-items:center;flex-wrap:wrap}
.ia .ia-final h2{max-width:18ch}
.ia .ia-final p{margin-top:14px;font-size:1.15rem;max-width:40ch}
.ia .ia-final .ia-btn-n{background:var(--nuit);color:#fff}

/* ---- Mobile ---- */
@media (max-width:900px){
  .ia{font-size:17px}
  .ia .ia-hero .ia-wrap,.ia .ia-constat .ia-wrap,.ia .ia-cas .ia-wrap,.ia .ia-bonus-grid{grid-template-columns:1fr}
  .ia .ia-hero-txt{padding-bottom:20px}
  .ia .ia-constat{padding-top:130px}
  .ia .ia-etape,.ia .ia-etape:nth-child(even){grid-template-columns:1fr;gap:18px}
  .ia .ia-etape:nth-child(even) .ia-etape-txt{order:0}
  .ia .ia-num{font-size:3rem}
  .ia .ia-bonus-item{grid-template-columns:1fr;justify-items:center;text-align:left}
  .ia .ia-bonus-item .ia-tel{width:220px}
}

.ia b,.ia strong{font-weight:500}
.ia .ia-btn-j:hover{background:#ecd095}
/* boutons : effet magnétique du site (classe btn) sans changer leur aspect */
.ia .ia-btn{min-height:0;width:auto;margin-top:0;letter-spacing:normal;line-height:1.2;justify-content:flex-start}
.ia .ia-btn:hover{transform:translateY(-2px)}
/* compteurs : largeur fixe pendant le défilement des chiffres */
.ia .ia-fait b{font-variant-numeric:tabular-nums}
.ia .ia-cas-adapte{padding:16px 20px;background:#fff;border-left:4px solid var(--signal);border-radius:0 14px 14px 0}
/* haut de page : apparition lancée par le CSS dès l'affichage, sans attendre le JavaScript (comme .hero/.phero du site) */
.js .ia-hero .rv:not(.curtain){animation:rv-in .9s var(--ease) var(--d,0s) both}
.ia .ia-final .ia-droits{flex-basis:100%;margin-top:8px;font-size:.82rem;opacity:.75;max-width:none}