/* ============================================================
   GE-HERO — COMPOSANT HERO UNIQUE (identique sur TOUTES les pages).
   Une seule source de style : mêmes classes → rendu pixel-identique.
   Pastille en TEXTE (pas de bulle), centré, façon accueil.
   Charger ge-hero.css EN DERNIER sur chaque page.
============================================================ */

.ge-hero {
  padding: clamp(1.25rem, 3vw, 2.25rem) 1.25rem clamp(2.25rem, 4vw, 3.25rem) !important;
  text-align: center !important;
  background: none !important;
  min-height: 0 !important;
}
.ge-hero .ge-hero__inner {
  max-width: 900px !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  padding: 0 !important;
  width: 100% !important;
}

/* Pastille : TEXTE seul, aucune bulle */
.ge-hero .ge-hero__pill {
  display: inline-block !important;
  background: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
  font-size: 0.8rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.09em !important;
  text-transform: uppercase !important;
  color: #1F4FD8 !important;
  margin: 0 0 1.3rem !important;
}

.ge-hero .ge-hero__title {
  font-size: clamp(2rem, 5.2vw, 3.4rem) !important;
  line-height: 1.08 !important;
  font-weight: 800 !important;
  color: #0F1B2D !important;
  margin: 0 0 1.15rem !important;
  max-width: 900px !important;
  white-space: normal !important;
}

.ge-hero .ge-hero__sub {
  font-size: clamp(1rem, 1.35vw, 1.15rem) !important;
  color: #5B6472 !important;
  line-height: 1.6 !important;
  margin: 0 0 1.9rem !important;
  max-width: 680px !important;
}

.ge-hero .ge-hero__btn {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.45rem !important;
  background: #1F4FD8 !important;
  color: #fff !important;
  font-weight: 700 !important;
  font-size: 1rem !important;
  text-decoration: none !important;
  padding: 0.95rem 1.8rem !important;
  border-radius: 999px !important;
  border: none !important;
  transition: background .18s ease, transform .18s ease !important;
}
.ge-hero .ge-hero__btn:hover { background: #163CAB !important; transform: translateY(-2px) !important; }

.ge-hero .ge-hero__note { font-size: 0.95rem !important; color: #5B6472 !important; margin: 1rem 0 0 !important; }

/* Bloc avis (preuve sociale) — identique partout */
.ge-hero .ge-hero__reviews {
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 0.55rem !important;
  margin: 1.7rem 0 0 !important;
  text-decoration: none !important;
  font-size: 0.98rem !important;
}
.ge-hero .ge-hero__stars { color: #FFB400 !important; letter-spacing: 2px !important; font-size: 1.05rem !important; }
.ge-hero .ge-hero__reviewsText { color: #5B6472 !important; }
.ge-hero .ge-hero__reviewsText strong { color: #0F1B2D !important; }
.ge-hero .ge-hero__reviewsLink { color: #1F4FD8 !important; font-weight: 600 !important; }
.ge-hero .ge-hero__reviews:hover .ge-hero__reviewsLink { text-decoration: underline !important; }

/* On masque tout ancien visuel/animation qui traînerait dans un hero converti */
.ge-hero .hero-visual, .ge-hero .pd-hero-visual, .ge-hero .bb-hero__right, .ge-hero .geva-stage { display: none !important; }