/* Nommera — /expertises/metadonnees-onix/ v3 (2026-11-06). Préfixe mo5- ; s'appuie sur audit-catalogue.css (ac3-). Les composants partagés (sous-menu .nm-subnav, FAQ, bloc Kit, liens) restent inchangés. Mouvement : opacité + transform, uniquement si prefers-reduced-motion l'autorise ; sans JavaScript ou avec mouvement réduit, l'état final est affiché. */
.mo5 .ac3-wrap{max-width:1260px;}
.mo5-hero{padding:56px 0 72px;position:relative;overflow:hidden;}
.mo5-hero::before{content:"";position:absolute;right:-8%;top:-30%;width:56%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(10,101,247,.12),rgba(10,101,247,0) 66%);pointer-events:none;}
.mo5-hero::after{content:"";position:absolute;left:-12%;bottom:-40%;width:46%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.14),rgba(2,208,152,0) 66%);pointer-events:none;}
.mo5-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;}
.mo5-hero h1{font-size:clamp(34px,4.4vw,56px);max-width:12em;}
.mo5-kick1{margin:0 0 14px;font-size:clamp(18px,1.7vw,21px);font-weight:800;line-height:1.35;color:var(--ink);max-width:28em;}
.mo5-hero .ac3-lede{max-width:35em;}
.mo5-hero .ac3-cta-row{margin-top:26px;}
.mo5-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.mo5-chips li{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--ac-line);border-radius:999px;padding:9px 16px 9px 12px;font-size:14.5px;font-weight:700;}
.mo5-chips svg{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--green);color:var(--ink);flex:none;}


.mo5-sec{padding:84px 0;}
.mo5-sec--sand{background:var(--ac-tint);border-top:1px solid var(--ac-line);border-bottom:1px solid var(--ac-line);}
.mo5-lede{margin-top:14px;font-size:17px;line-height:1.6;color:var(--ink-soft);max-width:46em;}

