/**
 * STYLE : FAQ_prospect.css
 * Mise en page spécifique pour le centre d'aide (Hero et Layout).
 * Les styles des items FAQ sont gérés par le module __MBR_FAQ.
 */

.FAQ_Page_Container {
    background: var(--background);
    color: var(--foreground);
    min-height: 100vh;
}

/* Hero Section */
.FAQ_Hero {
    padding: 10rem 0 6rem 0;
    text-align: center;
    background: radial-gradient(circle at 50% 100%, var(--cyan-glow), transparent 70%);
}

.FAQ_Hero h1 {
    font-size: clamp(2.5rem, 8vw, 4.5rem);
    font-weight: 950;
    margin-bottom: 1.5rem;
    letter-spacing: -0.05em;
    color: var(--text_heading);
}

.Hero_Subtitle {
    font-size: 1.25rem;
    color: var(--text_secondary);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Body Layout */
.FAQ_Body {
    padding: 4rem 0 10rem 0;
}

/* Final CTA Section */
.FAQ_Final_CTA {
    margin-top: 8rem;
    padding: 3.5rem;
    border-radius: 2.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
    background: var(--surface_card);
    border: 1px solid var(--border_subtle);
    box-shadow: var(--box-shadow-card);
}

.CTA_Content {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.icon_cta {
    font-size: 3.5rem;
    color: var(--mbr-cyan);
}

.FAQ_Final_CTA h3 {
    font-size: 2rem;
    font-weight: 900;
    margin-bottom: 0.5rem;
    color: var(--text_heading);
}

.FAQ_Final_CTA p {
    color: var(--text_secondary);
    font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .FAQ_Hero {
        padding: 8rem 0 4rem 0;
    }
    .FAQ_Final_CTA {
        flex-direction: column;
        text-align: center;
        padding: 2.5rem;
    }
    .CTA_Content {
        flex-direction: column;
    }
}