/* ---------- responsive (passe finale) ---------- */
@media (max-width:640px) {
  html body .bd-hero h1 { font-size:clamp(31px,8.6vw,40px); }
  html body .bd-hero h1 em { white-space:normal; }
  html body .bd-hero h1 br { display:none; }
  html body .bd-hero h1 em::before { content:" "; }
  html body .bd-faq__q { min-height:44px; }
  html body .bd-bulle { min-height:44px; }
  html body .bd-nav a.bd-nav__login { padding:11px 4px; }
  html body footer a, html body .bd-footer a { display:inline-block; padding:11px 0; }
  html body .bd-badge, html body .bd-switch__off { font-size:12px; }
}
@media (max-width:900px) {
  html body .bd-demo__fenetre { order:-1; }
  html body .bd-demo__etapes { display:grid; grid-template-columns:1fr 1fr; gap:6px; }
  html body .bd-demo__etapes li { padding:12px 12px 12px 42px; }
  html body .bd-demo__etapes li::before { left:14px; top:13px; }
  html body .bd-demo__etapes span { display:none; }
  html body .bd-demo__etapes b { font-size:14px; line-height:1.3; }
  html body .bd-demo__titre { display:none; }
}