/* MERCAVEO — Accueil immersif v2026-10-06 */
:root{
  --mi-ink:#e8eef3;
  --mi-slate:#45657f;
  --mi-slate-2:#6d8aa1;
  --mi-gold:#e1bd78;
  --mi-cream:#f5efe4;
  --mi-white:#fff;
}
body.home-immersive{background:linear-gradient(180deg,#edf2f6 0%,#dce6ee 52%,#c8d7e2 100%);color:#fff}
body.home-immersive .nav.nav-simple{
  position:absolute;z-index:30;left:0;right:0;top:0;
  background:linear-gradient(180deg,rgba(20,38,54,.68),rgba(20,38,54,.18),transparent);
  border:0;box-shadow:none
}
body.home-immersive .nav.nav-simple .nav-inner{padding-top:18px;padding-bottom:18px}
.mi-hero,.mi-panel{position:relative;isolation:isolate;overflow:hidden}
.mi-hero{min-height:100svh;display:flex;align-items:flex-end;padding:150px 0 82px}
.mi-panel{min-height:78svh;display:flex;align-items:flex-end;padding:86px 0}
.mi-bg{position:absolute;inset:0;z-index:-3;overflow:hidden;background:linear-gradient(135deg,#52738c 0%,#7691a7 56%,#b8a27d 140%)}
.mi-bg::before,.mi-bg::after{content:"";position:absolute;border-radius:999px;filter:blur(10px);opacity:.52}
.mi-bg::before{width:min(68vw,900px);height:min(68vw,900px);right:-15vw;top:-24vw;background:radial-gradient(circle at 35% 35%,rgba(234,204,149,.60),rgba(119,158,187,.26) 34%,rgba(82,115,140,0) 68%);animation:miFloat 16s ease-in-out infinite alternate}
.mi-bg::after{width:min(54vw,760px);height:min(54vw,760px);left:-20vw;bottom:-25vw;background:radial-gradient(circle,rgba(117,157,187,.36),rgba(82,115,140,0) 68%);animation:miFloat 19s ease-in-out infinite alternate-reverse}
.mi-grid{position:absolute;inset:0;z-index:-2;opacity:.10;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent)}
.mi-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(19,37,53,.58) 0%,rgba(19,37,53,.34) 48%,rgba(19,37,53,.10) 100%),linear-gradient(0deg,rgba(19,37,53,.42),transparent 60%)}
.mi-copy{max-width:780px}
.mi-kicker{display:inline-flex;align-items:center;gap:10px;font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--mi-gold);margin-bottom:18px}
.mi-kicker::before{content:"";width:38px;height:2px;background:currentColor}
.mi-hero h1,.mi-panel h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.035em;color:#fff;margin:0}
.mi-hero h1{font-size:clamp(3.5rem,8.5vw,8.4rem);line-height:.88;max-width:1000px}
.mi-panel h2{font-size:clamp(2.8rem,6.2vw,6.1rem);line-height:.94;max-width:930px}
.mi-accent{color:var(--mi-gold)}
.mi-copy p{max-width:700px;color:rgba(255,255,255,.82);font-size:clamp(1.03rem,1.5vw,1.3rem);line-height:1.65;margin:20px 0 28px}
.mi-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.mi-cta{display:inline-flex;align-items:center;gap:12px;border:1px solid rgba(255,255,255,.34);border-radius:999px;padding:14px 22px;background:rgba(8,19,31,.34);backdrop-filter:blur(12px);color:#fff;font-weight:800;transition:.25s ease}
.mi-cta:hover{transform:translateY(-2px);border-color:var(--mi-gold);background:rgba(225,189,120,.13)}
.mi-cta.mi-primary{background:var(--mi-gold);color:#102033;border-color:var(--mi-gold)}
.mi-cta span{font-size:1.15rem}
.mi-mini-nav{display:grid;grid-template-columns:repeat(5,minmax(120px,1fr));gap:10px;margin-top:48px;max-width:1100px}
.mi-mini-nav a{padding:13px 12px;border-top:1px solid rgba(255,255,255,.24);color:rgba(255,255,255,.72);font-size:.85rem;transition:.2s}
.mi-mini-nav a:hover{color:#fff;border-top-color:var(--mi-gold)}
.mi-scroll{position:absolute;right:32px;bottom:28px;color:rgba(255,255,255,.62);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;writing-mode:vertical-rl}
.mi-panel:nth-of-type(even) .mi-shade{background:linear-gradient(270deg,rgba(19,37,53,.56) 0%,rgba(19,37,53,.32) 48%,rgba(19,37,53,.10) 100%),linear-gradient(0deg,rgba(19,37,53,.40),transparent 60%)}
.mi-panel:nth-of-type(even) .mi-copy{margin-left:auto;text-align:left}
.mi-commerce .mi-bg{background:linear-gradient(135deg,#46667f 0%,#6f8ca3 58%,#b4996c 145%)}
.mi-digital .mi-bg{background:linear-gradient(135deg,#6788a0 0%,#8fa7b9 52%,#d0b88b 135%)}
.mi-training .mi-bg{background:linear-gradient(135deg,#526f86 0%,#7f96a8 58%,#b69b72 145%)}
.mi-billing .mi-bg{background:linear-gradient(135deg,#7994aa 0%,#a5b7c6 58%,#d2bd94 145%)}
.mi-security .mi-bg{background:linear-gradient(135deg,#496a83 0%,#708da4 55%,#9eb3c4 135%)}
.mi-compliance .mi-bg{background:linear-gradient(135deg,#111922,#283440 58%,#6d5a43)}
.mi-visual-mark{position:absolute;right:7vw;top:50%;transform:translateY(-50%);width:min(36vw,520px);aspect-ratio:1;border:1px solid rgba(255,255,255,.16);border-radius:42px;background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));backdrop-filter:blur(16px);box-shadow:0 28px 70px rgba(0,0,0,.28);display:grid;place-items:center;overflow:hidden}
.mi-visual-mark::before{content:"";width:62%;height:62%;border:1px solid rgba(225,189,120,.45);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.018);animation:miSpin 22s linear infinite}
.mi-visual-mark::after{content:attr(data-symbol);position:absolute;font-size:clamp(2rem,6vw,5.8rem);font-weight:900;letter-spacing:-.06em;color:rgba(255,255,255,.92)}
.mi-panel:nth-of-type(even) .mi-visual-mark{left:7vw;right:auto}
.mi-trust{background:#f7f3ea;color:#162330;padding:84px 0}
.mi-trust .section-head h2{color:#162330}
.mi-trust .section-head p{color:#50606f}
.mi-trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mi-trust-card{background:#fff;border:1px solid rgba(18,35,52,.10);border-radius:22px;padding:28px;box-shadow:0 18px 50px rgba(18,35,52,.06)}
.mi-trust-card h3{margin-top:0;color:#162330}.mi-trust-card p{color:#5c6874}
@keyframes miFloat{to{transform:translate3d(-5vw,4vw,0) scale(1.06)}}
@keyframes miSpin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mi-bg::before,.mi-bg::after,.mi-visual-mark::before{animation:none}}
@media(max-width:980px){
  .mi-hero{padding:130px 0 64px}.mi-panel{min-height:72svh;padding:72px 0}
  .mi-mini-nav{grid-template-columns:repeat(3,1fr)}
  .mi-visual-mark{width:52vw;opacity:.18;right:50%;transform:translate(50%,-50%)}.mi-panel:nth-of-type(even) .mi-visual-mark{left:auto;right:50%}
  .mi-shade,.mi-panel:nth-of-type(even) .mi-shade{background:linear-gradient(180deg,rgba(20,40,57,.42),rgba(20,40,57,.58))}
  .mi-panel:nth-of-type(even) .mi-copy{margin-left:0}
  .mi-trust-grid{grid-template-columns:1fr}
}
@media(max-width:640px){
  body.home-immersive .nav.nav-simple .nav-inner{padding-top:12px}
  .mi-hero{min-height:92svh;padding-top:120px}.mi-panel{min-height:72svh}
  .mi-mini-nav{grid-template-columns:repeat(2,1fr);margin-top:34px}
  .mi-hero h1{font-size:clamp(3.1rem,15vw,5.2rem)}.mi-panel h2{font-size:clamp(2.65rem,12vw,4.4rem)}
  .mi-copy p{font-size:1rem}.mi-visual-mark{width:78vw;right:50%;transform:translate(50%,-50%);opacity:.14}
  .mi-scroll{display:none}.mi-cta{width:100%;justify-content:center}
}

body.home-immersive .nav-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}
.mi-brand{display:inline-flex;flex-direction:column;color:#fff;font-weight:950;font-size:1.5rem;letter-spacing:.08em;line-height:1}
.mi-brand span{color:var(--mi-gold)}
.mi-brand small{font-size:.48rem;letter-spacing:.035em;font-weight:600;margin-top:5px;color:rgba(255,255,255,.64)}
.mi-nav-link{color:rgba(255,255,255,.86);font-weight:700}
.mi-account{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;background:var(--mi-gold);color:#102033;font-weight:850}
body.home-immersive .nav-actions{display:flex;align-items:center;gap:18px}
@media(max-width:820px){.mi-nav-link{display:none}.mi-brand{font-size:1.2rem}.mi-brand small{display:none}}

/* Video backgrounds */
.mi-bg .mi-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(1.01) brightness(.98);
}
.mi-hero .mi-bg .mi-video{filter:saturate(.95) contrast(1.02) brightness(.95)}
@media(max-width:640px){
  .mi-bg .mi-video{object-position:center center}
}

/* 2026-10-06 — centrage éditorial et ergonomie */
.mi-hero,.mi-panel{align-items:center}
.mi-hero{padding-top:138px;padding-bottom:64px}
.mi-panel{padding-top:72px;padding-bottom:72px}
.mi-hero .container,.mi-panel .container{width:100%}
.mi-copy{
  max-width:920px;
  margin-left:auto !important;
  margin-right:auto !important;
  text-align:center !important;
}
.mi-hero h1,.mi-panel h2{
  margin-left:auto;
  margin-right:auto;
  text-wrap:balance;
}
.mi-copy p{
  margin-left:auto;
  margin-right:auto;
  max-width:760px;
  text-wrap:pretty;
}
.mi-actions{justify-content:center}
.mi-kicker{justify-content:center}
.mi-mini-nav{
  margin-left:auto;
  margin-right:auto;
  justify-content:center;
}
.mi-mini-nav a{text-align:center}
.mi-panel:nth-of-type(even) .mi-copy{margin-left:auto;text-align:center}
.mi-visual-mark{
  right:50%;
  transform:translate(50%,-50%);
  opacity:.24;
  width:min(32vw,460px);
}
.mi-panel:nth-of-type(even) .mi-visual-mark{
  left:auto;
  right:50%;
}
.mi-digital .mi-shade,.mi-billing .mi-shade{
  background:linear-gradient(180deg,rgba(37,67,88,.18),rgba(37,67,88,.36));
}
.mi-digital .mi-copy,.mi-billing .mi-copy{max-width:860px}
.mi-trust .section-head{text-align:center;max-width:860px;margin-left:auto;margin-right:auto}
.mi-trust-grid{text-align:center}
.mi-trust-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.mi-trust-card p{max-width:34rem}
#tarifs .pricing-grid .pricing-card{text-align:center}
#tarifs .pricing-grid .pricing-card .btn{margin-left:auto;margin-right:auto}
#tarifs .service-price{justify-content:center}
body.home-immersive .footer-grid{text-align:center}
body.home-immersive .footer-grid>div{display:flex;flex-direction:column;align-items:center}
body.home-immersive .footer-grid p{max-width:30rem}

/* Garde-fous anti-chevauchement */
.mi-copy,.mi-actions,.mi-mini-nav,.mi-trust-card,.pricing-card{position:relative;z-index:3}
.mi-panel{contain:paint}
.mi-panel .container{position:relative;z-index:2}

/* =========================================================
   Mobile vidéo — disposition validée #1
   Titre en haut, zone centrale dégagée, texte + petit CTA en bas.
   Desktop inchangé.
   ========================================================= */
@media(max-width:640px){
  .mi-hero,
  .mi-commerce,
  .mi-training,
  .mi-security{
    min-height:92svh;
    align-items:stretch;
    padding:0;
  }

  .mi-hero > .container,
  .mi-commerce > .container,
  .mi-training > .container,
  .mi-security > .container{
    width:100%;
    display:flex;
    padding-top:86px;
    padding-bottom:26px;
  }

  .mi-hero .mi-copy,
  .mi-commerce .mi-copy,
  .mi-training .mi-copy,
  .mi-security .mi-copy{
    width:100%;
    max-width:none;
    min-height:calc(92svh - 112px);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center !important;
    margin:0 !important;
  }

  .mi-hero .mi-kicker,
  .mi-commerce .mi-kicker,
  .mi-training .mi-kicker,
  .mi-security .mi-kicker{
    margin-bottom:10px;
    font-size:.70rem;
    letter-spacing:.16em;
  }

  .mi-hero h1,
  .mi-commerce h2,
  .mi-training h2,
  .mi-security h2{
    max-width:360px;
    margin-left:auto;
    margin-right:auto;
    line-height:.92;
  }

  .mi-hero h1{font-size:clamp(2.9rem,13vw,4.15rem)}
  .mi-commerce h2,
  .mi-training h2,
  .mi-security h2{font-size:clamp(2.75rem,12.5vw,4rem)}

  .mi-hero .mi-copy p,
  .mi-commerce .mi-copy p,
  .mi-training .mi-copy p,
  .mi-security .mi-copy p{
    margin-top:auto;
    margin-bottom:12px;
    max-width:350px;
    padding:0 4px;
    font-size:.95rem;
    line-height:1.5;
    color:rgba(255,255,255,.94);
  }

  .mi-hero .mi-actions,
  .mi-commerce .mi-actions,
  .mi-training .mi-actions,
  .mi-security .mi-actions{
    justify-content:center;
    gap:8px;
    margin-top:0;
  }

  .mi-hero .mi-cta,
  .mi-commerce .mi-cta,
  .mi-training .mi-cta,
  .mi-security .mi-cta{
    width:auto;
    min-width:0;
    padding:8px 14px;
    font-size:.82rem;
    gap:7px;
  }

  /* Sur mobile, un seul CTA par vidéo pour ne pas recouvrir l’image. */
  .mi-hero .mi-actions .mi-cta:nth-child(n+2),
  .mi-commerce .mi-actions .mi-cta:nth-child(n+2){
    display:none;
  }

  /* La navigation d’expertises reste disponible via le menu principal. */
  .mi-hero .mi-mini-nav{
    display:none;
  }

  /* Dégradé mobile : sombre seulement en haut et en bas, centre volontairement libre. */
  .mi-hero .mi-shade,
  .mi-commerce .mi-shade,
  .mi-training .mi-shade,
  .mi-security .mi-shade{
    background:
      linear-gradient(
        180deg,
        rgba(7,18,28,.58) 0%,
        rgba(7,18,28,.08) 34%,
        rgba(7,18,28,.05) 58%,
        rgba(7,18,28,.68) 100%
      ) !important;
  }
}

/* =========================================================
   Vidéos accueil — disposition validée étendue desktop + mobile
   Titre en haut, centre dégagé, texte + CTA en bas.
   Sections sans vidéo inchangées.
   ========================================================= */
.mi-hero,
.mi-commerce,
.mi-training,
.mi-security{
  align-items:stretch;
  padding:0;
}
.mi-hero > .container,
.mi-commerce > .container,
.mi-training > .container,
.mi-security > .container{
  width:100%;
  display:flex;
  padding-top:150px;
  padding-bottom:44px;
}
.mi-hero .mi-copy,
.mi-commerce .mi-copy,
.mi-training .mi-copy,
.mi-security .mi-copy{
  width:100%;
  max-width:none;
  min-height:calc(100svh - 194px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center !important;
  margin:0 !important;
}
.mi-commerce .mi-copy,
.mi-training .mi-copy,
.mi-security .mi-copy{
  min-height:calc(78svh - 116px);
}
.mi-hero .mi-kicker,
.mi-commerce .mi-kicker,
.mi-training .mi-kicker,
.mi-security .mi-kicker{
  margin-bottom:12px;
}
.mi-hero h1,
.mi-commerce h2,
.mi-training h2,
.mi-security h2{
  margin-left:auto;
  margin-right:auto;
  max-width:980px;
  text-wrap:balance;
}
.mi-hero .mi-copy p,
.mi-commerce .mi-copy p,
.mi-training .mi-copy p,
.mi-security .mi-copy p{
  margin-top:auto;
  margin-bottom:16px;
  max-width:720px;
  padding:0 12px;
}
.mi-hero .mi-actions,
.mi-commerce .mi-actions,
.mi-training .mi-actions,
.mi-security .mi-actions{
  justify-content:center;
  margin-top:0;
}
.mi-hero .mi-mini-nav{
  margin-top:18px;
}
.mi-hero .mi-shade,
.mi-commerce .mi-shade,
.mi-training .mi-shade,
.mi-security .mi-shade{
  background:
    linear-gradient(
      180deg,
      rgba(7,18,28,.52) 0%,
      rgba(7,18,28,.07) 30%,
      rgba(7,18,28,.04) 62%,
      rgba(7,18,28,.64) 100%
    ) !important;
}

@media(min-width:641px){
  .mi-hero .mi-actions .mi-cta:nth-child(n+2),
  .mi-commerce .mi-actions .mi-cta:nth-child(n+2){
    display:inline-flex;
  }
}

@media(max-width:640px){
  .mi-hero > .container,
  .mi-commerce > .container,
  .mi-training > .container,
  .mi-security > .container{
    padding-top:86px;
    padding-bottom:26px;
  }

  .mi-hero .mi-copy,
  .mi-commerce .mi-copy,
  .mi-training .mi-copy,
  .mi-security .mi-copy{
    min-height:calc(92svh - 112px);
  }

  .mi-hero .mi-kicker,
  .mi-commerce .mi-kicker,
  .mi-training .mi-kicker,
  .mi-security .mi-kicker{
    margin-bottom:10px;
    font-size:.70rem;
    letter-spacing:.16em;
  }

  .mi-hero h1{font-size:clamp(2.9rem,13vw,4.15rem)}
  .mi-commerce h2,
  .mi-training h2,
  .mi-security h2{font-size:clamp(2.75rem,12.5vw,4rem)}

  .mi-hero .mi-copy p,
  .mi-commerce .mi-copy p,
  .mi-training .mi-copy p,
  .mi-security .mi-copy p{
    max-width:350px;
    font-size:.95rem;
    line-height:1.5;
  }

  .mi-hero .mi-cta,
  .mi-commerce .mi-cta,
  .mi-training .mi-cta,
  .mi-security .mi-cta{
    width:auto;
    min-width:0;
    padding:8px 14px;
    font-size:.82rem;
    gap:7px;
  }

  .mi-hero .mi-actions .mi-cta:nth-child(n+2),
  .mi-commerce .mi-actions .mi-cta:nth-child(n+2){
    display:none;
  }

  .mi-hero .mi-mini-nav{display:none}

  .mi-hero .mi-shade,
  .mi-commerce .mi-shade,
  .mi-training .mi-shade,
  .mi-security .mi-shade{
    background:
      linear-gradient(
        180deg,
        rgba(7,18,28,.58) 0%,
        rgba(7,18,28,.08) 34%,
        rgba(7,18,28,.05) 58%,
        rgba(7,18,28,.68) 100%
      ) !important;
  }
}

/* =========================================================
   Cadrage vidéo — priorité aux icônes, aucun mot coupé visible
   ========================================================= */

/* Desktop : on décale le cadrage vers la zone graphique utile. */
.mi-hero .mi-video{
  object-position:72% 50%;
  transform:scale(1.05);
}
.mi-commerce .mi-video{
  object-position:70% 50%;
  transform:scale(1.06);
}
.mi-training .mi-video{
  object-position:72% 50%;
  transform:scale(1.06);
}
.mi-security .mi-video{
  object-position:74% 50%;
  transform:scale(1.06);
}

/* Un léger voile latéral masque les éventuels fragments de mots aux bords. */
.mi-hero .mi-bg::after,
.mi-commerce .mi-bg::after,
.mi-training .mi-bg::after,
.mi-security .mi-bg::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:0;
  filter:none;
  opacity:1;
  animation:none;
  background:
    linear-gradient(
      90deg,
      rgba(7,18,28,.54) 0%,
      rgba(7,18,28,.18) 12%,
      transparent 24%,
      transparent 82%,
      rgba(7,18,28,.10) 92%,
      rgba(7,18,28,.26) 100%
    );
}

/* Mobile : cadrage plus franc sur les icônes / sujets, jamais sur les textes intégrés. */
@media(max-width:640px){
  .mi-hero .mi-video{
    object-position:77% 50%;
    transform:scale(1.12);
  }
  .mi-commerce .mi-video{
    object-position:74% 50%;
    transform:scale(1.13);
  }
  .mi-training .mi-video{
    object-position:78% 50%;
    transform:scale(1.13);
  }
  .mi-security .mi-video{
    object-position:80% 50%;
    transform:scale(1.13);
  }

  .mi-hero .mi-bg::after,
  .mi-commerce .mi-bg::after,
  .mi-training .mi-bg::after,
  .mi-security .mi-bg::after{
    background:
      linear-gradient(
        90deg,
        rgba(7,18,28,.62) 0%,
        rgba(7,18,28,.24) 15%,
        transparent 31%,
        transparent 84%,
        rgba(7,18,28,.12) 93%,
        rgba(7,18,28,.28) 100%
      );
  }
}

/* Ajustement ciblé : masquer le +23% mal cadré sur les deux premières vidéos */
@media(min-width:641px){
  .mi-hero .mi-video{
    object-position:72% 40%;
    transform:scale(1.10);
  }
  .mi-commerce .mi-video{
    object-position:70% 40%;
    transform:scale(1.10);
  }
}
@media(max-width:640px){
  .mi-hero .mi-video{
    object-position:77% 36%;
    transform:scale(1.18);
  }
  .mi-commerce .mi-video{
    object-position:74% 36%;
    transform:scale(1.18);
  }

  /* cache la zone basse où le +23% devient partiellement visible */
  .mi-hero .mi-bg::before,
  .mi-commerce .mi-bg::before{
    content:"";
    position:absolute;
    left:0;right:0;bottom:0;
    height:18%;
    z-index:2;
    border-radius:0;
    filter:none;
    opacity:1;
    animation:none;
    background:linear-gradient(180deg,transparent,rgba(7,18,28,.56));
  }
}

/* 2026-10-07 — correction mobile définitive des textes intégrés aux 2 premières vidéos */
@media(max-width:640px){
  /* Cadrage plus à droite : on privilégie courbe, points lumineux et barres. */
  .mi-hero .mi-video{
    object-position:100% 38% !important;
    transform:scale(1.24) !important;
  }
  .mi-commerce .mi-video{
    object-position:100% 38% !important;
    transform:scale(1.24) !important;
  }

  /* Masque visuel dédié à gauche pour faire disparaître +23 / +28 et fragments de mots intégrés à la vidéo. */
  .mi-hero .mi-bg::after,
  .mi-commerce .mi-bg::after{
    background:
      linear-gradient(
        90deg,
        rgba(7,18,28,.96) 0%,
        rgba(7,18,28,.88) 24%,
        rgba(7,18,28,.55) 38%,
        rgba(7,18,28,.16) 50%,
        transparent 62%,
        transparent 100%
      ) !important;
  }

  /* Le titre reste en haut mais prend moins de place pour laisser respirer la vidéo. */
  .mi-hero h1{
    font-size:clamp(2.35rem,10.5vw,3.25rem) !important;
    max-width:340px !important;
    line-height:.96 !important;
  }
  .mi-commerce h2{
    font-size:clamp(2.25rem,10vw,3.15rem) !important;
    max-width:350px !important;
    line-height:.96 !important;
  }

  .mi-hero > .container,
  .mi-commerce > .container{
    padding-top:100px !important;
  }
}

/* 2026-10-07 — même correction sur tablette + ordinateur pour les 2 premières vidéos */
@media(min-width:641px){
  .mi-hero .mi-video{
    object-position:100% 40% !important;
    transform:scale(1.16) !important;
  }
  .mi-commerce .mi-video{
    object-position:100% 40% !important;
    transform:scale(1.16) !important;
  }

  .mi-hero .mi-bg::after,
  .mi-commerce .mi-bg::after{
    background:
      linear-gradient(
        90deg,
        rgba(7,18,28,.94) 0%,
        rgba(7,18,28,.84) 18%,
        rgba(7,18,28,.48) 31%,
        rgba(7,18,28,.14) 44%,
        transparent 56%,
        transparent 100%
      ) !important;
  }
}

/* Tablette : cadrage un peu plus serré pour empêcher la réapparition des pourcentages */
@media(min-width:641px) and (max-width:1024px){
  .mi-hero .mi-video{
    object-position:100% 38% !important;
    transform:scale(1.20) !important;
  }
  .mi-commerce .mi-video{
    object-position:100% 38% !important;
    transform:scale(1.20) !important;
  }
}

/* 2026-10-07 — correction portrait/tablette/desktop étroit : masque local du +23% intégré */
@media(min-width:641px) and (max-width:1100px){
  .mi-hero,
  .mi-commerce{
    position:relative;
  }

  .mi-hero .mi-bg::before,
  .mi-commerce .mi-bg::before{
    content:"";
    position:absolute;
    z-index:3;
    pointer-events:none;
    left:0;
    top:0;
    width:48%;
    height:22%;
    border-radius:0 0 34px 0;
    filter:none;
    opacity:1;
    animation:none;
    background:
      linear-gradient(
        135deg,
        rgba(7,18,28,.98) 0%,
        rgba(7,18,28,.92) 46%,
        rgba(7,18,28,.58) 72%,
        rgba(7,18,28,0) 100%
      );
  }

  .mi-hero .mi-video,
  .mi-commerce .mi-video{
    object-position:100% 44% !important;
    transform:scale(1.24) !important;
  }
}

/* Grand écran paysage : même logique mais masque plus discret. */
@media(min-width:1101px){
  .mi-hero .mi-bg::before,
  .mi-commerce .mi-bg::before{
    content:"";
    position:absolute;
    z-index:3;
    pointer-events:none;
    left:0;
    top:0;
    width:34%;
    height:20%;
    border-radius:0 0 40px 0;
    filter:none;
    opacity:1;
    animation:none;
    background:
      linear-gradient(
        135deg,
        rgba(7,18,28,.94) 0%,
        rgba(7,18,28,.76) 52%,
        rgba(7,18,28,.28) 78%,
        rgba(7,18,28,0) 100%
      );
  }
}

/* Accueil : bandeau du haut toujours assez sombre pour que le logo blanc et or reste visible */
body.home-immersive .nav.nav-simple{background:linear-gradient(180deg,rgba(16,32,51,.92),rgba(16,32,51,.55) 70%,rgba(16,32,51,0))!important;border-bottom:0!important}

/* 2026-10-09 — Facturation électronique en 2e position sur l'accueil :
   libellé agrandi tout en haut de la vidéo, centre dégagé, texte + CTA en bas. */
.mi-billing{align-items:stretch;padding:0;min-height:78svh}
.mi-billing > .container{width:100%;display:flex;padding-top:112px;padding-bottom:44px}
.mi-billing .mi-copy{
  width:100%;
  max-width:none;
  min-height:calc(78svh - 156px);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center !important;
  margin:0 !important;
}
.mi-billing .mi-kicker{
  font-size:clamp(1.05rem,1.7vw,1.5rem);
  letter-spacing:.14em;
  gap:14px;
  margin-bottom:16px;
}
.mi-billing .mi-kicker::before{width:48px}
.mi-billing h2{margin-left:auto;margin-right:auto;max-width:980px;text-wrap:balance}
.mi-billing .mi-copy p{margin-top:auto;margin-bottom:16px;max-width:720px;padding:0 12px}
.mi-billing .mi-shade{
  background:linear-gradient(180deg,rgba(7,18,28,.56) 0%,rgba(7,18,28,.08) 30%,rgba(7,18,28,.05) 62%,rgba(7,18,28,.64) 100%) !important;
}
@media(max-width:640px){
  .mi-billing{min-height:92svh}
  .mi-billing > .container{padding-top:92px;padding-bottom:26px}
  .mi-billing .mi-copy{min-height:calc(92svh - 118px)}
  .mi-billing .mi-kicker{font-size:.95rem;letter-spacing:.12em;margin-bottom:12px}
  .mi-billing .mi-kicker::before{width:30px}
  .mi-billing h2{font-size:clamp(2.6rem,12vw,3.8rem);max-width:360px;line-height:.94}
  .mi-billing .mi-copy p{max-width:350px;font-size:.95rem;line-height:1.5;color:rgba(255,255,255,.94)}
  .mi-billing .mi-cta{width:auto;padding:8px 14px;font-size:.82rem}
}

/* Le changement d'ordre fait passer Performance Digital en position impaire :
   on fige son voile pour garder exactement le rendu d'avant. */
.mi-panel.mi-digital .mi-shade{background:linear-gradient(270deg,rgba(19,37,53,.56) 0%,rgba(19,37,53,.32) 48%,rgba(19,37,53,.10) 100%),linear-gradient(0deg,rgba(19,37,53,.40),transparent 60%)}
@media(max-width:980px){
  .mi-panel.mi-digital .mi-shade{background:linear-gradient(180deg,rgba(20,40,57,.42),rgba(20,40,57,.58))}
}


/* Minimaliste Premium V1. Scoped to the French homepage only. */
body.home-immersive.home-premium{background:#203747}
.home-premium .mi-hero,.home-premium .mi-panel{
  display:flex;align-items:stretch;padding:0;min-height:760px;min-height:92svh;
}
.home-premium .mi-hero{min-height:100svh}
.home-premium .mi-hero>.container,.home-premium .mi-panel>.container{
  width:100%;max-width:none;display:flex;padding:64px clamp(24px,5vw,88px) 48px!important;
}
.home-premium .mi-hero>.container{padding-top:140px!important}
.home-premium .mi-hero .mi-copy,.home-premium .mi-panel .mi-copy{
  display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
  width:100%;max-width:none;min-height:calc(92svh - 112px);gap:18px;
  margin:0!important;text-align:center!important;
}
.home-premium .mi-hero .mi-copy{min-height:calc(100svh - 188px)}
.home-premium .mi-hero h1,.home-premium .mi-panel h2{
  font-size:clamp(2.4rem,5.2vw,5.25rem)!important;line-height:1.1!important;
  max-width:1100px!important;margin:0 auto;letter-spacing:-.035em;
  text-wrap:balance;overflow-wrap:normal;hyphens:none;text-shadow:0 2px 18px #10203366;
}
.home-premium .mi-panel .mi-kicker{
  margin:0;color:#efd49f;letter-spacing:.13em;font-size:.72rem;
  font-weight:800;line-height:1.6;justify-content:center;
}
.home-premium .mi-kicker::before{display:none}
.home-premium .mi-accent{color:#efd49f}
.home-premium .mi-copy>.mi-actions,.home-premium .mi-copy>.mi-cta{
  margin-top:auto;padding-top:0;
}
.home-premium .mi-copy>.mi-actions{padding-top:36px;gap:0}
.home-premium .mi-copy>.mi-cta{margin-top:auto}
.home-premium .mi-copy .mi-cta.mi-primary{
  min-height:48px;min-width:156px;width:auto;justify-content:center;
  padding:12px 26px;border:1px solid #e1bd78;border-radius:999px;
  background:#e1bd78;color:#102033;font-size:.95rem;font-weight:800;
  box-shadow:0 8px 32px #07121c33;backdrop-filter:none;transition:background .2s,transform .2s;
}
.home-premium .mi-copy .mi-cta.mi-primary:hover{background:#f1d49b;transform:translateY(-2px)}
.home-premium a:focus-visible,.home-premium summary:focus-visible{
  outline:3px solid #fff;outline-offset:5px;box-shadow:0 0 0 7px #102033;
}
.home-premium .mi-bg{background:#203747}
.home-premium .mi-bg::before,.home-premium .mi-bg::after{display:none}
.home-premium .mi-bg .mi-video{
  object-fit:cover;object-position:50% 50%!important;transform:none!important;
  filter:saturate(.88) brightness(.92);
}
.home-premium .mi-grid,.home-premium .mi-visual-mark{display:none}
.home-premium .mi-hero .mi-shade,.home-premium .mi-panel .mi-shade{
  background:linear-gradient(180deg,#142a3be8 0%,#142a3bcb 24%,#142a3b22 47%,#142a3b0d 67%,#142a3bc9 100%)!important;
}
/* Original titles/percentages are baked into these four films.
   Keep their lower visual stage; the opaque upper veil avoids partial words. */
.home-premium .mi-hero .mi-video,.home-premium .mi-commerce .mi-video,
.home-premium .mi-training .mi-video,.home-premium .mi-security .mi-video{
  clip-path:inset(21.5% 0 0);object-position:right center!important;
}
.home-premium .mi-hero .mi-shade,.home-premium .mi-commerce .mi-shade,
.home-premium .mi-training .mi-shade,.home-premium .mi-security .mi-shade{
  background:linear-gradient(180deg,#203747 0%,#203747 21.5%,#20374700 29%,#10203314 72%,#102033b3 100%)!important;
}
.home-premium .mi-digital .mi-video{object-position:57% center!important}
.home-premium .nav-inner{flex-wrap:wrap;min-height:88px;height:auto}
.home-premium .nav-actions{gap:18px}
.home-premium .fr-lang-switch{display:inline-flex;align-items:center;min-height:44px;padding:0 8px}
.home-premium .mi-account{min-height:44px}
.home-premium .mi-trust{padding:80px 0}
@media(min-width:1600px){
  .home-premium .mi-hero,.home-premium .mi-panel{min-height:850px}
  .home-premium .mi-hero .mi-copy{min-height:662px}
  .home-premium .mi-panel .mi-copy{min-height:738px}
}
@media(max-width:1024px){
  .home-premium .mi-hero>.container{padding-top:150px!important}
  .home-premium .mi-hero .mi-copy{min-height:calc(100svh - 198px)}
  .home-premium .mi-hero h1,.home-premium .mi-panel h2{max-width:780px!important}
}
@media(max-width:640px){
  .home-premium .mi-hero,.home-premium .mi-panel{min-height:740px;min-height:92svh}
  .home-premium .mi-hero{min-height:100svh}
  .home-premium .mi-hero>.container,.home-premium .mi-panel>.container{padding:52px 24px 32px!important}
  .home-premium .mi-hero>.container{padding-top:154px!important}
  .home-premium .mi-hero .mi-copy,.home-premium .mi-panel .mi-copy{min-height:calc(92svh - 84px);gap:16px}
  .home-premium .mi-hero .mi-copy{min-height:calc(100svh - 186px)}
  .home-premium .mi-hero h1,.home-premium .mi-panel h2{
    font-size:clamp(2rem,8.8vw,3.3rem)!important;max-width:100%!important;line-height:1.14!important;
  }
  .home-premium .mi-panel .mi-kicker{font-size:.62rem;letter-spacing:.09em}
  .home-premium .mi-bg .mi-video{object-position:65% center!important}
  .home-premium .mi-hero .mi-video,.home-premium .mi-commerce .mi-video,
  .home-premium .mi-training .mi-video,.home-premium .mi-security .mi-video{object-position:100% center!important}
  .home-premium .mi-digital .mi-video{object-position:50% center!important}
  .home-premium .nav.nav-simple .nav-inner{width:calc(100% - 32px);padding:12px 0;gap:10px;justify-content:center}
  .home-premium .nav.nav-simple .mi-brand{flex:0 0 100%;align-items:center}
  .home-premium .nav.nav-simple .mi-brand img{width:150px!important}
  .home-premium .nav-actions{width:100%;justify-content:center;gap:12px}
  .home-premium .mi-account{padding:10px 14px;font-size:.84rem}
  .home-premium .mobile-nav-panel{right:auto;left:0;min-width:min(270px,calc(100vw - 36px))}
  .home-premium .mi-trust{padding:56px 0}
}
@media(max-height:600px) and (min-width:641px){
  .home-premium .mi-hero,.home-premium .mi-panel{min-height:640px}
  .home-premium .mi-hero .mi-copy{min-height:442px}
  .home-premium .mi-panel .mi-copy{min-height:528px}
}
@media(prefers-reduced-motion:reduce){
  .home-premium{scroll-behavior:auto}
  .home-premium .mi-cta{transition:none!important}
}

/* Cinematic departure: a gentle slate fade with restrained champagne rings.
   Only the six homepage service buttons activate this 800ms effect. */
.home-premium .mi-travel{
  position:fixed;inset:0;z-index:100000;overflow:hidden;pointer-events:auto;
  background:radial-gradient(ellipse at var(--mi-travel-x,50%) var(--mi-travel-y,50%),#314e63,#203747 65%);
  perspective:900px;isolation:isolate;animation:miTravelAppear 140ms ease-out both;
}
.home-premium .mi-travel__frame{
  position:absolute;inset:0;width:100%;height:100%;opacity:0;
  transform-origin:var(--mi-travel-x,50%) var(--mi-travel-y,50%);
}
.home-premium .mi-travel__frame--ready{
  opacity:1;animation:miTravelDepth 800ms cubic-bezier(.26,.05,.33,1) both;
}
.home-premium .mi-travel__depth{
  position:absolute;inset:-15%;
  background:radial-gradient(ellipse at var(--mi-travel-x,50%) var(--mi-travel-y,50%),transparent 10%,#10203324 46%,#102033c9 85%);
  animation:miTravelSurround 800ms ease-in both;
}
.home-premium .mi-travel__ring{
  position:absolute;left:var(--mi-travel-x,50%);top:var(--mi-travel-y,50%);
  width:34vmin;height:34vmin;border:1px solid #efd49f66;border-radius:50%;
  box-shadow:0 0 28px #e1bd7826,inset 0 0 24px #e1bd781a;
  animation:miTravelPortal 800ms cubic-bezier(.32,.03,.38,1) both;
}
.home-premium .mi-travel__ring--far{
  width:20vmin;height:20vmin;border-color:#e1bd784d;
  animation-delay:55ms;animation-duration:745ms;
}
.home-premium .mi-travel__veil{
  position:absolute;inset:0;background:#203747;
  animation:miTravelVeil 800ms cubic-bezier(.4,0,.2,1) both;
}
.home-premium .mi-travel-status{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;
}
.home-premium.mi-is-travelling .mi-copy{pointer-events:none}
@keyframes miTravelAppear{from{opacity:0}to{opacity:1}}
@keyframes miTravelDepth{
  0%{transform:scale(1.02);opacity:1}
  72%{opacity:1}
  100%{transform:scale(1.08);opacity:.65}
}
@keyframes miTravelSurround{from{opacity:.25;transform:scale(1)}to{opacity:.7;transform:scale(1.18)}}
@keyframes miTravelPortal{
  0%{transform:translate(-50%,-50%) rotateX(18deg) scale(.35);opacity:0}
  22%{opacity:.45}
  100%{transform:translate(-50%,-50%) rotateX(0) scale(7);opacity:0}
}
@keyframes miTravelVeil{0%,28%{opacity:0}100%{opacity:1}}
@media(max-width:640px){
  .home-premium .mi-travel__frame--ready{animation-name:miTravelDepthMobile}
}
@keyframes miTravelDepthMobile{from{transform:scale(1.01);opacity:1}to{transform:scale(1.05);opacity:.65}}
@media(prefers-reduced-motion:reduce){
  .home-premium .mi-travel{display:none}
  .home-premium .mi-travel,.home-premium .mi-travel *{animation:none!important}
}


/* Hero-only proposal — Cinema Premium. Other video panels stay unchanged. */
.home-premium .mi-hero--cinema{min-height:100svh;min-height:max(640px,100svh)}
.home-premium .mi-hero--cinema>.container{
  align-items:flex-end;padding:140px clamp(24px,6vw,96px) 72px!important;
}
.home-premium .mi-hero--cinema .mi-copy{
  min-height:0!important;max-width:760px;width:100%;align-items:flex-start;
  justify-content:flex-end;gap:26px;text-align:left!important;margin:0!important;
}
.home-premium .mi-hero--cinema h1{
  font-size:clamp(3rem,4.4vw,4.6rem)!important;line-height:1.08!important;
  max-width:760px!important;margin:0;letter-spacing:-.035em;
}
.home-premium .mi-hero--cinema .mi-title-line{display:block}
.home-premium .mi-hero--cinema .mi-title-line:first-child{animation:miCinemaReveal 800ms 80ms ease-out backwards}
.home-premium .mi-hero--cinema .mi-title-line.mi-accent{animation:miCinemaReveal 900ms 240ms ease-out backwards}
.home-premium .mi-hero--cinema .mi-copy>.mi-actions{
  margin-top:0;padding-top:0;justify-content:flex-start;
  animation:miCinemaReveal 800ms 400ms ease-out backwards;
}
.home-premium .mi-hero--cinema .mi-cta.mi-primary{
  min-width:148px;padding:12px 24px;font-size:.9rem;
}
.home-premium .mi-hero--cinema .mi-video{
  clip-path:none!important;object-position:100% center!important;
}
.home-premium .mi-hero--cinema .mi-shade{
  background:linear-gradient(180deg,#102033a3 0%,#1020331a 34%,#10203314 48%,#102033b3 76%,#102033eb 100%)!important;
}
@keyframes miCinemaReveal{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:640px){
  .home-premium .mi-hero--cinema{min-height:max(580px,100svh)}
  .home-premium .mi-hero--cinema>.container{
    padding:120px 24px max(44px,env(safe-area-inset-bottom))!important;
  }
  .home-premium .mi-hero--cinema .mi-copy{
    align-items:center;max-width:none;gap:24px;text-align:center!important;
  }
  .home-premium .mi-hero--cinema h1{
    font-size:clamp(2rem,7.8vw,2.9rem)!important;line-height:1.12!important;
    max-width:100%!important;
  }
  .home-premium .mi-hero--cinema .mi-copy>.mi-actions{justify-content:center}
  .home-premium.home-cinema .nav.nav-simple .nav-inner{
    width:calc(100% - 24px);min-height:68px;padding:10px 0;gap:8px;
    justify-content:space-between;flex-wrap:nowrap;
  }
  .home-premium.home-cinema .nav.nav-simple .mi-brand{flex:0 1 auto;min-width:0}
  .home-premium.home-cinema .nav.nav-simple .mi-brand img{width:112px!important}
  .home-premium.home-cinema .nav-actions{width:auto;gap:6px;flex-shrink:0}
  .home-premium.home-cinema .nav-actions .btn{font-size:.78rem;padding:9px;min-height:44px}
  .home-premium.home-cinema .fr-lang-switch{min-height:44px;padding:0 6px;font-size:.8rem}
  .home-premium.home-cinema .mi-account{min-height:44px;padding:9px 10px;font-size:.76rem}
  .home-premium.home-cinema .mi-account::before{display:none}
}
@media(max-width:359px){
  .home-premium.home-cinema .nav.nav-simple .mi-brand img{width:88px!important}
  .home-premium.home-cinema .nav-actions{gap:4px}
}
@media(prefers-reduced-motion:reduce){
  .home-premium .mi-hero--cinema .mi-title-line,
  .home-premium .mi-hero--cinema .mi-copy>.mi-actions{animation:none!important}
}

/* H1 approved on 19/10: visible service/location, original slogan retained. */
.home-premium .mi-hero--cinema h1.mi-service-heading{
  font-family:Inter,Arial,sans-serif;font-size:clamp(1rem,1.4vw,1.25rem)!important;
  line-height:1.5!important;font-weight:600;letter-spacing:0;max-width:620px!important;
  margin:0;color:#fff;text-wrap:balance;
}
.home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan{
  display:block;font-family:Georgia,"Times New Roman",serif;font-weight:500;
  font-size:clamp(3rem,4.4vw,4.6rem)!important;line-height:1.08!important;
  max-width:760px!important;margin:0!important;padding:0;letter-spacing:-.035em;color:#fff;
  text-wrap:balance;text-shadow:0 2px 18px #10203366;
}
@media(max-width:640px){
  .home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan{
    font-size:clamp(2rem,7.8vw,2.9rem)!important;line-height:1.12!important;max-width:100%!important;
  }
}

/* 07/11/2026 — nouvelle accroche, pôle Hygiène, section « Comment ça se passe ? ».
   Retouches ciblées : le reste de l'accueil est inchangé. */
.home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan{
  font-size:clamp(2.1rem,3.5vw,3.5rem)!important;line-height:1.14!important;max-width:760px!important;
}
.home-premium .mi-hero--cinema .mi-copy p.mi-conversion-promise{
  max-width:620px;margin:0;padding:0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.6;color:rgba(255,255,255,.9);
}
@media(max-width:640px){
  .home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan{
    font-size:clamp(1.7rem,7.2vw,2.3rem)!important;line-height:1.16!important;
  }
}
.mi-hygiene .mi-bg{background:linear-gradient(135deg,#4f7c78 0%,#86aaa4 56%,#d2bd94 145%)}
.mi-hygiene .mi-shade{background:linear-gradient(180deg,rgba(19,37,53,.30),rgba(19,37,53,.52))}
.mi-hygiene .mi-copy{max-width:860px}
.mi-panel .mi-actions .mi-cta:not(.mi-primary){min-height:44px}
.mi-steps{list-style:none;margin:0;padding:0}
.mi-step-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#183347;color:#e1bd78;font-weight:800;margin-bottom:12px}
.mi-process-cta{text-align:center;margin:30px 0 0}
.mi-cta.mi-cta-dark{background:#183347;border-color:#183347;color:#fff;backdrop-filter:none}
.mi-cta.mi-cta-dark:hover{background:#0f2433;border-color:#0f2433}
.mi-trust a:focus-visible,.mi-panel a:focus-visible{outline:3px solid #e1bd78;outline-offset:3px}
.mi-panel .mi-copy p.mi-panel-text{
  display:inline-block;max-width:680px;padding:12px 18px;border-radius:14px;
  background:rgba(8,19,31,.58);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  color:#fff;text-shadow:0 1px 10px rgba(8,19,31,.7);
}
/* Mobile : les deux boutons (principal + « Voir le tarif » / « Découvrir nos diagnostics ») restent visibles. */
@media(max-width:640px){
  .mi-hero .mi-actions .mi-cta:nth-child(n+2),
  .mi-commerce .mi-actions .mi-cta:nth-child(n+2){display:inline-flex}
  .mi-hero .mi-actions,.mi-commerce .mi-actions{flex-wrap:wrap}
  .mi-hero .mi-cta,.mi-commerce .mi-cta,.mi-billing .mi-cta{min-height:44px}
}

/* Mobile : cadrage des vidéos et texte du hero aligné sur les panneaux (texte en bas). */
@media(max-width:640px){
  .home-premium .mi-hero--cinema>.container{align-items:flex-end!important;padding-bottom:36px!important;margin-bottom:0!important}
  .home-premium .mi-hero--cinema .mi-copy{justify-content:flex-end!important;min-height:0!important}
  .mi-commerce{background:#1e3649}
  .mi-commerce .mi-bg{top:96px;bottom:0}
  #hygiene-alimentaire .mi-bg .mi-video{object-position:100% 0%!important}
  #facturation .mi-bg .mi-video{object-position:42% 50%!important}
}

/* Tous écrans : texte du hero en bas (sous les libellés incrustés de la vidéo). */
.home-premium .mi-hero--cinema>.container{margin-bottom:0!important}

/* Tablette / écran étroit en hauteur (dont « mode ordinateur » d'un téléphone) :
   panneaux moins hauts pour que les vidéos ne soient pas agrandies à l'excès. */
@media(min-width:641px) and (max-aspect-ratio:1/1){
  .home-premium .mi-hero--cinema{min-height:min(100svh,125vw)!important;height:min(100svh,125vw)}
  .mi-commerce{--mi-h:clamp(520px,78vw,820px);min-height:var(--mi-h)!important;background:#1e3649}
  .mi-commerce .mi-copy{min-height:calc(var(--mi-h) - 116px)!important}
  .mi-commerce .mi-bg{top:120px;bottom:0}
  #hygiene-alimentaire .mi-bg .mi-video{object-position:100% 0%!important}
  #facturation .mi-bg .mi-video{object-position:45% 50%!important}
}

/* Ordinateur : slogan sur 2 lignes et voile plus marqué sous le texte pour la lisibilité. */
@media(min-width:1025px) and (min-aspect-ratio:1/1){
  .home-premium .mi-hero--cinema .mi-copy{max-width:min(980px,92%)}
  .home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan{font-size:clamp(2rem,2.5vw,2.6rem)!important;max-width:none!important}
  .home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan .mi-title-line{display:inline!important}
  .home-premium .mi-hero--cinema .mi-kicker,.home-premium .mi-hero--cinema .mi-copy>p:first-child{max-width:none!important}
  .home-premium .mi-hero--cinema .mi-shade{
    background:linear-gradient(180deg,#102033a3 0%,#10203333 28%,#102033a6 52%,#102033e0 78%,#102033f2 100%)!important;
  }
}

/* Mobile : texte plus petit et plus aéré, pour une page plus épurée. */
@media(max-width:640px){
  .home-premium .mi-hero--cinema .mi-copy>p:first-of-type{font-size:.8rem!important;line-height:1.4!important}
  .home-premium .mi-hero--cinema .mi-copy p.mi-brand-slogan{font-size:1.3rem!important;line-height:1.3!important}
  .home-premium .mi-hero--cinema .mi-conversion-promise{font-size:.82rem!important;line-height:1.45!important;max-width:320px!important}
  .home-premium .mi-hero--cinema .mi-cta{font-size:.78rem!important;padding:8px 14px!important}
  .home-premium .mi-panel h2,.home-premium .mi-commerce h2{font-size:clamp(1.7rem,8vw,2.2rem)!important;line-height:1.15!important}
  .home-premium .mi-panel .mi-kicker{font-size:.62rem!important}
  .footer,.footer a,.footer p{font-size:.85rem}
  .footer-grid{gap:18px}
  .footer-other-services a{padding:3px 0}
  .mi-commerce .mi-cta{font-size:.78rem!important}
  .mi-trust{padding:44px 0}
  .mi-trust .section-head h2{font-size:1.45rem!important;line-height:1.2}
  .mi-trust .eyebrow{font-size:.66rem}
  .mi-trust-grid{gap:12px}
  .mi-trust-card{padding:18px 16px;border-radius:16px}
  .mi-trust-card h3{font-size:.95rem!important;margin-bottom:6px}
  .mi-trust-card p{font-size:.82rem!important;line-height:1.45}
  .mi-step-num{width:28px;height:28px;font-size:.8rem;margin-bottom:8px}
  .seo-guidance h2{font-size:1.2rem!important;line-height:1.25}
  .seo-guidance p{font-size:.8rem!important;line-height:1.5}
  .mi-process-cta .mi-cta{font-size:.8rem}
}