/* Gabarit plasis-v1 (site de Plasis). Polices gratuites, sous licence SIL OFL 1.1, servies par le site lui-même
   (licences dans /polices/) : Inter, « Copyright (c) 2016 The Inter Project Authors (https://github.com/rsms/inter) »,
   pour le texte et les titres ; Geist Mono, « Copyright 2024 The Geist Project Authors
   (https://github.com/vercel/geist-font) », pour les étiquettes et les chiffres (31 octobre 2026, comme les sites
   donnés en exemple par l'utilisateur). Mobile d'abord ; contraste du texte d'au moins 4,5 pour 1 ; focus visible ;
   cibles de 44 px.
   Refonte du 31 octobre 2026 (« classique », de petites animations, des graphiques) : fond papier, cartes arrondies,
   en-tête collant, accueil centré au-dessus d'un aperçu du tableau de bord, étapes reliées. Animations en CSS seul,
   jouées une fois ou au défilement, jamais en boucle ; l'état sans animation est l'état final, et il est le seul
   montré à qui demande moins de mouvement (prefers-reduced-motion). */
@font-face{font-family:"Inter";src:url(/polices/inter-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Geist Mono";src:url(/polices/geist-mono-latin-wght-normal.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{--encre:#16191a;--texte:#2a2f2c;--gris:#5a615c;--trait:#e6e3db;--papier:#f7f6f2;--carte:#fff;--creme:#f1eee5;
--vert:#2d5b3d;--vert-vif:#3c7a50;--vert-nuit:#1d3a28;--vert-doux:#e9f0ea;--neutre-barre:#858b83;--piste-barre:#ece9e0;
--sable-doux:#fff4c2;--sable-encre:#3d3200;--rayon:1rem;
--ombre:0 1px 2px rgba(23,32,26,.05),0 8px 24px -8px rgba(23,32,26,.10);
--ombre-haute:0 2px 4px rgba(23,32,26,.05),0 18px 40px -12px rgba(23,32,26,.18);
--police:"Inter","Segoe UI",system-ui,sans-serif;--titres:"Inter","Segoe UI",system-ui,sans-serif;
--mono:"Geist Mono",ui-monospace,"SF Mono",Menlo,monospace;
--coche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3.5 8.5l3 3 6-7' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
--fleche:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M2 8h11M9 4l4 4-4 4' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:5.5rem}
body{margin:0;color:var(--texte);font:400 1.0625rem/1.6 var(--police);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11";
background:radial-gradient(70rem 32rem at 85% -12rem,#e3ece2 0%,rgba(227,236,226,0) 70%) no-repeat,var(--papier)}
img{max-width:100%;height:auto;display:block}
a{color:var(--vert);text-decoration:underline;text-underline-offset:.15em}
a:hover{color:var(--encre);text-decoration-thickness:.15em}
:focus-visible{outline:3px solid var(--encre);outline-offset:3px}
.cadre{max-width:70rem;margin:0 auto;padding-left:1rem;padding-right:1rem}
.evitement{position:absolute;left:-9999px;top:0;background:#fff;color:var(--encre);padding:.75rem 1rem;z-index:30}
.evitement:focus{left:.5rem}
.visuellement-cache{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.bandeau{margin:0;padding:.5rem 1rem;background:var(--sable-doux);color:var(--sable-encre);text-align:center}

/* En-tête : marque, navigation, appel, sur une ligne à partir de 64rem ; collant sur ordinateur */
.entete{background:rgba(247,245,239,.92);border-bottom:1px solid var(--trait)}
.entete-ligne{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem 1rem;padding-top:.625rem;padding-bottom:.375rem}
.marque{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;font:600 1.3125rem/1 var(--titres);color:var(--encre);text-decoration:none;letter-spacing:-.03em}
.marque::before{content:"";width:1.75rem;height:1.75rem;border-radius:.45rem;background:url(/favicon.svg) center/contain no-repeat}
.marque:hover{color:var(--encre)}
.bouton-entete{margin-left:auto}
/* « Se connecter » (version 3) : à gauche du bouton d'appel ; sur écran étroit, une icône de personne dont le nom
   accessible reste « Se connecter » */
.entete-actions{flex:none;margin-left:auto;display:flex;align-items:center;gap:.375rem}
.entete-actions .bouton-entete{margin-left:0;white-space:nowrap}
.connexion{display:inline-flex;align-items:center;gap:.4rem;min-height:44px;min-width:44px;padding:0 .625rem;border-radius:999px;font:500 .9375rem/1.3 var(--titres);color:var(--encre);text-decoration:none;white-space:nowrap}
.connexion::before{content:"";flex:none;width:1.25rem;height:1.25rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='%23000' stroke-width='2'/%3E%3Cpath d='M4 21c0-4.4 3.6-7 8-7s8 2.6 8 7' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/contain no-repeat}
.connexion:hover{color:var(--encre);background:var(--creme)}
@media (max-width:29.99rem),(min-width:64rem) and (max-width:74.99rem){
  .connexion{justify-content:center;padding:0}
  .connexion span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
}
@media (min-width:64rem) and (max-width:74.99rem){.navigation a{padding:0 .5rem}}
@media (max-width:23.49rem){.bouton-entete{padding:.375rem .75rem}.bouton-entete::after{display:none}}
.entete-nav{order:3;flex:1 0 100%;margin:0 -.75rem;overflow-x:auto;scrollbar-width:none}
.entete-nav::-webkit-scrollbar{display:none}
.navigation{list-style:none;margin:0;padding:0;display:flex;gap:.25rem;white-space:nowrap}
.navigation a{display:inline-flex;align-items:center;min-height:44px;padding:0 .75rem;border-radius:999px;font:500 .9375rem/1.3 var(--titres);color:var(--gris);text-decoration:none}
.navigation a:hover{color:var(--encre);background:var(--creme)}
.navigation a[aria-current="page"]{color:var(--encre);background:var(--carte);box-shadow:inset 0 0 0 1px var(--trait)}

/* Contenu */
main{padding-top:2.25rem;padding-bottom:4rem}
h1,h2,h3{font-family:var(--titres);color:var(--encre);line-height:1.2}
h1{font-size:clamp(2.375rem,1.5rem + 4vw,4.25rem);font-weight:560;letter-spacing:-.045em;line-height:1.02;margin:0 0 1.25rem;max-width:48rem;text-wrap:balance}
h2{font-size:clamp(1.75rem,1.3rem + 1.6vw,2.625rem);font-weight:560;letter-spacing:-.035em;line-height:1.1;margin:4.5rem 0 1.25rem;text-wrap:balance}
h3{font-size:1.1875rem;font-weight:600;letter-spacing:-.02em;margin:1.5rem 0 .5rem}
p{margin:0 0 .875rem}
.bloc{margin:0 0 1.25rem}
.bloc-texte :where(p,h2,h3,ol,ul,blockquote){max-width:46rem}
/* Titre de section : un trait vert au-dessus, comme un repère de carnet */
:where(.bloc-texte:not([data-bloc^="encadre-"]):not([data-bloc^="piste-"]):not([data-bloc^="demo-"]),.graphique-intro)>h2:first-child::before{content:"";display:block;width:2.5rem;height:3px;border-radius:2px;background:var(--vert);margin-bottom:1rem}
.bloc-texte ul{padding-left:0;list-style:none}
.bloc-texte ul>li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}
.bloc-texte ul>li::before{content:"";position:absolute;left:.25rem;top:.62em;width:.45rem;height:.45rem;border-radius:50%;background:var(--vert-vif)}
.bloc-texte ol{padding-left:1.375rem}
.bloc-texte ol>li{margin-bottom:.5rem}
.bloc-texte strong{color:var(--encre)}
[data-bloc="accroche"] p{font-size:clamp(1.1875rem,1.05rem + .5vw,1.375rem);line-height:1.5;letter-spacing:-.01em;color:var(--gris);max-width:40rem}
[data-bloc="accroche"] p:first-child{color:var(--encre)}

/* Tableaux du texte : filets fins, en-tête en petites capitales ; sur petit écran, la zone qui les porte défile */
.tableau{width:fit-content;max-width:100%;overflow-x:auto;margin:0 0 1rem;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:var(--ombre)}
.tableau table{border-collapse:collapse;font-size:.9375rem}
.tableau th,.tableau td{padding:.75rem 1rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--trait)}
.tableau tr:last-child td{border-bottom:0}
.tableau thead th{background:var(--creme);font:500 .75rem/1.3 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--gris)}
.tableau tbody tr:hover td{background:#fbfaf6}
.tableau td:first-child{color:var(--encre);font-weight:600}
@media (max-width:40rem){
  .tableau table{font-size:.8125rem}
  .tableau th,.tableau td{padding:.625rem .375rem}
  .tableau th:first-child,.tableau td:first-child{padding-left:.75rem}
  .tableau th:last-child,.tableau td:last-child{padding-right:.75rem}
  .tableau thead th{letter-spacing:0;text-transform:none;font-size:.75rem}
}

/* Boutons : vert plein, flèche qui avance au survol */
.bouton{display:inline-flex;align-items:center;justify-content:center;gap:.625rem;min-height:48px;padding:.5rem 1.375rem;border-radius:999px;background:var(--encre);color:#fff;font:500 1rem/1.3 var(--titres);text-decoration:none;text-align:center;box-shadow:0 1px 2px rgba(23,32,26,.12),inset 0 1px 0 rgba(255,255,255,.12)}
.bouton::after{content:"";flex:none;width:1rem;height:1rem;background:currentColor;-webkit-mask:var(--fleche) center/contain no-repeat;mask:var(--fleche) center/contain no-repeat}
.bouton:hover{background:var(--vert);color:#fff}
.bouton-entete{min-height:44px;padding:.375rem 1.125rem;font-size:.9375rem}
.bloc-appel{margin:1.75rem 0}
.bloc-appel+[data-bloc="appel-precision"]{margin-top:-1rem;font-size:.9375rem;color:var(--gris)}
/* Appel de fin de page : bandeau vert foncé, bouton clair */
[data-bloc="appel-bas"]{margin:3rem 0 0;padding:2.25rem 1.25rem;border-radius:1.25rem;text-align:center;background:radial-gradient(circle,rgba(255,255,255,.09) 1px,transparent 1.5px) 0 0/18px 18px,var(--vert-nuit)}
[data-bloc="appel-bas"] .bouton{background:#fff;color:var(--vert-nuit);min-height:52px;padding:.625rem 1.625rem;font-size:1.0625rem}
[data-bloc="appel-bas"] .bouton:hover{background:var(--vert-doux);color:var(--vert-nuit)}
/* L'encadré qui précède l'appel de fin forme avec lui un seul bandeau */
[data-bloc^="encadre-"]:has(+[data-bloc="appel-bas"]){margin:3.5rem 0 0;padding:2.5rem 1.5rem 0;border:0;border-radius:1.25rem 1.25rem 0 0;text-align:center;color:#dfe8e1;background:radial-gradient(42rem 18rem at 50% 0,rgba(255,255,255,.09),rgba(255,255,255,0) 70%),var(--vert-nuit)}
[data-bloc^="encadre-"]:has(+[data-bloc="appel-bas"]) :where(h2,p,ul){margin-left:auto;margin-right:auto;max-width:40rem}
[data-bloc^="encadre-"]:has(+[data-bloc="appel-bas"]) :where(h2,strong){color:#fff}
[data-bloc^="encadre-"]:has(+[data-bloc="appel-bas"]) h2{font-size:clamp(1.5rem,1.2rem + 1.2vw,2.125rem)}
[data-bloc^="encadre-"]:has(+[data-bloc="appel-bas"]) a{color:#fff}
[data-bloc^="encadre-"]+[data-bloc="appel-bas"]{margin-top:0;padding-top:1.5rem;border-radius:0 0 1.25rem 1.25rem;background:var(--vert-nuit)}
a[href^="mailto:"]{font-family:var(--mono);font-size:.9em}

/* Cartes, chiffres, encadrés */
[data-bloc^="cartes-"] ul,[data-bloc^="chiffres-"] ul,[data-bloc^="etapes-"] ul{list-style:none;margin:0;padding:0;max-width:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:1rem}
[data-bloc^="cartes-"] ul>li,[data-bloc^="chiffres-"] ul>li,[data-bloc^="etapes-"] ul>li{margin:0;padding:1.25rem 1.375rem;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);box-shadow:var(--ombre)}
[data-bloc^="cartes-"] ul>li::before,[data-bloc^="chiffres-"] ul>li::before{content:none}
[data-bloc^="cartes-"] li>strong:first-child,[data-bloc^="etapes-"] li>strong:first-child{display:block;font:600 1.0625rem/1.35 var(--titres);letter-spacing:-.02em;margin-bottom:.5rem}
[data-bloc^="chiffres-"] li>strong:first-child{display:block;font:560 2.5rem/1.05 var(--titres);letter-spacing:-.04em;color:var(--vert);margin-bottom:.5rem}
/* Engagements : cartes teintées, comme les grilles des sites d'exemple */
[data-bloc="cartes-engagements"] ul>li:nth-child(3n+1){background:#eef3ec;border-color:#dde7da}
[data-bloc="cartes-engagements"] ul>li:nth-child(3n+2){background:#f6f2e7;border-color:#e9e1cc}
[data-bloc="cartes-engagements"] ul>li:nth-child(3n){background:#eef1f3;border-color:#dde3e7}
[data-bloc="cartes-engagements"] ul>li{box-shadow:none}
[data-bloc^="cartes-"] ul+p,[data-bloc^="chiffres-"] ul+p,[data-bloc^="etapes-"] ul+p{margin-top:1.25rem}
[data-bloc="cartes-paliers"] ul{grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr))}
[data-bloc="cartes-paliers"] li>strong:first-child{font-size:1.1875rem}
/* Engagements : une coche verte devant chaque titre */
[data-bloc="cartes-engagements"] li>strong:first-child{display:flex;gap:.625rem;align-items:flex-start}
[data-bloc="cartes-engagements"] li>strong:first-child::before{content:"";flex:none;width:1.375rem;height:1.375rem;margin-top:.05rem;border-radius:50%;background:var(--coche) center/.85rem no-repeat,var(--vert)}
[data-bloc^="encadre-"]{background:var(--vert-doux);border:1px solid #d6e3d8;border-radius:var(--rayon);padding:1.25rem 1.5rem}
[data-bloc^="encadre-"] h2{font-size:1.375rem;margin-top:0}
[data-bloc^="encadre-"] :last-child,[data-bloc^="fictif-"] :last-child{margin-bottom:0}
[data-bloc^="encadre-"]>:first-child,[data-bloc^="fictif-"]>:first-child{margin-top:0}
[data-bloc^="piste-"]{max-width:48rem;background:var(--carte);border:1px solid var(--trait);border-radius:var(--rayon);padding:1.375rem 1.625rem;box-shadow:var(--ombre)}
[data-bloc^="piste-"] h3{margin-top:0;font-size:1.25rem}
[data-bloc^="piste-"] h3+p em{display:inline-block;font-style:normal;font:500 .8125rem/1.4 var(--mono);color:var(--vert-nuit);background:var(--vert-doux);border:1px solid #d6e3d8;border-radius:999px;padding:.25rem .75rem}
[data-bloc^="piste-"] :last-child{margin-bottom:0}
[data-bloc^="fictif-"]{background:var(--sable-doux);color:var(--sable-encre);border-radius:var(--rayon);padding:1rem 1.25rem}
[data-bloc^="fictif-"] strong{color:var(--sable-encre)}

/* Étapes reliées : un point par étape, un trait vers la suivante (liste à puces) ; frise numérotée (liste numérotée) */
[data-bloc^="etapes-"] ul>li{position:relative;padding-top:2.5rem}
[data-bloc^="etapes-"] ul>li::before{content:"";position:absolute;left:1.375rem;top:1.125rem;width:.875rem;height:.875rem;border-radius:50%;background:var(--vert-vif);box-shadow:0 0 0 4px var(--vert-doux)}
[data-bloc^="etapes-"] ol{list-style:none;counter-reset:etape;padding:0;margin:0 0 1rem;max-width:46rem}
[data-bloc^="etapes-"] ol>li{counter-increment:etape;position:relative;padding:0 0 1.5rem 3.5rem;margin:0;min-height:2.5rem}
[data-bloc^="etapes-"] ol>li::before{content:counter(etape,decimal-leading-zero);position:absolute;left:0;top:-.1rem;width:2.25rem;height:2.25rem;border-radius:50%;display:grid;place-items:center;background:var(--encre);color:#fff;font:500 .8125rem/1 var(--mono)}
[data-bloc^="etapes-"] ol>li:not(:last-child)::after{content:"";position:absolute;left:1.0625rem;top:2.4rem;bottom:.2rem;width:2px;background:linear-gradient(var(--vert-vif),#cddbd0);border-radius:1px;transform-origin:top}

/* Aperçu du pré-audit (accueil) : une fenêtre dont les étapes se cochent l'une après l'autre */
[data-bloc^="demo-"]{position:relative;background:var(--carte);border:1px solid var(--trait);border-radius:1.25rem;padding:0 1.25rem 1.25rem;box-shadow:var(--ombre-haute);overflow:hidden;max-width:34rem}
[data-bloc^="demo-"]::before{content:"";display:block;height:2.25rem;margin:0 -1.25rem 1rem;border-bottom:1px solid var(--trait);background:radial-gradient(circle at 1.125rem 50%,#ddd8cb 4px,transparent 4.5px),radial-gradient(circle at 1.875rem 50%,#ddd8cb 4px,transparent 4.5px),radial-gradient(circle at 2.625rem 50%,#ddd8cb 4px,transparent 4.5px),#faf8f3}
[data-bloc^="demo-"]>p:first-child{margin:0 0 1rem;font:600 1.0625rem/1.35 var(--titres);letter-spacing:-.02em;color:var(--encre)}
[data-bloc^="demo-"]>p:first-child::after{content:"";display:block;height:5px;margin-top:.75rem;border-radius:3px;background:linear-gradient(var(--vert-vif),var(--vert-vif)) 0 0/100% 100% no-repeat,var(--piste-barre)}
[data-bloc^="demo-"] ul{margin:0;display:grid;gap:.5rem}
[data-bloc^="demo-"] ul>li{display:flex;align-items:flex-start;gap:.75rem;margin:0;padding:.75rem .875rem;border:1px solid var(--trait);border-radius:.75rem;background:#fcfbf8;color:var(--encre);font-size:1rem;line-height:1.45}
[data-bloc^="demo-"] ul>li::before{position:static;flex:none;width:1.375rem;height:1.375rem;margin-top:.05rem;border-radius:50%;background:var(--coche) center/.85rem no-repeat,var(--vert)}
[data-bloc^="demo-"]>p:last-child{margin:1rem 0 0;display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:999px;background:var(--vert-doux);color:var(--vert-nuit);font:500 .8125rem/1.4 var(--mono)}
[data-bloc^="demo-"]>p:last-child::before{content:"";width:.5rem;height:.5rem;border-radius:50%;background:var(--vert-vif)}

/* Accueil : titre, accroche et appel centrés au-dessus de la scène */
main:has(>.bloc-apercu)>:is(h1,[data-bloc="accroche"],[data-bloc="appel-haut"],[data-bloc="appel-precision"]){text-align:center;margin-left:auto;margin-right:auto}
main:has(>.bloc-apercu)>h1{max-width:60rem}
main:has(>.bloc-apercu) [data-bloc="accroche"] p{margin-left:auto;margin-right:auto}
main:has(>.bloc-apercu)>[data-bloc="appel-precision"] p{max-width:none}
main:has(>.bloc-apercu)>[data-bloc^="demo-"]{margin-top:1.25rem}

/* Pied de page : vert foncé */
.pied{background:var(--vert-nuit);color:#dfe8e1;padding:2.75rem 0 2rem;margin-top:1rem}
.pied a{color:#fff;display:inline-flex;align-items:center;min-height:44px}
.pied a:hover{color:#fff;text-decoration-thickness:.15em}
.pied-grille{display:grid;gap:1rem 2rem}
.marque-pied{min-height:0;margin-bottom:.75rem;color:#fff}
.pied ul{list-style:none;margin:0;padding:0;columns:2 12rem;column-gap:2rem}
.pied li{break-inside:avoid}

@media (min-width:48rem){
  body{font-size:1.125rem}
  .cadre{padding-left:2rem;padding-right:2rem}
  main{padding-top:3.5rem}
  .pied-grille{grid-template-columns:1fr 1.4fr}
  [data-bloc="appel-bas"]{padding:3rem 2rem}
  [data-bloc^="etapes-"] ul>li:not(:last-child)::after{content:"";position:absolute;left:2.75rem;right:-1rem;top:1.5rem;height:2px;background:repeating-linear-gradient(90deg,var(--vert-vif) 0 6px,transparent 6px 11px);transform-origin:left}
}
@media (min-width:64rem){
  .entete{position:sticky;top:0;z-index:20;background:rgba(247,245,239,.82);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}
  .entete-ligne{flex-wrap:nowrap;padding-top:.75rem;padding-bottom:.75rem}
  .entete-nav{order:0;flex:1 1 auto;margin:0;display:flex;justify-content:center;overflow:visible}
  .bouton-entete{margin-left:0}
  .entete-actions{margin-left:0}
  /* Accueil : la fenêtre du pré-audit chevauche le bas droit de la scène verte du tableau de bord, sans rien cacher
     (version 4) : la fenêtre de l'espace s'arrête avant elle. Chevauchement = colonnes 9 et 10 de la grille = 20 % de
     la scène moins 0,8 fois l'écart entre colonnes ; on y ajoute la marge verte du bord gauche. */
  main:has(>.bloc-apercu){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:1.5rem}
  main:has(>.bloc-apercu)>*{grid-column:1/-1}
  main:has(>.bloc-apercu)>.bloc-apercu{grid-column:1/11;grid-row:5}
  main:has(>.bloc-apercu)>.bloc-apercu .fenetre-app{padding-right:calc(20% - 1.2rem + clamp(.75rem,2.5vw,2.25rem))}
  main:has(>.bloc-apercu)>[data-bloc^="demo-"]{grid-column:9/13;grid-row:5;align-self:end;margin:0 0 -2.5rem;z-index:2}
  main:has(>.bloc-apercu)>.bloc-apercu figcaption{max-width:58%}
}

/* Mouvement : seulement pour qui ne demande pas moins de mouvement */
@media (prefers-reduced-motion:no-preference){
  .bouton::after{transition:transform .2s ease}
  .bouton:hover::after{transform:translateX(3px)}
  :is([data-bloc^="cartes-"],[data-bloc^="etapes-"]) ul>li,.graphique-carte,[data-bloc^="piste-"]{transition:transform .25s ease,box-shadow .25s ease}
  :is([data-bloc^="cartes-"],[data-bloc^="etapes-"]) ul>li:hover,.graphique-carte:hover,[data-bloc^="piste-"]:hover{transform:translateY(-3px);box-shadow:var(--ombre-haute)}
  /* Aperçu du pré-audit : la barre avance, chaque étape se coche, puis le message apparaît (une fois, 4 secondes) */
  [data-bloc^="demo-"]{animation:monte .7s .1s cubic-bezier(.2,.7,.2,1) both}
  [data-bloc^="demo-"]>p:first-child::after{animation:avance 3s .6s cubic-bezier(.4,0,.2,1) both}
  [data-bloc^="demo-"] ul>li{animation:allume .5s ease-out both}
  [data-bloc^="demo-"] ul>li::before{animation:coche .45s cubic-bezier(.3,1.4,.5,1) both}
  [data-bloc^="demo-"] ul>li:nth-child(1),[data-bloc^="demo-"] ul>li:nth-child(1)::before{animation-delay:.9s}
  [data-bloc^="demo-"] ul>li:nth-child(2),[data-bloc^="demo-"] ul>li:nth-child(2)::before{animation-delay:1.6s}
  [data-bloc^="demo-"] ul>li:nth-child(3),[data-bloc^="demo-"] ul>li:nth-child(3)::before{animation-delay:2.3s}
  [data-bloc^="demo-"] ul>li:nth-child(4),[data-bloc^="demo-"] ul>li:nth-child(4)::before{animation-delay:3s}
  [data-bloc^="demo-"]>p:last-child{animation:monte .5s 3.6s ease-out both}
  @keyframes monte{from{opacity:0;transform:translateY(14px)}}
  @keyframes avance{from{background-size:0 100%,auto}}
  @keyframes allume{from{border-color:var(--trait);background:#fff;color:var(--gris)}}
  @keyframes coche{from{background:transparent;box-shadow:inset 0 0 0 2px #cfd6cf;transform:scale(.85)}}
  /* Au défilement : les blocs montent doucement, les traits des étapes se dessinent */
  @supports (animation-timeline:view()){
    main>.bloc:not([data-bloc="accroche"]):not([data-bloc^="appel-"]):not([data-bloc^="demo-"]):not(.bloc-formulaire):not([data-bloc^="cartes-"]):not([data-bloc^="chiffres-"]):not([data-bloc^="etapes-"]):not(.bloc-graphique):not(.bloc-apercu){animation:monte linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
    :is([data-bloc^="cartes-"],[data-bloc^="chiffres-"],[data-bloc^="etapes-"]) ul>li{animation:monte linear both;animation-timeline:view();animation-range:entry 5% entry 60%}
    [data-bloc^="etapes-"] ul>li::after,[data-bloc^="etapes-"] ol>li::after{animation:trace linear both;animation-timeline:view();animation-range:entry 30% cover 45%}
    @keyframes trace{from{transform:scale(0)}}
  }
  /* Sur téléphone et tablette, l'aperçu est sous le titre : ses étapes se cochent quand on y arrive, pas avant */
  @media (max-width:63.99rem){
    @supports (animation-timeline:view()){
      [data-bloc^="demo-"]{animation-timeline:view();animation-range:entry 0% entry 60%;animation-delay:0s}
      [data-bloc^="demo-"]>p:first-child::after{animation-timeline:view();animation-range:entry 100% cover 55%;animation-delay:0s}
      [data-bloc^="demo-"] ul>li,[data-bloc^="demo-"] ul>li::before{animation-timeline:view();animation-range:entry 100% cover 35%;animation-delay:0s}
      [data-bloc^="demo-"]>p:last-child{animation-timeline:view();animation-range:entry 0% entry 100%;animation-delay:0s}
    }
  }
}
@media print{.entete{position:static}[data-bloc="appel-bas"]{background:none;color:inherit}}