:root{
  --text:#0f172a;
  --muted:#64748b;
  --brand:#1f7a7a;      /* pour encarts/cohérence */
  --accent:#7e2b8a;     /* MAUVE MindOvers pour puces/points */
  --bg:#ffffff;
  --card:#fafafa;
  --shadow:0 8px 24px rgba(0,0,0,.08);
}

*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial}
img{max-width:100%;height:auto;display:block}

/* ===== Header ===== */
.header{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:12px 16px;position:sticky;top:0;z-index:10;flex-wrap:wrap;
  background:rgba(255,255,255,.9);backdrop-filter:saturate(180%) blur(6px);
  border-bottom:1px solid #eef2f7;
}
.brand{display:flex;align-items:center;gap:.6rem}
.brand img{height:58px;width:auto}
.brand .small{font-weight:700;color:var(--brand)}

nav.lang{
  display:flex;align-items:center;gap:.5rem;white-space:nowrap;justify-content:flex-end
}
nav.lang a{
  display:inline-flex;align-items:center;gap:.35rem;
  padding:.4rem .6rem;border-radius:10px;text-decoration:none;
  color:#0b3a3a;background:#eef3f6;border:1px solid #e2e8f0
}
nav.lang a:hover{background:#e8f1f5}
nav.lang [aria-current="page"]{background:#d9eef2;color:#063c3c;border-color:#cbe7ec}
nav.lang img{width:18px;height:12px;object-fit:cover;border-radius:2px}
nav.lang .blog-link{font-weight:700;color:#1f7a7a}

/* ===== Card ===== */
.flyer{display:flex;justify-content:center;padding:24px}
.card{background:var(--card);border-radius:16px;box-shadow:var(--shadow);max-width:1100px;width:100%;overflow:hidden}
.hero img{width:100%;height:auto}
.content{padding:24px}

/* Titres + puces d’entête (uniformes & mauves) */
h1{font-size:clamp(1.5rem,2vw+1rem,2.1rem);line-height:1.2;margin:.3rem 0 1rem}
.hdot{position:relative;padding-left:1.2rem;margin:1.1rem 0 .6rem}
.hdot::before{
  content:"";position:absolute;left:0;top:.55em;
  width:10px;height:10px;border-radius:50%;background:var(--accent)
}

/* Listes (puces mauves) */
.bullets,.services{padding-left:1.2rem;margin:.3rem 0}
.bullets{list-style:disc outside}
.services{list-style:disc outside}
.bullets li,.services li{margin:.35rem 0}
.bullets li::marker,.services li::marker{color:var(--accent)}

/* ===== CTA (format 4 lignes, sans puce) ===== */
.cta{
  margin:16px 0 8px;
  padding:12px 14px;               /* un peu moins haut */
  border:1px dashed #bfdde1;
  border-radius:12px;
  background:#f6fbfc;
}

/* Titre du CTA : plus compact et sans puce */
.cta > strong{
  display:block;
  padding-left:0;                   /* plus de retrait */
  margin:0 0 .25rem 0;             /* espace réduit sous le titre */
}
.cta > strong::before{content:none} /* supprime la pastille mauve */

/* Lignes CTA : interlignes compacts (notamment le “or”) */
.cta-lines{margin-top:.2rem}
.cta-lines .l1{margin:.1rem 0}
.cta-lines .l2{margin:.08rem 0}
.cta-lines .l3{margin:.06rem 0;color:var(--muted)}  /* encore plus serré */
.cta-lines .l4{margin:.08rem 0}
.cta-lines a{font-weight:800;text-decoration:none}
.cta-lines .l2 a{display:inline-block}

/* Encadré Online Coaching */
.oc{margin:16px 0;padding:14px;border-left:4px solid --brand;background:#f7fafb;border-radius:8px}
.oc{border-left-color:var(--brand)}
.oc .title{font-weight:800;letter-spacing:.4px;margin-bottom:.3rem;color:#084c4c}

/* QR */
.barcode{margin:14px 0}
.barcode img{width:170px;max-width:45vw}

/* Footer */
.footer{margin-top:18px}
.footer .footer-sep{border:none;border-top:1px solid #e5e7eb;margin:8px 0 10px}
.footer p{margin:.25rem 0}
.footer .desktop{display:block}
.footer .mobile{display:none}

/* Contact mobile */
.mobile-contact{display:none}

/* ===== Responsive ===== */
@media (max-width: 900px){
  .grid{grid-template-columns:1fr}
  .betina-photo{order:2}
  .mobile-contact{order:3;display:flex;justify-content:center;margin-top:8px}
  .mobile-contact .mc-text{display:flex;flex-direction:column;align-items:center;gap:.25rem}
}

@media (max-width: 520px){
  /* barre langues sous le logo, centrée */
  .header{flex-direction:column;align-items:center}
  .brand{order:1}
  .brand img{height:64px}
  nav.lang{order:2;justify-content:center;flex-wrap:wrap;gap:.35rem}

  .content{padding:16px}
  .barcode img{width:200px}

  .footer .desktop{display:none}
  .footer .mobile{display:block;text-align:center}
}