/* Titre de section : entrée douce + halo doré */
.baa {
    animation: mysticalTitleIn 1.2s ease-out both;
    text-shadow: 0 0 20px rgba(218, 165, 32, 0.25);
}

@keyframes mysticalTitleIn {
    from { opacity: 0; transform: translateY(-14px); }
    to { opacity: 1; transform: translateY(0); }
}

/* Séparateur doré : respiration lumineuse */
.gold-divider {
    animation: dividerGlow 3s ease-in-out infinite;
}

@keyframes dividerGlow {
    0%, 100% { opacity: 0.6; box-shadow: 0 0 4px rgba(218, 165, 32, 0.3); }
    50% { opacity: 1; box-shadow: 0 0 14px rgba(218, 165, 32, 0.7); }
}

/* Icônes dorées (étapes, contact, badges) : pulsation mystique */
.step-icon,
.info-icon-box,
.badge-pro {
    animation: mysticalPulse 2.8s ease-in-out infinite;
}

@keyframes mysticalPulse {
    0%, 100% { box-shadow: 0 4px 18px rgba(218, 165, 32, 0.35); }
    50% { box-shadow: 0 4px 30px rgba(218, 165, 32, 0.75); }
}

/* Apparition en fondu des cartes au défilement */
.reveal {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.reveal.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@media (prefers-reduced-motion: reduce) {
    .baa, .gold-divider, .step-icon, .info-icon-box, .badge-pro, .reveal {
        animation: none !important;
        transition: none !important;
    }
    .reveal { opacity: 1; transform: none; }
}