.section-demo{background:var(--bg-alt);padding:96px 0}.section-demo .section-inner{max-width:1440px}.demo-entete{max-width:68ch;margin-bottom:40px}.demo-titre{font-family:var(--font-serif);letter-spacing:-.015em;max-width:22ch;margin:0 0 16px;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.1}.demo-intro{color:var(--text-muted);margin:0;font-size:17px;line-height:1.6}.demo{position:relative}.demo-barre{justify-content:space-between;align-items:center;height:34px;display:flex}.demo-badge{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:8px;font-size:11px;display:inline-flex}.demo-badge-losange{background:var(--accent);width:6px;height:6px;transform:rotate(45deg)}.demo-pause,.demo-onglet{appearance:none;font:inherit;color:inherit;line-height:inherit;background:0 0;border:0}.demo-pause{font-family:var(--font-mono);color:var(--text-muted);border:1px solid var(--border-strong);cursor:pointer;border-radius:3px;padding:4px 10px;font-size:12px}.demo-pause:hover{color:var(--text);border-color:var(--text-muted)}.demo-onglets{border:1px solid var(--border);background:var(--bg);scrollbar-width:none;border-radius:3px;gap:4px;margin:12px 0 16px;padding:4px;display:flex;overflow-x:auto}.demo-onglet{color:var(--text-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;border-radius:3px;flex:none;padding:7px 14px;font-size:13.5px;position:relative;overflow:hidden}.demo-onglet:hover{color:var(--text)}.demo-onglet.est-actif{color:var(--text);background:var(--bg-alt)}.demo-onglet:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.demo-onglet-num{font-family:var(--font-mono);color:var(--text-muted);margin-right:8px;font-size:11px}.demo-onglet.est-actif .demo-onglet-num{color:var(--accent)}.demo-onglet-progression{background:var(--accent);transform-origin:0;height:3px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.demo-onglet.est-actif.est-en-cours .demo-onglet-progression{animation:demo-progression var(--demo-duree,8s) linear forwards}@keyframes demo-progression{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.demo-cadre{border:1px solid var(--border-strong);background:var(--white);border-radius:3px;position:relative;overflow:hidden;container-type:inline-size}.demo-panneau{display:none}.demo-panneau.est-actif{display:block}.demo-panneau:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (prefers-reduced-motion:no-preference){.demo-panneau.est-actif{animation:.18s ease-out demo-fondu}@keyframes demo-fondu{0%{opacity:0}}}.demo-legende{border-top:1px solid var(--border);background:var(--bg-alt);color:var(--text);max-width:none;margin:0;padding:14px 20px;font-size:15px;line-height:1.55}.demo-cta{max-width:68ch;margin-top:40px}.demo-cta p{margin:0 0 16px;font-size:17px;line-height:1.6}.demo-cta-micro{color:var(--text-muted);margin-top:10px;font-size:13px}.ep{--ep-bg:#fdfcf8;--ep-surface:#fff;--ep-bg-alt:#f1ece3;--ep-surface-raised:#fbfaf6;--ep-border:#eae3d6;--ep-border-strong:#d8cfbe;--ep-text:#1b1712;--ep-text-muted:#6b6258;--ep-text-soft:#4d463d;--ep-text-faint:#a39b8f;--ep-accent:#416630;--ep-accent-strong:#2f4a21;--ep-accent-soft:#edf2e8;--ep-signal:#b32036;--ep-signal-strong:#8a1a2b;--ep-signal-soft:#fbe9ec;--ep-signal-border:#e7b3bc;--ep-warning:#8a6229;--ep-warning-soft:#f5eddc;--ep-radius-card:1.2em;--ep-radius-control:.8em;--ep-shadow-card:0 1px 2px #1b17120a, 0 10px 30px #1b17120d;width:118em;height:64em;font-size:.847458cqw;font-family:var(--font-sans);color:var(--ep-text);background:var(--ep-bg);text-align:left;flex-direction:column;line-height:1.4;display:flex;position:relative;overflow:hidden}.ep-header{background:var(--ep-surface);border-bottom:1px solid var(--ep-border);align-items:center;gap:1.2em;height:4.6em;padding:0 2em;display:flex}.ep-marque{align-items:center;gap:.8em;margin-right:auto;font-size:1.6em;font-weight:800;display:inline-flex}.ep-logo{background:0 0;border-radius:0;width:1.75em;height:1.75em}.ep-identite{border:1px solid var(--ep-border);background:#f7f3ea;border-radius:999px;padding:.35em .9em;font-size:1.2em}.ep-deconnexion{color:var(--ep-text-muted);align-items:center;gap:.5em;font-size:1.2em;display:inline-flex}.ep-corps{flex:1;min-height:0;display:flex}.ep-nav{border-right:1px solid var(--ep-border);background:var(--ep-surface);flex-direction:column;gap:.2em;width:22.4em;padding:1.2em .8em;display:flex}.ep-nav-item{border-radius:var(--ep-radius-control);color:var(--ep-text-soft);align-items:center;gap:.9em;padding:.8em 1em;font-size:1.3em;display:flex}.ep-nav-item svg{width:1.23em;height:1.23em}.ep-nav-item.est-actif{background:var(--ep-accent-soft);color:var(--ep-accent-strong);font-weight:600}.ep-nav-item.est-actif svg{color:var(--ep-accent)}.ep-main{flex:1;min-width:0;padding:2em 3.2em;position:relative;overflow:hidden}.ep-main>*{max-width:108em;margin-left:auto;margin-right:auto}.ep-h1{letter-spacing:-.01em;margin:0 0 .2em;font-size:2.2em;font-weight:700}.ep-sous-titre{color:var(--ep-text-muted);margin:0 0 1.2em;font-size:1.3em}.ep-table-titre{margin:1.2em 0 .6em;font-size:1.4em;font-weight:600}.ep-table{border-collapse:collapse;background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:var(--ep-radius-card);width:100%;box-shadow:var(--ep-shadow-card);font-size:1.3em;overflow:hidden}.ep-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--ep-text-muted);background:var(--ep-surface-raised);border-bottom:1px solid var(--ep-border);white-space:nowrap;padding:.7em 1.2em;font-size:.85em;font-weight:600}.ep-table td{border-bottom:1px solid var(--ep-border);vertical-align:top;padding:.65em 1.2em}.ep-table tr:last-child td{border-bottom:0}.ep-table tr:hover td{background:var(--ep-surface-raised)}.ep-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.ep-lien{color:var(--ep-accent);align-items:center;gap:.3em;font-weight:500;display:inline-flex}.ep-badge{white-space:nowrap;border:1px solid #0000;border-radius:999px;align-items:center;gap:.5em;padding:.2em .7em;font-size:.92em;display:inline-flex}.ep-badge-pastille{background:currentColor;border-radius:50%;width:.6em;height:.6em}.ep-badge--neutral{color:var(--ep-text);background:var(--ep-bg-alt);border-color:var(--ep-border-strong)}.ep-badge--ok{color:var(--ep-accent);background:var(--ep-accent-soft)}.ep-badge--warning{color:var(--ep-warning);background:var(--ep-warning-soft)}.ep-badge--critical{color:var(--ep-signal);background:var(--ep-signal-soft);border-color:var(--ep-signal-border)}.ep-badge--muted{color:var(--ep-text-muted);background:var(--ep-bg-alt)}.ep-badge--accent{color:#fff;background:var(--ep-accent)}.ep-bouton{border-radius:var(--ep-radius-control);border:1px solid var(--ep-border-strong);background:var(--ep-surface);align-items:center;gap:.5em;padding:.6em 1.1em;font-size:1.3em;font-weight:500;display:inline-flex}.ep-bouton--primaire{background:var(--ep-accent);border-color:var(--ep-accent);color:#fff}.ep-bouton--signal{background:var(--ep-signal);border-color:var(--ep-signal);color:#fff}.ep-bouton svg,.ep-lien svg,.ep-deconnexion svg{flex-shrink:0;width:1.08em;height:1.08em}.ep-carte{background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-card);margin-bottom:1.4em;padding:1.2em 1.6em}.ep-vide{color:var(--ep-text-muted);text-align:center;padding:1.6em;font-size:1.3em}.ep-chips{gap:.8em;margin-bottom:1.2em;display:flex}.ep-chips .ep-badge{font-size:1.2em}.ep-cellule-2l{flex-direction:column;align-items:flex-start;gap:.2em;display:flex}.ep-actions{align-items:center;gap:.6em;display:flex}.ep-actions .ep-bouton{padding:.45em .9em;font-size:1em}.ep-sous-texte{color:var(--ep-text-muted);font-size:.85em}.ep-voile{z-index:2;background:#1b171266;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ep-dialogue{background:var(--ep-surface);border-radius:var(--ep-radius-card);width:56em;padding:2.4em 2.8em;box-shadow:0 18px 50px #1b17124d}.ep-dialogue-surtitre{letter-spacing:.07em;text-transform:uppercase;color:var(--ep-signal);margin:0 0 .6em;font-size:1.1em;font-weight:700}.ep-dialogue-titre{margin:0 0 .5em;font-size:1.6em;font-weight:600}.ep-dialogue-description{color:var(--ep-text-muted);margin:0 0 1.2em;font-size:1.3em}.ep-echeances{border:1px solid var(--ep-border);border-radius:var(--ep-radius-control);background:var(--ep-surface-raised);grid-template-columns:max-content 1fr;gap:.6em 2em;margin:0 0 1.2em;padding:1em 1.2em;font-size:1.3em;display:grid}.ep-echeances dt{margin:0}.ep-echeances dd{font-family:var(--font-mono);font-variant-numeric:tabular-nums;margin:0}.ep-dialogue-avertissement{color:var(--ep-text-muted);margin:0 0 1.6em;font-size:1.2em}.ep-dialogue-actions{justify-content:flex-end;gap:.8em;display:flex}.est-e2 .ep-dialogue [data-demo-cible=dialogue\.confirmer]{filter:brightness(.92);transform:translateY(1px)}@media (min-width:860px) and (prefers-reduced-motion:no-preference){.demo-panneau[data-demo-panneau="1"].est-e3 [data-demo-cible="vulns.ligne.48119"] td{background:var(--ep-surface-raised)}}.demo-panneau[data-demo-panneau="0"].est-e2:not(.est-e3) [data-demo-cible=sbom\.envoyer]{opacity:.55}.demo-vue--fiche,.est-e1 .demo-vue--liste{display:none}.est-e1 .demo-vue--fiche{display:block}.demo-panneau:not(.est-e1) .ep-quand-e1,.demo-panneau:not(.est-e2) .ep-quand-e2,.demo-panneau:not(.est-e3) .ep-quand-e3,.demo-panneau:not(.est-e4) .ep-quand-e4,.demo-panneau.est-e1 .ep-sauf-e1,.demo-panneau.est-e2 .ep-sauf-e2,.demo-panneau.est-e3 .ep-sauf-e3,.demo-panneau.est-e4 .ep-sauf-e4{display:none}.ep-puce{border-radius:var(--ep-radius-control);flex-direction:column;gap:.15em;padding:.4em .8em;font-size:1.2em;line-height:1.2;display:inline-flex}.ep-puce-valeur{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-weight:600}.ep-puce-valeur svg,.ep-tuile-valeur svg{vertical-align:-.1em;flex-shrink:0;width:1em;height:1em;margin-right:.3em}.ep-puce-date{opacity:.8;font-size:.85em}.ep-puce--ok{color:var(--ep-accent);background:var(--ep-accent-soft)}.ep-puce--warning{color:var(--ep-warning);background:var(--ep-warning-soft)}.ep-puce--critical{color:var(--ep-signal);background:var(--ep-signal-soft)}.ep-puce--soumise{color:var(--ep-accent);background:var(--ep-accent-soft)}.ep-puce--attente{color:var(--ep-text-muted);background:var(--ep-bg-alt)}.ep-tuiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6em;margin-top:1.6em;display:grid}.ep-tuile{background:var(--ep-surface);border:1px solid var(--ep-border);border-radius:var(--ep-radius-card);box-shadow:var(--ep-shadow-card);padding:1.6em 1.8em}.ep-tuile-libelle{text-transform:uppercase;letter-spacing:.06em;color:var(--ep-text-muted);margin-bottom:.8em;font-size:1.05em}.ep-tuile-valeur{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:2.6em;font-weight:600;line-height:1.1}.ep-tuile--ok .ep-tuile-valeur{color:var(--ep-accent)}.ep-tuile-date{color:var(--ep-text-muted);margin-top:.6em;font-size:1.2em}.ep-jauge{background:var(--ep-bg-alt);border-radius:999px;height:.6em;margin:1em 0 .6em;display:block;overflow:hidden}.ep-jauge>span{background:var(--ep-accent);height:100%;display:block}.ep-encart{color:var(--ep-text-muted);border:1px dashed var(--ep-border-strong);border-radius:var(--ep-radius-control);margin:1.6em 0;padding:1.2em 1.4em;font-size:1.3em}.ep-etat-rangee{flex-wrap:wrap;align-items:center;gap:1.2em;margin-bottom:1.2em;display:flex}.ep-champ{flex-direction:column;gap:.4em;margin:1.2em 0;font-size:1.3em;display:flex}.ep-champ-libelle{color:var(--ep-text-muted);font-size:.9em}.ep-champ-valeur{border:1px solid var(--ep-border-strong);border-radius:var(--ep-radius-control);background:var(--ep-surface);padding:.6em .9em}.ep-etapes{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2em;margin:.8em 0 1em;display:grid}.ep-etape{border:1px solid var(--ep-border);border-radius:var(--ep-radius-card);background:var(--ep-surface-raised);flex-direction:column;gap:.4em;padding:.8em 1.2em;display:flex}.ep-etape.est-selectionnee{border-color:var(--ep-accent);background:var(--ep-surface);box-shadow:var(--ep-shadow-card)}.ep-etape-titre{margin:0;font-size:1.3em;font-weight:700}.ep-etape-compteur{color:var(--ep-text-muted);margin:0;font-size:1.15em}.ep-formulaire{padding:1.2em 2em 2em}.ep-formulaire-section{margin:1.4em 0 .2em;font-size:1.4em;font-weight:700}.ep-formulaire-section:first-child{margin-top:0}.ep-champ-srp{border-bottom:1px solid var(--ep-border);padding:.9em 0}.ep-champ-srp:last-child{border-bottom:0}.ep-champ-srp-entete{flex-wrap:wrap;align-items:center;gap:.6em;margin-bottom:.5em;font-size:1.2em;display:flex}.ep-champ-srp-entete>span:first-child{font-weight:600}.ep-nom-enisa{color:var(--ep-text-faint);margin-right:auto;font-size:.9em}.ep-grille-2{grid-template-columns:1fr 1fr;gap:1.4em;display:grid}.ep-champ-srp .ep-champ-valeur{justify-content:space-between;align-items:center;gap:1em;min-height:3.6em;font-size:1.2em;display:flex}.ep-champ-srp .ep-champ-valeur--haute{align-items:flex-start;min-height:4.8em}.ep-champ-srp .ep-bouton{flex-shrink:0;padding:.35em .8em;font-size:1em}.demo-panneau[data-demo-panneau="3"].est-e1 [data-demo-cible="declaration.champ.titre"],.demo-panneau[data-demo-panneau="3"].est-e2 [data-demo-cible="declaration.champ.resume"]{border-color:var(--ep-accent);box-shadow:0 0 0 3px var(--ep-accent-soft)}.ep-barre-action{background:var(--ep-surface);border-top:1px solid var(--ep-border);justify-content:space-between;align-items:center;gap:1em;padding:.7em 3.2em;display:flex;position:absolute;bottom:0;left:0;right:0}.ep-barre-action p{white-space:nowrap;align-items:center;gap:.5em;margin:0;font-size:1.2em;display:flex}.ep-barre-action svg{width:1.1em;height:1.1em;color:var(--ep-accent);flex-shrink:0}.demo-panneau[data-demo-panneau="3"].est-e3 [data-demo-cible="declaration.action.copierEtape"]{border-color:var(--ep-accent);color:var(--ep-accent)}.ep-outils{flex-wrap:wrap;align-items:center;gap:.8em;margin-bottom:.6em;display:flex}.ep-outils .ep-champ{flex-direction:row;align-items:center;gap:.6em;margin:0}.ep-note{color:var(--ep-text-muted);margin:0 0 .8em;font-size:1.15em}.ep-faint{color:var(--ep-text-faint);font-size:.9em;line-height:1.15}.demo-curseur{pointer-events:none;opacity:0;z-index:3;filter:drop-shadow(0 1px 2px #1b171259);width:22px;height:22px;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .2s;position:absolute;top:0;left:0}.demo-curseur.est-visible{opacity:1}.demo-curseur.est-saut{transition:none}.demo-curseur.est-clic svg{transform-origin:5px 3px;transform:scale(.85)}.demo-curseur svg{transition:transform .12s}html:not(.js) .demo-onglets{display:none}html:not(.js) .demo-panneau{border-bottom:1px solid var(--border-strong);display:block}@media (min-width:860px) and (max-width:1199px){.ep-nav{display:none}.ep{width:95.6em;font-size:1.04603cqw}}@media (max-width:859px){.demo-titre{max-width:none}.ep{width:auto;min-width:100em;height:auto;min-height:60em;font-size:8px}.ep-nav{display:none}.demo-cadre{overflow-x:auto}.demo-cadre:after{content:"";pointer-events:none;background:linear-gradient(to right, #fff0, var(--white));width:24px;position:absolute;top:0;bottom:0;right:0}.demo-panneau.est-actif,html:not(.js) .demo-panneau{flex-direction:column-reverse;display:flex}.demo-legende{border-top:0;border-bottom:1px solid var(--border);width:100cqw;max-width:100%;font-size:16px;position:sticky;left:0}.ep-tuiles,.ep-grille-2{grid-template-columns:1fr}.ep-barre-action{flex-wrap:wrap;padding:1em;position:static}.ep-voile{justify-content:flex-start;align-items:flex-start;padding:2em}.ep-dialogue{width:44em;max-width:calc(100% - 4em)}}.demo-onglets{scroll-snap-type:x mandatory}.demo-onglet{scroll-snap-align:start}