@font-face{font-family:"Inter";src:url("inter.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--fond:#f4f5f3;--surface:#ffffff;--surface-2:#eceee9;--encre:#16211b;--texte-2:#56625b;--ligne:#dde2dd;--bleu:#2f45c8;--bleu-survol:#2437a8;--sur-bleu:#ffffff;--bleu-pale:#e4e8fb;--bleu-fonce:#1c2a82;--bocage:#14261d;--sur-bocage:#e9efea;--sur-bocage-2:#b3c4b9;--coche-bocage:#86dba9;--orange:#b93d0b;--orange-pale:#fbebe2;--vert:#177a42;--vert-pale:#e1f1e6;--code-fond:#111b15;--ombre-papier:0 30px 60px -28px rgba(22,33,27,.35),0 0 0 1px rgba(22,33,27,.06);--rayon:28px;--mono:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace;--bg:var(--fond);--text:var(--encre);--muted:var(--texte-2);--line:var(--ligne);--accent:var(--bleu);--accent-2:var(--bleu);--accent-soft:var(--bleu-pale);--warn:var(--orange);--warn-soft:var(--orange-pale);--ok:var(--vert);--ok-soft:var(--vert-pale);--code-bg:var(--code-fond);--nuit:var(--bocage);--ombre:0 1px 2px rgba(22,33,27,.05),0 10px 26px -12px rgba(22,33,27,.18)}@media (prefers-color-scheme:dark){:root{--fond:#0f1712;--surface:#16211b;--surface-2:#1f2c25;--encre:#e9efea;--texte-2:#a3b2a8;--ligne:#2c3a32;--bleu:#9aa8ff;--bleu-survol:#b6c0ff;--sur-bleu:#0f1712;--bleu-pale:#1b2147;--bleu-fonce:#c9d0ff;--bocage:#1f3a2b;--sur-bocage:#eef4ef;--sur-bocage-2:#b9cdbf;--coche-bocage:#8fe3b1;--orange:#f29a5b;--orange-pale:#3a2418;--vert:#6bd49a;--vert-pale:#173324;--code-fond:#0a110d;--ombre-papier:0 30px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.06);--ombre:0 1px 2px rgba(0,0,0,.3),0 10px 26px -12px rgba(0,0,0,.5)}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:96px}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{margin:0;background:var(--fond);color:var(--encre);font:17px/1.6 "Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}img{max-width:100%}.conteneur{max-width:1200px;margin:0 auto;padding:0 24px}.etroit{max-width:760px}a{color:var(--bleu);text-underline-offset:3px}:focus-visible{outline:3px solid var(--bleu);outline-offset:3px;border-radius:6px}.contact :focus-visible,.rangee-integrations :focus-visible,.morale :focus-visible{outline-color:var(--sur-bocage)}p{margin:0 0 14px}h1,h2,h3{line-height:1.08;letter-spacing:-.03em;font-weight:680;text-wrap:balance}h2{font-size:clamp(1.5rem,3vw,2rem);margin:0 0 14px}h3{font-size:1.15rem;margin:0 0 8px;letter-spacing:-.015em}.evitement{position:absolute;left:-9999px}.evitement:focus{left:12px;top:12px;background:var(--surface);padding:8px 12px;z-index:50}.note{color:var(--texte-2);font-size:.92rem}.titre-section{font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.02;letter-spacing:-.04em;max-width:20em;margin:0 0 32px}.bandeau{position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--fond) 86%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .3s}.bandeau.defile{border-bottom-color:var(--ligne)}.bandeau .conteneur{display:flex;flex-wrap:wrap;align-items:center;gap:4px 28px;min-height:64px;padding-top:10px;padding-bottom:10px}.marque{font-size:1.2rem;font-weight:700;letter-spacing:-.03em;color:var(--encre);text-decoration:none;margin-right:auto}.bandeau nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 4px}.bandeau nav a{display:block;color:var(--texte-2);text-decoration:none;font-size:.95rem;font-weight:500;padding:8px 12px;border-radius:99px;transition:color .2s,background-color .2s}.bandeau nav a:hover{color:var(--encre);background:var(--surface-2)}.bandeau nav a[aria-current="page"]{color:var(--encre);background:var(--surface-2)}.pastille-ecrire{font:inherit;border:0;cursor:pointer;background:var(--bleu);color:var(--sur-bleu);text-decoration:none;font-weight:600;font-size:.95rem;padding:9px 18px;border-radius:99px;transition:background-color .2s}.pastille-ecrire:hover,.pastille-ecrire[aria-expanded="true"]{background:var(--bleu-survol)}.panneau-ecrire{position:fixed;inset:74px 24px auto auto;margin:0;width:min(380px,calc(100vw - 32px));padding:20px 22px 18px;border:1px solid var(--ligne);border-radius:22px;background:var(--surface);color:var(--encre);box-shadow:0 30px 70px -24px rgba(22,33,27,.45)}.panneau-ecrire::backdrop{background:transparent}.panneau-ecrire-tete{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.panneau-ecrire-tete p{margin:0;font-size:1.25rem;font-weight:680;letter-spacing:-.03em}.panneau-ecrire .fermer{font:inherit;font-size:1.5rem;line-height:1;width:40px;height:40px;border-radius:50%;border:0;background:var(--surface-2);color:var(--encre);cursor:pointer}.panneau-ecrire .note{margin:0 0 16px;color:var(--texte-2);font-size:.95rem;line-height:1.5}.panneau-ecrire .btn{width:100%;justify-content:center}.panneau-ecrire .copier{font:inherit;width:100%;min-height:46px;margin-top:10px;border-radius:99px;border:1.5px solid var(--ligne);background:transparent;color:var(--encre);font-weight:600;cursor:pointer;transition:background-color .2s}.panneau-ecrire .copier:hover{background:var(--surface-2)}.copie-etat{margin:10px 0 0;min-height:1.4em;text-align:center;font-size:.92rem;font-weight:600;color:var(--vert)}@media (prefers-reduced-motion:no-preference){.panneau-ecrire:popover-open{animation:monte .2s ease both}}@media (max-width:699px){.panneau-ecrire{inset:64px 16px auto 16px;width:auto}}@media (max-width:699px){.bandeau .conteneur{padding-left:16px;padding-right:16px}.bandeau nav{order:3;width:100%;margin:0 -12px}.pastille-ecrire{order:2}}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:13px 24px;border-radius:99px;text-decoration:none;font-weight:600;font-size:1rem;max-width:100%;overflow-wrap:anywhere;cursor:pointer;transition:background-color .2s,transform .2s}.btn.primaire{background:var(--bleu);color:var(--sur-bleu)}.btn.primaire:hover{background:var(--bleu-survol);transform:translateY(-1px)}.btn svg{width:19px;height:19px;flex:none}.btn svg *{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.lien-action{display:inline-block;font-weight:600;color:var(--bleu);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:5px;transition:text-decoration-thickness .2s}.lien-action:hover{text-decoration-thickness:3px}.ouverture{padding:64px 0 96px}.ouverture-grille{display:grid;gap:48px;align-items:center;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}.avatar{display:none}.qui{color:var(--texte-2);font-size:1rem;margin:0 0 18px}.ouverture h1{font-size:clamp(2.9rem,6.4vw,5.1rem);line-height:.98;letter-spacing:-.045em;margin:0 0 26px}.chapeau{font-size:clamp(1.1rem,1.7vw,1.32rem);line-height:1.5;color:var(--texte-2);max-width:32em}.scene{width:100%;max-width:520px;justify-self:end}.scene svg{display:block;width:100%;height:auto;overflow:visible}.scene text{font-family:"Inter",system-ui,sans-serif}.h-feuille{filter:drop-shadow(0 26px 30px rgba(22,33,27,.18))}@media (prefers-color-scheme:dark){.h-feuille{filter:drop-shadow(0 26px 34px rgba(0,0,0,.6))}}@media (max-width:899px){.ouverture{padding:36px 0 16px;overflow-x:clip}.ouverture-grille{grid-template-columns:1fr;gap:44px;text-align:center}.avatar{display:block;width:104px;height:104px;border-radius:50%;object-fit:cover;margin:0 auto 16px;box-shadow:0 0 0 5px var(--surface)}.qui{font-size:.95rem}.ouverture h1{font-size:clamp(2.5rem,11vw,3.6rem)}.chapeau{margin-left:auto;margin-right:auto}.ouverture .actions{flex-direction:column;gap:16px}.scene{justify-self:center;max-width:440px}.scene svg{transform:translateX(9.5%)}.scene-legende{margin-top:26px}}.h-scan,.h-controle,.h-tampon,.h-loupe,.h-bulle{opacity:0}.h-ancien{transform:translateX(-102px);opacity:.6}.h-barre{stroke-dasharray:100;stroke-dashoffset:0}.h-tampon,.h-juste{transform-box:fill-box;transform-origin:center}@media (prefers-reduced-motion:no-preference){.h-anime .h-scan{animation:h-scan 1.5s .4s ease-in both}.h-anime .h-tampon{animation:h-tampon .5s 1.9s cubic-bezier(.3,1.5,.5,1) both,h-sort .4s 4.3s ease forwards}.h-anime .h-montant{animation:h-montant .5s 2.5s both}.h-anime .h-loupe{animation:h-loupe .7s 2.5s ease-out both,h-sort .4s 4.3s ease forwards}.h-anime .h-bulle{animation:h-bulle .5s 3.1s ease-out both,h-sort .4s 4.3s ease forwards}.h-anime .h-controle{animation:h-controle 1.2s 4.4s ease-in-out both}.h-anime .h-ancien{animation:h-recule .6s 5s cubic-bezier(.5,0,.2,1) both}.h-anime .h-barre{animation:h-barre .35s 5.5s ease-out both}.h-anime .h-nouveau{animation:h-apparait .5s 5.5s ease both}.h-anime .h-juste{animation:h-tampon .5s 6s cubic-bezier(.3,1.5,.5,1) both}.js .scene-legende .l1{animation:h-apparait .5s 3.1s ease both}.js .scene-legende .l2{animation:h-apparait .5s 6.2s ease both}}@keyframes h-scan{0%{transform:translateY(0);opacity:0}8%,90%{opacity:1}100%{transform:translateY(300px);opacity:0}}@keyframes h-tampon{0%{transform:scale(1.9);opacity:0}70%{transform:scale(.95);opacity:1}100%{transform:scale(1);opacity:1}}@keyframes h-montant{from{fill:#16211b}to{fill:#b93d0b}}@keyframes h-loupe{from{stroke-dashoffset:360;opacity:0}20%{opacity:1}to{stroke-dashoffset:0;opacity:1}}@keyframes h-bulle{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes h-sort{from{opacity:1}to{opacity:0}}@keyframes h-controle{0%{transform:translateY(0);opacity:0}10%,88%{opacity:1}100%{transform:translateY(306px);opacity:0}}@keyframes h-recule{from{transform:none;opacity:1}to{transform:translateX(-102px);opacity:.6}}@keyframes h-barre{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes h-apparait{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scene-legende{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:8px;text-align:left;font-size:.95rem;line-height:1.45;color:var(--texte-2)}.scene-legende li{display:flex;gap:10px;align-items:baseline}.scene-legende .etat{flex:none;font-size:.78rem;font-weight:700;border-radius:99px;padding:2px 10px}.scene-legende .etat.ko{background:var(--orange-pale);color:var(--orange)}.scene-legende .etat.ok{background:var(--vert-pale);color:var(--vert)}.section{padding:96px 0 0}@media (max-width:899px){.section{padding-top:64px}}.rangees{display:grid;gap:16px}.rangee{display:grid;gap:40px;align-items:center;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) 120px;border-radius:var(--rayon);padding:44px 48px}.rangee h3{font-size:clamp(2rem,3.3vw,2.7rem);line-height:1.02;letter-spacing:-.04em;margin:0}.rangee p{color:var(--texte-2);font-size:1.05rem;line-height:1.55;margin:0 0 16px;max-width:36em}.rangee-visuel{width:120px;height:auto;justify-self:end}.rangee-facturation{background:var(--surface);padding-top:56px;padding-bottom:56px}.rangee-facturation h3{font-size:clamp(2.3rem,4.2vw,3.4rem)}.rangee-integrations{background:var(--bocage);color:var(--sur-bocage)}.rangee-integrations p{color:var(--sur-bocage-2)}.rangee-sites{background:var(--bleu-pale)}.rangee-sites h3{color:var(--bleu-fonce)}.rangee-sites p{color:var(--encre)}.coches{list-style:none;margin:0 0 18px;padding:0}.coches li{position:relative;padding:7px 0 7px 30px;line-height:1.45}.coches li::before{content:"✓";position:absolute;left:2px;top:7px;font-weight:800;color:var(--vert)}.rangee-integrations .coches li::before{color:var(--coche-bocage)}.etiquettes,.compteurs{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-wrap:wrap;gap:8px}.etiquettes li{background:var(--orange-pale);color:var(--orange);font-weight:600;font-size:.92rem;border-radius:99px;padding:6px 14px}.compteurs li{background:var(--surface);border-radius:14px;padding:9px 14px;font-size:.95rem}.compteurs b{font-size:1.1rem;letter-spacing:-.02em;margin-right:3px}.rangee-sites .lien-action{color:var(--bleu-fonce)}.rangee-visuel .v-fond{fill:var(--surface-2)}.rangee-sites .v-fond{fill:var(--surface)}.rangee-visuel .v-trait{stroke:var(--ligne);stroke-width:6;stroke-linecap:round;fill:none}.rangee-sites .v-trait{stroke:var(--bleu-pale)}.rangee-visuel .v-point{fill:var(--bleu-pale)}.rangee-visuel .v-rond{fill:var(--surface);stroke:var(--vert);stroke-width:4}.rangee-visuel .v-coche{fill:none;stroke:var(--vert);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.rangee-visuel .v-bloc{fill:none;stroke:var(--sur-bocage-2);stroke-width:2.5}.rangee-visuel .v-flux{stroke:var(--sur-bocage-2);stroke-width:2.5;stroke-dasharray:4 5}.rangee-visuel .v-paquet{fill:var(--coche-bocage)}@media (prefers-reduced-motion:no-preference){.rangee-integrations:hover .v-paquet{animation:paquet 1.2s ease-in-out infinite alternate}}@keyframes paquet{from{transform:translateX(-10px)}to{transform:translateX(10px)}}@media (max-width:899px){.rangees{gap:12px}.rangee{grid-template-columns:1fr;gap:16px;border-radius:24px;padding:30px 22px}.rangee-facturation{padding-top:32px;padding-bottom:32px}.rangee-visuel{order:-1;width:64px;justify-self:start}.rangee h3,.rangee-facturation h3{font-size:clamp(1.9rem,8.4vw,2.4rem)}}.cas-bloc{background:var(--surface);border-radius:var(--rayon);padding:44px 48px;margin-bottom:16px}.cas-bloc h3{font-size:clamp(1.4rem,2.4vw,1.8rem);letter-spacing:-.03em;margin-bottom:12px}.cas-bloc p{color:var(--texte-2);max-width:44em}.cas-banc{display:grid;gap:44px;align-items:center;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr)}.cas-chiffre{display:flex;flex-direction:column;align-items:flex-start;gap:14px}.chiffre{white-space:nowrap;font-size:clamp(2.9rem,5.6vw,4.6rem);font-weight:720;letter-spacing:-.05em;line-height:1;color:var(--orange);font-variant-numeric:tabular-nums}.verdict{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;font-weight:700;color:var(--vert);background:var(--vert-pale);border-radius:99px;padding:3px 11px}.faits{list-style:none;margin:18px 0 0;padding:0}.faits li{border-top:1px solid var(--ligne);padding:11px 0;color:var(--texte-2)}.faits b{color:var(--encre);font-variant-numeric:tabular-nums;margin-right:4px}@media (max-width:899px){.cas-bloc{border-radius:24px;padding:30px 22px}.cas-banc{grid-template-columns:1fr;gap:24px}}.frise{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:0;grid-template-columns:1fr}@media (min-width:900px){.frise{grid-template-columns:repeat(7,1fr)}}.frise li{position:relative;padding:0 0 22px 50px}@media (min-width:900px){.frise li{padding:50px 8px 0;text-align:center}}.frise .point{position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:.95rem;background:var(--surface);border:2px solid var(--ligne);color:var(--texte-2);z-index:1}@media (min-width:900px){.frise .point{left:50%;transform:translateX(-50%)}}.frise li::before{content:"";position:absolute;background:var(--ligne);left:17px;top:36px;bottom:0;width:2px}@media (min-width:900px){.frise li::before{left:50%;right:-50%;top:17px;bottom:auto;width:auto;height:2px}}.frise li:last-child::before{display:none}.frise li.ok .point{border-color:var(--vert);color:var(--vert);background:var(--vert-pale)}.frise li.ko .point{border-color:var(--orange);color:var(--orange);background:var(--orange-pale)}.frise li.repare .point{border-color:var(--bleu);color:var(--bleu);background:var(--bleu-pale)}.frise strong{display:block;font-size:.98rem;line-height:1.3}.frise .detail{display:block;color:var(--texte-2);font-size:.88rem;line-height:1.4;margin-top:4px}.lecon{margin:26px 0 0;border-radius:18px;padding:18px 22px;background:var(--bleu-pale);color:var(--bleu-fonce) !important;font-size:1.08rem;font-weight:650;max-width:none !important}.engagements{list-style:none;margin:0;padding:0;display:grid;gap:16px;grid-template-columns:1fr 1fr}.engagements li{display:flex;gap:18px;align-items:flex-start;background:var(--surface);border-radius:22px;padding:26px 28px}.engagements p{margin:0;color:var(--texte-2)}.engagements strong{color:var(--encre)}.icone{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--vert-pale)}.icone svg{width:24px;height:24px}.icone svg *{fill:none;stroke:var(--vert);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@media (max-width:699px){.engagements{grid-template-columns:1fr;gap:12px}.engagements li{padding:22px}}.apropos{display:grid;gap:56px;align-items:center;grid-template-columns:380px minmax(0,1fr)}.apropos .portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--rayon);display:block}.apropos h2{font-size:clamp(1.9rem,3.6vw,2.8rem);letter-spacing:-.04em;line-height:1.04;max-width:16em;margin-bottom:18px}.apropos p{color:var(--texte-2);font-size:1.08rem;max-width:36em}@media (max-width:899px){.apropos{grid-template-columns:1fr;gap:28px}.apropos .portrait{aspect-ratio:4 / 3;object-position:50% 30%;border-radius:24px}}.contact{padding:96px 0 0}.contact .conteneur{background:var(--bocage);color:var(--sur-bocage);border-radius:32px;padding:60px 56px;max-width:1152px}.contact h2{font-size:clamp(1.9rem,4vw,3rem);line-height:1.04;letter-spacing:-.04em;max-width:18em}.contact p{color:var(--sur-bocage-2);font-size:1.1rem;max-width:38em}.contact .btn.primaire{background:var(--sur-bocage);color:#14261d}.contact .btn.primaire:hover{background:#ffffff}@media (max-width:1199px){.contact .conteneur{margin:0 24px}}@media (max-width:899px){.contact{padding-top:64px}.contact .conteneur{margin:0 12px;padding:40px 22px;border-radius:24px;text-align:center}.contact h2,.contact p{margin-left:auto;margin-right:auto}.contact .actions{justify-content:center}}.pied{padding:44px 0 56px;color:var(--texte-2);font-size:.92rem}.pied p{margin:0 0 6px}.pied a{color:var(--texte-2)}.mentions{padding:56px 0 10px}.mentions h1{font-size:clamp(2.2rem,5vw,3.4rem);letter-spacing:-.045em;margin:0 0 24px}.mentions h2{font-size:1.2rem;letter-spacing:-.02em;margin:32px 0 8px}.mentions p{color:var(--texte-2)}.ouverture-page{padding:64px 0 8px}.ouverture-page h1{font-size:clamp(2.4rem,5.4vw,4.2rem);line-height:1;letter-spacing:-.045em;max-width:14em;margin:0 0 22px}.ouverture-page .chapeau{max-width:38em}.sommaire{display:flex;flex-wrap:wrap;gap:8px;margin:26px 0 0;padding:0;list-style:none}.sommaire a{display:inline-block;text-decoration:none;color:var(--encre);background:var(--surface);border-radius:99px;padding:9px 16px;font-weight:550;font-size:.95rem;transition:background-color .2s}.sommaire a:hover{background:var(--surface-2)}@media (max-width:899px){.ouverture-page{padding-top:40px}}.demo{background:var(--surface);border-radius:var(--rayon);padding:clamp(22px,3.6vw,44px);margin:0}.demo > p{color:var(--muted);max-width:52em}.demo > p strong{color:var(--text)}.demo-titre{margin-bottom:12px}.demo-titre h2{margin:0;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.04em}.etiquette{display:inline-block;font-size:.8rem;font-weight:650;letter-spacing:0;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:2px 9px;vertical-align:middle}.etiquette.fait{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent);background:var(--ok-soft)}fieldset{border:0;margin:0;padding:0;min-width:0}legend{font-weight:800;margin-bottom:10px;padding:0}.champs{display:grid;gap:14px;grid-template-columns:1fr 1fr}@media (min-width:600px){.champs{grid-template-columns:repeat(3,1fr)}}@media (min-width:1150px){.champs{grid-template-columns:repeat(6,1fr)}}.champs .champ{display:flex;flex-direction:column;justify-content:flex-end;min-width:0}.champ label{display:block;font-size:.8rem;color:var(--muted);margin-bottom:4px;line-height:1.3}.champs .champ > label{margin-bottom:auto;padding-bottom:4px}.champ input,.champ select,.decodeur input{width:100%;font:inherit;font-weight:600;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:8px 10px;min-height:44px;transition:border-color .2s,box-shadow .2s}.champ input:focus,.champ select:focus,.decodeur input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-2) 22%,transparent);outline:none}.case-a-cocher{display:flex;align-items:center;gap:10px;min-height:44px}@media (max-width:599px){.champs .champ-case{grid-column:1 / -1}}.case-a-cocher label{min-width:0;overflow-wrap:anywhere}.case-a-cocher input{width:22px;height:22px;accent-color:var(--accent);flex:none}.case-a-cocher label{margin:0;color:var(--text);font-size:.9rem;line-height:1.25}.sim-grille{display:grid;gap:22px;grid-template-columns:minmax(0,1fr);margin-top:24px;align-items:start}@media (min-width:940px){.sim-grille{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}.sim-grille > *,.fiche-grille > *,.champs > *,.realisation > *{min-width:0}.scenarios{display:grid;gap:10px;grid-template-columns:1fr;margin:0;padding:0;list-style:none}@media (min-width:560px) and (max-width:939px){.scenarios{grid-template-columns:1fr 1fr}}.scenario{width:100%;text-align:left;font:inherit;color:var(--text);cursor:pointer;background:var(--bg);border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;display:grid;gap:4px;transition:border-color .2s,background-color .2s,transform .2s,box-shadow .2s}.scenario:hover{transform:translateY(-2px);box-shadow:var(--ombre)}.scenario[aria-pressed="true"]{border-color:var(--accent-2);background:var(--accent-soft);box-shadow:var(--ombre)}.scenario .titre{font-weight:800;font-size:.98rem;line-height:1.3}.scenario .cout{font-weight:800;color:var(--warn);font-variant-numeric:tabular-nums;font-size:.95rem}.scenario.juste .cout{color:var(--ok)}.verdict{display:inline-flex;align-items:center;gap:6px;justify-self:start;font-size:.78rem;font-weight:800;color:var(--ok);background:var(--ok-soft);border-radius:99px;padding:1px 9px}.explication{margin:14px 0 0;font-size:.95rem}.explication .regle-rejet{color:var(--muted)}.regle{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-weight:700;background:var(--accent-soft);padding:0 5px;border-radius:4px;white-space:nowrap;font-size:.9em}.alerte{position:relative;margin:18px 0 0;padding:16px 20px 16px 54px;border-radius:16px;background:var(--orange-pale);border:2px solid var(--orange);color:var(--encre);line-height:1.5}.alerte::before{content:"!";position:absolute;left:16px;top:15px;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--orange);color:var(--surface);font-weight:800}.alerte strong{display:block;color:var(--orange);font-size:1.05rem;margin-bottom:4px}.alerte span{display:block;margin-top:8px;font-weight:650}.champ input[aria-invalid="true"],.champ input[aria-invalid="true"]:focus{border-color:var(--orange);box-shadow:0 0 0 3px color-mix(in srgb,var(--orange) 25%,transparent)}.sim-grille.invalide{position:relative}.sim-grille.invalide > *{opacity:.25;filter:grayscale(1);pointer-events:none}.sim-grille.invalide::before{content:attr(data-message);position:absolute;z-index:4;left:50%;top:40px;transform:translateX(-50%);width:max-content;max-width:90%;text-align:center;padding:10px 18px;border-radius:99px;background:var(--orange);color:var(--surface);font-weight:700;box-shadow:var(--ombre)}@media (prefers-reduced-motion:no-preference){.alerte:not([hidden]){animation:monte .35s ease both}}.papier-cadre{position:relative}.papier{position:relative;overflow:hidden;background:#fffdf8;color:#1d2327;border-radius:12px;box-shadow:0 1px 0 #e9e3d6,0 24px 50px rgba(20,33,42,.18);padding:22px 22px 96px;font-size:.9rem;border:1px solid #ebe5d8}.papier::after{content:"";position:absolute;inset:auto 0 0 0;height:6px;background:repeating-linear-gradient(90deg,#ebe5d8 0 10px,transparent 10px 20px);opacity:.7}.papier-tete{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-bottom:2px solid #1d2327;padding-bottom:10px;margin-bottom:8px}.papier-tete b{font-size:1.15rem;letter-spacing:.12em}.papier-tete span{display:block;color:#5b6770;font-size:.8rem}.papier table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.papier td{padding:6px 4px;border-bottom:1px dashed #e3ddd0;vertical-align:top;transition:background-color .35s}.papier td:last-child{text-align:right;white-space:nowrap;font-weight:700}@media (max-width:479px){.papier{padding:16px 14px 92px;font-size:.84rem}.papier td:last-child{white-space:normal}.papier td:last-child s{display:block;margin-right:0}.papier-tete b{letter-spacing:.06em}.demo{padding:20px 16px}}.papier tr.total td{border-bottom:0;border-top:2px solid #1d2327;font-size:1rem}.papier tr.change td{background:#fdeadb}.papier tr.change td:last-child{color:#9a420a}.papier s{color:#8a949b;font-weight:400;margin-right:6px}.papier .libelle-code{font-family:ui-monospace,Consolas,monospace;font-weight:800}.faisceau{position:absolute;left:0;right:0;top:-60px;height:60px;pointer-events:none;opacity:0;background:linear-gradient(180deg,transparent,rgba(47,69,200,.2) 70%,rgba(47,69,200,.6))}.tampon{position:absolute;right:22px;bottom:22px;transform:rotate(-9deg);pointer-events:none;border:3px solid #177a42;color:#177a42;border-radius:10px;padding:6px 12px;text-align:center;background:rgba(255,255,255,.78);font-weight:900;letter-spacing:.04em;line-height:1.15}.tampon b{display:block;font-size:1.35rem}.tampon small{display:block;font-size:.62rem;letter-spacing:.08em}.ecart{margin:14px 0 0;padding:12px 16px;border-radius:12px;font-weight:800;font-size:1.05rem;display:flex;gap:10px;align-items:center}.ecart.cher{background:var(--warn-soft);color:var(--warn)}.ecart.juste{background:var(--ok-soft);color:var(--ok)}@media (prefers-reduced-motion:no-preference){.papier-cadre.controle .faisceau{animation:faisceau 1.1s ease-in forwards}.papier-cadre.controle .tampon{animation:tampon .5s cubic-bezier(.3,1.5,.5,1) 1.05s both}.papier-cadre.controle .ecart{animation:monte .45s ease 1.5s both}.papier tr.change.neuf td{animation:surligne 1.2s ease}}@keyframes faisceau{0%{top:-60px;opacity:1}90%{opacity:1}100%{top:100%;opacity:0}}@keyframes tampon{0%{transform:rotate(-9deg) scale(2.2);opacity:0}70%{transform:rotate(-9deg) scale(.94);opacity:1}100%{transform:rotate(-9deg) scale(1);opacity:1}}@keyframes monte{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes surligne{0%{background:#f9c89f}100%{background:#fdeadb}}.demo > p.morale{max-width:none;margin:24px 0 0;border-radius:18px;padding:18px 22px;background:var(--nuit);color:var(--sur-bocage);font-weight:650;font-size:1.1rem}.decodeur .recherche{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}.decodeur .champ{flex:0 1 360px}.decodeur button,.puces button,.parcours button{font:inherit;cursor:pointer;border-radius:10px;min-height:44px}.decodeur .recherche button{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:8px 18px;font-weight:700}.puces{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px;padding:0;list-style:none}.puces button{background:var(--bg);color:var(--text);border:1px solid var(--line);padding:4px 11px;min-height:36px;font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:.84rem;transition:border-color .2s,background-color .2s,transform .2s}.puces button:hover{transform:translateY(-1px);border-color:var(--accent-2)}.puces button[aria-pressed="true"]{border-color:var(--accent-2);background:var(--accent-soft);font-weight:800}.puces .rejet::before,.puces .avert::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px;vertical-align:middle}.puces .rejet::before{background:var(--warn)}.puces .avert::before{background:var(--accent-2)}.fiche-grille{display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:940px){.fiche-grille{grid-template-columns:1fr 1fr}}.fiche h3{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:1.25rem;margin-bottom:8px}.gravite{display:inline-block;font-size:.8rem;font-weight:800;border-radius:99px;padding:2px 11px;margin-bottom:8px}.gravite.rejet{background:var(--warn-soft);color:var(--warn)}.gravite.avert{background:var(--accent-soft);color:var(--accent)}.fiche dl{margin:0}.fiche dt{font-weight:650;font-size:.92rem;margin-top:14px;color:var(--muted)}.fiche dd{margin:3px 0 0}.piege{margin-top:14px;border-left:4px solid var(--warn);background:var(--warn-soft);padding:10px 14px;border-radius:0 10px 10px 0;font-size:.95rem}.xml-cadre{min-width:0}.xml-titre{font-size:.82rem;font-weight:700;color:var(--muted);margin:0 0 6px}pre.xml{margin:0}pre.xml .l{display:block;padding:0 8px;margin:0 -8px;border-left:3px solid transparent}pre.xml .l.fautive{background:rgba(240,136,62,.16);border-left-color:#f0883e}pre.xml .l.bonne{background:rgba(95,208,150,.13);border-left-color:#5fd096}@media (prefers-reduced-motion:no-preference){pre.xml.neuf .l{animation:ligne .35s ease both;animation-delay:calc(var(--i) * 45ms)}}@keyframes ligne{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}.parcours-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0 6px}.parcours-actions button.lecture{background:var(--accent);color:var(--bg);border:1px solid var(--accent);padding:8px 18px;font-weight:700;display:inline-flex;gap:8px;align-items:center}.parcours-actions button.lecture[disabled]{opacity:.6;cursor:default}.piste{position:relative}.parcours ol{list-style:none;margin:16px 0;padding:0;display:grid;gap:22px;grid-template-columns:1fr;position:relative}@media (min-width:900px){.parcours ol{grid-template-columns:repeat(5,1fr);gap:14px}}.parcours ol::before{content:"";position:absolute;background:var(--line);left:27px;top:20px;bottom:20px;width:3px;border-radius:3px}@media (min-width:900px){.parcours ol::before{left:6%;right:6%;top:44px;bottom:auto;width:auto;height:3px}}.parcours li{position:relative}.parcours li button{position:relative;z-index:1;width:100%;background:var(--surface);color:var(--text);border:1.5px solid var(--line);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;line-height:1.3;font-size:.9rem;font-weight:600;transition:border-color .25s,background-color .25s,transform .25s,box-shadow .25s}@media (min-width:900px){.parcours li button{min-height:150px}}@media (max-width:899px){.parcours li button{flex-direction:row;justify-content:flex-start;text-align:left;gap:12px}}.parcours li button:hover{transform:translateY(-2px);box-shadow:var(--ombre)}.parcours li button[aria-pressed="true"]{border-color:var(--accent-2);background:var(--accent-soft);box-shadow:var(--ombre)}.parcours li.manque button{border-style:dashed;border-color:var(--accent-2)}.parcours li.echoue button[aria-pressed="true"]{border-color:var(--warn);background:var(--warn-soft)}.parcours .pictogramme{flex:none;display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--accent-soft)}.parcours svg{width:28px;height:28px}.parcours svg *{fill:none;stroke:var(--accent);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.statut{font-size:.74rem;font-weight:800;border-radius:99px;padding:0 8px}.statut.passe{color:var(--ok);background:var(--ok-soft)}.statut.bloque{color:var(--warn);background:var(--warn-soft)}.statut.vide{color:var(--accent);background:var(--accent-soft)}.jeton{position:absolute;z-index:3;left:0;top:0;width:34px;height:42px;margin:-21px 0 0 -17px;pointer-events:none;border-radius:5px;background:#fffdf8;border:2px solid var(--accent-2);box-shadow:0 6px 16px rgba(0,0,0,.25);display:grid;place-items:center;font-size:.6rem;font-weight:900;color:#16211b;opacity:0}.jeton::before{content:"";width:18px;height:2px;background:#c9c2b3;box-shadow:0 5px 0 #c9c2b3,0 10px 0 #c9c2b3;margin-top:-10px}.jeton.visible{opacity:1}.jeton.ko{border-color:#f0883e;background:#fff1e6}@media (prefers-reduced-motion:no-preference){.jeton{transition:transform .9s cubic-bezier(.5,0,.2,1),opacity .3s,border-color .3s,background-color .3s}.parcours li.secoue button{animation:secoue .5s ease}.panneau.neuf{animation:monte .4s ease both}}@keyframes secoue{0%,100%{transform:none}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(3px)}}.panneau{border-top:1px solid var(--line);padding-top:16px}.panneau h3{margin-bottom:10px;font-size:1.15rem}.panneau dl{display:grid;gap:4px 24px;grid-template-columns:1fr;margin:0}@media (min-width:900px){.panneau dl{grid-template-columns:1fr 1fr}.panneau dl div{min-width:0}}.panneau dt{font-weight:650;font-size:.92rem;color:var(--muted)}.panneau dd{margin:3px 0 10px}.cas{margin-top:12px;border-left:4px solid var(--warn);background:var(--warn-soft);padding:12px 16px;border-radius:0 10px 10px 0}.cas strong{color:var(--warn)}.cas p{margin:0}.realisations{display:grid;gap:20px;grid-template-columns:1fr}.realisation{background:var(--surface);border-radius:var(--rayon);padding:clamp(22px,3.4vw,40px);display:grid;gap:20px;grid-template-columns:1fr}@media (min-width:980px){.realisation{grid-template-columns:.9fr 1.1fr;align-items:start}}.realisation h3{font-size:clamp(1.35rem,2.4vw,1.7rem);letter-spacing:-.03em;margin-bottom:10px}.realisation dl{margin:0}.realisation dt{font-weight:650;font-size:.92rem;margin-top:14px;color:var(--muted)}.realisation dd{margin:3px 0 0}.puces-tech{display:flex;flex-wrap:wrap;gap:6px;margin:14px 0 0;padding:0;list-style:none}.puces-tech li{font-size:.8rem;font-weight:700;color:var(--accent);background:var(--accent-soft);border-radius:99px;padding:2px 10px}.code-cadre{min-width:0}.legende{font-size:.85rem;color:var(--muted);margin:0 0 8px}pre{background:var(--code-bg);color:#d9e3dc;border-radius:16px;border:0;padding:16px 18px;overflow-x:auto;font-size:.78rem;line-height:1.6;margin:0;max-width:100%;font-family:ui-monospace,"Cascadia Mono",Consolas,"Liberation Mono",monospace}pre code{font-family:inherit}.fenetre{display:none}.t-com{color:#8fa396;font-style:italic}.t-cle{color:#f5a97f}.t-chaine{color:#a6e3a1}.t-nombre{color:#f9d38a}.t-fonction{color:#a9b8ff}.t-balise{color:#a9b8ff}.t-attribut{color:#f9d38a}code{font-family:ui-monospace,"Cascadia Mono",Consolas,monospace;font-size:.9em}.frise-cadre{position:relative}.frise-jeton{position:absolute;left:0;top:0;z-index:3;width:0;height:0;opacity:0;pointer-events:none;transition:transform .7s cubic-bezier(.5,0,.2,1),opacity .3s}.frise-jeton.visible{opacity:1}@media (max-width:899px){.frise-jeton{transition-duration:.35s,.3s}.frise-cadre .frise-jeton .feuille{top:-16px}}.frise-jeton .feuille{position:absolute;left:-13px;top:-54px;width:26px;height:32px;border-radius:5px;background:#fffdf8;border:2px solid var(--texte-2);box-shadow:0 6px 14px rgba(0,0,0,.25);transition:border-color .3s,background-color .3s,box-shadow .3s}.frise-jeton .feuille::before{content:"";position:absolute;left:5px;right:5px;top:8px;height:2px;background:#c9c2b3;box-shadow:0 5px 0 #c9c2b3,0 10px 0 #c9c2b3}.frise-jeton.ok .feuille{border-color:var(--vert)}.frise-jeton.ko .feuille{border-color:var(--orange);background:#fff1e6;animation:secoue .5s ease}.frise-jeton.repare .feuille{border-color:var(--bleu)}.frise-jeton.triple .feuille{box-shadow:5px -5px 0 -2px #fffdf8,5px -5px 0 0 var(--bleu),10px -10px 0 -2px #fffdf8,10px -10px 0 0 var(--bleu)}.frise-rejouer{font:inherit;margin-top:14px;min-height:44px;padding:8px 18px;border-radius:99px;border:1.5px solid var(--ligne);background:transparent;color:var(--encre);font-weight:600;cursor:pointer}.frise-rejouer:hover{background:var(--surface-2)}@media (prefers-reduced-motion:no-preference){.frise-prete .frise li .point,.frise-prete .frise li strong,.frise-prete .frise li .detail{opacity:.3;transition:opacity .4s,transform .4s}.frise-prete .frise li .point{transform:scale(.7)}.frise-prete .frise li.atteint .point,.frise-prete .frise li.atteint strong,.frise-prete .frise li.atteint .detail{opacity:1}.frise-prete .frise li.atteint .point{transform:none}.frise-prete .frise li::after{content:"";position:absolute;left:17px;top:36px;bottom:0;width:2px;background:var(--texte-2);transform:scaleY(0);transform-origin:top;transition:transform .7s ease}.frise-prete .frise li.ok::after{background:var(--vert)}.frise-prete .frise li.ko::after{background:var(--orange)}.frise-prete .frise li.repare::after{background:var(--bleu)}.frise-prete .frise li.passe::after{transform:none}.frise-prete .frise li:last-child::after{display:none}.frise-prete .lecon{opacity:0;transform:translateY(8px);transition:opacity .5s,transform .5s}.frise-fin .lecon{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference) and (min-width:900px){.frise-prete .frise li .point{transform:translateX(-50%) scale(.7)}.frise-prete .frise li.atteint .point{transform:translateX(-50%)}.frise-prete .frise li::after{left:50%;right:-50%;top:17px;bottom:auto;width:auto;height:2px;transform:scaleX(0);transform-origin:left}}.titre-court{display:none}@media (max-width:899px){.scenarios,.scenarios.scenarios{grid-template-columns:1fr 1fr;gap:8px}.scenario{position:relative;padding:10px 12px;gap:2px}.scenario .titre{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.scenario .titre-court{display:block;font-weight:800;font-size:.95rem;line-height:1.25}.scenario .cout{font-size:.86rem}.decodeur .puces{display:none}.decodeur .recherche{margin-bottom:18px}.parcours.vertical .parcours-actions{display:none}.parcours.vertical li > button::after{content:"";flex:none;margin-left:auto;width:9px;height:9px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}.parcours.vertical li > button[aria-expanded="true"]::after{transform:rotate(-135deg) translate(-2px,-2px)}.parcours.vertical .panneau{border-top:0;padding:0;margin:10px 0 4px 62px}.parcours.vertical .panneau:not(.deplie){display:none}.parcours.vertical .panneau h3{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.parcours.defilement li:not(.atteint) > button,.parcours.defilement li:not(.atteint) .panneau{opacity:.45}.parcours.defilement li > button,.parcours.defilement li .panneau{transition:opacity .3s,border-color .3s,background-color .3s}.parcours.defilement li.courant > button{border-color:var(--accent-2);background:var(--accent-soft)}.parcours.defilement li.echoue.courant > button{border-color:var(--warn);background:var(--warn-soft)}.parcours.vertical .jeton{transition-duration:.35s,.3s,.3s,.3s}}.realisation-deplier{display:none}@media (max-width:899px){.js .realisation:not(.ouverte) dl dt:nth-of-type(n+2),.js .realisation:not(.ouverte) dl dd:nth-of-type(n+2),.js .realisation:not(.ouverte) .code-cadre{display:none}.js .realisation:not(.ouverte){gap:0}.realisation-deplier{display:inline-flex;align-items:center;gap:10px;margin-top:16px;min-height:44px;padding:8px 18px;border-radius:99px;border:1.5px solid var(--ligne);background:transparent;color:var(--encre);font:inherit;font-weight:600;font-size:.95rem;cursor:pointer}.realisation-deplier::after{content:"";width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .25s}.realisation-deplier[aria-expanded="true"]::after{transform:rotate(-135deg) translate(-2px,-2px)}}