/* =========================================================================
   ARTIS VALORISATION, REFONTE : LA PAGE D'OFFRE ENTREPRISE (offre-990.css)
   Adresse definitive : /evaluation-pme. Apres offre.css. Depuis l'offre du
   03/10/2026, l'offre Entreprise part de 890 EUR HT ; le fichier, les
   classes g990- et om990- gardent le nom de l'ancien prix.
   Installee le 30/09/2026 depuis l'essai g-offre-990.css, sans changement
   de regle ; les noms de fichiers cites dans les commentaires suivent.
   Reference du systeme : REFONTE-GABARIT.md.
   ------------------------------------------------------------------------- */

/* =========================================================================
   ESSAI G. PAGE D'OFFRE ENTREPRISE
   Se charge apres socle.css et scene.css (jetons, verre, barre, pied, questions),
   rapport-vitrine.css (le lecteur d'extraits) et offre.css (en-tete,
   plaque du prix, chiffres, bulle de la mission, deroulement, onglets,
   barre au telephone : communs aux trois pages d'offre). Ici, ce qui
   n'appartient qu'a cette page : prefixe g990-, ou scope sous .g990.
   Couleurs : celles de la reference (socle.css et scene.css) et d'Artis (--g-azur,
   --g-klein, --g-encre) ; bande claire aux encres de schema.css
   (papier #F1F2F6, encre #03021B, second #474C5E, etiquettes #5A5F70).
   Mobile d'abord pour les tailles de texte : 16 px au moins hors
   etiquettes en capitales (12 px, comme la reference).
   ------------------------------------------------------------------------- */

.g990{
  --g990-papier:#F1F2F6;
  --g990-encre:#03021B;
  --g990-encre-2:#474C5E;    /* 8,5:1 sur blanc, 7,6:1 sur le papier */
  --g990-encre-3:#5A5F70;    /* 6,2:1 sur blanc */
  --g990-filet:rgba(3,2,27,.10);
  --g990-teinte:#E6EBF7;
  --g990-moins:#8C95A8;      /* barre « en moins » : 3,0:1 sur blanc, lue avec son montant */
  --g990-plus:#5B8DD1;       /* azur des planches, valide sur blanc */
  --g990-courbe:cubic-bezier(.23,1,.32,1);
}

/* =========================================================================
   1. A 3. EN-TETE, MISSION, DEROULEMENT : offre.css et socle.css et scene.css
   ------------------------------------------------------------------------- */
.g990-deroulement{ margin-top:0; }
/* Ce qui fait le prix (offre.css, 3 bis ; offre du 03/10/2026) : entre la
   mission, dont le pied de section garde deja la scene au-dessus, et le
   deroulement, colle a elle (margin-top:0) : le souffle passe dessous. */
.g990 .go-cout{ padding:0 0 var(--f-souffle); }

/* =========================================================================
   4. LE CONTENU DU RAPPORT : cinq cartes blanches sur l'aplat
   ------------------------------------------------------------------------- */
