h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,label{all:revert;box-sizing:border-box}
.w-embed.emb::before,.w-embed.emb::after{display:none}
.btn,.hot,.lbl,.lead,.logo,.logos,.next,.tl{all:revert;box-sizing:border-box}

/* Layout : machine éclatée en 3D (WebGL) — chaque niveau est un anneau usiné, décalé en hauteur ; MAX au sommet. Fiche à droite, parcours de demandes animé. Thème unique Depth Blue, charte myAuxilium V1.0. */
:root{
  --night:#171738; --violet:#6949FF; --deep:#3B1FA8; --lav:#F1EDFF; --lav-2:#E3DAFF; --cloud:#D4DCFF;
  --muted:#A9A8C8; --line:rgba(212,220,255,.14); --glass:rgba(255,255,255,.035);
  --c-agents:#8A72FF; --c-savoir:#4FB3FF; --c-outils:#75E6A2; --c-mem:#FFD5C5; --c-models:#FF7645; --c-gouv:#D4DCFF;
  --f:"Figtree", "Avenir Next", system-ui, -apple-system, "Segoe UI", sans-serif;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{margin:0;background:var(--night);color:var(--lav);font-family:var(--f);font-size:15px;line-height:1.55;
  background-image:radial-gradient(60rem 40rem at 100% -10%, rgba(105,73,255,.30), transparent 60%),
                   radial-gradient(50rem 36rem at -10% 110%, rgba(105,73,255,.18), transparent 60%);
  background-attachment:fixed;
  padding-left:max(16px, env(safe-area-inset-left, 0px));padding-right:max(16px, env(safe-area-inset-right, 0px));}
.mx{max-width:1300px;margin:0 auto;padding-block:32px 32px;display:flex;flex-direction:column;gap:26px}
.hd{display:flex;flex-direction:column;gap:12px;max-width:820px}
.eyebrow{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--cloud);display:flex;align-items:center;gap:10px}
.eyebrow::before{content:"";width:22px;height:3px;border-radius:2px;background:var(--violet)}
h1{margin:0;font-weight:800;font-size:clamp(32px,5vw,54px);line-height:1.02;letter-spacing:-.02em;text-wrap:balance;color:#fff}
h1 span{color:#8C74FF}
.lede{margin:0;color:var(--muted);max-width:66ch;font-size:16px}
.lede b{color:var(--lav);font-weight:600}

.runbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:12px;border:1px solid var(--line);border-radius:18px;background:var(--glass)}
.runbar .lbl{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cloud);padding:0 6px}
.scen{display:flex;flex-wrap:wrap;gap:8px;flex:1 1 520px;min-width:0}
.sbtn{all:unset;cursor:pointer;position:relative;overflow:hidden;font-size:14px;font-weight:600;color:var(--lav);padding:9px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.02);display:flex;flex-direction:column;gap:1px;min-width:0}
.sbtn small{font-size:11.5px;font-weight:500;color:var(--muted)}
.sbtn:hover{border-color:rgba(212,220,255,.4)}
.sbtn.on{border-color:var(--violet);background:rgba(105,73,255,.16)}
.sbtn i{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--violet);transition:width .4s}
.ctrl{display:flex;gap:8px;flex-wrap:wrap}
.btn{font:600 14px var(--f);color:var(--lav);background:transparent;border:1px solid var(--line);border-radius:999px;padding:9px 16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px}
.btn:hover{border-color:var(--cloud)}
.btn.primary{background:var(--violet);border-color:var(--violet);color:#fff}
.btn:focus-visible,.chip:focus-visible,.sbtn:focus-visible{outline:2px solid var(--cloud);outline-offset:3px}

.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}
@media (max-width:980px){.grid{grid-template-columns:1fr}}
.stage{position:relative;min-width:0;display:flex;flex-direction:column;gap:14px}
.view{position:relative;width:100%;aspect-ratio:1/0.92;max-width:100%;border-radius:22px;overflow:hidden;background:#100E2A;
  border:1px solid rgba(184,168,255,.16);box-shadow:0 30px 80px -30px rgba(105,73,255,.45), inset 0 0 0 1px rgba(255,255,255,.02);cursor:grab;touch-action:pan-y}
