/* =========================================================
   V6 - Bloc "Referencement plateformes d'ecoute"
   Charge APRES demo-design-v5.css
   ========================================================= */
.platforms-section{padding:95px 0;background:var(--paper)}
.platforms-head{max-width:940px;margin:0 auto 50px;text-align:center}
.platforms-head h2{max-width:none}
.platforms-head h2{color:#0C1A2E}
.platforms-head h2 em{font-style:normal;color:var(--accent-ink)}
.platforms-head p{max-width:760px;margin:20px auto 0;color:#54636d;font-size:17px;line-height:1.8}

.platforms-cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1000px;margin:0 auto}
.platform-card{
    background:#fff;
    border:1px solid #dce3e5;
    border-radius:20px;
    padding:34px 32px;
    display:flex;
    flex-direction:column;
    transition:border-color .25s,transform .25s,box-shadow .25s;
}
.platform-card:hover{border-color:#37B7C980;transform:translateY(-3px);box-shadow:0 18px 40px -24px #0C1A2E40}
.platform-card.live{background:#0C1A2E;border-color:#0C1A2E}
.platform-card.live:hover{border-color:#37B7C980}

.platform-badge{
    width:52px;height:52px;border-radius:15px;
    display:grid;place-items:center;
    background:#37B7C91f;border:1px solid #37B7C94d;
    color:var(--accent-ink);font-size:22px;line-height:1;
    margin-bottom:22px;
}
.platform-card.live .platform-badge{color:#37B7C9}
.platform-card h3{font-size:24px;letter-spacing:-.6px;color:#0C1A2E;margin-bottom:10px}
.platform-card>p{color:#54636d;font-size:15.5px;line-height:1.7;margin-bottom:26px}
.platform-card.live h3{color:#fff}
.platform-card.live>p{color:#a5bbc4}

.platform-list{list-style:none;margin:auto 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.platform-list li{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 16px;border-radius:40px;
    border:1px solid #d2dde0;background:#f4f7f8;
    font:600 14px/1.2 Manrope,sans-serif;color:#0C1A2E;
}
.platform-list li i{color:var(--accent-ink);font-size:15px}
.platform-card.live .platform-list li{background:#ffffff0d;border-color:#ffffff24;color:#fff}
.platform-card.live .platform-list li i{color:#37B7C9}

.platforms-note{
    max-width:1000px;margin:26px auto 0;text-align:center;
    font-size:13px;color:#708089;
    display:flex;align-items:center;justify-content:center;gap:8px;
}
.platforms-note i{color:var(--accent-ink)}

@media(max-width:860px){
    .platforms-section{padding:60px 0}
    .platforms-head{margin-bottom:34px}
    .platforms-cards{grid-template-columns:1fr;gap:20px}
    .platform-card{padding:26px 22px}
    .platform-card h3{font-size:22px}
    .platforms-note{text-align:left;align-items:flex-start}
}

/* 23/09/2026 : texte d'intro plus lisible + vrais logos des plateformes */
.platforms-head p{max-width:820px;font-size:20px;line-height:1.7;color:#3f4f59}
.platform-card>p{font-size:17px}
.platform-list li{padding:9px 16px 9px 10px;gap:10px;font-size:15px}
.platform-logo{width:26px;height:26px;object-fit:contain;border-radius:7px;flex:none}
.platform-logo.wide{width:34px;border-radius:0}
@media(max-width:860px){.platforms-head p{font-size:18px}}

/* 24/09/2026 : hero sans lecteur, texte centre */
.hero-grid.hero-centered{display:flex;justify-content:center;text-align:center;min-height:0;padding:120px 0 110px}
.hero-centered>div{max-width:900px;margin:0 auto}
.hero-centered .intro,.hero .hero-centered .intro{max-width:720px;margin-left:auto;margin-right:auto}
.hero-centered .actions,.hero-centered .reassurance{justify-content:center}
.hero:has(.hero-centered):before{background:linear-gradient(#06141ee6,#06141ed0 55%,#06141ee6),url('/images/radio-ecole.webp') center 35%/cover}
.hero:has(.hero-centered):after{right:50%;margin-right:-350px}
.hero:has(.hero-centered) .hero-bottom{justify-content:center;flex-wrap:wrap}
@media(max-width:720px){.hero-grid.hero-centered{padding:64px 0 52px}}