/* ═══════════════════════════════════════════════
   Landing pages sectorielles SEO (/fidelisation-{slug})
   Réutilise les classes de landing.css ; ne définit
   que la mise en page du hero sectoriel (centré).
═══════════════════════════════════════════════ */

.sector-hero {
    background: var(--cream);
    padding-top: 68px;
    position: relative;
    overflow: hidden;
}

.sector-hero::before {
    content: '';
    position: absolute;
    inset: 0;
    background:
        radial-gradient(ellipse 60% 50% at 70% 30%, rgba(238, 175, 134, .13) 0%, transparent 70%),
        radial-gradient(ellipse 40% 60% at 10% 80%, rgba(17, 48, 42, .04) 0%, transparent 70%);
    pointer-events: none;
}

.sector-hero .container {
    position: relative;
    z-index: 1;
}

.sector-hero-inner {
    max-width: 760px;
    margin: 0 auto;
    padding: 4.5rem 0 3.5rem;
    text-align: center;
}

.sector-hero-inner h1 {
    margin-bottom: 1.1rem;
}

.sector-hero-inner .lead {
    max-width: 620px;
    margin: 1.3rem auto 2rem;
}

.sector-hero-inner .hero-ctas {
    justify-content: center;
}

.sector-hero-inner .hero-trust {
    justify-content: center;
    margin-top: 1.8rem;
}