/* ============================================
   SECTIONS — communs
   ============================================ */
section { position: relative; z-index: 2; }
/* Section dont le dropdown de recherche est ouvert : passe au-dessus des sections voisines */
section.dropdown-active { z-index: 40; }

.section-title {
    font-size: clamp(2rem, 3.5vw, 2.6rem);
    font-weight: 600;
    line-height: 1.12;
    text-align: center;
    color: var(--ink);
    margin-bottom: 0.85rem;
}
.section-title .accent { color: var(--terracotta); font-style: italic; }

.section-subtitle {
    text-align: center;
    font-size: 1.1rem;
    color: var(--ink-soft);
    max-width: 580px;
    margin: 0 auto 3rem;
}

/* Espacements verticaux */
.process,
.pricing,
.domain-checker,
.humains,
.confiance,
.realisations,
.faq,
.contact { padding: 5rem 0; }

/* Fond alterné chaud */
.humains, .faq { background: var(--cream-deep); }

/* Animation d'apparition au scroll (pilotée par animations.js) */
.anim-hidden { opacity: 0; transform: translateY(24px); }
.section-title, .section-subtitle,
.process-step, .pricing-card,
.faq-item, .contact-form, .contact-info-wrapper {
    transition: opacity 0.6s ease, transform 0.6s ease;
}