.view.grab{cursor:grabbing}
.view.hov{cursor:pointer}
.view canvas{display:block;width:100%!important;height:100%!important}
.view::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(8,7,26,.75) 100%)}
.view .corner{position:absolute;z-index:2;font-size:10.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(212,220,255,.55);pointer-events:none}
.view .corner.tl{top:16px;left:18px}.view .corner.br{bottom:14px;right:18px;font-variant-numeric:tabular-nums}
.labels{position:absolute;inset:0;pointer-events:none;z-index:1}
.bubble{position:absolute;left:0;top:0;z-index:6;width:max-content;max-width:min(400px,58%);pointer-events:none;
  background:#fff;color:#171738;font-size:14.5px;font-weight:600;line-height:1.42;padding:12px 16px 13px;border-radius:18px;
  box-shadow:0 14px 34px rgba(5,4,20,.45),0 0 0 3px rgba(105,73,255,.4);opacity:0;transition:opacity .35s}
.bubble.show{opacity:1}
.bubble small{display:block;font-size:10.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:#6949FF;margin-bottom:3px;font-variant-numeric:tabular-nums}
.bubble::after{content:"";position:absolute;left:var(--tail,50%);bottom:-9px;width:18px;height:18px;background:#fff;transform:translateX(-50%) rotate(45deg);border-radius:0 0 4px 0;box-shadow:3px 3px 0 0 rgba(105,73,255,.4)}
.bubble.side::after{left:-8px;bottom:auto;top:var(--tailY,50%);transform:translateY(-50%) rotate(135deg)}
.bubble.side.l::after{left:auto;right:-8px;transform:translateY(-50%) rotate(-45deg)}
.bubble .tw{position:relative;display:block}.bubble .ghost{visibility:hidden}.bubble .typed{position:absolute;inset:0}
.bubble .caret{display:inline-block;width:2px;height:1em;background:#6949FF;margin-left:2px;vertical-align:-2px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}
@media (max-width:620px){.bubble{font-size:12px;padding:8px 11px;max-width:86%}}
.tag3{position:absolute;left:0;top:0;white-space:nowrap;font-size:12.5px;font-weight:700;color:#fff;
  padding:4px 10px;border-radius:999px;background:rgba(14,12,40,.78);border:1px solid color-mix(in srgb, var(--h) 60%, transparent);
  transition:opacity .35s, background .3s, color .3s;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0}
.tag3 small{font-weight:500;color:var(--h);margin-left:6px}
.tag3.on{background:var(--h);color:var(--ink);border-color:#fff;font-size:13.5px;box-shadow:0 0 18px color-mix(in srgb, var(--h) 60%, transparent)}
.tag3.on small{color:var(--ink);opacity:.8}
@media (max-width:620px){.tag3{font-size:10px;padding:3px 8px}.tag3 small{display:none}.tag3.on small{display:inline}}
.max3d{position:absolute;left:0;top:0;width:96px;height:96px;border-radius:50%;pointer-events:none;transition:transform .3s;filter:drop-shadow(0 0 18px rgba(105,73,255,.9)) drop-shadow(0 10px 18px rgba(0,0,0,.5))}
@media (max-width:620px){.max3d{width:58px;height:58px}}
.fallback{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:24px;color:var(--muted)}
.hint{align-self:center;font-size:14px;color:var(--muted);display:flex;align-items:center;gap:8px;text-align:center}
.hint i{flex:none;width:8px;height:8px;border-radius:50%;background:var(--violet);animation:ping 1.8s infinite}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(105,73,255,.7)}70%{box-shadow:0 0 0 10px rgba(105,73,255,0)}100%{box-shadow:0 0 0 0 rgba(105,73,255,0)}}
.levels{display:flex;align-items:center;gap:12px;min-width:0;margin-top:-8px}
.levels .lbl{flex:none;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cloud);padding-left:18px}
@media (max-width:640px){.levels .lbl{display:none}}
.chips{display:flex;flex-wrap:nowrap;justify-content:flex-start;gap:8px;overflow-x:auto;scrollbar-width:none;padding:2px 0;min-width:0;flex:1 1 auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}
@media (min-width:900px){.chips{-webkit-mask-image:none;mask-image:none}}
.chips::-webkit-scrollbar{display:none}

.chip{all:unset;flex:none;cursor:pointer;font-size:13px;font-weight:600;color:var(--muted);padding:6px 11px;border-radius:999px;border:1px solid var(--line);display:inline-flex;align-items:center;gap:8px}
.chip::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--h)}
.chip.on{color:#fff;border-color:var(--h);background:color-mix(in srgb, var(--h) 16%, transparent)}

.panel{--h:var(--violet);position:sticky;top:max(24px, env(safe-area-inset-top, 0px));min-width:0;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid var(--line);border-top:3px solid var(--h);border-radius:20px;padding:26px 28px;display:flex;flex-direction:column;gap:14px;min-height:600px}
@media (max-width:980px){.panel{position:static;min-height:0}}
@media (max-width:480px){.panel{padding:20px}}
.tour{display:flex;flex-direction:column;gap:9px;padding:14px 16px;border-radius:14px;background:rgba(105,73,255,.14);border:1px solid rgba(105,73,255,.4)}
.tour .tt{display:flex;justify-content:space-between;gap:12px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cloud);font-variant-numeric:tabular-nums}
.tour p{margin:0;color:#fff;font-weight:600;font-size:15.5px}
.tour .bars{display:grid;gap:4px}
.tour .bars i{height:3px;border-radius:2px;background:rgba(212,220,255,.2)}
.tour .bars i.d{background:var(--violet)}
.mascot{width:64px;height:64px;border-radius:50%;box-shadow:0 0 0 3px rgba(105,73,255,.35),0 10px 30px -8px rgba(105,73,255,.8)}
.p-eye{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--h);display:flex;align-items:center;gap:8px}
.p-eye::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--h)}
.panel h2{margin:0;font-weight:800;font-size:clamp(25px,2.8vw,33px);line-height:1.08;letter-spacing:-.01em;color:#fff;text-wrap:balance}
.panel .lead{margin:0;color:#D9D6F2;max-width:60ch;font-size:17px;line-height:1.5}
.panel{font-size:16px}
.steps{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-direction:column;gap:7px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;align-items:center;padding:8px 12px;border-radius:12px;background:var(--glass);border:1px solid var(--line);transition:background .3s,border-color .3s}
.steps li::before{content:counter(s);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:rgba(105,73,255,.22);color:#fff;font-weight:700;font-size:12.5px}
.steps li.hot{background:rgba(105,73,255,.2);border-color:rgba(105,73,255,.6)}
.steps li.hot::before{background:var(--violet)}
.bul{margin:2px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}
.bul li{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;color:#E6E3F8}
.bul li::before{content:"";width:16px;height:16px;margin-top:3px;border-radius:50%;background:color-mix(in srgb, var(--h) 30%, transparent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.2 2.2 4.8-5' fill='none' stroke='%23FFFFFF' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.bul b{color:#fff;font-weight:700}
.tags{display:flex;flex-wrap:wrap;gap:6px}
.tags span{font-size:13.5px;font-weight:600;padding:5px 11px;border-radius:999px;background:color-mix(in srgb, var(--h) 12%, transparent);border:1px solid color-mix(in srgb, var(--h) 35%, transparent);color:#fff}
.groups{display:flex;flex-direction:column;gap:12px}
.people{display:flex;flex-direction:column;gap:10px}
.person{display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;align-items:center;padding:8px 12px 8px 8px;border-radius:14px;background:var(--glass);border:1px solid var(--line)}
.person img{width:48px;height:48px;border-radius:50%}
.person b{display:block;color:#fff;font-size:16px}
.person span{display:block;color:#C9C6E4;font-size:14.5px;line-height:1.35}
.agrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px}
@media (max-width:480px){.agrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.agrid div{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:13.5px;font-weight:600;color:#fff}
.agrid img{width:52px;height:52px;border-radius:50%}
.grp b img.logo{width:22px;height:22px;border-radius:6px;vertical-align:-6px;margin-right:8px}
.grp{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;align-items:start}
.grp b{font-size:13px;color:var(--h);padding-top:5px}
@media (max-width:420px){.grp{grid-template-columns:1fr;gap:4px}}
.cats{display:flex;flex-direction:column;gap:10px}
.cat{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.catl{font-size:13px;font-weight:800;color:var(--night);background:var(--h);padding:5px 12px;border-radius:999px}
.tlabel{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:2px}
.logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px 8px}
.logos div{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0}
.logos .lt{width:44px;height:44px;border-radius:12px;background:#fff;display:grid;place-items:center;box-shadow:0 4px 12px rgba(0,0,0,.25)}
.logos img{width:26px;height:26px}
.logos small{font-size:12px;font-weight:600;color:#E6E3F8;text-align:center;line-height:1.2;overflow-wrap:anywhere}
.note{margin:0;font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:12px}
.car{margin-top:auto;padding-top:16px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px}
.cbtn{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:600;color:var(--lav);padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:border-color .2s,background .2s}
.cbtn:hover{border-color:var(--h);background:color-mix(in srgb, var(--h) 12%, transparent)}
.cbtn:focus-visible{outline:2px solid var(--cloud);outline-offset:2px}
.cbtn span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.cbtn b{flex:none;font-size:18px;line-height:1;color:var(--h)}
.cbtn.next{justify-self:end;text-align:right}
.cbtn.prev{justify-self:start}
.cmid{display:flex;flex-direction:column;align-items:center;gap:6px}
.cdots{display:flex;gap:6px}
.cdots button{all:unset;cursor:pointer;width:8px;height:8px;border-radius:50%;background:rgba(212,220,255,.25);transition:background .2s,width .2s}
.cdots button.on{background:var(--h);width:22px;border-radius:4px}
.cdots button:focus-visible{outline:2px solid var(--cloud);outline-offset:2px}
.crow{display:flex;align-items:center;gap:8px}
.cplay{all:unset;cursor:pointer;font-size:10.5px;font-weight:700;line-height:1;color:var(--lav);padding:5px 9px;border-radius:999px;border:1px solid var(--line)}
.cplay:hover{border-color:var(--h)}.cplay:focus-visible{outline:2px solid var(--cloud);outline-offset:2px}
.cprog{display:block;width:72px;height:3px;border-radius:2px;background:rgba(212,220,255,.15);overflow:hidden}
.cprog i{display:block;height:100%;width:0;background:var(--h)}
.ccount{font-size:11.5px;font-weight:700;letter-spacing:.08em;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:480px){.cbtn span{display:none}}
.slide-l{animation:slideL .35s ease}.slide-r{animation:slideR .35s ease}
@keyframes slideL{from{opacity:.2;transform:translateX(24px)}to{opacity:1;transform:none}}
@keyframes slideR{from{opacity:.2;transform:translateX(-24px)}to{opacity:1;transform:none}}
.fade{animation:fade .35s ease}
@keyframes fade{from{opacity:.25;transform:translateY(4px)}to{opacity:1;transform:none}}
.mx footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 24px;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:13px}
.mx footer b{color:var(--lav);font-weight:700}
@media (prefers-reduced-motion: reduce){ .fade,.hint i{animation:none!important} }