.g990-bande-corps{ padding-top:var(--f-tete-bande); }
.g990-livrables{
  list-style:none; margin:0; padding:0;
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:20px;
}
.g990-livrable{ grid-column:span 2; gap:12px; padding:32px; border-radius:14px; -webkit-backdrop-filter:none; backdrop-filter:none; }
.g990-livrable:nth-child(n+4){ grid-column:span 3; }
.g990-livrable::before{ content:""; width:32px; height:3px; border-radius:2px; background:var(--g-klein); margin-bottom:8px; }
.g990-livrable-titre{ margin:0; font-size:24px; line-height:1.2; font-weight:var(--f-g-titre); letter-spacing:var(--f-serre); color:var(--g-encre); text-wrap:balance; }
.g990-livrable p{ margin:0; font-size:17px; line-height:1.5; color:#26324a; letter-spacing:-0.005em; }

/* =========================================================================
   4 BIS. L'EXEMPLE DE RAPPORT : le panneau de l'accueil G, cinq extraits
   ------------------------------------------------------------------------- */
.g990-exemple{ padding-bottom:200px; }
.g990-exemple-panneau{ border-radius:16px; }
.g990-exemple-entete{ margin-bottom:0; }
.g990-exemple-entete .f-titre-section{ max-width:560px; }
.g990-exemple-entete .f-chapo{ line-height:1.35; }
/* =========================================================================
   5. CE QU'IL FAUT SAVOIR : bande claire, cartes blanches
   ------------------------------------------------------------------------- */
.f-bande.g990-savoir{
  position:relative; isolation:isolate; background:var(--g990-papier); color:var(--g990-encre);
  padding:160px 0 176px;
}
/* Calque temoin pour socle.js (verre dense de la barre) : transparent. */
.g990 .g990-sous-barre{ position:absolute; inset:0; z-index:-1; padding:0; margin:0; background:transparent; pointer-events:none; }
.g990-savoir :focus-visible{ outline:2px solid var(--g-klein); outline-offset:3px; border-radius:6px; }
.g990-savoir-tete{ text-align:center; display:grid; justify-items:center; }
.g990-savoir-tete .f-etiquette{ color:var(--g990-encre-3); }
.g990-savoir-tete .f-titre-section{ max-width:760px; }
.g990-onglets{ margin-top:32px; margin-bottom:0; justify-self:stretch; min-width:0; }
.g990-bloc{ margin-top:128px; }
.g990-savoir-tete + .g990-bloc{ margin-top:96px; }
/* En onglets : un bloc a la fois, sous le rail. La bande se resserre
   (jury du 30/09/2026) : avec « Le resultat d'abord » (387 px a 1440), les
   176 px de pied et les 72 px sous le rail laissaient un grand vide de
   papier avant les questions, sur le meme papier. */
.go-onglets-vivant .g990-bloc{ margin-top:56px; }
.f-bande.g990-savoir.go-onglets-vivant{ padding:128px 0 96px; }
.g990-bloc-entete{ max-width:820px; margin-bottom:40px; }
.g990-bloc-titre{
  margin:0; font-size:36px; line-height:1.15; font-weight:var(--f-g-titre); letter-spacing:var(--f-serre);
  color:var(--g990-encre); text-wrap:balance;
}
.g990-bloc-chapo{ margin:16px 0 0; font-size:19px; line-height:1.55; color:var(--g990-encre-2); text-wrap:pretty; }
.g990-bloc-texte p, .g990-prixvaleur-texte{ font-size:18px; line-height:1.6; letter-spacing:var(--f-serre); color:var(--g990-encre-2); text-wrap:pretty; }
.g990-bloc-texte .g990-bloc-titre{ margin-bottom:24px; }
.g990-bloc-texte p{ margin:0 0 16px; max-width:62ch; }
.g990-bloc-texte p:last-child{ margin-bottom:0; }

/* La chute : phrase breve, filet Klein a gauche */
.g990-chute{
  margin:0; max-width:40ch; padding-left:20px; border-left:3px solid var(--g-klein);
  font-size:24px; line-height:1.3; font-weight:var(--f-g-titre); letter-spacing:var(--f-serre); color:var(--g990-encre);
  text-wrap:pretty;
}

/* A. Duo texte et levier */
.g990-bloc--duo{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,520px); column-gap:72px; align-items:start; }
.g990-levier{ display:grid; gap:32px; padding-top:64px; }
.g990-levier-calcul{
  display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,.6fr) auto minmax(0,1.1fr); align-items:stretch; column-gap:10px;
  padding:24px; border-radius:16px; background:#fff; box-shadow:0 1px 2px rgba(3,2,27,.06), 0 12px 32px rgba(3,2,27,.06);
}
.g990-levier-case{ display:flex; flex-direction:column; justify-content:center; gap:6px; padding:16px 14px; border-radius:10px; background:var(--g990-papier); min-width:0; }
.g990-levier-valeur{ font-size:24px; line-height:1.05; font-weight:500; letter-spacing:-0.03em; color:var(--g990-encre); white-space:nowrap; }
.g990-levier-nom{ font-size:16px; line-height:1.3; color:var(--g990-encre-3); }
.g990-levier-signe{ align-self:center; font-size:26px; line-height:1; color:var(--g-klein); }
.g990-levier-case--fort{ background:var(--g-klein); }
.g990-levier-case--fort .g990-levier-valeur, .g990-levier-case--fort .g990-levier-nom{ color:#fff; }
.g990-bloc-lien{ margin:0; }
.g990-bloc-lien a, .g990-pont-source a{
  color:var(--g-klein); text-decoration:underline; text-decoration-thickness:1px; text-underline-offset:3px;
  font-size:17px; line-height:1.4;
}
.g990-bloc-lien a{ display:inline-flex; min-height:44px; align-items:center; }
@media (hover:hover){ .g990-bloc-lien a:hover, .g990-pont-source a:hover{ text-decoration-thickness:2px; } }

/* B. Les quatre methodes : cartes blanches, deux par ligne */
.g990-methodes{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.g990-methode{
  display:flex; flex-direction:column; padding:32px; border-radius:16px; background:#fff;
  box-shadow:0 1px 2px rgba(3,2,27,.05), 0 12px 32px rgba(3,2,27,.05);
}
.g990-methode-tete{ margin:0 0 18px; }
.g990-methode-icone{
  display:block; width:44px; height:44px; padding:11px; border-radius:10px; background:var(--g990-teinte);
  fill:none; stroke:var(--g-klein); stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round;
}
.g990-methode-nom{ margin:0 0 20px; font-size:24px; line-height:1.2; font-weight:var(--f-g-titre); letter-spacing:var(--f-serre); color:var(--g990-encre); text-wrap:balance; }
.g990-methode-dl{ margin:0; }
.g990-methode-dl > div + div{ margin-top:18px; padding-top:18px; border-top:1px solid var(--g990-filet); }
.g990-methode-dl dt{ font-size:12px; line-height:1.4; font-weight:500; letter-spacing:.14em; text-transform:uppercase; color:var(--g990-encre-3); }
.g990-methode-dl dd{ margin:8px 0 0; font-size:17px; line-height:1.55; color:var(--g990-encre-2); text-wrap:pretty; }
.g990-methodes-pied{ margin-top:40px; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); column-gap:72px; row-gap:32px; align-items:start; }
.g990-note{ margin:0; max-width:52ch; font-size:18px; line-height:1.55; color:var(--g990-encre-2); }
.g990-note strong{ font-weight:500; color:var(--g990-encre); }

/* C. Le pont : cascade horizontale, a l'echelle de la valeur d'entreprise */
.g990-pont{
  --g990-pas:12px;
  margin:0; padding:32px 36px 28px; border-radius:16px; background:#fff;
  box-shadow:0 1px 2px rgba(3,2,27,.05), 0 12px 32px rgba(3,2,27,.05);
}
.g990-pont-liste{ list-style:none; margin:0; padding:0; }
.g990-pont-ligne{
  display:grid; grid-template-columns:minmax(0,300px) minmax(0,1fr) minmax(0,190px);
  grid-template-areas:"nom piste montant" "note piste montant";
  column-gap:28px; align-items:center; padding:var(--g990-pas) 0;
  border-top:1px solid var(--g990-filet);
}
.g990-pont-ligne:first-child{ border-top:0; }
.g990-pont-nom{ grid-area:nom; align-self:end; font-size:17px; line-height:1.3; font-weight:500; color:var(--g990-encre); }
.g990-pont-note{ grid-area:note; align-self:start; margin-top:2px; font-size:16px; line-height:1.35; color:var(--g990-encre-3); }
.g990-pont-montant{
  grid-area:montant; justify-self:end; text-align:right; white-space:nowrap;
  font-size:18px; line-height:1.2; font-weight:500; color:var(--g990-encre); font-variant-numeric:tabular-nums;
}
.g990-pont-sens{ display:block; margin-bottom:2px; font-size:12px; line-height:1.2; font-weight:500; letter-spacing:.12em; text-transform:uppercase; color:var(--g990-encre-3); }
.g990-pont-piste{ grid-area:piste; position:relative; align-self:stretch; min-height:28px; }
.g990-pont-piste i{
  position:absolute; top:50%; height:26px; margin-top:-13px; left:var(--d); width:max(var(--l), 3px);
  border-radius:4px; background:var(--g990-moins);
}
.g990-pont-ligne--plus .g990-pont-piste i{ background:var(--g990-plus); }
.g990-pont-ligne--total .g990-pont-piste i{ background:var(--g-klein); }
.g990-pont-ligne--total .g990-pont-nom, .g990-pont-ligne--total .g990-pont-montant{ font-weight:500; }
.g990-pont-ligne--titres{ border-top:2px solid var(--g990-encre); }
.g990-pont-ligne--titres .g990-pont-montant{ font-size:22px; color:var(--g-klein); }
.g990-pont-ligne--titres .g990-pont-note{ color:var(--g990-encre-2); }
/* Les raccords : un pointille relie la fin d'une barre au debut de la suivante */
.g990-pont-ligne:not(:last-child) .g990-pont-piste::after{
  content:""; position:absolute; left:var(--r); top:calc(50% + 13px); height:calc(100% + 2 * var(--g990-pas) - 26px + 1px);
  border-left:1px dashed #9aa3b5; transform:translateX(-.5px);
}
.g990-pont-legende{ margin-top:22px; padding-top:18px; border-top:1px solid var(--g990-filet); display:grid; gap:4px; }
.g990-pont-legende p{ margin:0; font-size:18px; line-height:1.45; color:var(--g990-encre); font-weight:var(--f-g-titre); }
.g990-pont-legende .g990-pont-source{ font-size:16px; font-weight:400; color:var(--g990-encre-3); }
.g990-pont-source a{ font-size:inherit; }
.g990-pont + .g990-chute{ margin-top:40px; }

/* D. Les facteurs */
.g990-facteurs{ list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.g990-facteur:first-child{ grid-column:span 2; }   /* la recurrence, « premier facteur de prime » : sept cartes, huit cases */
.g990-facteur{
  display:flex; flex-direction:column; gap:10px; padding:28px; border-radius:14px; background:#fff;
  box-shadow:0 1px 2px rgba(3,2,27,.05);
}
.g990-facteur h4{ margin:0; font-size:20px; line-height:1.25; font-weight:500; letter-spacing:var(--f-serre); color:var(--g990-encre); }
.g990-facteur p{ margin:0; font-size:17px; line-height:1.5; color:var(--g990-encre-2); }
.g990-facteur:first-child p{ max-width:46ch; }

/* E. Valeur et prix : la fin de la bande, centree */
.g990-prixvaleur{ text-align:center; display:grid; justify-items:center; }
.g990-prixvaleur .g990-bloc-titre{ font-size:12px; line-height:1; font-weight:500; letter-spacing:.3em; text-transform:uppercase; color:var(--g990-encre-3); }
.g990-prixvaleur-affiche{
  margin:28px 0 0; max-width:900px; font-size:56px; line-height:1.08; font-weight:var(--f-g-titre); letter-spacing:var(--f-serre);
  color:var(--g990-encre); text-wrap:balance;
}
.g990-prixvaleur-affiche span{ color:var(--g-klein); }
.g990-prixvaleur-texte{ margin:24px 0 0; max-width:680px; }
.g990-chute--fin{ margin-top:40px; padding:22px 0 0; border-left:0; border-top:3px solid var(--g-klein); max-width:30ch; text-align:center; }

/* =========================================================================
   6. QUESTIONS, 7. A LIRE ENSUITE (styles f3- et f1- de l'accueil)
   ------------------------------------------------------------------------- */
.f3-faq.g990-faq{ padding-top:var(--f-bande-haut); }
/* « A lire ensuite » : le modele commun (.go-lectures, offre.css). */

/* =========================================================================
   8. TABLETTE
   ------------------------------------------------------------------------- */
@media (max-width: 1180px){
  .g990-bloc--duo{ grid-template-columns:minmax(0,1fr); }
  .g990-levier{ padding-top:40px; max-width:620px; }
}
@media (max-width: 1100px) and (min-width: 761px){
  .g990-facteurs{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .g990-facteur:first-child{ grid-column:1 / -1; }
  .g990-livrables{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  .g990-livrable, .g990-livrable:nth-child(n+4){ grid-column:auto; }
  .g990-livrable:last-child{ grid-column:1 / -1; }
  .g990-exemple-entete{ grid-template-columns:minmax(0,1fr); gap:24px; }
  .g990-contenu-entete{ grid-template-columns:minmax(0,1fr); gap:24px; }   /* 1fr 544px debordait entre 761 et 798 px (iPad mini portrait) */
  .g990-deroulement .f-duo-colle{ grid-template-columns:minmax(0,1fr); }
  .g990-deroulement .f-colle{ position:relative; top:auto; margin-bottom:40px; }   /* relative (et non static) : le voile de socle.css et scene.css s'y accroche ; top:auto, car le top:120px de la colonne collante (scene.css) la decalait sinon de 120 px sur la premiere carte (1,3:1) */
}
@media (max-width: 960px) and (min-width: 761px){
  .g990-pont-ligne{ grid-template-columns:minmax(0,220px) minmax(0,1fr) minmax(0,150px); column-gap:18px; }
}

/* =========================================================================
   9. TELEPHONE (393)
   ------------------------------------------------------------------------- */
@media (max-width: 760px){
  .g990-deroulement .f-colle{ margin-bottom:32px; }
  /* Audit telephone du 8 octobre (09/10/2026, lot 2, vides) : sur la
     scene, 56 px sous les honoraires, au-dessus et au-dessous de
     l'exemple de rapport, au lieu de 120, et la bande « Ce qu'il faut
     savoir » s'ouvre et se ferme a 56 px. */
  .g990 .go-cout{ padding-bottom:56px; }
  .g990-exemple.f-souffle{ margin-top:56px; }

  .g990-livrables{ grid-template-columns:minmax(0,1fr); gap:14px; }
  .g990-livrable, .g990-livrable:nth-child(n+4){ grid-column:auto; padding:24px 20px; }
  .g990-livrable-titre{ font-size:21px; }

  .g990-exemple{ padding-bottom:56px; }
  .g990-exemple-entete{ gap:20px; }
  .g990-exemple-entete .f-boutons .f-bouton{ width:100%; }

  .f-bande.g990-savoir{ padding:96px 0 104px; }
  .g990-savoir-tete{ text-align:left; justify-items:start; }
  .g990-bloc, .g990-savoir-tete + .g990-bloc{ margin-top:80px; }
  .g990-onglets{ margin-top:24px; }
  .go-onglets-vivant .g990-bloc{ margin-top:32px; }
  .f-bande.g990-savoir.go-onglets-vivant{ padding:56px 0; }
  /* En accordeon (offre.js et offre.css 5, meme audit) : 24 px sous
     l'en-tete, le panneau ouvert a 20 px sous son bouton et a 32 px du
     bouton suivant. */
  .go-accordeon .g990-savoir-tete{ margin-bottom:24px; }
  .go-accordeon .g990-bloc.go-panneau--on{ margin:20px 0 32px; }
  .g990-bloc-entete{ margin-bottom:28px; }
  .g990-bloc-titre{ font-size:28px; }
  .g990-bloc-chapo{ font-size:17px; }
  .g990-bloc-texte p, .g990-prixvaleur-texte{ font-size:17px; }
  .g990-chute{ font-size:20px; padding-left:16px; }

  .g990-levier{ padding-top:32px; gap:28px; }
  .g990-levier-calcul{ grid-template-columns:minmax(0,1fr); row-gap:8px; padding:14px; }
  .g990-levier-case{ flex-direction:row; align-items:baseline; justify-content:space-between; flex-wrap:wrap; column-gap:12px; padding:14px 16px; }
  .g990-levier-signe{ justify-self:center; font-size:22px; }

  .g990-methodes{ grid-template-columns:minmax(0,1fr); gap:14px; }
  .g990-methode{ padding:24px 20px; }
  .g990-methode-nom{ font-size:21px; margin-bottom:16px; }
  .g990-methode-dl dd{ font-size:16px; }
  .g990-methodes-pied{ grid-template-columns:minmax(0,1fr); margin-top:28px; }
  .g990-note{ font-size:17px; }

  .g990-pont{ padding:18px 16px 18px; }
  .g990-pont-ligne{
    grid-template-columns:minmax(0,1fr) auto; column-gap:12px; row-gap:6px;
    grid-template-areas:"nom montant" "note montant" "piste piste";
    padding:14px 0;
  }
  .g990-pont-nom{ font-size:16px; align-self:start; }
  .g990-pont-note{ font-size:16px; margin-top:0; }
  .g990-pont-montant{ align-self:start; font-size:16px; }
  .g990-pont-ligne--titres .g990-pont-montant{ font-size:18px; }
  .g990-pont-piste{ min-height:18px; margin-top:4px; }
  .g990-pont-piste i{ height:16px; margin-top:-8px; }
  .g990-pont-ligne:not(:last-child) .g990-pont-piste::after{ display:none; }
  .g990-pont-legende p{ font-size:17px; }
  .g990-pont-legende .g990-pont-source{ font-size:16px; }

  .g990-facteurs{ grid-template-columns:minmax(0,1fr); gap:12px; }
  .g990-facteur:first-child{ grid-column:auto; }
  .g990-facteur{ padding:22px 20px; }
  .g990-facteur h4{ font-size:19px; }
  .g990-facteur p{ font-size:16px; }

  .g990-prixvaleur-affiche{ font-size:34px; line-height:1.12; margin-top:22px; }
  .g990-chute--fin{ font-size:20px; }

}

/* =========================================================================
   10. MOUVEMENT REDUIT, IMPRESSION
   ------------------------------------------------------------------------- */
@media (prefers-reduced-motion: reduce){
  .g990 .f3-plus::before, .g990 .f3-plus::after{ transition:none !important; }
}
@media print{
  .f-bande.g990-savoir{ padding:24px 0; }
}

/* Appel final (30/09/2026) : en DM Sans 72, « Votre valeur se lit dans vos
   comptes. » mesure 1161 px ; dans les 1040 px de .f3-appel-corps, le titre
   passait sur trois lignes. 1180 px lui rendent les deux lignes des 1280. */
.g990 .f3-appel-corps{ max-width:1180px; }