:root {
  --mb-blue: #0c72ed;
  --mb-blue-dark: #0752ad;
  --mb-green: #2fa513;
  --mb-ink: #142335;
  --mb-muted: #5e6d7b;
  --mb-line: rgba(12, 114, 237, .14);
  --mb-paper: #f4f8fb;
  --mb-white: #fff;
  --mb-radius: 22px;
  --mb-shadow: 0 20px 60px rgba(20, 35, 53, .10);
}

.modebat-premium-home .breadcrumb-wrapper.homepage_banner {
  min-height: clamp(540px, 70vh, 760px) !important;
  background-image: linear-gradient(90deg, rgba(5,35,65,.26), rgba(5,35,65,.05)), url("images/modebat-hero-original.jpg") !important;
  background-size: cover !important;
  background-position: center !important;
  background-attachment: scroll !important;
  isolation: isolate;
  overflow: hidden;
}
.modebat-premium-home .breadcrumb-wrapper.homepage_banner::before,
.modebat-premium-home .breadcrumb-wrapper.homepage_banner::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.modebat-premium-home .breadcrumb-wrapper.homepage_banner::before {
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='190' viewBox='0 0 220 190'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='.30' stroke-width='2'%3E%3Cpath d='M55 3l46 26v53l-46 26L9 82V29z'/%3E%3Cpath d='M165 83l46 26v53l-46 26-46-26v-53z'/%3E%3C/g%3E%3Cg fill='none' stroke='%2397ef86' stroke-opacity='.32' stroke-width='2'%3E%3Cpath d='M165-27l46 26v53l-46 26-46-26V-1z'/%3E%3Cpath d='M55 113l46 26v53l-46 26-46-26v-53z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 220px 190px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 72%);
  mask-image: linear-gradient(90deg, #000, transparent 72%);
  animation: mb-grid-drift 30s linear infinite;
}
.modebat-premium-home .breadcrumb-wrapper.homepage_banner::after {
  z-index: 1;
  background: radial-gradient(circle at 18% 50%, rgba(12,114,237,.28), transparent 42%);
}
.modebat-premium-home .breadcrumb-wrapper.homepage_banner .container { position: relative; z-index: 4; }
.modebat-premium-home .breadcrumb-wrapper.homepage_banner .overlay { position: relative; z-index: 1; }
.modebat-premium-home .breadcrumb-wrapper.homepage_banner h1 { text-wrap: balance; text-shadow: 0 8px 30px rgba(0,0,0,.25); }
.modebat-premium-home .breadcrumb-wrapper.homepage_banner p { max-width: 680px; }
@keyframes mb-grid-drift { to { transform: translate3d(110px, 95px, 0); } }

/* Animation permanente du bandeau d'accueil — légère et sans dépendance. */
.modebat-premium-home .homepage_banner .mb-hero-motion-layer {
  position: absolute;
  inset: -5%;
  z-index: 0;
  pointer-events: none;
  background-image: linear-gradient(90deg, rgba(5,35,65,.26), rgba(5,35,65,.05)), url("images/modebat-hero-original.jpg");
  background-position: center;
  background-size: cover;
  will-change: transform;
  transform: translate3d(0,0,0) scale(1.06);
}
.modebat-premium-home .homepage_banner.mb-home-hero-ready .mb-hero-motion-layer {
  animation: mb-hero-cinema 18s ease-in-out infinite alternate;
}
.modebat-premium-home .homepage_banner .mb-hero-accents {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  overflow: hidden;
  transform: translate3d(calc(var(--mb-hero-x, 0) * 7px), calc(var(--mb-hero-y, 0) * 5px), 0);
  transition: transform .7s cubic-bezier(.2,.8,.2,1);
}
.modebat-premium-home .homepage_banner .mb-hero-accents span {
  position: absolute;
  width: 58px;
  height: 52px;
  color: rgba(255,255,255,.5);
  opacity: 0;
  background: currentColor;
  clip-path: polygon(25% 3%, 75% 3%, 100% 50%, 75% 97%, 25% 97%, 0 50%);
}
.modebat-premium-home .homepage_banner .mb-hero-accents span::after {
  content: "";
  position: absolute;
  inset: 2px;
  background: rgba(29,123,184,.36);
  clip-path: inherit;
}
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(1) { left: 8%; top: 18%; --mb-float-x: 18px; --mb-float-y: -14px; }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(2) { left: 20%; top: 68%; --mb-float-x: -14px; --mb-float-y: 12px; color: rgba(150,239,134,.52); }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(3) { left: 39%; top: 20%; --mb-float-x: 12px; --mb-float-y: 18px; }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(4) { left: 54%; top: 66%; --mb-float-x: -16px; --mb-float-y: -12px; color: rgba(150,239,134,.5); }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(5) { right: 28%; top: 15%; --mb-float-x: 15px; --mb-float-y: 11px; }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(6) { right: 17%; top: 58%; --mb-float-x: -12px; --mb-float-y: -17px; color: rgba(150,239,134,.54); }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(7) { right: 7%; top: 25%; --mb-float-x: -18px; --mb-float-y: 10px; }
.modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(8) { right: 5%; bottom: 9%; --mb-float-x: 13px; --mb-float-y: -15px; color: rgba(150,239,134,.5); }
.modebat-premium-home .homepage_banner.mb-home-hero-ready .mb-hero-accents span {
  animation: mb-hero-accent 7s ease-in-out calc(var(--mb-accent-index) * .22s) infinite alternate;
}
.modebat-premium-home .homepage_banner.mb-home-hero-ready .banner_title { animation: mb-hero-copy-in .9s .12s cubic-bezier(.16,.8,.2,1) both; }
.modebat-premium-home .homepage_banner.mb-home-hero-ready .banner_subtitle { animation: mb-hero-copy-in .9s .34s cubic-bezier(.16,.8,.2,1) both; }
@keyframes mb-hero-cinema {
  0% { transform: translate3d(calc(var(--mb-hero-x, 0) * -9px), calc(var(--mb-hero-y, 0) * -6px), 0) scale(1.07); }
  50% { transform: translate3d(calc(var(--mb-hero-x, 0) * -13px), calc(var(--mb-hero-y, 0) * -9px), 0) scale(1.025); }
  100% { transform: translate3d(calc(var(--mb-hero-x, 0) * -9px), calc(var(--mb-hero-y, 0) * -6px), 0) scale(1.065); }
}
@keyframes mb-hero-accent {
  0% { opacity: .08; transform: translate3d(0, 18px, 0) scale(.78) rotate(-5deg); }
  28% { opacity: .55; }
  100% { opacity: .16; transform: translate3d(var(--mb-float-x), var(--mb-float-y), 0) scale(1.15) rotate(7deg); }
}
@keyframes mb-hero-copy-in {
  from { opacity: 0; transform: translate3d(0, 34px, 0); filter: blur(5px); }
  to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
}
@media (max-width: 700px) {
  .modebat-premium-home .homepage_banner .mb-hero-accents span { width: 42px; height: 38px; }
  .modebat-premium-home .homepage_banner .mb-hero-accents span:nth-child(n+6) { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .modebat-premium-home .homepage_banner .mb-hero-motion-layer { animation: none !important; transform: none !important; }
  .modebat-premium-home .homepage_banner .mb-hero-accents { display: none; }
  .mb-js .modebat-premium-home .homepage_banner .banner_title,
  .mb-js .modebat-premium-home .homepage_banner .banner_subtitle { opacity: 1 !important; transform: none !important; animation: none !important; filter: none !important; }
}

.mb-main { width: 100%; max-width: 100%; overflow-x: hidden; color: var(--mb-ink); background: var(--mb-white); }
.mb-main *, .mb-main *::before, .mb-main *::after { box-sizing: border-box; }
.mb-shell { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.mb-section { padding: clamp(72px, 9vw, 126px) 0; }
.mb-main > .mb-section:not(.mb-process):not(.mb-proof):not(.mb-cta),
.mb-inner-hero { position: relative; isolation: isolate; }
.mb-main > .mb-section:not(.mb-process):not(.mb-proof):not(.mb-cta)::after,
.mb-inner-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  opacity: .72;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='620' viewBox='0 0 330 620'%3E%3Cg fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%232fa513' stroke-opacity='.34' stroke-width='2'%3E%3Cpath d='M-58 82l70-40 70 40v80l-70 40-70-40z'/%3E%3Cpath d='M105 18l46-26 46 26v53l-46 26-46-26z'/%3E%3Cpath d='M184 120l62-36 62 36v71l-62 36-62-36z'/%3E%3Cpath d='M-31 303l56-32 56 32v64l-56 32-56-32z'/%3E%3Cpath d='M105 420l75-43 75 43v86l-75 43-75-43z'/%3E%3Cpath d='M4 530l45-26 45 26v52l-45 26-45-26z'/%3E%3C/g%3E%3Cg stroke='%230c72ed' stroke-opacity='.30' stroke-width='2'%3E%3Cpath d='M-48 210l55-32 55 32v63l-55 32-55-32z'/%3E%3Cpath d='M137 257l46-27 46 27v53l-46 27-46-27z'/%3E%3Cpath d='M236 330l61-35 61 35v70l-61 35-61-35z'/%3E%3Cpath d='M-65 454l76-44 76 44v87l-76 44-76-44z'/%3E%3C/g%3E%3Cg stroke='%232fa513' stroke-opacity='.24' stroke-width='1.5'%3E%3Cpath d='M82 82h50l25 43'/%3E%3Ccircle cx='132' cy='82' r='4' fill='%232fa513'/%3E%3Cpath d='M81 335h56l25 43'/%3E%3Ccircle cx='137' cy='335' r='4' fill='%232fa513'/%3E%3Cpath d='M94 555h54'/%3E%3Ccircle cx='148' cy='555' r='4' fill='%232fa513'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='330' height='620' viewBox='0 0 330 620'%3E%3Cg transform='translate(330 0) scale(-1 1)' fill='none' stroke-linecap='round' stroke-linejoin='round'%3E%3Cg stroke='%230c72ed' stroke-opacity='.32' stroke-width='2'%3E%3Cpath d='M-58 82l70-40 70 40v80l-70 40-70-40z'/%3E%3Cpath d='M105 18l46-26 46 26v53l-46 26-46-26z'/%3E%3Cpath d='M184 120l62-36 62 36v71l-62 36-62-36z'/%3E%3Cpath d='M-31 303l56-32 56 32v64l-56 32-56-32z'/%3E%3Cpath d='M105 420l75-43 75 43v86l-75 43-75-43z'/%3E%3Cpath d='M4 530l45-26 45 26v52l-45 26-45-26z'/%3E%3C/g%3E%3Cg stroke='%232fa513' stroke-opacity='.28' stroke-width='2'%3E%3Cpath d='M-48 210l55-32 55 32v63l-55 32-55-32z'/%3E%3Cpath d='M137 257l46-27 46 27v53l-46 27-46-27z'/%3E%3Cpath d='M236 330l61-35 61 35v70l-61 35-61-35z'/%3E%3Cpath d='M-65 454l76-44 76 44v87l-76 44-76-44z'/%3E%3C/g%3E%3Cg stroke='%230c72ed' stroke-opacity='.22' stroke-width='1.5'%3E%3Cpath d='M82 82h50l25 43'/%3E%3Ccircle cx='132' cy='82' r='4' fill='%230c72ed'/%3E%3Cpath d='M81 335h56l25 43'/%3E%3Ccircle cx='137' cy='335' r='4' fill='%230c72ed'/%3E%3Cpath d='M94 555h54'/%3E%3Ccircle cx='148' cy='555' r='4' fill='%230c72ed'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 330px auto, 330px auto;
}
.mb-main > .mb-section > .mb-shell,
.mb-inner-hero > .mb-shell { position: relative; z-index: 1; }
.mb-profile, .mb-resources, .mb-inner-hero, .mb-vision, .mb-circular { position: relative; isolation: isolate; }
.mb-profile::before, .mb-resources::before, .mb-inner-hero::before, .mb-vision::before, .mb-circular::before {
  content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .32;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='156' viewBox='0 0 180 156'%3E%3Cg fill='none' stroke='%230c72ed' stroke-opacity='.16' stroke-width='1.5'%3E%3Cpath d='M45 2l37 21v43L45 87 8 66V23z'/%3E%3Cpath d='M135 69l37 21v43l-37 21-37-21V90z'/%3E%3C/g%3E%3Cg fill='none' stroke='%232fa513' stroke-opacity='.13' stroke-width='1.5'%3E%3Cpath d='M135-18l37 21v43l-37 21-37-21V3z'/%3E%3Cpath d='M45 89l37 21v43l-37 21-37-21v-43z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 180px 156px;
  -webkit-mask-image: linear-gradient(90deg, #000, transparent 28%, transparent 72%, #000); mask-image: linear-gradient(90deg, #000, transparent 28%, transparent 72%, #000);
}
.mb-two-col { display: grid; grid-template-columns: 1.05fr .95fr; gap: clamp(36px, 7vw, 96px); align-items: end; }
.mb-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--mb-blue); font-size: 12px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.mb-kicker::before { content: ""; width: 30px; height: 2px; background: currentColor; }
.mb-main h1, .mb-main h2, .mb-main h3 { color: var(--mb-ink); font-family: "Libre Franklin", Arial, sans-serif; letter-spacing: -.035em; text-wrap: balance; }
.mb-main h1 { margin: 22px 0 0; font-size: clamp(42px, 5.2vw, 76px); line-height: 1.02; }
.mb-main h2 { margin: 18px 0 20px; font-size: clamp(34px, 4vw, 58px); line-height: 1.08; }
.mb-main h3 { font-size: 22px; line-height: 1.22; }
.mb-main p { color: var(--mb-muted); font-size: 17px; line-height: 1.75; }
.mb-lead > p { margin: 0; font-size: clamp(18px, 2vw, 22px); }
.mb-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.mb-button { display: inline-flex; min-height: 52px; padding: 14px 24px; align-items: center; justify-content: center; border: 1px solid transparent; border-radius: 999px; font-weight: 750; transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.mb-button:hover, .mb-button:focus-visible { transform: translateY(-3px); text-decoration: none; }
.mb-button-primary { color: white !important; background: linear-gradient(135deg, var(--mb-blue), #2799ef); box-shadow: 0 12px 28px rgba(12,114,237,.25); }
.mb-button-ghost { color: var(--mb-ink) !important; border-color: rgba(20,35,53,.18); background: rgba(255,255,255,.7); }
.mb-button-light { color: var(--mb-blue-dark) !important; background: white; box-shadow: 0 14px 35px rgba(0,0,0,.16); }

.mb-original-banner {
  position: relative;
  z-index: 2;
  width: 100%;
  margin: 0;
  border-top: 5px solid var(--mb-green);
  border-bottom: 1px solid rgba(12,114,237,.16);
  background: #fff;
  box-shadow: 0 18px 52px rgba(20,35,53,.10);
  overflow: hidden;
}
.mb-original-banner img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 7;
  object-fit: cover;
  object-position: center 52%;
}
.mb-original-banner-home { border-top-color: var(--mb-blue); }

.mb-expertises { background: var(--mb-paper); }
.mb-section-head { max-width: 790px; margin-bottom: 50px; }
.mb-section-head p { max-width: 690px; }
.mb-five-poles-visual { position: relative; margin: -12px 0 44px; border: 1px solid rgba(12,114,237,.13); border-radius: 26px; background: #fff; box-shadow: 0 16px 46px rgba(20,35,53,.08); overflow: hidden; }
.mb-five-poles-visual img { display: block; width: 100%; height: auto; }
.mb-five-poles-labels { position: absolute; inset: 0; pointer-events: none; }
.mb-pole-label {
  position: absolute; z-index: 2; max-width: 235px; padding: 9px 14px;
  border: 1px solid rgba(12,114,237,.16); border-radius: 999px;
  color: #17354f; background: rgba(255,255,255,.93); box-shadow: 0 9px 25px rgba(20,35,53,.1);
  font-size: clamp(11px, 1vw, 14px); font-weight: 800; line-height: 1.25; text-align: center;
  backdrop-filter: blur(8px);
}
.mb-pole-label::before { content: ""; display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: linear-gradient(135deg, var(--mb-blue), var(--mb-green)); vertical-align: 1px; }
.mb-pole-label-1 { left: 50%; top: 7%; transform: translateX(-50%); }
.mb-pole-label-2 { left: 6%; top: 48%; }
.mb-pole-label-3 { right: 5%; top: 48%; }
.mb-pole-label-4 { left: 15%; bottom: 5%; }
.mb-pole-label-5 { right: 12%; bottom: 5%; }
.mb-card-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px; }
.mb-service-card { position: relative; min-height: 330px; grid-column: span 2; padding: 30px; color: inherit !important; background: rgba(255,255,255,.88); border: 1px solid rgba(255,255,255,.9); border-radius: var(--mb-radius); box-shadow: 0 10px 40px rgba(20,35,53,.06); overflow: hidden; transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.mb-service-card { grid-column: span 2; min-height: 320px; }
.mb-service-card:nth-child(4), .mb-service-card:nth-child(5) { grid-column: span 3; min-height: 290px; }
.mb-service-card::after { content: ""; position: absolute; right: -55px; bottom: -55px; width: 150px; height: 150px; border: 1px solid var(--mb-line); transform: rotate(45deg); transition: transform .45s ease, background .45s ease; }
.mb-service-card:hover, .mb-service-card:focus-visible { transform: translateY(-8px); box-shadow: var(--mb-shadow); border-color: rgba(12,114,237,.22); text-decoration: none; }
.mb-service-card:hover::after { transform: rotate(60deg) scale(1.2); background: rgba(12,114,237,.05); }
.mb-service-number { position: absolute; top: 22px; right: 24px; color: rgba(20,35,53,.24); font-size: 12px; font-weight: 800; letter-spacing: .12em; }
.mb-service-icon { display: block; width: 58px; height: 52px; margin-bottom: 38px; background: linear-gradient(135deg, rgba(47,165,19,.22), rgba(12,114,237,.24)); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); box-shadow: inset 0 0 0 2px var(--mb-blue); }
.mb-service-card p { font-size: 15px; }
.mb-card-link, .mb-text-link { display: inline-flex; gap: 10px; align-items: center; color: var(--mb-blue); font-weight: 800; }

.mb-process { color: white; background: var(--mb-ink); position: relative; }
.mb-process::before { content: ""; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(255,255,255,.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px); background-size: 64px 64px; }
.mb-process::after, .mb-proof::after, .mb-cta::after { content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none; opacity: .16; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='360' height='312' viewBox='0 0 360 312'%3E%3Cg fill='none' stroke='%23ffffff' stroke-width='2'%3E%3Cpath d='M90 4l74 43v86l-74 43-74-43V47z'/%3E%3Cpath d='M270 136l74 43v86l-74 43-74-43v-86z'/%3E%3Cpath d='M270-42l55 32v64l-55 32-55-32v-64z'/%3E%3C/g%3E%3Cg fill='%2397ef86'%3E%3Ccircle cx='164' cy='90' r='4'/%3E%3Ccircle cx='196' cy='222' r='4'/%3E%3C/g%3E%3C/svg%3E"); background-position: left center, right center; }
.mb-process, .mb-proof, .mb-cta { position: relative; isolation: isolate; overflow: hidden; }
.mb-process .mb-shell, .mb-proof .mb-shell, .mb-cta .mb-shell { position: relative; z-index: 1; }
.mb-section-head-light h2, .mb-process .mb-kicker { color: white; }
.mb-timeline { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: 60px 0 0; padding: 0; list-style: none; counter-reset: steps; }
.mb-timeline li { position: relative; padding: 36px 26px 20px 0; border-top: 1px solid rgba(255,255,255,.22); }
.mb-timeline li::before { content: ""; position: absolute; top: -8px; left: 0; width: 16px; height: 14px; background: var(--mb-green); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); box-shadow: 0 0 0 7px rgba(47,165,19,.18); }
.mb-timeline span { color: rgba(255,255,255,.45); font-weight: 800; }
.mb-timeline strong { display: block; margin-top: 14px; color: white; font-size: 22px; }
.mb-timeline p { color: rgba(255,255,255,.7); font-size: 15px; }
.mb-timeline li.is-visible { animation: mb-phase-settle .55s cubic-bezier(.2,.75,.2,1) both; }
@keyframes mb-phase-settle { 0% { filter: saturate(.45); } 55% { filter: saturate(1.28); } 100% { filter: saturate(1); } }
.mb-process-visual { position: relative; z-index: 1; margin: 48px 0 0; border: 1px solid rgba(255,255,255,.18); border-radius: 24px; background: #0b2135; box-shadow: 0 24px 65px rgba(0,0,0,.25); overflow: hidden; }
.mb-process-visual img { display: block; width: 100%; aspect-ratio: 3.2 / 1; object-fit: cover; }

.mb-wide-visual { position: relative; z-index: 1; width: 100%; margin: 0; border-top: 5px solid var(--mb-green); border-bottom: 5px solid var(--mb-blue); background: #d9edf6; overflow: hidden; }
.mb-wide-visual img { display: block; width: 100%; height: clamp(250px, 30vw, 460px); object-fit: cover; }
.mb-wide-visual-page { border-top-width: 0; }
.mb-section-panorama { margin: 0 0 clamp(48px, 7vw, 84px); border: 1px solid rgba(12,114,237,.15); border-radius: 28px; box-shadow: var(--mb-shadow); overflow: hidden; }
.mb-section-panorama img { display: block; width: 100%; aspect-ratio: 3.2 / 1; object-fit: cover; }

.mb-gallery { display: grid; grid-template-columns: 1.15fr .85fr .85fr; grid-auto-rows: 260px; gap: 16px; }
.mb-gallery-item { position: relative; margin: 0; padding: 0; border: 0; border-radius: 18px; overflow: hidden; cursor: zoom-in; background: #dfe7ed; }
.mb-gallery-item:first-child { grid-row: span 2; }
.mb-gallery-item img { width: 100%; height: 100%; object-fit: cover; transition: transform .65s cubic-bezier(.2,.7,.2,1), filter .4s ease; }
.mb-gallery-item span { position: absolute; left: 16px; right: 16px; bottom: 16px; display: flex; justify-content: space-between; padding: 12px 14px; color: white; font-weight: 750; background: rgba(20,35,53,.72); border: 1px solid rgba(255,255,255,.2); border-radius: 12px; backdrop-filter: blur(12px); transform: translateY(10px); opacity: 0; transition: .3s ease; }
.mb-gallery-item:hover img, .mb-gallery-item:focus-visible img { transform: scale(1.06); filter: saturate(1.08); }
.mb-gallery-item:hover span, .mb-gallery-item:focus-visible span { transform: none; opacity: 1; }

.mb-impact { background: linear-gradient(135deg, #f3f9ff, #f5fbf2); }
.mb-impact-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.mb-pillars { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.mb-pillars span { padding: 22px 20px; border: 1px solid rgba(12,114,237,.13); border-radius: 16px; color: var(--mb-ink); font-weight: 800; background: rgba(255,255,255,.78); box-shadow: 0 12px 30px rgba(20,35,53,.05); }
.mb-pillars span::before { content: "✓"; color: var(--mb-green); margin-right: 10px; }

.mb-proof { background: var(--mb-ink); color: #fff; }
.mb-proof-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(50px, 9vw, 120px); align-items: center; }
.mb-proof-number { display: flex; min-height: 310px; flex-direction: column; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.16); border-radius: 32px; background: linear-gradient(145deg, rgba(12,114,237,.34), rgba(47,165,19,.18)); }
.mb-proof-number strong { color: #fff; font-size: clamp(90px, 13vw, 170px); line-height: .85; letter-spacing: -.08em; }
.mb-proof-number span { margin-top: 25px; color: rgba(255,255,255,.82); font-size: 18px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.mb-proof h2, .mb-proof .mb-kicker { color: #fff; }
.mb-proof p { color: rgba(255,255,255,.76); }

.mb-area-grid { display: grid; grid-template-columns: 1.22fr .78fr; gap: 56px; align-items: center; }
.mb-area-visual { position: relative; min-height: 380px; border-radius: 50%; background: radial-gradient(circle, rgba(12,114,237,.16) 0 3%, transparent 3.5%), radial-gradient(circle at 50% 50%, rgba(12,114,237,.08), transparent 66%); }
.mb-area-map { min-height: 0; margin: 0; border: 1px solid rgba(12,114,237,.14); border-radius: 28px; background: #f5faff; box-shadow: 0 18px 50px rgba(20,35,53,.1); overflow: hidden; }
.mb-area-map img { display: block; width: 100%; height: auto; }
.mb-area-map figcaption { padding: 16px 20px 19px; color: var(--mb-muted); background: #fff; font-size: 14px; line-height: 1.55; }
.mb-area-map figcaption strong { display: block; margin-bottom: 4px; color: var(--mb-blue); font-size: 16px; }
.mb-orbit { position: absolute; inset: 16%; border: 1px solid rgba(12,114,237,.22); border-radius: 50%; }
.mb-orbit-two { inset: 30%; border-style: dashed; animation: mb-spin 30s linear infinite; }
.mb-map-dot { position: absolute; width: 18px; height: 18px; left: 50%; top: 50%; transform: translate(-50%,-50%); border-radius: 50%; background: var(--mb-green); box-shadow: 0 0 0 18px rgba(47,165,19,.14), 0 0 0 48px rgba(47,165,19,.06); }
.mb-area-tags { display: flex; flex-wrap: wrap; gap: 9px; margin: 25px 0; }
.mb-area-tags span { padding: 8px 13px; border: 1px solid rgba(12,114,237,.15); border-radius: 999px; color: var(--mb-ink); background: var(--mb-paper); font-size: 13px; font-weight: 800; }
@keyframes mb-spin { to { transform: rotate(360deg); } }

.mb-resources { background: #f7fafc; }
.mb-resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.mb-resource-grid article { padding: 28px 24px; border: 1px solid rgba(12,114,237,.12); border-radius: 20px; background: rgba(255,255,255,.94); }
.mb-resource-grid article > span { display: grid; width: 54px; height: 48px; place-items: center; color: #fff; background: linear-gradient(135deg, var(--mb-blue), var(--mb-green)); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); font-size: 22px; font-weight: 900; }
.mb-resource-grid h3 { margin-top: 26px; }
.mb-resource-grid p { font-size: 15px; }

.mb-cta { padding: clamp(70px, 9vw, 120px) 0; text-align: center; color: white; background: linear-gradient(130deg, var(--mb-blue-dark), var(--mb-blue) 58%, #2495dd); }
.mb-cta .mb-kicker, .mb-cta h2 { color: white; }
.mb-cta h2 { max-width: 900px; margin: 22px auto 34px; }
.mb-contact-strip { display: block; margin: 0; padding: 20px 0; color: #fff; background: #249e16; font-style: normal; }
.mb-contact-strip .mb-shell { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 14px 32px; }
.mb-contact-strip a { color: #fff !important; font-weight: 750; }
.mb-contact-strip a::before { content: "◇"; margin-right: 8px; }
.mb-common-footer-visual { position: relative; z-index: 2; width: 100%; margin: 0; padding: clamp(18px, 3vw, 34px) clamp(14px, 4vw, 52px); border-top: 1px solid rgba(12,114,237,.12); background: linear-gradient(180deg, #fff, #f6fbff); overflow: hidden; }
.mb-common-footer-visual img { display: block; width: min(1500px, 100%); height: auto; margin: auto; object-fit: contain; }

.mb-profile { background: #fff; }
.mb-amo { padding-block: clamp(36px, 5vw, 68px); background: linear-gradient(135deg, #f7fbff, #f7fbf4); }
.mb-amo-card { position: relative; display: grid; grid-template-columns: 116px minmax(0, .9fr) minmax(280px, 1.1fr); gap: clamp(24px, 4vw, 54px); align-items: center; padding: clamp(28px, 5vw, 54px); border: 1px solid rgba(12,114,237,.15); border-radius: 28px; background: rgba(255,255,255,.94); box-shadow: 0 16px 48px rgba(20,35,53,.08); overflow: hidden; }
.mb-amo-card::after { content: ""; position: absolute; right: -80px; bottom: -100px; width: 260px; height: 220px; opacity: .08; background: linear-gradient(135deg, var(--mb-blue), var(--mb-green)); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); pointer-events: none; }
.mb-amo-badge { display: grid; width: 108px; height: 94px; place-items: center; color: #fff; background: linear-gradient(135deg, var(--mb-blue), var(--mb-green)); clip-path: polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%); }
.mb-amo-badge span { font-size: 22px; font-weight: 900; letter-spacing: .08em; }
.mb-amo-copy h2 { margin: 12px 0 14px; font-size: clamp(30px, 4vw, 48px); }
.mb-amo-copy p { margin: 0; }
.mb-amo-list { position: relative; z-index: 1; display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mb-amo-list li { position: relative; padding: 13px 16px 13px 42px; border-radius: 13px; color: var(--mb-ink); background: #f3f8fc; font-weight: 700; }
.mb-amo-list li::before { content: "→"; position: absolute; left: 16px; color: var(--mb-green); font-weight: 900; }
.mb-amo-scene { margin-top: 28px; border-radius: 28px; box-shadow: 0 18px 52px rgba(20,35,53,.10); overflow: hidden; }
.mb-amo-scene img { display: block; width: 100%; aspect-ratio: 16 / 7; object-fit: cover; object-position: center; }
.mb-profile-grid { display: grid; grid-template-columns: .72fr 1.28fr; gap: clamp(45px, 8vw, 110px); align-items: center; }
.mb-profile-mark { display: grid; place-items: center; min-height: 360px; padding: clamp(38px, 6vw, 72px); border-radius: 36px; background: linear-gradient(145deg, #f1f7fc, #f7fbf4); overflow: hidden; }
.mb-profile-mark img { display: block; width: min(88%, 390px); max-height: 290px; height: auto; margin: auto; object-fit: contain; object-position: center; }


body.page .breadcrumb-wrapper.not-home { display: none !important; }
.mb-inner-main { min-height: 60vh; }
.mb-inner-hero { padding: clamp(70px, 9vw, 130px) 0; background: linear-gradient(140deg, #eff7ff 0%, #fff 54%, #f2faef 100%); }
.mb-inner-hero-grid { display: grid; grid-template-columns: 1.08fr .92fr; gap: clamp(40px, 7vw, 90px); align-items: center; }
.mb-inner-hero h1 { max-width: 900px; }
.mb-inner-hero p { max-width: 760px; font-size: clamp(18px, 2vw, 22px); }
.mb-inner-hero-grid > img { width: 100%; height: clamp(310px, 36vw, 490px); object-fit: cover; border-radius: 28px; box-shadow: var(--mb-shadow); }
.mb-inner-hero-simple { padding-block: clamp(76px, 10vw, 140px); }
.mb-missions { background: var(--mb-paper); }
.mb-mission-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(45px, 8vw, 110px); }
.mb-mission-grid ul { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin: 0; padding: 0; list-style: none; }
.mb-mission-grid li { min-height: 112px; padding: 25px 25px 25px 54px; border: 1px solid rgba(12,114,237,.12); border-radius: 18px; color: var(--mb-ink); background: #fff; box-shadow: 0 10px 35px rgba(20,35,53,.05); position: relative; }
.mb-mission-grid li::before { content: "✓"; position: absolute; left: 22px; top: 24px; color: var(--mb-green); font-weight: 900; }
.mb-activity-directory { display: grid; gap: 14px; }
.mb-activity-row { display: grid; grid-template-columns: 72px 1fr 50px; gap: 24px; align-items: center; padding: 30px; color: var(--mb-ink) !important; border: 1px solid rgba(12,114,237,.12); border-radius: 20px; background: #fff; box-shadow: 0 10px 35px rgba(20,35,53,.05); transition: transform .25s ease, box-shadow .25s ease; }
.mb-activity-row:hover, .mb-activity-row:focus-visible { transform: translateY(-4px); box-shadow: var(--mb-shadow); text-decoration: none; }
.mb-activity-index { color: var(--mb-blue); font-size: 13px; font-weight: 900; letter-spacing: .12em; }
.mb-activity-row small, .mb-activity-row strong, .mb-activity-row em { display: block; }
.mb-activity-row > span { min-width: 0; }
.mb-activity-row small { margin-bottom: 7px; color: var(--mb-green); font-weight: 800; text-transform: uppercase; letter-spacing: .08em; }
.mb-activity-row strong { font-size: clamp(22px, 3vw, 34px); line-height: 1.15; overflow-wrap: anywhere; }
.mb-activity-row em { margin-top: 9px; color: var(--mb-muted); font-style: normal; line-height: 1.6; }
.mb-activity-row > b { color: var(--mb-blue); font-size: 30px; }
.mb-value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.mb-value-grid article { padding: clamp(28px, 4vw, 45px); border: 1px solid rgba(12,114,237,.12); border-radius: 22px; background: #fff; box-shadow: 0 12px 38px rgba(20,35,53,.06); }
.mb-value-grid article > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 50%; color: #fff; background: var(--mb-green); }
.mb-value-grid h2 { margin-top: 24px; font-size: clamp(28px, 3vw, 40px); }
.mb-vision { background: linear-gradient(135deg, #f5fbf2, #fff); }
.mb-vision-grid { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(45px, 8vw, 100px); align-items: start; }
.mb-vision-highlight { margin-top: 26px; padding: 24px 28px; border-radius: 22px; color: #fff !important; background: var(--mb-green); font-weight: 800; }
.mb-circular { background: #f7fafc; }
.mb-circular-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mb-circular-grid article { position: relative; padding: 30px; border-radius: 22px; border: 1px solid rgba(12,114,237,.12); background: #fff; box-shadow: 0 12px 36px rgba(20,35,53,.05); }
.mb-circular-grid article > span { color: var(--mb-blue); font-weight: 900; letter-spacing: .12em; }
.mb-circular-grid article:not(:last-child)::after { content: "→"; position: absolute; top: 50%; right: -22px; z-index: 2; display: grid; width: 28px; height: 28px; place-items: center; border-radius: 50%; color: #fff; background: var(--mb-green); }
.mb-circular-grid ul { padding-left: 18px; color: var(--mb-muted); line-height: 1.7; }
.mb-pemd-flow { background: #fff; }
.mb-pemd-flow ol { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; margin: 0; padding: 0; list-style: none; }
.mb-pemd-flow li { position: relative; min-height: 230px; padding: 28px 22px; border: 1px solid rgba(12,114,237,.13); border-radius: 20px; background: linear-gradient(160deg, #fff, #f1f7fc); }
.mb-pemd-flow li:not(:last-child)::after { content: "→"; position: absolute; top: 30px; right: -12px; z-index: 2; color: var(--mb-green); font-size: 24px; font-weight: 900; }
.mb-pemd-flow li > span { color: var(--mb-blue); font-size: 12px; font-weight: 900; letter-spacing: .14em; }
.mb-pemd-flow strong { display: block; margin-top: 24px; color: var(--mb-ink); font-size: 18px; line-height: 1.25; }
.mb-pemd-flow p { font-size: 14px; line-height: 1.55; }
.mb-editorial { background: #fff; }
.mb-editorial > .mb-shell { max-width: 980px; }
.mb-editorial h1, .mb-editorial h2, .mb-editorial h3 { margin-top: 1.4em; }
.mb-editorial iframe { max-width: 100%; border-radius: 18px; }
.mb-editorial img[src*="LOGO_Modebat"] { display: block; width: min(100%, 260px) !important; height: auto !important; margin-inline: auto; }
.mb-editorial .wp-block-spacer { max-height: 34px !important; }
.mb-editorial input:not([type="submit"]), .mb-editorial textarea, .mb-editorial select { width: 100%; border-radius: 10px; }
.mb-editorial .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
.mb-editorial .wpcf7-form textarea,
.mb-editorial .wpcf7-form select {
  box-sizing: border-box;
  width: 100%;
  min-height: 58px;
  margin-top: 8px;
  padding: 13px 16px;
  border: 1px solid rgba(16,45,72,.14) !important;
  border-radius: 14px !important;
  outline: 0;
  color: var(--mb-ink);
  background: #fff;
  box-shadow: 0 8px 24px rgba(20,35,53,.035);
  font: inherit;
  line-height: 1.35;
  appearance: none;
  -webkit-appearance: none;
  transition: border-color .2s ease, box-shadow .2s ease, background-color .2s ease;
}
.mb-editorial .wpcf7-form input[type="tel"] { appearance: none; -webkit-appearance: none; }
.mb-editorial .wpcf7-form input[type="file"] { min-height: 0; max-width: 100%; overflow: hidden; padding: 9px !important; font-size: 12px; }
.mb-editorial .wpcf7-form input[type="file"]::file-selector-button { margin-right: 10px; padding: 9px 13px; border: 0; border-radius: 9px; color: #fff; background: var(--mb-blue); font: inherit; font-weight: 800; cursor: pointer; }
.mb-editorial .wpcf7-form textarea { min-height: 170px; resize: vertical; }
.mb-editorial .wpcf7-form input:not([type="submit"]):focus,
.mb-editorial .wpcf7-form textarea:focus,
.mb-editorial .wpcf7-form select:focus {
  border-color: var(--mb-blue) !important;
  background: #fbfdff;
  box-shadow: 0 0 0 4px rgba(12,114,237,.12);
}
.mb-editorial .wpcf7-form label { display: block; color: #4f6577; font-weight: 700; line-height: 1.35; }
.mb-editorial .wpcf7-form > p { margin-bottom: 18px; }
.mb-editorial input[type="submit"] { border-radius: 999px; }
.mb-amo-link { grid-column: 2; justify-self: start; }
.mb-local-service { padding-top: 0; background: #fff; }
.mb-local-service-card { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(28px, 6vw, 72px); align-items: center; padding: clamp(28px, 5vw, 52px); border: 1px solid rgba(12,114,237,.12); border-radius: 24px; background: linear-gradient(135deg, #f3f9fd, #f6fbf3); box-shadow: 0 16px 42px rgba(20,35,53,.06); }
.mb-local-service-card h2 { margin: 10px 0 0; font-size: clamp(28px, 3vw, 42px); }
.mb-local-service-card p { margin: 0; color: var(--mb-muted); font-size: 17px; line-height: 1.75; }
.mb-complementary-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
.mb-complementary-card { display: block; padding: clamp(28px, 4vw, 42px); border: 1px solid rgba(12,114,237,.12); border-radius: 24px; color: inherit; background: linear-gradient(155deg, #fff, #f2f8fc); box-shadow: 0 14px 38px rgba(20,35,53,.06); scroll-margin-top: 120px; transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease; }
.mb-complementary-card, .mb-complementary-card * { min-width: 0; overflow-wrap: break-word; }
.mb-complementary-card:hover, .mb-complementary-card:focus-visible { color: inherit; border-color: rgba(12,114,237,.34); transform: translateY(-4px); box-shadow: 0 22px 54px rgba(20,35,53,.11); }
.mb-complementary-card img { width: 68px; height: 68px; object-fit: contain; }
.mb-complementary-card h2 { margin: 22px 0 10px; font-size: clamp(24px, 2.5vw, 34px); }
.mb-complementary-card p { color: var(--mb-muted); line-height: 1.7; }
.mb-complementary-card > span { display: inline-flex; align-items: center; gap: 8px; color: var(--mb-blue); font-weight: 850; }

[data-mb-reveal] { opacity: 1; transform: none; }
.mb-js [data-mb-reveal] { opacity: 0; transform: translateY(28px); transition: opacity .7s ease var(--mb-delay, 0ms), transform .7s cubic-bezier(.2,.7,.2,1) var(--mb-delay, 0ms); }
[data-mb-reveal].is-visible { opacity: 1; transform: none; }
.mb-lightbox { position: fixed; inset: 0; z-index: 99999; display: grid; place-items: center; padding: 5vw; background: rgba(7,18,30,.92); backdrop-filter: blur(10px); }
.mb-lightbox[hidden] { display: none; }
.mb-lightbox img { max-width: min(1200px, 92vw); max-height: 86vh; border-radius: 12px; box-shadow: 0 28px 90px rgba(0,0,0,.45); }
.mb-lightbox-close { position: fixed; top: 24px; right: 28px; width: 48px; height: 48px; border: 1px solid rgba(255,255,255,.35); border-radius: 50%; color: white; background: rgba(255,255,255,.1); font-size: 32px; line-height: 1; }
body.mb-lightbox-open { overflow: hidden; }

/* Navigation : garantir la lisibilité des cinq activités dans le menu blanc. */
.navbar-nav .sub-menu,
.navbar-nav ul.sub-menu { background: #fff !important; }
.navbar-nav .sub-menu > li > a,
.navbar-nav .sub-menu > li > a .eb_menu_title,
.navbar-nav ul.sub-menu > li > a,
.navbar-nav ul.sub-menu > li > a .eb_menu_title { color: #102d48 !important; opacity: 1 !important; text-shadow: none !important; }
.navbar-nav .sub-menu > li > a:hover,
.navbar-nav .sub-menu > li > a:focus { color: #fff !important; background: #126fc9 !important; }
.navbar-nav .sub-menu > li > a:hover .eb_menu_title,
.navbar-nav .sub-menu > li > a:focus .eb_menu_title { color: #fff !important; }

@media (max-width: 900px) {
  .mb-two-col, .mb-impact-grid, .mb-area-grid, .mb-profile-grid, .mb-inner-hero-grid, .mb-mission-grid, .mb-proof-grid, .mb-vision-grid { grid-template-columns: 1fr; gap: 38px; }
  .mb-amo-card { grid-template-columns: 94px 1fr; }
  .mb-amo-list { grid-column: 1 / -1; grid-template-columns: 1fr 1fr; }
  .mb-circular-grid { grid-template-columns: 1fr; }
  .mb-resource-grid { grid-template-columns: 1fr 1fr; }
  .mb-pemd-flow ol { grid-template-columns: 1fr 1fr; }
  .mb-circular-grid article::after, .mb-pemd-flow li::after { display: none !important; }
  .mb-card-grid { grid-template-columns: 1fr 1fr; }
  .mb-service-card, .mb-service-card:nth-child(4), .mb-service-card:nth-child(5) { grid-column: span 1; }
  .mb-timeline { grid-template-columns: 1fr 1fr; row-gap: 35px; }
  .mb-gallery { grid-template-columns: 1fr 1fr; }
  .mb-gallery-item:first-child { grid-row: auto; }
  .mb-area-visual { min-height: 300px; }
  .mb-mission-grid ul { grid-template-columns: 1fr; }
  .mb-amo-link { grid-column: 1 / -1; }
  .mb-local-service-card { grid-template-columns: 1fr; }
  .mb-complementary-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
	.mb-complementary-page .mb-inner-hero h1 { font-size: 30px; line-height: 1.08; white-space: normal !important; overflow-wrap: normal; }
	.mb-complementary-card { box-sizing: border-box; width: 100%; padding: 24px 20px; }
	.modebat-page-contact .mb-editorial { padding-top: 48px; }
	.mb-editorial .wpcf7-form input[type="file"] { min-height: 0; padding: 8px !important; font-size: 11px; }
  .mb-editorial .wpcf7-form > p { margin-bottom: 14px; }
  .mb-editorial .wpcf7-form label { font-size: 17px; }
  .mb-editorial .wpcf7-form input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
  .mb-editorial .wpcf7-form select { min-height: 54px; margin-top: 7px; padding: 11px 14px; border-radius: 12px !important; }
  .mb-editorial .wpcf7-form textarea { min-height: 150px; margin-top: 7px; padding: 12px 14px; border-radius: 12px !important; }
  .mb-pemd-flow li { min-height: 0; padding: 22px 20px; }
  .mb-pemd-flow strong { margin-top: 12px; font-size: 20px; }
  .mb-pemd-flow p { margin: 8px 0 0; font-size: 15px; line-height: 1.5; }
}
@media (max-width: 620px) {
  .modebat-premium-home .breadcrumb-wrapper.homepage_banner { background-image: linear-gradient(90deg, rgba(5,35,65,.30), rgba(5,35,65,.08)), url("images/modebat-hero-original.jpg") !important; }
  .modebat-premium-home .breadcrumb-wrapper.homepage_banner .section-title { width: 100% !important; padding: 118px 16px 88px !important; text-align: left !important; }
  .modebat-premium-home .top-bar .container { width: 100%; padding-inline: 10px; }
  .modebat-premium-home .top-bar { overflow: hidden; }
  .modebat-premium-home .top-bar .top_bar_info { white-space: nowrap; font-size: 11px; }
  .modebat-premium-home .top-bar .top_bar_info li:last-child { display: none; }
  .modebat-premium-home .breadcrumb-wrapper.homepage_banner h1 { font-size: clamp(48px, 15vw, 64px) !important; }
  .modebat-premium-home .breadcrumb-wrapper.homepage_banner p { font-size: 17px !important; }
  html, body { max-width: 100%; overflow-x: hidden; }
  .mb-shell { width: calc(100% - 28px); max-width: 1180px; }
  .mb-section { padding: 68px 0; }
  .mb-main > .mb-section:not(.mb-process):not(.mb-proof):not(.mb-cta)::after,
  .mb-inner-hero::after { opacity: .54; background-size: 165px auto, 165px auto; background-position: -58px center, calc(100% + 58px) center; }
  .mb-actions, .mb-button { width: 100%; }
  .mb-card-grid, .mb-timeline, .mb-gallery, .mb-pillars, .mb-value-grid { grid-template-columns: 1fr; }
  .mb-five-poles-visual { margin-bottom: 28px; border-radius: 18px; }
  .mb-five-poles-visual img { width: 175%; max-width: none; transform: translateX(-21.5%); }
  .mb-original-banner img { aspect-ratio: 4 / 3; object-position: center 52%; }
  .mb-amo-card { grid-template-columns: 1fr; text-align: left; }
  .mb-amo-badge { width: 88px; height: 76px; }
  .mb-amo-list { grid-column: auto; grid-template-columns: 1fr; }
  .mb-amo-scene { border-radius: 18px; }
  .mb-amo-scene img { aspect-ratio: 4 / 3; object-position: 67% center; }
  .mb-process-visual { margin-top: 34px; border-radius: 16px; }
  .mb-process-visual img, .mb-section-panorama img { aspect-ratio: 4 / 3; object-position: center; }
  .mb-wide-visual img { height: 280px; object-position: 58% center; }
  .mb-section-panorama { border-radius: 18px; }
  .mb-service-card { min-height: 290px; }
  .mb-gallery { grid-auto-rows: 250px; }
  .mb-gallery-item span { opacity: 1; transform: none; }
  .mb-profile-mark { min-height: 240px; padding: 28px; }
  .mb-activity-row { grid-template-columns: 42px 1fr; padding: 22px 18px; gap: 12px; }
  .mb-activity-row strong { font-size: 21px; white-space: normal !important; overflow-wrap: anywhere; }
  .mb-inner-hero h1 { max-width: 100%; font-size: 34px; white-space: normal !important; overflow-wrap: anywhere; }
  .mb-inner-hero p, .mb-activity-row em { max-width: 100%; white-space: normal !important; overflow-wrap: break-word; }
  .mb-activity-row > b { display: none; }
  .mb-inner-hero-grid > img { height: 260px; }
  .mb-resource-grid, .mb-pemd-flow ol { grid-template-columns: 1fr; }
  .mb-contact-strip .mb-shell { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .mb-js [data-mb-reveal] { opacity: 1; transform: none; }
}

/* Illustrations dessinées MODEBAT — série premium 0.4.4 */
.mb-title-icon,
.mb-hero-icon,
.mb-service-illustration,
.mb-activity-illustration,
.mb-timeline li > img,
.mb-resource-grid article > img,
.mb-value-grid article > img,
.mb-amo-badge-illustrated img { display: block; object-fit: contain; }
.mb-title-icon { width: 88px; height: 72px; margin: 0 0 16px; object-position: left center; mix-blend-mode: multiply; }
.mb-section-head-light .mb-title-icon { padding: 4px; border-radius: 14px; background: rgba(255,255,255,.96); mix-blend-mode: normal; }
.mb-hero-icon { width: clamp(130px, 16vw, 190px); height: clamp(108px, 13vw, 155px); margin: 0 0 18px; object-position: left center; mix-blend-mode: multiply; }
.mb-five-poles-visual { padding: clamp(10px, 2vw, 24px); background: linear-gradient(145deg, #fff, #f8fcff); }
.mb-five-poles-visual img { max-height: 760px; object-fit: contain; }
.mb-service-illustration { width: 150px; height: 118px; margin: -10px 0 18px -10px; object-position: left center; mix-blend-mode: multiply; transition: transform .35s ease; }
.mb-service-card:hover .mb-service-illustration { transform: translateY(-4px) scale(1.035); }
.mb-amo-badge-illustrated { width: 132px; height: 112px; padding: 8px; clip-path: none; border: 1px solid rgba(12,114,237,.12); border-radius: 22px; background: #fff; box-shadow: 0 12px 34px rgba(20,35,53,.08); }
.mb-amo-badge-illustrated img { width: 100%; height: 100%; mix-blend-mode: multiply; }
.mb-timeline li > img { width: 94px; height: 78px; margin: -12px 0 12px; padding: 4px; border-radius: 14px; background: rgba(255,255,255,.96); mix-blend-mode: normal; }
.mb-resource-grid article > img { width: 112px; height: 92px; margin: -8px 0 14px -8px; mix-blend-mode: multiply; }
.mb-resource-grid h3 { margin-top: 12px; }
.mb-activity-row { grid-template-columns: 150px 1fr 50px; }
.mb-activity-illustration { width: 145px; height: 120px; object-position: center; mix-blend-mode: multiply; }
.mb-value-grid article > img { width: 135px; height: 108px; margin: -12px 0 4px -10px; mix-blend-mode: multiply; }
.mb-value-grid h2 { margin-top: 12px; }

@media (max-width: 900px) {
  .mb-amo-badge-illustrated { width: 112px; height: 96px; }
  .mb-activity-row { grid-template-columns: 120px 1fr 36px; }
  .mb-activity-illustration { width: 116px; height: 100px; }
}
@media (max-width: 620px) {
  .mb-five-poles-visual img { width: 100%; max-width: 100%; transform: none; }
  .mb-five-poles-labels { position: static; display: grid; grid-template-columns: 1fr; gap: 8px; padding: 14px; background: #f7fbff; }
  .mb-pole-label { position: static; max-width: none; transform: none; text-align: left; }
  .mb-service-illustration { width: 132px; height: 104px; }
  .mb-title-icon { width: 76px; height: 62px; }
  .mb-hero-icon { width: 125px; height: 104px; }
  .mb-activity-row { grid-template-columns: 92px 1fr; }
  .mb-activity-illustration { width: 88px; height: 78px; }
  .mb-activity-row > b { display: none; }
  .mb-timeline li > img { width: 82px; height: 70px; }
}

/* MODEBAT 0.5.0 — introduction dessinée, jouée une fois par session. */
.mb-intro { display: none; }
html.mb-intro-pending { overflow: hidden; }
html.mb-intro-pending .mb-intro {
  position: fixed; inset: 0; z-index: 2147483000; display: grid; place-items: center;
  overflow: hidden; background: #f8fbfd; color: #082846; isolation: isolate;
}
.mb-intro-city {
  position: absolute; inset: 0; opacity: 0; transform: scale(1.08);
  background:
    linear-gradient(180deg, rgba(248,251,253,.55) 0%, rgba(248,251,253,.82) 62%, #f8fbfd 100%),
    linear-gradient(90deg, rgba(20,113,203,.3), rgba(71,184,72,.3)),
    url("images/modebat-hero-original.jpg") center/cover no-repeat;
}
.mb-intro-grid {
  position: absolute; inset: 0; opacity: .2;
  background-image: linear-gradient(rgba(20,113,203,.14) 1px, transparent 1px), linear-gradient(90deg, rgba(20,113,203,.14) 1px, transparent 1px);
  background-size: 46px 46px; mask-image: radial-gradient(circle at center, #000 0, transparent 70%);
}
.mb-intro-stage { position: absolute; left: 50%; top: 50%; width: 900px; height: 600px; transform: translate(-50%, -50%); transform-origin: center; }
.mb-intro-ring { position: absolute; left: 50%; top: 50%; border: 1px solid rgba(20,113,203,.28); border-radius: 50%; opacity: 0; transform: translate(-50%, -50%) scale(.55); }
.mb-intro-ring-one { width: 650px; height: 430px; }
.mb-intro-ring-two { width: 790px; height: 540px; border-color: rgba(71,184,72,.25); border-style: dashed; }
.mb-intro-icon {
  position: absolute; left: 50%; top: 50%; width: 108px; height: 88px; margin: -44px 0 0 -54px;
  display: grid; place-items: center; opacity: 0;
  transform: translate(var(--mb-x), var(--mb-y)) scale(.42) rotate(-7deg);
  filter: drop-shadow(0 12px 18px rgba(5,35,65,.08));
}
.mb-intro-icon img { width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.mb-intro-brand { position: absolute; left: 50%; top: 50%; width: 420px; text-align: center; opacity: 0; transform: translate(-50%, -50%) scale(.72); }
.mb-intro-brand img { position: relative; z-index: 1; display: block; width: 100%; height: auto; max-height: 245px; object-fit: contain; }
.mb-intro-brand p { position: relative; z-index: 1; margin: 12px 0 0; font-size: 15px; font-weight: 650; letter-spacing: .08em; text-transform: uppercase; color: #18364f; }
.mb-intro-brand-glow { position: absolute; inset: 8% -18%; background: radial-gradient(circle, rgba(255,255,255,.96), rgba(255,255,255,.58) 48%, transparent 72%); filter: blur(8px); }
.mb-intro-wipe { position: absolute; inset: -20%; z-index: 3; opacity: 0; transform: translateX(-115%) skewX(-12deg); background: linear-gradient(105deg, #126fd0 0 47%, #4ab849 53% 100%); }
.mb-intro-skip {
  position: absolute; z-index: 5; right: 24px; top: 22px; padding: 9px 15px;
  border: 1px solid rgba(8,40,70,.18); border-radius: 999px; background: rgba(255,255,255,.78);
  color: #173b5b; font: 650 12px/1.2 inherit; letter-spacing: .06em; text-transform: uppercase; cursor: pointer; backdrop-filter: blur(8px);
}
.mb-intro-skip:focus-visible { outline: 3px solid #1471cb; outline-offset: 3px; }
.mb-intro.is-playing .mb-intro-city { animation: mb-intro-city 6.65s cubic-bezier(.2,.7,.2,1) both; }
.mb-intro.is-playing .mb-intro-ring-one { animation: mb-intro-ring 5.8s .2s ease-out both; }
.mb-intro.is-playing .mb-intro-ring-two { animation: mb-intro-ring 5.8s .35s ease-out both; }
.mb-intro.is-playing .mb-intro-icon { animation: mb-intro-icon-flight 5.4s cubic-bezier(.2,.75,.2,1) calc(.15s + var(--mb-delay)) both; }
.mb-intro.is-playing .mb-intro-brand { animation: mb-intro-brand 5s .72s cubic-bezier(.15,.82,.2,1) both; }
.mb-intro.is-playing .mb-intro-wipe { animation: mb-intro-wipe .95s 6s cubic-bezier(.7,0,.25,1) both; }
.mb-intro.is-leaving { pointer-events: none; animation: mb-intro-exit .32s ease-out forwards; }
@keyframes mb-intro-city { 0% { opacity: 0; transform: scale(1.08); } 18%, 88% { opacity: .78; transform: scale(1.015); } 100% { opacity: .18; transform: scale(1); } }
@keyframes mb-intro-ring { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.55) rotate(-8deg); } 16%, 86% { opacity: .78; } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.08) rotate(5deg); } }
@keyframes mb-intro-icon-flight { 0% { opacity: 0; transform: translate(var(--mb-x), var(--mb-y)) scale(.42) rotate(-7deg); } 15%, 85% { opacity: 1; transform: translate(var(--mb-x), var(--mb-y)) scale(1) rotate(0); } 100% { opacity: 0; transform: translate(0, 0) scale(.16) rotate(5deg); } }
@keyframes mb-intro-brand { 0% { opacity: 0; transform: translate(-50%, -50%) scale(.72); filter: blur(8px); } 18%, 88% { opacity: 1; transform: translate(-50%, -50%) scale(1); filter: blur(0); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.07); filter: blur(0); } }
@keyframes mb-intro-wipe { 0% { opacity: 1; transform: translateX(-115%) skewX(-12deg); } 52% { opacity: 1; transform: translateX(0) skewX(-12deg); } 100% { opacity: 1; transform: translateX(115%) skewX(-12deg); } }
@keyframes mb-intro-exit { to { opacity: 0; visibility: hidden; } }
@media (max-width: 900px) { .mb-intro-stage { transform: translate(-50%, -50%) scale(.7); } }
@media (max-width: 640px) {
  .mb-intro-stage { transform: translate(-50%, -50%) scale(.4); }
  .mb-intro-brand { width: 470px; }
  .mb-intro-brand p { font-size: 16px; }
  .mb-intro-skip { right: 14px; top: 14px; }
}
@media (prefers-reduced-motion: reduce) { html.mb-intro-pending .mb-intro { display: none !important; } }

/* MODEBAT 0.5.3 — ressources utiles, réglementation et réemploi. */
.mb-footer-resources ul { margin: 0; padding: 0; list-style: none; }
.mb-footer-resources li { margin: 0; padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.mb-footer-resources li:last-child { border-bottom: 0; }
.mb-footer-resources a { display: block; color: #fff; font-size: 16px; }
.mb-footer-resources a::before { content: "›"; margin-right: 8px; color: #65c44c; font-weight: 800; }

.mb-regulatory-note { display: grid; grid-template-columns: 108px 1fr; gap: 24px; align-items: center; margin-bottom: 54px; padding: 25px 28px; border-left: 5px solid #4ab849; border-radius: 0 16px 16px 0; background: #f0f7fb; }
.mb-regulatory-note > img { display: block; width: 108px; height: 90px; object-fit: contain; mix-blend-mode: multiply; }
.mb-regulatory-note strong { color: #126fc9; font-size: 18px; }
.mb-regulatory-note p { margin: 8px 0 0; }
.mb-regulatory-chapters { display: grid; gap: 56px; }
.mb-regulatory-chapter h2 { margin: 0 0 22px; color: #102d48; font-size: clamp(27px, 3vw, 40px); }
.mb-regulatory-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
.mb-regulatory-grid a { display: flex; min-height: 196px; flex-direction: column; padding: 24px; border: 1px solid #dce9f2; border-radius: 18px; background: #fff; box-shadow: 0 14px 38px rgba(8,42,70,.07); color: #15344e; text-decoration: none; transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.mb-regulatory-grid a:hover { transform: translateY(-4px); border-color: #4ab849; box-shadow: 0 18px 44px rgba(8,42,70,.12); }
.mb-regulatory-grid strong { margin-bottom: 10px; color: #102d48; font-size: 20px; line-height: 1.25; }
.mb-regulatory-grid span { flex: 1; line-height: 1.65; }
.mb-regulatory-grid em { margin-top: 18px; color: #126fc9; font-size: 13px; font-style: normal; font-weight: 750; letter-spacing: .03em; text-transform: uppercase; }

.mb-reuse-flow { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 14px; margin: 42px 0 0; padding: 0; list-style: none; counter-reset: none; }
.mb-reuse-flow li { position: relative; min-height: 260px; padding: 24px 20px; border-radius: 18px; background: #f4f8fb; }
.mb-reuse-flow li::after { content: "→"; position: absolute; top: 25px; right: -13px; z-index: 2; color: #4ab849; font-size: 22px; font-weight: 800; }
.mb-reuse-flow li:last-child::after { display: none; }
.mb-reuse-flow li > span { display: block; margin-bottom: 35px; color: #4ab849; font-size: 14px; font-weight: 800; letter-spacing: .12em; }
.mb-reuse-flow strong { display: block; margin-bottom: 10px; color: #102d48; font-size: 23px; }
.mb-reuse-flow p { margin: 0; line-height: 1.58; }
.mb-reuse-labs { background: #0d2742; color: rgba(255,255,255,.82); }
.mb-reuse-labs h2, .mb-reuse-labs h3 { color: #fff; }
.mb-reuse-tests { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.mb-reuse-tests article { padding: 24px; border: 1px solid rgba(255,255,255,.15); border-radius: 16px; background: rgba(255,255,255,.06); }
.mb-reuse-tests h3 { margin: 0 0 9px; font-size: 20px; }
.mb-reuse-tests p { margin: 0; }
.mb-reuse-outcomes { background: #f6f9fb; }
.mb-inline-request { padding: 36px 0; background: #eef6fb; }
.mb-inline-request .mb-shell { display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.mb-inline-request h2 { margin: 5px 0 0; color: #102d48; font-size: clamp(25px, 3vw, 38px); }

@media (max-width: 900px) {
  .mb-regulatory-grid, .mb-reuse-tests { grid-template-columns: 1fr; }
  .mb-reuse-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .mb-reuse-flow li::after { display: none; }
  .mb-inline-request .mb-shell { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 620px) {
  .mb-inner-hero .mb-shell, .mb-inner-hero-grid, .mb-inner-hero-grid > *, .mb-inner-hero-simple .mb-shell { min-width: 0; max-width: 100%; }
  .mb-inner-hero h1 { width: 100%; font-size: clamp(30px, 9vw, 34px) !important; line-height: 1.08; white-space: normal !important; overflow-wrap: break-word !important; word-break: normal; text-wrap: wrap !important; }
  .mb-inner-hero p { width: 100%; font-size: 18px; white-space: normal !important; overflow-wrap: break-word !important; }
  .mb-regulatory-note { grid-template-columns: 1fr; gap: 8px; padding: 20px; }
  .mb-regulatory-grid a { min-height: 0; padding: 20px; }
  .mb-reuse-flow { grid-template-columns: 1fr; }
  .mb-reuse-flow li { min-height: 0; }
}

/* MODEBAT 0.7.0 — lettre, contact et accès séparés */
.mb-letter-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.mb-letter-card{padding:28px;background:#f4f8fb;border:1px solid #dce5ee;border-radius:16px;min-width:0}.mb-letter-card input:not([type=submit]):not([type=checkbox]),.mb-letter-card textarea,.mb-letter-card select{max-width:100%;width:100%;padding:12px;border:1px solid #aebdca;border-radius:6px;background:white;color:#142335;box-sizing:border-box}.mb-letter-card input[type=file]{font-size:14px}.mb-letter-card label{display:block;line-height:1.7}.mb-letter-card input[type=submit]{padding:13px 24px;background:#073b73;color:#fff;border:0;border-radius:6px;cursor:pointer}.mb-review-note{border-left:3px solid #1b74ca;padding:12px;background:#fff}.mb-release-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 28px;padding:22px;background:#f4f8fb;border-top:1px solid #dce5ee;font-size:14px}.mb-release-links a{color:#073b73;text-decoration:underline}.mb-letter-grid a{overflow-wrap:anywhere}.mb-letter-grid ul{padding-left:20px}
@media(max-width:760px){.mb-letter-grid{grid-template-columns:1fr;gap:24px}.mb-letter-card{padding:20px}.mb-release-links{justify-content:flex-start}}

/* Références 0.7.2 — palette MODEBAT existante, sans dépendance ni image ajoutée. */
.mb-ref-page{background:#f4f8fb}.mb-ref-hero{padding:78px 0 72px;background:#102d48;color:white}.mb-ref-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.mb-ref-hero h1{font-size:clamp(42px,5.3vw,76px);line-height:1.04;letter-spacing:-.04em;color:#fff;margin:20px 0 24px}.mb-ref-hero h1 em{font-style:normal;color:#97ef86}.mb-ref-hero p{max-width:500px;font-size:18px;line-height:1.7;color:#d2dfe9}.mb-ref-hero .mb-kicker{color:#97ef86}.mb-ref-anchor{display:inline-flex;align-items:center;gap:38px;padding:18px 0;color:white!important;border-bottom:1px solid #65829a;text-decoration:none}.mb-ref-anchor span{font-size:24px}.mb-ref-feature{position:relative;overflow:hidden;border-radius:3px;min-height:410px;background:#0b2033}.mb-ref-feature>img{position:absolute;max-width:none;width:260%;height:auto;left:-75%;top:-38%;opacity:.87}.mb-ref-feature::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#081c30)}.mb-ref-feature>div{position:absolute;left:30px;right:24px;bottom:26px;z-index:1;display:grid;gap:6px}.mb-ref-feature span{color:#97ef86;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.mb-ref-feature strong{font-size:30px;line-height:1.1}.mb-ref-feature small{font-size:16px;color:#d2dfe9}.mb-ref-section-head{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:40px}.mb-ref-section-head h2{color:#102d48;font-size:clamp(30px,3.4vw,46px);line-height:1.13;margin:14px 0 0;letter-spacing:-.03em}.mb-ref-section-head>p{max-width:430px;margin:0;color:#536a7d;line-height:1.8}.mb-ref-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #cedce6;padding-bottom:24px;margin-bottom:32px}.mb-ref-filters{display:flex;flex-wrap:wrap;gap:10px}.mb-ref-filters button{font-family:inherit;font-weight:600;font-size:14px;line-height:1.3;padding:13px 17px;border:1px solid #c6d6e2;color:#18364f;background:transparent;border-radius:3px;cursor:pointer}.mb-ref-filters button[aria-pressed=true]{color:white;background:#102d48;border-color:#102d48}.mb-ref-filters span{margin-left:12px;opacity:.65}.mb-ref-toolbar>p{font-size:13px;color:#536a7d;margin:0}.mb-ref-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.mb-ref-card{min-width:0;background:#fff;border:1px solid #dce5ee;box-shadow:0 8px 24px #102d4805}.mb-ref-card[hidden]{display:none!important}.mb-ref-photo{position:relative;display:block;width:100%;aspect-ratio:1.75;overflow:hidden;border:0;padding:0;border-radius:0;background:#dbe5ee;cursor:zoom-in}.mb-ref-photo>img{position:absolute;width:260%;height:auto;max-width:none;left:-75%;top:-50%;transition:transform .3s ease}.mb-ref-photo:hover>img{transform:scale(1.035)}.mb-ref-number{position:absolute;left:18px;top:18px;background:#102d48;color:white;padding:7px 11px;font-size:12px;letter-spacing:.08em}.mb-ref-expand{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;width:38px;height:38px;background:white;color:#102d48;font-size:24px}.mb-ref-card-copy{padding:28px}.mb-ref-tag{color:#126fc9;font-size:11px;text-transform:uppercase;letter-spacing:.09em;font-weight:750}.mb-ref-card h3{font-size:27px;line-height:1.2;color:#102d48;margin:12px 0 8px;letter-spacing:-.025em}.mb-ref-card p{color:#536a7d;font-size:15px;line-height:1.75}.mb-ref-card .mb-ref-place{color:#234e70;font-size:13px;margin:0 0 18px}.mb-ref-card dl{border-top:1px solid #e1eaf0;margin:24px 0 0;padding-top:18px}.mb-ref-card dt{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#536a7d}.mb-ref-card dd{font-size:14px;color:#102d48;margin:5px 0 0}.mb-ref-card details{margin-top:20px;border-top:1px solid #e1eaf0;padding-top:16px}.mb-ref-card summary{font-size:14px;color:#126fc9;font-weight:650;cursor:pointer}.mb-ref-card details a{font-size:14px}.mb-ref-contact{padding:64px 0;background:#e8f1f7;border-top:1px solid #d4e2ed}.mb-ref-contact>.mb-shell{display:flex;justify-content:space-between;gap:45px;align-items:center}.mb-ref-contact h2{font-size:clamp(28px,3vw,42px);line-height:1.14;color:#102d48;margin:15px 0}.mb-ref-contact p{max-width:640px;color:#536a7d}.mb-ref-contact .mb-button{flex-shrink:0}.mb-ref-page button:focus-visible,.mb-ref-page summary:focus-visible{outline:3px solid #126fc9;outline-offset:4px}
@media(max-width:900px){.mb-ref-hero-grid{gap:28px}.mb-ref-hero{padding:52px 0}.mb-ref-feature{min-height:350px}.mb-ref-section-head{gap:28px}.mb-ref-toolbar{align-items:flex-start;flex-direction:column}.mb-ref-contact>.mb-shell{align-items:flex-start;flex-direction:column}.mb-ref-card-copy{padding:22px}}
@media(max-width:620px){.mb-ref-hero-grid,.mb-ref-section-head,.mb-ref-grid{grid-template-columns:1fr}.mb-ref-hero h1{font-size:43px}.mb-ref-feature{min-height:300px}.mb-ref-hero-grid{gap:32px}.mb-ref-section-head{gap:18px}.mb-ref-filters button{padding:11px 12px;font-size:12px}.mb-ref-filters span{margin-left:7px}.mb-ref-card h3{font-size:25px}.mb-ref-collection{padding-top:45px!important}.mb-ref-contact{padding:44px 0}}
@media(prefers-reduced-motion:reduce){.mb-ref-photo>img{transition:none}}

/* Carrousel administrable 0.8.0 : composants natifs WordPress, palette MODEBAT. */
.mb-ref-motion{background:#f4f8fb}.mb-ref-motion-head{padding:66px 0 60px;background:#102d48;color:#fff}.mb-ref-motion-head .mb-kicker{color:#97ef86}.mb-ref-motion-head h1{font-size:clamp(40px,5.6vw,74px);line-height:1.06;letter-spacing:-.04em;margin:20px 0 25px;color:#fff;max-width:1000px}.mb-ref-motion-head em{font-style:normal;color:#97ef86}.mb-ref-motion-intro{display:flex;justify-content:space-between;gap:40px;align-items:center}.mb-ref-motion-intro p{max-width:610px;color:#d2dfe9;font-size:18px;line-height:1.7;margin:0}.mb-ref-motion-intro a{flex-shrink:0;color:#fff;border-bottom:1px solid #65829a;padding:15px 0;text-decoration:none}.mb-ref-motion-intro a span{margin-left:22px}.mb-ref-poles{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:48px}.mb-ref-poles button{min-width:0;padding:16px 9px;border:1px solid #d2dfeb;border-radius:4px;display:flex;align-items:center;flex-direction:column;gap:14px;background:#fff;color:#18364f;cursor:pointer;font-family:inherit}.mb-ref-poles img{width:64px;height:55px;object-fit:contain;mix-blend-mode:multiply}.mb-ref-all{display:grid;place-items:center;width:64px;height:55px;font-size:38px;color:#126fc9}.mb-ref-poles strong{font-size:12px;line-height:1.4;max-width:145px;min-height:34px}.mb-ref-poles button[aria-pressed=true]{border-color:#126fc9;box-shadow:inset 0 -4px #126fc9;background:#edf5fc}.mb-ref-motion-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:22px}.mb-ref-motion-toolbar h2{font-size:clamp(25px,3vw,37px);line-height:1.2;color:#102d48;margin:10px 0 0}.mb-ref-motion-controls{display:flex;gap:9px}.mb-ref-motion-controls button{border:1px solid #b9ccdb;background:#fff;color:#102d48;min-width:44px;min-height:44px;border-radius:3px;font-size:20px;cursor:pointer}.mb-ref-motion-controls button[data-mb-ref-pause]{font-size:14px;padding:0 14px}.mb-ref-motion-controls button:disabled{opacity:.4;cursor:default}.mb-ref-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;padding:0 0 20px;scrollbar-color:#126fc9 #dce6ed;scrollbar-width:thin}.mb-ref-slide{flex:0 0 calc((100% - 24px)/2);min-width:0;scroll-snap-align:start;background:#fff;border:1px solid #d5e2ec;overflow:hidden}.mb-ref-slide[hidden]{display:none!important}.mb-ref-slide-image{position:relative;display:block;width:100%;aspect-ratio:1.28;border:0;padding:0;border-radius:0;overflow:hidden;background:#20405a;color:white;cursor:zoom-in;text-align:left}.mb-ref-slide-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.mb-ref-slide-image.is-legacy-poster>img{max-width:none;inset:auto;width:260%;height:auto;left:-75%;top:-38%}.mb-ref-slide-image:hover>img{transform:scale(1.03)}.mb-ref-slide-shade{position:absolute;inset:0;background:linear-gradient(180deg,#102d4800 20%,#091e3499 56%,#091e34ed 100%)}.mb-ref-slide-number{position:absolute;left:22px;top:20px;font-size:12px;letter-spacing:.1em;padding:7px 11px;background:#102d48cc}.mb-ref-slide-overlay{position:absolute;bottom:27px;left:28px;right:58px;display:grid;gap:10px}.mb-ref-slide-overlay small{font-size:11px;letter-spacing:.12em;color:#97ef86;text-transform:uppercase}.mb-ref-slide-overlay strong{color:white;font-size:clamp(23px,2.5vw,34px);line-height:1.12;letter-spacing:-.02em}.mb-ref-slide-overlay>span{font-size:14px;line-height:1.5;color:#dfeaf3;max-width:400px}.mb-ref-slide-expand{position:absolute;bottom:24px;right:17px;font-size:24px;color:white}.mb-ref-slide-caption{padding:22px 25px}.mb-ref-slide-caption>p{font-size:14px;line-height:1.7;margin:0 0 16px;color:#536a7d}.mb-ref-slide-client span{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#536a7d}.mb-ref-slide-caption .mb-ref-slide-client{color:#102d48;font-size:13px}.mb-ref-slide-caption details{border-top:1px solid #dce6ed;padding-top:14px;font-size:14px;color:#536a7d}.mb-ref-slide-caption summary{font-weight:650;color:#126fc9;cursor:pointer}.mb-ref-slide-caption details p{margin:14px 0 0;line-height:1.7}.mb-ref-motion-bottom{display:flex;justify-content:space-between;gap:25px;padding-top:12px;color:#536a7d;font-size:12px}.mb-ref-empty{padding:45px;background:#e8f1f7;color:#234e70;border-left:4px solid #4ab849}.mb-ref-motion button:focus-visible,.mb-ref-track:focus-visible,.mb-ref-motion summary:focus-visible{outline:3px solid #126fc9;outline-offset:3px}.mb-ref-motion [hidden]{display:none!important}
@media(max-width:900px){.mb-ref-poles{grid-template-columns:repeat(3,minmax(0,1fr))}.mb-ref-motion-intro{align-items:flex-start;flex-direction:column;gap:12px}.mb-ref-motion-head{padding:48px 0}.mb-ref-slide-overlay{left:20px;bottom:22px;right:40px}.mb-ref-slide-overlay strong{font-size:25px}}
@media(max-width:620px){.mb-ref-motion-head h1{font-size:42px}.mb-ref-poles{gap:8px;margin-bottom:30px}.mb-ref-poles button{padding:12px 5px;gap:8px}.mb-ref-poles img,.mb-ref-all{width:48px;height:42px}.mb-ref-poles strong{font-size:10px;min-height:29px}.mb-ref-slide{flex-basis:100%}.mb-ref-slide-image{aspect-ratio:1.15}.mb-ref-motion-toolbar{align-items:flex-start;flex-direction:column;gap:18px}.mb-ref-motion-controls{align-self:flex-end}.mb-ref-motion-bottom{align-items:flex-start;flex-direction:column;gap:0}.mb-ref-slide-caption{padding:20px}.mb-ref-explorer{padding-top:32px!important}.mb-ref-empty{padding:25px}}
@media(prefers-reduced-motion:reduce){.mb-ref-track{scroll-behavior:auto}.mb-ref-slide-image>img{transition:none}}

/* SEO 0.8.1 — contenu métier lisible, sans pages locales artificielles. */
body.home .homepage_banner h1.banner_title{font-size:clamp(30px,4.5vw,64px)!important;line-height:1.08;max-width:1050px;margin-left:auto;margin-right:auto}.mb-seo-depth{background:#f4f8fb}.mb-seo-proof{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:35px 0 45px}.mb-seo-proof>div{padding:28px;background:#fff;border:1px solid #d5e2ec}.mb-seo-proof h3{font-size:25px;line-height:1.2;color:#102d48;margin:12px 0 18px}.mb-seo-proof p{line-height:1.8}.mb-seo-faq h2{font-size:clamp(27px,3vw,40px);color:#102d48;margin-bottom:28px}.mb-seo-faq details{padding:21px 0;border-bottom:1px solid #cadbe8}.mb-seo-faq summary{font-size:18px;color:#18364f;font-weight:650;cursor:pointer;line-height:1.5}.mb-seo-faq details p{max-width:1000px;line-height:1.8;margin:18px 0 0}.mb-seo-source{font-size:13px;color:#536a7d;margin-top:28px}.mb-seo-links{display:grid;gap:14px;margin:30px 0}.mb-seo-faq summary:focus-visible{outline:3px solid #126fc9;outline-offset:5px}@media(max-width:760px){.mb-seo-proof{grid-template-columns:1fr;gap:18px}.mb-seo-proof>div{padding:23px}body.home .homepage_banner h1.banner_title{font-size:32px!important;max-width:95%}}