/* Presentation "Bruxelles Entreprenante", en-tete de la page choisir-formule.
   Styles prefixes .be / .be-* pour ne pas interferer avec le reste du site. */
.be-topbar {
  background: #2C4CC5; color: #fff; font-weight: 700; font-size: 14px; letter-spacing: .02em;
  padding: 12px clamp(16px, 5vw, 36px); display: flex; align-items: center; gap: 10px;
}
.be-topbar .dot { width: 9px; height: 9px; background: #fff; border-radius: 50%; opacity: .9; }

.be-wrap {
  --be-accent: #2C4CC5; --be-accent-soft: #E7ECFB;
  --be-ink: #141A2E; --be-ink-soft: #4B5578; --be-ink-faint: #7A84A0;
  --be-card: #FFFFFF; --be-card-2: #F6F8FC; --be-line: #E1E6F1; --be-line-strong: #CDD4E6;
  --be-shadow: 0 1px 2px rgba(20,26,46,.05), 0 14px 34px -20px rgba(20,26,46,.28);
  --be-serif: "Fraunces", Georgia, "Times New Roman", serif;
  max-width: 980px; margin: 0 auto; padding: clamp(24px,5vw,56px) clamp(16px,5vw,36px) 80px;
  font-family: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  color: var(--be-ink);
}

.be p { margin: 0 0 15px; color: var(--be-ink-soft); line-height: 1.6; }
.be strong { color: var(--be-ink); font-weight: 700; }
.be-eyebrow { font-size: 12.5px; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; color: var(--be-accent); margin: 0 0 16px; }
.be h1 { font-weight: 800; letter-spacing: -.025em; text-wrap: balance; font-size: clamp(36px,7vw,64px); line-height: .98; margin: 0; color: var(--be-ink); }
.be-tagline { font-family: var(--be-serif); font-style: italic; font-size: clamp(19px,2.7vw,26px); line-height: 1.35; color: var(--be-accent); margin: 18px 0 24px; max-width: 26ch; }
.be-lead { max-width: 64ch; }
.be-lead p { font-size: clamp(15.5px,1.7vw,17px); }
.be-hr { height: 1px; background: var(--be-line); border: 0; margin: 40px 0; }

.be-qa { display: grid; grid-template-columns: 170px 1fr; gap: 10px 34px; padding: 24px 0; border-top: 1px solid var(--be-line); }
.be-qa.first { border-top: 0; padding-top: 0; }
.be-q { font-family: var(--be-serif); font-style: italic; font-size: clamp(22px,3vw,30px); color: var(--be-ink); line-height: 1.05; }
.be-a { max-width: 60ch; }
.be-a p:last-child { margin-bottom: 0; }

.be-channels { display: grid; grid-template-columns: repeat(2,1fr); gap: 12px; margin-top: 14px; }
.be-chan { background: var(--be-card); border: 1px solid var(--be-line); border-radius: 13px; padding: 15px 16px; box-shadow: var(--be-shadow); }
.be-chan h4 { margin: 0 0 4px; font-size: 14.5px; font-weight: 700; color: var(--be-ink); display: flex; align-items: center; gap: 9px; }
.be-chan h4 .ic { width: 22px; height: 22px; flex: 0 0 auto; color: var(--be-accent); }
.be-chan p { margin: 0; font-size: 13.5px; }

.be-cta { margin-top: 44px; background: var(--be-accent); color: #fff; border-radius: 20px; padding: clamp(24px,4vw,38px); box-shadow: var(--be-shadow); }
.be-cta h2 { font-family: var(--be-serif); font-style: italic; font-weight: 500; margin: 0 0 6px; font-size: clamp(24px,3.6vw,34px); line-height: 1.1; color: #fff; }
.be-cta p { color: #fff; opacity: .92; margin: 0 0 18px; font-size: 16px; max-width: 52ch; }
.be-meta { display: flex; flex-wrap: wrap; gap: 10px 14px; }
.be-pill { display: inline-flex; align-items: center; gap: 8px; background: rgba(255,255,255,.16); border: 1px solid rgba(255,255,255,.28); color: #fff; border-radius: 30px; padding: 8px 15px; font-size: 13.5px; font-weight: 600; }

.be-formules-intro { text-align: center; color: var(--be-ink-faint); font-weight: 600; margin: 26px 0 16px; }

.be-contact { margin-top: 36px; display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; background: var(--be-accent-soft); border: 1px solid var(--be-line-strong); border-radius: 14px; padding: 16px 20px; }
.be-contact .lbl { font-weight: 700; color: var(--be-ink); }
.be-contact span { color: var(--be-ink-soft); }
.be-contact a { color: var(--be-accent); text-decoration: none; font-weight: 600; }

.be-conditions { margin-top: 52px; border: 1px solid var(--be-line); background: var(--be-card-2); border-radius: 16px; padding: clamp(22px,3.5vw,32px); }
.be-conditions h3 { margin: 0 0 6px; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; font-weight: 700; color: var(--be-ink-faint); }
.be-conditions .sub { font-family: var(--be-serif); font-style: italic; font-size: 20px; color: var(--be-ink); margin: 0 0 16px; }
.be-conditions p { font-size: 14px; line-height: 1.65; color: var(--be-ink-soft); }
.be-conditions p:last-child { margin-bottom: 0; }

.be-foot { margin-top: 38px; padding-top: 20px; border-top: 1px solid var(--be-line); font-size: 12.5px; color: var(--be-ink-faint); text-align: center; }

@media (max-width: 640px) {
  .be-qa { grid-template-columns: 1fr; gap: 6px; }
  .be-channels { grid-template-columns: 1fr; }
}