/* =========================================================
   VO Manager · vom-theme.css
   Habillage commun, aligné sur la maquette d'accueil.
   Palette teal : modifier les variables ci-dessous suffit.
   ========================================================= */
:root{
  --vt-teal:#006C67;
  --vt-teal-l:#00A89E;
  --vt-teal-p:#E6F5F4;
  --vt-teal-d:#003D3A;
  --vt-ink:#0F1F1E;
  --vt-text:#3C4A49;
  --vt-muted:#6B7877;
  --vt-line:#E3EAE9;
  --vt-soft:#F6F9F9;
  --vt-shadow:0 1px 2px rgba(0,61,58,.04),0 12px 32px rgba(0,61,58,.08);
}

/* ---- Base ---- */
html body{background:#fff}
h1,h2,h3,h4{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif!important}

/* ---- Header (verre dépoli, comme la maquette) ---- */
nav{top:0!important;background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(18px)!important;backdrop-filter:saturate(180%) blur(18px)!important;border-bottom:1px solid rgba(227,234,233,.7)!important}
.nav-inner{min-height:68px}
.nav-logo{font-family:'Inter',sans-serif!important;font-weight:800!important;font-size:18px!important;color:var(--vt-ink)!important}
.nav-logo-sq{width:32px!important;height:32px!important;border-radius:9px!important;background:linear-gradient(135deg,var(--vt-teal-l),var(--vt-teal))!important;box-shadow:none!important}
.nav-explorer,.nav-links>a{font-size:15px!important;font-weight:500!important;color:var(--vt-text)!important;background:transparent!important;border-radius:999px!important}
.nav-explorer:hover,.nav-links>a:hover{color:var(--vt-teal)!important}
.exp-mega{border-radius:20px!important;border-color:var(--vt-line)!important;box-shadow:var(--vt-shadow)!important}
.exp-col-title{text-transform:none!important;letter-spacing:0!important;font-size:13px!important;font-weight:600!important;color:var(--vt-teal)!important;border-bottom-color:var(--vt-line)!important}
.exp-link:hover{color:var(--vt-teal)!important}
.exp-link:hover svg{color:var(--vt-teal)!important}
.nav-cta{border-radius:999px!important;padding:10px 18px!important;font-size:14px!important;font-weight:600!important;background:var(--vt-teal)!important;color:#fff!important;border:1px solid var(--vt-teal)!important;box-shadow:0 6px 18px rgba(0,108,103,.25)}
.nav-actions .nav-cta[href="contact.html"]{background:#fff!important;color:var(--vt-teal)!important;border:1px solid var(--vt-line)!important;box-shadow:none}
.mobile-nav{background:#fff!important}
.mobile-nav a.mob-cta{border-radius:999px!important;background:var(--vt-teal)!important;color:#fff!important;border:0!important}
.mobile-nav a.mob-cta[href="contact.html"]{background:#fff!important;color:var(--vt-teal)!important;border:1px solid var(--vt-line)!important}
.hamburger span{background:var(--vt-ink)!important}

/* ---- Boutons : pilule ---- */
.btn,.btn-primary,.btn-ghost,.btn-white,.btn-outline,
.cta-btn,.cta-btn-primary,.cta-btn-ghost,
.cv-cookie-btn,.cv-yt-btn,.cv-copy-btn{border-radius:999px!important}

/* ---- Petits labels au-dessus des titres (style "kicker" de la maquette) ---- */
.section-label,.t-label,.steps-eyebrow{text-transform:none!important;letter-spacing:.02em!important;font-size:13px!important;font-weight:600!important;opacity:1!important;color:var(--vt-teal)!important}
.hero-label{background:var(--vt-teal-p)!important;color:var(--vt-teal)!important}
.hero-label::before{background:var(--vt-teal-l)!important}

/* ---- FAQ ---- */
.faq-item{border-radius:16px!important}

/* ---- Footer 4 colonnes (comme la maquette) ---- */
footer.vf{background:#fff!important;color:var(--vt-text)!important;border-top:1px solid var(--vt-line)!important;padding:56px 0 28px!important;font-size:14px!important;text-align:left!important;font-family:'Inter',sans-serif}
footer.vf .vf-wrap{max-width:1180px;margin:0 auto;padding:0 24px}
footer.vf .vf-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px}
footer.vf .vf-logo{display:flex!important;align-items:center;gap:10px;font-weight:800;font-size:18px;color:var(--vt-ink)!important;text-decoration:none}
footer.vf .vf-mark{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--vt-teal-l),var(--vt-teal));display:grid;place-items:center;color:#fff;font-size:13px;font-weight:800}
footer.vf .vf-about{color:var(--vt-muted)!important;margin-top:12px;max-width:280px;font-size:14px!important;line-height:1.6}
footer.vf h4{font-size:14px!important;color:var(--vt-ink)!important;margin:0 0 14px!important;font-weight:700}
footer.vf .vf-col a{display:block;color:var(--vt-muted)!important;padding:4px 0;text-decoration:none;font-size:14px;background:none!important}
footer.vf .vf-col a:hover,footer.vf .vf-bottom a:hover{color:var(--vt-teal)!important}
footer.vf .vf-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;color:var(--vt-muted)!important;font-size:13px!important;border-top:1px solid var(--vt-line);padding-top:24px}
footer.vf .vf-bottom a{color:var(--vt-muted)!important;text-decoration:none}
footer.vf .vf-bottom span{color:var(--vt-muted)!important}
@media (max-width:980px){footer.vf .vf-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){footer.vf .vf-grid{grid-template-columns:1fr}footer.vf .vf-wrap{padding:0 16px}}

/* ---- Bandeau cookies ---- */
.cv-cookie-banner,.cv-cookie-modal{border-radius:20px!important;box-shadow:var(--vt-shadow)!important}