/* Nommera — /expertises/epub-accessibilite/ v3 (2026-11-06). Préfixe ea5- ; s'appuie sur audit-catalogue.css (ac3-). Les composants partagés (sous-menu .nm-subnav, FAQ, ep2-alt-cta, renvoi Prism) restent inchangés. Mouvement : opacité + transform, uniquement si prefers-reduced-motion l'autorise ; sans JavaScript, l'état final est affiché. */
.ea5 .ac3-wrap{max-width:1260px;}
.ea5-hero{padding:56px 0 72px;position:relative;overflow:hidden;}
.ea5-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;}
.ea5-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;}
.ea5-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:56px;align-items:center;}
.ea5-hero h1{font-size:clamp(34px,4.4vw,56px);max-width:12em;}
.ea5-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;}
.ea5-hero .ac3-lede{max-width:35em;}
.ea5-hero .ac3-cta-row{margin-top:26px;}
.ea5-chips{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.ea5-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;}
.ea5-chips svg{width:20px;height:20px;padding:4px;border-radius:50%;background:var(--green);color:var(--ink);flex:none;}


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

.ea5-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:30px;}
.ea5-bc{position:relative;border-radius:24px;padding:26px 24px;display:grid;align-content:start;gap:8px;border:1px solid #d3dcfb;background:#eaf0ff;}
.ea5-bc:nth-child(even){background:#e9f6ef;border-color:#cbe8da;}
.ea5-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;}
.ea5-bc b{font-size:20px;letter-spacing:-.01em;padding-right:40px;}
.ea5-bc p{margin:0;font-size:15.5px;line-height:1.5;color:#3a3e45;}
.ea5-sec .aa3-legal{margin-top:22px;}

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

.ea5-dark{background:#111;color:#fff;padding:84px 0;position:relative;overflow:hidden;}
.ea5-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;}
.ea5-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;}
.ea5-dark .ac3-wrap{position:relative;z-index:1;}
.ea5-eb{font-size:12.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green);margin:0 0 12px;}
.ea5-dark h2{color:#fff;font-size:clamp(26px,3.2vw,40px);max-width:16em;}
.ea5-big{display:block;font-size:clamp(48px,7vw,92px);line-height:1;letter-spacing:-.03em;background:linear-gradient(90deg,#00DBFF,#02D098);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:8px;}
.ea5-void{display:grid;grid-template-columns:1fr;gap:18px;margin-top:36px;max-width:860px;}
.ea5-pass{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;}
.ea5-pass div{display:inline-flex;align-items:center;gap:12px;padding:10px 18px;border-radius:999px;background:rgba(2,208,152,.1);border:1px solid rgba(2,208,152,.5);font-size:16px;}
.ea5-pass p{margin:0 6px 0 0;font-size:12px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.6);}
.ea5-pass b{color:var(--green);font-weight:800;font-size:16px;}
.ea5-gap{border-radius:24px;padding:26px 28px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.2);}
.ea5-gap h3{margin:0 0 12px;color:#fff;font-size:24px;}
.ea5-gap ul{list-style:none;margin:0;padding:0;}
.ea5-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);}
.ea5-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;}
.ea5-armed .ea5-gap li{opacity:0;transform:translateX(-8px);}
.ea5-armed.is-in .ea5-gap li{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease;}
.ea5-armed.is-in .ea5-gap li:nth-child(2){transition-delay:.2s;} .ea5-armed.is-in .ea5-gap li:nth-child(3){transition-delay:.4s;} .ea5-armed.is-in .ea5-gap li:nth-child(4){transition-delay:.6s;} .ea5-armed.is-in .ea5-gap li:nth-child(5){transition-delay:.8s;}

.ea5-tiers{display:grid;gap:18px;margin-top:30px;}
.ea5-tiers.c3{grid-template-columns:repeat(3,minmax(0,1fr));} .ea5-tiers.c4{grid-template-columns:repeat(4,minmax(0,1fr));}
.ea5-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;}
.ea5-tier>small{font-size:13px;font-weight:700;color:var(--ink-soft);line-height:1.35;padding-right:40px;}
.ea5-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;}
.ea5-tier b{font-size:21px;letter-spacing:-.01em;margin-top:6px;}
.ea5-tp{font-size:14px;font-weight:800;color:var(--ac-green);}
.ea5-tier p{margin:0;font-size:15px;line-height:1.5;color:var(--ink-soft);}
.ea5-tier.is-first{background:#e9f6ef;border-color:#cbe8da;}
.ea5-note{margin:24px 0 0;font-size:14.5px;color:var(--ink-soft);max-width:48em;}

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

@media (prefers-reduced-motion:no-preference){
}
.ea5-tier .ac3-link{justify-self:start;margin-top:8px;}