/* STUDIO REVO — V56 « Montrer plutôt que décrire » (couche additive) */
/* Hero */
.x56-hero-svg{width:100%;height:auto;display:block;font-family:Inter,system-ui,sans-serif}
.x56-hero-svg .hv-l{fill:none;stroke:rgba(194,85,122,.55);stroke-width:1.6}
@media (prefers-reduced-motion:no-preference){.x56-hero-svg .hv-l{stroke-dasharray:5 6;animation:hxvdash 1.8s linear infinite}}
.hx11 .x55-hero-fig{max-width:640px}
.hx11 #hx-title{max-width:14ch}
/* Démo avant / après */
.x56-demo{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center;margin-top:30px}
.x56-demo figure{margin:0;padding:clamp(12px,2vw,24px);background:#FAF9FB;border:1px solid rgba(17,17,19,.08);border-radius:16px}
.x56-demo-svg{width:100%;height:auto;display:block;font-family:Inter,system-ui,sans-serif}
.x56-demo-svg .bad{stroke:#D49AAE;stroke-width:2;stroke-dasharray:6 6;fill:none}
.x56-demo-svg .good{stroke:#671032;stroke-width:2.5;fill:none}
.x56-demo-svg .st-apres,.x56-demo-svg .st-avant{transition:opacity .45s ease}
.x56-demo[data-state=avant] .st-apres{opacity:0}
.x56-demo[data-state=apres] .st-avant{opacity:0}
.x56-seg{display:inline-flex;border:1px solid rgba(17,17,19,.15);border-radius:999px;padding:4px;background:#fff;margin:0 0 18px}
.x56-seg button{border:0;background:transparent;border-radius:999px;padding:9px 18px;font:600 .92rem Inter,system-ui,sans-serif;color:#4A474F;cursor:pointer}
.x56-seg button[aria-pressed=true]{background:#17161A;color:#fff}
.x56-seg button:focus-visible{outline:2px solid #671032;outline-offset:2px}
.x56-demo ul{list-style:none;margin:0;padding:0}
.x56-demo li{padding:12px 0;border-bottom:1px solid rgba(17,17,19,.08);font-size:.97rem;line-height:1.5}
.x56-demo li b{display:block;font-size:.8rem;color:#671032;margin-bottom:2px}
.x56-demo [data-for]{display:none}
.x56-demo[data-state=avant] [data-for=avant],.x56-demo[data-state=apres] [data-for=apres]{display:block}
.no-js .x56-demo [data-for]{display:block}
@media (max-width:900px){.x56-demo{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.x56-demo-svg .st-apres,.x56-demo-svg .st-avant{transition:none}}
/* Situations : 3 + accès aux autres */
.x56-sit3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.x56-sit3 article{border-top:3px solid #17161A;padding:18px 0 0}
.x56-sit3 article:nth-child(2){border-color:#671032}.x56-sit3 article:nth-child(3){border-color:#2E5E86}
.x56-sit3 q{quotes:"«\00a0" "\00a0»";display:block;font-size:1.22rem;line-height:1.35;font-weight:650;color:#17161A;margin:0 0 10px}
.x56-sit3 p{margin:0 0 10px;font-size:.95rem;line-height:1.55;color:#5F5C63}
.x56-sit3 a{font-weight:600;color:#671032;font-size:.92rem}
.x56-more{margin-top:26px;border:1px solid rgba(17,17,19,.12);border-radius:12px;background:#fff}
.x56-more>summary{cursor:pointer;padding:16px 20px;font-weight:600;list-style:none;display:flex;justify-content:space-between}
.x56-more>summary::-webkit-details-marker{display:none}
.x56-more>summary::after{content:"+";font-size:1.2rem;color:#671032}
.x56-more[open]>summary::after{content:"−"}
.x56-more>summary:focus-visible{outline:2px solid #671032;outline-offset:2px;border-radius:12px}
.x56-more ul{list-style:none;margin:0;padding:0 20px 14px;display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
.x56-more li{padding:12px 0;border-top:1px solid rgba(17,17,19,.08);font-size:.94rem;line-height:1.5}
.x56-more li b{display:block;color:#17161A}
.x56-more li a{color:#671032;font-weight:600}
@media (max-width:860px){.x56-sit3{grid-template-columns:1fr}.x56-more ul{grid-template-columns:1fr}}
/* Expertises : visuels plus grands, texte court */
.x54-xp .x55-motif{padding:16px 10px;margin:-8px -6px 16px}
.x54-xp .x55-motif svg{max-height:120px}
.x56-tools{margin:22px 0 0;font-size:.94rem;color:#5F5C63}
.x56-tools a{color:#671032;font-weight:600}
/* Applications : visuel plus grand */
.x55-panel{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
@media (max-width:900px){.x55-panel{grid-template-columns:1fr}}
/* Méthode compacte */
.x56-steps{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;counter-reset:s}
.x56-steps li{counter-increment:s;background:#fff;border:1px solid rgba(17,17,19,.1);border-radius:12px;padding:18px 16px;position:relative}
.x56-steps li::before{content:counter(s);display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#17161A;color:#fff;font-size:.8rem;font-weight:700;margin-bottom:10px}
.x56-steps li:nth-child(5)::before{background:#671032}
.x56-steps b{display:block;font-size:1rem;margin-bottom:4px}
.x56-steps span{font-size:.88rem;line-height:1.5;color:#5F5C63}
.x56-steps-note{margin:16px 0 0;font-size:.94rem;color:#5F5C63;max-width:80ch}
@media (max-width:1000px){.x56-steps{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.x56-steps{grid-template-columns:1fr}}
/* Confiance */
.x56-trust{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}
.x56-trust article{background:#fff;border:1px solid rgba(17,17,19,.1);border-radius:12px;padding:22px}
.x56-trust h3{font-size:1.05rem;margin:0 0 10px}
.x56-trust ul{margin:0 0 12px;padding:0 0 0 18px}
.x56-trust li{font-size:.92rem;line-height:1.5;margin:0 0 5px}
.x56-trust p{font-size:.9rem;color:#5F5C63;margin:0 0 10px}
.x56-trust a{font-weight:600;color:#671032;font-size:.92rem}
@media (max-width:900px){.x56-trust{grid-template-columns:1fr}}
/* IA : conditions de réussite positives (remplace la croix) */
.not-list.x56-ok li::before{content:"✓";color:#7FC79A;font-weight:700;font-size:15px}
/* IA : assistant sourcé */
.x56-ask{background:#fff;border:1px solid rgba(17,17,19,.12);border-radius:14px;overflow:hidden;font-size:.94rem}
.x56-ask-q{padding:16px 18px;background:#17161A;color:#F2F0EE}
.x56-ask-q small{display:block;color:#C9C5CC;font-size:.74rem;margin-bottom:4px}
.x56-ask-a{padding:16px 18px;line-height:1.55}
.x56-ask-a sup{color:#671032;font-weight:700}
.x56-ask-s{display:grid;gap:8px;padding:0 18px 16px}
.x56-ask-s div{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:8px;background:#FAF9FB;border:1px solid rgba(17,17,19,.06);font-size:.86rem}
.x56-ask-s b{color:#671032}
.x56-ask-miss{margin:0 18px 16px;padding:10px 12px;border-radius:8px;background:#FFF7E8;border:1px solid #EBD3A2;font-size:.86rem}
/* Deux façons d'intervenir */
.x56-two{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}
.x56-two article{border-radius:14px;padding:24px;border:1px solid rgba(17,17,19,.1);background:#fff}
.x56-two article:last-child{background:#17161A;color:#F2F0EE;border-color:#17161A}
.x56-two article:last-child p,.x56-two article:last-child li{color:#D7D3DA}
.x56-two h3{margin:0 0 8px;font-size:1.15rem}
.x56-two p{margin:0 0 12px;font-size:.94rem;color:#5F5C63}
.x56-two ul{margin:0;padding:0 0 0 18px}.x56-two li{font-size:.92rem;margin:0 0 6px}
@media (max-width:800px){.x56-two{grid-template-columns:1fr}}
/* Grand visuel encadré */
.x56-fig{margin:28px 0 0;padding:clamp(14px,2vw,26px);background:#FAF9FB;border:1px solid rgba(17,17,19,.08);border-radius:16px;overflow-x:auto}
.x56-fig svg{min-width:560px}
.x56-fig figcaption{margin-top:10px;font-size:.84rem;color:#5F5C63}
/* Accordéons formation */
.x56-acc{border-top:1px solid rgba(17,17,19,.12)}
.x56-acc:last-of-type{border-bottom:1px solid rgba(17,17,19,.12)}
.x56-acc>summary{cursor:pointer;padding:18px 0;font-weight:650;font-size:1.08rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.x56-acc>summary::-webkit-details-marker{display:none}
.x56-acc>summary::after{content:"+";color:#671032;font-size:1.3rem;line-height:1}
.x56-acc[open]>summary::after{content:"−"}
.x56-acc>summary:focus-visible{outline:2px solid #671032;outline-offset:3px}
.x56-acc>.x56-acc-b{padding:0 0 22px}
.x56-acc .hs-head,.x56-acc h2{display:none}
/* Publics */
.x56-pub{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.x56-pub li{padding:7px 12px;border-radius:999px;background:#fff;border:1px solid rgba(17,17,19,.12);font-size:.88rem}
@media (max-width:600px){
  .x56-hero-svg{display:none}
  .x56-demo>div{order:-1}
  .x56-demo figure{overflow-x:auto;-webkit-overflow-scrolling:touch}
  .x56-demo-svg{min-width:540px}
}