.mo5-bento{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px;}
.mo5-bc{position:relative;border-radius:24px;padding:26px 24px;display:grid;align-content:start;gap:8px;border:1px solid #d3dcfb;background:#eaf0ff;}
.mo5-bc:nth-child(even){background:#e9f6ef;border-color:#cbe8da;}
.mo5-bb{position:absolute;right:18px;top:18px;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.mo5-bc b{font-size:19px;letter-spacing:-.01em;padding-right:40px;}
.mo5-bc p{margin:0;font-size:15px;line-height:1.5;color:#3a3e45;}
.mo5-sec .aa3-legal{margin-top:22px;}

.mo5-flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1.25fr);gap:14px;align-items:stretch;margin-top:34px;}
.mo5-fc{border-radius:24px;padding:26px 24px;background:#fff;border:1px solid var(--ac-line);display:grid;align-content:start;gap:8px;}
.mo5-fc small{font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);}
.mo5-fc h3{margin:0;font-size:22px;letter-spacing:-.01em;}
.mo5-fc p{margin:2px 0 0;font-size:15px;color:var(--ink-soft);}
.mo5-fc ul{list-style:none;margin:6px 0 0;padding:0;}
.mo5-fc li{padding:9px 0;border-top:1px solid var(--ac-line);font-size:15px;line-height:1.4;}
.mo5-fh{background:var(--ink);color:#fff;border-color:var(--ink);}
.mo5-fh small{color:var(--cyan,#00DBFF);} .mo5-fh p{color:rgba(255,255,255,.8);} .mo5-fh li{border-top-color:rgba(255,255,255,.18);}
.mo5-fa{align-self:center;font-size:26px;color:var(--ink-faint);}
.mo5-armed .mo5-fc{opacity:0;transform:translateY(10px);}
.mo5-armed.is-in .mo5-fc{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease;}
.mo5-armed.is-in .mo5-fc:nth-of-type(2){transition-delay:.25s;} .mo5-armed.is-in .mo5-fc:nth-of-type(3){transition-delay:.5s;}

.mo5-dark{background:#111;color:#fff;padding:84px 0;position:relative;overflow:hidden;}
.mo5-dark::before{content:"";position:absolute;right:-6%;top:-30%;width:52%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(10,101,247,.38),rgba(10,101,247,0) 62%);pointer-events:none;}
.mo5-dark::after{content:"";position:absolute;left:-10%;bottom:-40%;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(2,208,152,.26),rgba(2,208,152,0) 62%);pointer-events:none;}
.mo5-dark .ac3-wrap{position:relative;z-index:1;}
.mo5-eb{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 12px;}
.mo5-dark h2{color:#fff;font-size:clamp(26px,3.2vw,40px);max-width:16em;}

.mo5-tiers{display:grid;gap:18px;margin-top:30px;}
.mo5-tiers.c3{grid-template-columns:repeat(3,minmax(0,1fr));} .mo5-tiers.c4{grid-template-columns:repeat(4,minmax(0,1fr));}
.mo5-tier{position:relative;border-radius:24px;padding:26px 24px 24px;background:#fff;border:1px solid var(--ac-line);display:grid;align-content:start;gap:8px;}
.mo5-tier>small{font-size:13px;font-weight:700;color:var(--ink-soft);line-height:1.35;padding-right:40px;}
.mo5-tn{position:absolute;right:18px;top:18px;min-width:30px;height:30px;padding:0 8px;border-radius:999px;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.mo5-tier b{font-size:21px;letter-spacing:-.01em;margin-top:6px;}
.mo5-tp{font-size:14px;font-weight:800;color:var(--ac-green);}
.mo5-tier p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-soft);}
.mo5-tier.is-first{background:#e9f6ef;border-color:#cbe8da;}
.mo5-note{margin:24px 0 0;font-size:14.5px;color:var(--ink-soft);max-width:48em;}

@media (max-width:1100px){ .mo5-tiers.c4{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:980px){
  .mo5-hero-grid{grid-template-columns:1fr;gap:36px;} .mo5-boardwrap{margin:0 auto;}
  .mo5-bento{grid-template-columns:repeat(2,minmax(0,1fr));}
  .mo5-flow{grid-template-columns:1fr;} .mo5-fa{justify-self:center;transform:rotate(90deg);}
  .mo5-tiers.c3{grid-template-columns:1fr;}
}
@media (max-width:640px){
  .mo5-hero{padding:36px 0 48px;} .mo5-sec,.mo5-dark{padding:56px 0;}
  .mo5-bento,.mo5-tiers.c4{grid-template-columns:minmax(0,1fr);} .mo5-bc,.mo5-bc b,.mo5-bc p{overflow-wrap:anywhere;min-width:0;}
  .mo5-gap{padding:22px 20px;}
}

@media (prefers-reduced-motion:no-preference){
}

.mo5-kick1{margin:0 0 14px;font-size:clamp(18px,1.7vw,21px);font-weight:800;line-height:1.35;color:var(--ink);max-width:28em;}
.mo5-split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:48px;align-items:start;margin-top:8px;}
.mo5-split p{margin:0 0 14px;font-size:17px;line-height:1.65;color:var(--ink-soft);max-width:40em;}
.mo5-chain{display:grid;gap:0;border-radius:24px;background:#fff;border:1px solid var(--ac-line);padding:8px 22px;}
.mo5-chain>div{display:grid;gap:3px;padding:18px 0;border-top:1px solid var(--ac-line);position:relative;}
.mo5-chain>div:first-child{border-top:0;}
.mo5-chain small{font-size:11.5px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);}
.mo5-chain b{font-size:19px;letter-spacing:-.01em;}
.mo5-chain span{font-size:14.5px;color:var(--ink-soft);}
.mo5-chain>div:not(:last-child)::after{content:"↓";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:22px;color:var(--ink-faint);}
.mo5-chain>div:nth-child(3){background:transparent;}

.mo5-dsplit{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:stretch;margin-top:34px;}
.mo5-dl{display:flex;flex-direction:column;justify-content:space-between;gap:20px;}
.mo5-dl p{margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.78);max-width:30em;}
.mo5-dl .mo5-key{padding-top:22px;border-top:2px solid rgba(255,255,255,.9);font-size:clamp(24px,2.6vw,32px);line-height:1.25;font-weight:800;letter-spacing:-.015em;color:#fff;}
.mo5-armed .mo5-dl{opacity:0;transform:translateY(8px);} .mo5-armed.is-in .mo5-dl{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease;}
.mo5-gap{border-radius:24px;padding:26px 28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);}
.mo5-gap ul{list-style:none;margin:0;padding:0;}
.mo5-gap li{position:relative;padding:12px 0 12px 34px;border-top:1px solid rgba(255,255,255,.14);font-size:16.5px;line-height:1.45;color:rgba(255,255,255,.92);}
.mo5-gap{display:flex;align-items:center;} .mo5-gap ul{width:100%;}
.mo5-gap li:first-child{border-top:0;}
.mo5-gap li::before{content:"!";position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;background:#f5a524;color:#111;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;}
.mo5-armed .mo5-gap li{opacity:0;transform:translateX(-8px);}
.mo5-armed.is-in .mo5-gap li{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease;}
.mo5-armed.is-in .mo5-gap li:nth-child(2){transition-delay:.15s;} .mo5-armed.is-in .mo5-gap li:nth-child(3){transition-delay:.3s;} .mo5-armed.is-in .mo5-gap li:nth-child(4){transition-delay:.45s;} .mo5-armed.is-in .mo5-gap li:nth-child(5){transition-delay:.6s;} .mo5-armed.is-in .mo5-gap li:nth-child(6){transition-delay:.75s;}

.mo5-ladder{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:30px 0 0;padding:0;counter-reset:l;}
.mo5-ladder li{position:relative;padding:16px 18px 16px 18px;background:#fff;border:1px solid var(--ac-line);border-left-width:0;display:grid;gap:3px;}
.mo5-ladder li:first-child{border-left-width:1px;border-radius:18px 0 0 18px;} .mo5-ladder li:last-child{border-radius:0 18px 18px 0;}
.mo5-ladder b{font-size:16px;} .mo5-ladder span{font-size:13.5px;color:var(--ink-soft);line-height:1.4;}
.mo5-ladder li:last-child{background:#e9f6ef;border-color:#cbe8da;}
.mo5-armed .mo5-ladder li{opacity:.35;} .mo5-armed.is-in .mo5-ladder li{opacity:1;transition:opacity .45s ease;}
.mo5-armed.is-in .mo5-ladder li:nth-child(2){transition-delay:.25s;} .mo5-armed.is-in .mo5-ladder li:nth-child(3){transition-delay:.5s;} .mo5-armed.is-in .mo5-ladder li:nth-child(4){transition-delay:.75s;}
.mo5-ladnote{margin:12px 0 0;font-size:15px;font-weight:700;color:var(--ink);}
.mo5-prose{margin-top:30px;display:grid;gap:14px;max-width:48em;}
.mo5-prose p{margin:0;font-size:16.5px;line-height:1.65;color:var(--ink-soft);}
.mo5-small{margin:24px 0 0;font-size:14.5px;line-height:1.65;color:var(--ink-soft);max-width:52em;}
.mo5-small a{color:var(--ink);text-decoration:underline;}

.mo5-end{margin:0 auto;border-radius:28px;padding:34px 36px;background:linear-gradient(120deg,#e9f6ef,#eaf0ff);border:1px solid #cbe8da;display:grid;grid-template-columns:minmax(0,1.5fr) auto;gap:28px;align-items:center;}
.mo5-end p{margin:0;font-size:17px;line-height:1.6;color:var(--ink);}
.mo5-end-btns{display:grid;gap:10px;justify-items:stretch;}
.mo5-end-btns .ac3-btn{justify-content:center;text-align:center;}

@media (max-width:1100px){ .mo5-bento{grid-template-columns:repeat(2,minmax(0,1fr));} }
@media (max-width:980px){
  .mo5-split,.mo5-dsplit{grid-template-columns:1fr;gap:26px;}
  .mo5-ladder{grid-template-columns:1fr 1fr;} .mo5-ladder li{border-left-width:1px;border-radius:0 !important;} .mo5-ladder li:first-child{border-radius:18px 0 0 0 !important;} .mo5-ladder li:nth-child(2){border-radius:0 18px 0 0 !important;} .mo5-ladder li:nth-child(3){border-radius:0 0 0 18px !important;} .mo5-ladder li:last-child{border-radius:0 0 18px 0 !important;}
  .mo5-end{grid-template-columns:1fr;padding:26px 22px;}
}
@media (max-width:640px){ .mo5-bento{grid-template-columns:minmax(0,1fr);} .mo5-ladder{grid-template-columns:1fr;} .mo5-ladder li:first-child{border-radius:18px 18px 0 0 !important;} .mo5-ladder li:nth-child(2),.mo5-ladder li:nth-child(3){border-radius:0 !important;} .mo5-ladder li:last-child{border-radius:0 0 18px 18px !important;} .mo5-origin{padding:20px;font-size:16.5px;} }
.mo5-tier .ac3-link{justify-self:start;margin-top:8px;}