/* tarifs.css — sections propres à la page Tarifs (source : `pricing`).
   La grille tarifaire elle-même réutilise le CSS de l'accueil : mêmes classes,
   mêmes règles. Ne sont ici que les deux sections qui lui sont propres. */

/* La page entière est sombre — relevé #101110 (SPEC §8). */
.section_pricing-v3,
.section_security { background-color: var(--_colors---grey--800); }
.section_faq-pricing { background-color: var(--_colors---grey--800); }

/* ======================================================================= */
/* Ce qui est inclus — quatre colonnes dans un seul cadre                  */
/* ======================================================================= */
.security_component { display: flex; flex-direction: column; justify-content: flex-start; align-items: center; }
.security_head {
  display: flex; flex-direction: column; justify-content: flex-start; align-items: center;
  width: 100%; max-width: 36rem;
}



/* ======================================================================= */
/* Questions fréquentes, version sombre                                    */
/* ======================================================================= */
.faq-pricing_list { display: flex; flex-direction: column; width: 100%; }

/* Sur fond noir, l'accordéon n'est plus une carte blanche : c'est une ligne
   séparée par un filet clair, et le texte s'inverse. */
.section_faq-pricing .faq_accordion {
  padding: var(--size--size-6) 0 var(--size--size-10);
  border-top: 1px solid var(--_colors---grey--600);
  border-radius: 0;
  background-color: transparent;
}
.section_faq-pricing .faq_question { color: var(--_colors---primary--white); font-weight: var(--_typography---font-weight--regular); }
.section_faq-pricing .faq_answer { color: var(--_colors---grey--250); }
.section_faq-pricing .faq_button-line { background-color: var(--_colors---grey--250); }

/* ======================================================================= */
/* Adaptations                                                              */
/* ======================================================================= */
@media (max-width: 991px) {
}

@media (max-width: 767px) {
}