/* --- Hero --- */
    .bpa-hero {
      padding: 48px 16px 40px;
      text-align: center;
      border-bottom: 1px solid var(--color-grey-border);
    }
    .bpa-hero-inner {
      max-width: 640px;
      margin: 0 auto;
    }
    .bpa-hero h1 {
      margin-bottom: 16px;
    }
    .bpa-hero-lead {
      font-size: 1.0625rem;
      color: var(--color-grey-mid);
      margin: 0 auto 32px;
    }
    .bpa-btn-inline {
      display: inline-block;
      width: auto;
      padding: 14px 36px;
    }

    /* --- Bandeau réassurance pleine largeur --- */
    .bpa-strip {
      background: var(--color-green-light);
      padding: 20px 16px;
    }
    .bpa-strip .bpa-reassurance {
      margin: 0;
      background: transparent;
      border-radius: 0;
      padding: 0;
      justify-content: center;
      gap: 24px;
    }

    /* --- Comment ça marche --- */
    .bpa-how-section h2 {
      text-align: center;
      margin-bottom: 8px;
    }
    .bpa-how-intro {
      text-align: center;
      color: var(--color-grey);
      font-size: 15px;
      margin: 0 auto 40px;
    }
    .bpa-steps {
      display: grid;
      grid-template-columns: 1fr;
      gap: 24px;
      list-style: none;
      padding: 0;
    }
    .bpa-step {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 12px;
      padding: 24px;
      background: var(--color-white);
      border: 1px solid var(--color-grey-border);
      border-radius: var(--radius-card);
    }
    .bpa-step-num {
      width: 40px;
      height: 40px;
      background: var(--color-navy);
      color: var(--color-white);
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      font-weight: 700;
      flex-shrink: 0;
    }
    .bpa-step h3 { margin: 0; }
    .bpa-step p  { font-size: 14px; color: var(--color-grey); margin: 0; }
    .bpa-steps-cta {
      text-align: center;
      margin-top: 40px;
    }

    /* --- Grille outils --- */
    .bpa-tools-section h2 { margin-bottom: 8px; }
    .bpa-tools-lead {
      color: var(--color-grey);
      font-size: 15px;
      margin-bottom: 32px;
    }
    .bpa-tools-more {
      text-align: center;
      margin-top: 32px;
    }
    .bpa-tools-more a {
      color: var(--color-navy);
      font-size: 15px;
      font-weight: 600;
      text-decoration: underline;
    }

    /* --- CTA final --- */
    .bpa-cta-final {
      text-align: center;
    }
    .bpa-cta-final h2 {
      text-align: center;
      margin-bottom: 12px;
    }
    .bpa-cta-final > .bpa-container > p {
      margin: 0 auto 32px;
      color: var(--color-grey-mid);
    }

    @media (min-width: 768px) {
      .bpa-hero {
        padding: 80px 24px 72px;
      }
      .bpa-hero-lead {
        font-size: 1.125rem;
      }
      .bpa-strip {
        padding: 20px 24px;
      }
      .bpa-steps {
        grid-template-columns: repeat(3, 1fr);
      }
    }

    /* --- Pourquoi BPA --- */
    .bpa-why-section h2 { margin-bottom: var(--space-4); text-align: center; }
    .bpa-why-content { max-width: 680px; margin: 0 auto; }
    .bpa-why-content p {
      font-size: 15px;
      color: var(--color-grey-mid);
      line-height: 1.7;
      margin-bottom: var(--space-3);
    }
    .bpa-why-content p:last-child { margin-bottom: 0; }

          .bpa-avis-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            margin-top: 32px;
          }
          @media (min-width: 640px) {
            .bpa-avis-grid { grid-template-columns: 1fr 1fr; }
          }
          @media (min-width: 1024px) {
            .bpa-avis-grid { grid-template-columns: 1fr 1fr 1fr; }
          }
          .bpa-avis-card {
            background: var(--color-white);
            border: 1px solid var(--color-grey-border);
            border-radius: 8px;
            padding: 24px;
            display: flex;
            flex-direction: column;
            gap: 12px;
          }
          .bpa-avis-stars { color: #D97706; font-size: 15px; letter-spacing: 2px; }
          .bpa-avis-text { font-size: 14px; color: var(--color-grey-mid); line-height: 1.6; flex: 1; }
          .bpa-avis-author { font-size: 13px; font-weight: 600; color: var(--color-grey-dark); }
          .bpa-avis-reparation { font-size: 12px; color: var(--color-grey); }