/**
 * AJELI · Toutes les offres (19 octobre 2026) : accueil, page Votre commercial
 * IA et page Tarifs. Blanc dominant, trait noir, aucun encadré ajouté.
 */

/* Vous reconnaissez-vous : 3 familles, 2 problèmes chacune. */
.hl-pains3 { margin-top: var(--space-8); display: grid; gap: var(--space-8); }
.hl-pains3__title { display: flex; align-items: center; gap: 12px; margin: 0 0 var(--space-3); font-size: 20px; font-weight: 600; }
.hl-pains3__list { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--space-3); font-size: 18px; line-height: 1.5; color: #333; }

/* Votre commercial IA, version courte. */
.hl-cycle--short { list-style: none; padding: 0; }
.hl-group__short { margin: 0; font-size: 17px; line-height: 1.55; color: #333; }
.hl-linkedin { margin: var(--space-8) 0 0; max-width: 820px; font-size: 18px; line-height: 1.55; }
.hl-linkedin strong { font-weight: 600; }
.hl-sec--suite { padding-top: 0; }

/* Cible de chaque offre (19 octobre 2026) : une phrase courte sous l'accroche. */
.hl-cible { margin: var(--space-3) 0 0; max-width: 820px; font-size: 16px; line-height: 1.5; color: #555; }

/* Votre bras droit IA. */
.hl-skills { list-style: none; margin: var(--space-8) 0 0; padding: 0; display: grid; gap: var(--space-5); }
.hl-skills li { display: flex; gap: 14px; align-items: flex-start; font-size: 17px; line-height: 1.5; color: #333; }
.hl-skills strong { display: block; color: var(--color-fg); font-weight: 600; }
.hl-skills .hl-icon { width: 26px; height: 26px; margin-top: 1px; }
.hl-proof { margin: var(--space-8) 0 0; font-size: 20px; font-weight: 500; letter-spacing: -0.01em; }

/* Votre expert visibilité IA. */
.hl-text--after { margin-top: var(--space-4); }
.hl-visible { margin-top: var(--space-8); display: grid; gap: var(--space-8); }
.hl-visible__title { margin: 0; font-size: 20px; font-weight: 600; }
.hl-visible__text { margin: var(--space-3) 0 0; font-size: 17px; line-height: 1.55; color: #333; }
.hl-logos { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: var(--space-3) 0 0; }
.hl-logo { display: inline-flex; align-items: center; gap: 8px; font-size: 14px; color: #0A0A0A; }
.hl-logo__svg { width: 20px; height: 20px; flex-shrink: 0; }
.hl-legal { margin: var(--space-4) 0 0; font-size: 12px; color: var(--color-gray-500); }

/* Comment je travaille, combien ça coûte. */
.hl-steps .hl-sixty__title { margin-top: 0; }
.entry-points { margin-top: var(--space-8); }

/* Page Votre commercial IA : LinkedIn et lien vers le sur mesure. */
.pv2-linkedin__intro { max-width: 760px; }
.pv2-linkedin__list { list-style: none; margin: var(--space-8) 0 0; padding: 0; display: grid; gap: var(--space-6); }
.pv2-linkedin__title { margin: 0 0 6px; font-size: 19px; font-weight: 600; }
.pv2-linkedin__text { margin: 0; font-size: 16px; line-height: 1.55; color: #444; }
.pv2-linkedin__close { margin-top: var(--space-8); max-width: 760px; font-weight: 500; }
.pv2-control { margin-top: var(--space-6); }
.pv2-sm { margin: var(--space-6) 0 0; font-size: 16px; color: #444; }

/* Tarifs : sommaire des offres. */
.tarifs-toc { margin-top: var(--space-8); }
.tarifs-toc__title { margin: 0 0 var(--space-2); font-weight: 600; }
.tarifs-toc ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px 24px; }
.tarifs-toc a { color: var(--color-fg); }

@media (min-width: 768px) {
  .hl-pains3 { grid-template-columns: repeat(3, 1fr); gap: 48px; }
  .hl-skills { grid-template-columns: repeat(2, 1fr); gap: 28px 56px; }
  .hl-visible { grid-template-columns: repeat(2, 1fr); gap: 48px; }
  .pv2-linkedin__list { grid-template-columns: repeat(3, 1fr); gap: 40px 48px; }
  .entry-points { grid-template-columns: repeat(3, 1fr); }
}