.demo{--mx:50%;--my:0%;border-radius:var(--radius);background:radial-gradient(600px circle at var(--mx) var(--my), rgb(var(--accent-rgb) / .1), transparent 45%), linear-gradient(160deg, rgb(var(--ink-rgb) / .66), rgb(var(--ink-rgb) / .84));-webkit-backdrop-filter:blur(26px)saturate(1.6);backdrop-filter:blur(26px)saturate(1.6);width:100%;box-shadow:0 40px 90px rgb(var(--ink-rgb) / .35), inset 0 1px 0 #ffffff1f;border:1px solid #ffffff1f;position:relative;overflow:hidden}.lead,.ticket,.kpi,.flow__log,.agent__result,.portal__roles,.dash__periods{background:linear-gradient(160deg,#ffffff12,#ffffff06);border-color:#ffffff1a;box-shadow:inset 0 1px #ffffff12}.systems__stage>.demo{opacity:0;visibility:hidden;filter:blur(6px);transition:opacity .45s var(--ease-out), transform .45s var(--ease-out), filter .45s var(--ease-out), visibility 0s linear .45s;transform:scale(.97)}.systems__stage>.demo.is-active{opacity:1;visibility:visible;filter:none;transition-delay:0s;transform:none}.sys__slot:empty{display:none}.demo__bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;height:48px;padding:0 18px;display:flex}.demo__title{font-size:13.5px;font-weight:600;font-stretch:108%}.demo__tag{border:1px solid rgb(var(--accent-2-rgb) / .5);font-family:var(--font-mono);color:var(--accent-2);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:11px}.demo__body{padding:22px}.demo__label{font-family:var(--font-mono);color:var(--fg-3);margin-bottom:12px;font-size:12px}.demo .btn--sm [data-icon]{width:14px;height:14px}.portal__roles,.dash__periods{border:1px solid var(--line-strong);border-radius:999px;justify-self:start;gap:2px;padding:4px;display:inline-flex}.portal__roles button,.dash__periods button{height:32px;color:var(--fg-2);border-radius:999px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s}.portal__roles button[aria-selected=true],.dash__periods button[aria-selected=true]{background:var(--fg);color:var(--bg)}.agent{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:22px;display:grid}.agent__list{gap:8px;display:grid}.lead{border:1px solid var(--line);text-align:left;width:100%;transition:border-color .2s ease, background-color .2s ease, transform .16s var(--ease-out);border-radius:12px;gap:4px;padding:12px 14px;display:grid}.lead:active{transform:scale(.98)}.lead[aria-checked=true]{border-color:rgb(var(--accent-rgb) / .7);background:rgb(var(--accent-rgb) / .06)}.lead__name{font-size:14px;font-weight:600}.lead__need{color:var(--fg-2);font-size:13px}.lead__meta{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}@media (hover:hover) and (pointer:fine){.lead:hover{border-color:var(--line-strong)}}.agent__run{align-content:start;gap:16px;display:grid}.agent__steps{font-family:var(--font-mono);color:var(--fg-3);gap:7px;font-size:12px;display:grid}.agent__steps li{align-items:center;gap:10px;transition:color .2s;display:flex}.agent__steps li:before{content:"";border:1px solid var(--line-strong);border-radius:50%;flex:none;width:8px;height:8px;transition:background-color .2s,border-color .2s}.agent__steps li.is-running{color:var(--fg)}.agent__steps li.is-running:before{border-color:var(--accent);animation:.7s ease-in-out infinite alternate pulse}.agent__steps li.is-done{color:var(--fg-2)}.agent__steps li.is-done:before{background:var(--accent);border-color:var(--accent)}@keyframes pulse{to{background:rgb(var(--accent-rgb) / .6)}}.agent__result{border:1px solid var(--line-strong);border-radius:12px;align-content:start;gap:10px;min-height:176px;padding:16px;display:grid}.agent__empty{color:var(--fg-3);font-size:14px}.agent__score{align-items:baseline;gap:10px;display:flex}.agent__score b{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:40px;font-weight:700;font-stretch:120%;line-height:1}.agent__score small{font-family:var(--font-mono);color:var(--fg-3)}.agent__prio{background:var(--accent-soft);color:var(--accent-hot);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:12px;font-weight:600}.agent__prio[data-level=low]{background:rgb(var(--accent-2-rgb) / .18);color:var(--accent-2)}.agent__reasons{color:var(--fg-2);gap:3px;font-size:13px;display:grid}.agent__reasons li:before{content:"+ ";color:var(--accent);font-family:var(--font-mono)}.agent__reply{color:var(--fg);border-top:1px solid var(--line);min-height:3em;padding-top:10px;font-size:13px;line-height:1.5}.flow{gap:18px;display:grid}.flow__graph{width:100%;height:auto;overflow:visible}.flow__edge{fill:none;stroke:var(--line-strong);stroke-width:1.5px;transition:stroke .3s}.flow__edge.is-lit{stroke:rgb(var(--accent-rgb) / .65)}.flow__node rect{fill:#ffffff0f;stroke:#ffffff29;stroke-width:1px;transition:stroke .25s,fill .25s}.flow__node text{font-family:var(--font-sans);fill:var(--fg);font-size:13px;font-weight:600}.flow__node .flow__sub{font-family:var(--font-mono);fill:var(--fg-3);font-size:10px;font-weight:400}.flow__node.is-running rect{stroke:var(--accent);fill:rgb(var(--accent-rgb) / .16)}.flow__node.is-done rect{stroke:var(--accent-2)}.flow__node.is-done .flow__sub{fill:var(--accent-2)}.flow__packets circle{fill:var(--accent-hot)}.flow__side{grid-template-columns:auto 1fr;align-items:start;gap:12px 18px;display:grid}.flow__count{font-family:var(--font-mono);color:var(--fg-2);align-self:center;font-size:12px}.flow__log{border:1px solid var(--line);min-height:132px;font-family:var(--font-mono);color:var(--fg-2);border-radius:12px;grid-column:1/-1;padding:12px 14px;font-size:11.5px;line-height:1.75}.flow__log:empty:before{content:"Journal d’exécution vide. Lancez le workflow.";color:var(--fg-3)}.flow__log b{color:var(--accent-hot);font-weight:500}.portal{gap:14px;display:grid}.portal__rule{font-family:var(--font-mono);color:var(--fg-3);font-size:11.5px}.portal__list{align-content:start;gap:8px;min-height:248px;display:grid}.ticket{border:1px solid var(--line);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px 14px;padding:12px 14px;display:grid}.ticket__id{font-family:var(--font-mono);color:var(--fg-3);font-size:12px}.ticket__title{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.ticket__who{color:var(--fg-3);grid-column:2;font-size:12px}.ticket__status{background:rgb(var(--fg-rgb) / .07);color:var(--fg-2);white-space:nowrap;border-radius:999px;grid-area:1/3;justify-self:end;padding:3px 10px;font-size:12px;font-weight:600}.ticket__status[data-step="2"]{background:rgb(var(--accent-2-rgb) / .2);color:var(--accent-2)}.ticket__status[data-step="1"]{background:var(--accent-soft);color:var(--accent-hot)}.ticket__status[data-step="3"]{background:var(--fg);color:var(--bg)}.ticket__act{color:var(--accent);grid-area:2/3;justify-self:end;padding:2px 0;font-size:12px;font-weight:600}.ticket__act:disabled{color:var(--fg-3);cursor:default}.portal__notice{min-height:1.5em;color:var(--accent-hot);font-size:13px}.dash{gap:18px;display:grid}.dash__kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.kpi{border:1px solid var(--line);border-radius:12px;gap:4px;padding:14px;display:grid}.kpi__label{color:var(--fg-2);font-size:12px;line-height:1.35}.kpi__value{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-size:clamp(22px,2vw,30px);font-weight:700;font-stretch:118%;line-height:1.1}.kpi__delta{font-family:var(--font-mono);color:var(--accent-2);font-size:11px}.dash__chart{gap:8px;display:grid}.dash__chart svg{width:100%;height:170px;overflow:visible}.dash__grid line{stroke:var(--line);stroke-width:1px}.dash__line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.dash__chart figcaption{font-family:var(--font-mono);color:var(--fg-3);font-size:11px}@media (max-width:899px){.demo__body{padding:16px}.agent{grid-template-columns:1fr}.dash__kpis{grid-template-columns:1fr 1fr}.dash__kpis .kpi:last-child{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.agent__steps li.is-running:before{background:rgb(var(--accent-rgb) / .6);animation:none}}.demo-wash{isolation:isolate}.demo-wash:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(32% 36% at 30% 30%,#fe662357,#0000 72%),radial-gradient(34% 38% at 72% 72%,#feb8185c,#0000 72%);position:absolute;inset:-8% -6%}[data-theme=dark] .demo-wash:before,.demo-wash--dark:before{background:radial-gradient(32% 36% at 30% 30%,#fe662333,#0000 72%),radial-gradient(34% 38% at 72% 72%,#feb81829,#0000 72%)}[data-theme=light] .demo{background:radial-gradient(600px circle at var(--mx) var(--my), rgb(var(--accent-rgb) / .1), transparent 45%), linear-gradient(160deg, rgb(var(--ink-rgb) / .82), rgb(var(--ink-rgb) / .93))}@media (prefers-reduced-transparency:reduce){.demo{background:linear-gradient(180deg, var(--surface), var(--bg));-webkit-backdrop-filter:none;backdrop-filter:none}}