/* ═══════════════════════════════════════════════════════════════
   APLATISSEMENT : suppression des marqueurs « IA générée »
   Placé en fin de fichier pour l'emporter sur les règles ci-dessus.
   Principe : aplats au lieu de dégradés, bordure au lieu d'ombre,
   changement de couleur au lieu de lévitation.
   ═══════════════════════════════════════════════════════════════ */

/* 1. Plus aucun halo ni dégradé décoratif */
.section-flagship::before,
.section-demo::before,
.blog-card-image::before { content: none; }

.persona-illustration { background: var(--ink-100); }
.persona-card.featured { background: var(--fond-sombre); }
.expertise-custom { background: var(--fond-sombre); }
.blog-card-image { background: var(--fond-sombre); }

/* 2. Plus d'italique décoratif (hérité du serif).
      Sélecteurs assez spécifiques pour battre les règles de section. */
.pole-number,
.pole-tagline,
.trust-logo,
.verbatim-quote,
.blog-card-image-icon,
.hero h1 .amber-word,
.flagship-title .amber-word,
.demo-content h2 .amber-word { font-style: normal; }

/* Le mot accentué reste lisible selon le fond :
   violet sur clair, lavande sur sombre. */
.hero h1 .amber-word { color: var(--accent-600); }
.flagship-title .amber-word,
.demo-content h2 .amber-word,
.cta-title .amber-word { color: var(--accent-500); }

/* Contraste relevé sur les petits textes secondaires */
.megamenu-divider-label,
.trust-soon { color: var(--ink-500); }

/* 3. Survols : pas de lévitation, pas d'ombre colorée */
.verbatim-card:hover,
.pole-card:hover,
.expertise-card:hover,
.method-step:hover,
.blog-card:hover,
.persona-card:hover,
.persona-card.featured:hover {
  transform: none;
  box-shadow: none;
  border-color: var(--ink-900);
}
.persona-card.featured:hover { border-color: var(--accent-500); }

/* 4. Pastille du produit phare : sans glow ni pulsation */
.flagship-product-tag {
  background: transparent;
  border: 1px solid var(--accent-500);
  border-radius: 0;
  color: var(--accent-400);
  font-family: var(--font-mono);
}
.flagship-product-tag::before {
  box-shadow: none;
  animation: none;
  background: var(--accent-500);
}

/* 5. Méga-menu : carré, ombre sobre */
.megamenu {
  border-radius: 0;
  box-shadow: 0 16px 40px rgba(38, 37, 36, 0.10);
}
.megamenu::before { display: none; }
.persona-card { border-radius: 0; }
.persona-badge {
  border-radius: 0;
  font-family: var(--font-mono);
  background: var(--accent-500);
  color: var(--sur-accent);
}

/* 6. Logo : carré, sans pastille */
.logo { font-family: var(--font-display); font-weight: 500; }
.logo-mark { border-radius: 0; background: var(--fond-sombre); }
.logo-mark::after { content: none; }

/* 7. Nav active : filet sauge discret */
.nav-link.is-active::before { background: var(--accent-600); height: 1px; }

/* 8. Champs de formulaire carrés */
.form-input, .form-select, .form-textarea,
.footer-newsletter-input, .footer-newsletter-btn,
.form-checkbox { border-radius: 0; }

/* 9. Réseaux sociaux du footer : carrés */
.footer-social a { border-radius: 0; }