/* STUDIO REVO — V58 « Démonstrations crédibles » (couche additive) */
.x58-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;background:#17161A;color:#F2F0EE;border-radius:12px 12px 0 0}
.x58-head b{font-size:.92rem}.x58-head span{font-size:.74rem;color:#C9C5CC}
.x58-agent,.x58-data,.x58-app,.x58-learn{background:#fff;border:1px solid rgba(17,17,19,.12);border-radius:12px;overflow:hidden;font-size:.86rem;color:#17161A}
/* Agent */
.x58-cols{display:grid;grid-template-columns:repeat(3,1fr)}
.x58-col{padding:14px 14px 12px;border-left:1px solid rgba(17,17,19,.08)}
.x58-col:first-child{border-left:0}
.x58-col h4{margin:0 0 8px;font-size:.72rem;letter-spacing:.02em;text-transform:uppercase;color:#671032}
.x58-id{margin:0 0 8px;font-weight:600}
.x58-col dl{margin:0}.x58-col dl div{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid rgba(17,17,19,.06);font-size:.8rem}
.x58-col dt{color:#5F5C63}.x58-col dd{margin:0;font-weight:600;white-space:nowrap}
.x58-warn{color:#671032}
.x58-ev{margin:10px 0 0;font-size:.74rem;color:#5F5C63}
.x58-acts{list-style:none;margin:0;padding:0}.x58-acts li{padding:6px 0 6px 20px;position:relative;font-size:.82rem;border-top:1px solid rgba(17,17,19,.06)}
.x58-acts li::before{content:"";position:absolute;left:0;top:10px;width:11px;height:11px;border-radius:50%;background:#3A7657}
.x58-val{background:#FBF6F8}.x58-val p{margin:0 0 10px;font-size:.84rem}
.x58-btns{display:flex;flex-wrap:wrap;gap:6px}.x58-btns span{font-size:.76rem;font-weight:600;padding:6px 10px;border-radius:7px;border:1px solid #671032;color:#671032}.x58-btns span.p{background:#671032;color:#fff}
@media (max-width:640px){.x58-cols{grid-template-columns:1fr}.x58-col{border-left:0;border-top:1px solid rgba(17,17,19,.08)}}
/* Données */
.x58-flow{display:grid;grid-template-columns:1fr 1fr;gap:0}
.x58-flow>div{padding:10px 14px;border-top:1px solid rgba(17,17,19,.08)}
.x58-flow>div+div{border-left:1px solid rgba(17,17,19,.08)}
.x58-flow small{display:block;font-size:.7rem;text-transform:uppercase;letter-spacing:.02em;color:#671032;font-weight:600;margin-bottom:2px}
.x58-flow p{margin:0;font-size:.82rem;line-height:1.45}
.x58-dec{background:#FBF6F8}
.x58-chart{width:100%;height:auto;display:block;padding:10px 10px 0;font-family:Inter,system-ui,sans-serif}
.x58-chart .g line{stroke:rgba(17,17,19,.08)}
.x58-chart .ax text{font-size:10px;fill:#6B6870}
.x58-chart .m{fill:none;stroke:#A9A4AE;stroke-width:2;stroke-dasharray:4 4}
.x58-chart .b{fill:none;stroke:#671032;stroke-width:2.5}.x58-chart circle.b{fill:#671032}
.x58-chart .lb{font-size:11px;fill:#671032;font-weight:600}.x58-chart .lm{font-size:11px;fill:#6B6870}
@media (max-width:520px){.x58-flow{grid-template-columns:1fr}.x58-flow>div+div{border-left:0}}
/* Application */
.x58-appgrid{display:grid;grid-template-columns:190px 1fr}
.x58-list{list-style:none;margin:0;padding:8px;border-right:1px solid rgba(17,17,19,.08);background:#FAF9FB}
.x58-list li{padding:9px 10px;border-radius:8px;display:grid;gap:1px;font-size:.78rem}
.x58-list li b{font-size:.8rem}.x58-list li span{color:#5F5C63}.x58-list li em{font-style:normal;font-size:.7rem;font-weight:600;color:#5F5C63}
.x58-list li.done em{color:#2E5E45}.x58-list li.cur{background:#fff;border:1px solid rgba(17,17,19,.12)}.x58-list li.cur em{color:#671032}
.x58-detail{padding:12px 14px}
.x58-dh{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}
.x58-dh b{display:block;font-size:.95rem}.x58-dh span{font-size:.76rem;color:#5F5C63}
.x58-dh em{font-style:normal;font-size:.72rem;font-weight:600;padding:4px 9px;border-radius:999px;background:#F7EBF0;color:#671032;white-space:nowrap}
.x58-tl{list-style:none;margin:12px 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
.x58-tl li{font-size:.7rem;color:#5F5C63;padding-top:8px;position:relative}
.x58-tl li::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;border-radius:2px;background:#E3E0E6}
.x58-tl li.d::before{background:#3A7657}.x58-tl li.c::before{background:#671032}.x58-tl li.c{color:#671032;font-weight:600}
.x58-two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.x58-two h5{margin:0 0 6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.02em;color:#5F5C63}
.x58-chk,.x58-sync{list-style:none;margin:0;padding:0}
.x58-chk li{padding:5px 0 5px 20px;position:relative;font-size:.8rem;border-top:1px solid rgba(17,17,19,.06)}
.x58-chk li::before{content:"";position:absolute;left:0;top:8px;width:12px;height:12px;border-radius:3px;border:1.5px solid #BDB8C2}
.x58-chk li.ok::before{background:#3A7657;border-color:#3A7657}
.x58-sync li{display:flex;justify-content:space-between;gap:6px;padding:5px 0;font-size:.78rem;border-top:1px solid rgba(17,17,19,.06)}
.x58-sync li span{color:#2E5E45;font-size:.72rem;text-align:right}
.x58-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:12px;font-size:.74rem;color:#5F5C63;flex-wrap:wrap}
.x58-go{background:#671032;color:#fff;font-weight:600;padding:8px 12px;border-radius:8px;font-size:.78rem}
@media (max-width:640px){.x58-appgrid{grid-template-columns:1fr}.x58-list{border-right:0;border-bottom:1px solid rgba(17,17,19,.08);display:flex;overflow-x:auto;gap:6px}.x58-list li{flex:0 0 150px}.x58-two{grid-template-columns:1fr}}
/* Hero : module allégé */
.x57-ctx{display:none}
.x57-face .x58-cap{margin:12px 0 0;font-size:.82rem;color:#5F5C63;line-height:1.45}
.x57-face .x58-cap b{color:#17161A}
.hx11 #hx-title{max-width:13ch}
/* Spatial */
.x58-sp{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:18px;align-items:start}
.x58-iso{width:100%;height:auto;display:block;font-family:Inter,system-ui,sans-serif;margin-bottom:8px}
.x58-iso .side{fill:url(#sp-s1)}.x58-iso .side2{fill:url(#sp-s2)}.x58-iso .top{fill:url(#sp-top);stroke:rgba(17,17,19,.18)}
.x58-iso .fl{font-size:11px;fill:#6B6870}
.x58-iso .x58-floor.sel .top{fill:#F5E6EC;stroke:#671032;stroke-width:1.5}.x58-iso .x58-floor.sel .side{fill:#B8657F}.x58-iso .x58-floor.sel .side2{fill:#D8A6B8}.x58-iso .x58-floor.sel .fl{fill:#671032;font-weight:600}
.x58-sp .x57-bldg{flex-direction:column;gap:6px}.x58-sp .x57-bldg::after{display:none}
.x58-sp .x57-bldg button{transform:none}.x58-sp .x57-bldg button span,.x58-sp .x57-bldg button small{transform:none}
.x58-right .x57-units{grid-auto-rows:70px}
.x58-vf{margin:12px 0 0}
.x58-view{width:100%;height:auto;display:block;border-radius:10px}
.x58-vf figcaption{margin-top:8px;font-size:.8rem;color:#5F5C63}.x58-vf figcaption b{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#671032;color:#fff;font-size:.7rem;margin:0 2px 0 6px}
@media (prefers-reduced-motion:no-preference){.x58-iso .x58-floor .top,.x58-iso .x58-floor .side,.x58-iso .x58-floor .side2{transition:fill .3s ease}}
@media (max-width:760px){.x58-sp{grid-template-columns:1fr}}
/* Formation : aperçu de support */
.x58-lgrid{display:grid;grid-template-columns:200px 1fr}
.x58-lsteps{list-style:none;margin:0;padding:10px;border-right:1px solid rgba(17,17,19,.08);counter-reset:ls;background:#FAF9FB}
.x58-lsteps li{counter-increment:ls;padding:8px 8px 8px 30px;position:relative;font-size:.8rem;color:#5F5C63;border-radius:8px}
.x58-lsteps li::before{content:counter(ls);position:absolute;left:8px;top:7px;width:17px;height:17px;border-radius:50%;border:1.5px solid #BDB8C2;font-size:.66rem;display:grid;place-items:center}
.x58-lsteps li.d{color:#2E5E45}.x58-lsteps li.d::before{background:#3A7657;border-color:#3A7657;color:#fff}
.x58-lsteps li.c{background:#fff;color:#17161A;font-weight:600;border:1px solid rgba(17,17,19,.12)}.x58-lsteps li.c::before{border-color:#671032;color:#671032}
.x58-screen{padding:14px}
.x58-sbar{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#ECEAEE;border-radius:8px 8px 0 0}
.x58-sbar span{width:8px;height:8px;border-radius:50%;background:#C9C5CC}.x58-sbar i{font-style:normal;margin-left:8px;font-size:.74rem;color:#5F5C63}
.x58-sbody{border:1px solid rgba(17,17,19,.1);border-top:0;border-radius:0 0 8px 8px;padding:10px 12px}
.x58-field{padding:8px 10px;border:1px solid rgba(17,17,19,.1);border-radius:6px;margin-bottom:8px;font-size:.82rem;position:relative}
.x58-field small{display:block;font-size:.66rem;color:#5F5C63}
.x58-field.hl{border-color:#671032;box-shadow:0 0 0 3px rgba(103,16,50,.1)}
.x58-field em{position:absolute;right:8px;top:-12px;font-style:normal;font-size:.68rem;background:#671032;color:#fff;padding:3px 8px;border-radius:999px}
.x58-frow{display:flex;justify-content:space-between;font-size:.84rem;padding-top:4px}
.x58-lfoot{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;padding:10px 14px;border-top:1px solid rgba(17,17,19,.08);font-size:.74rem;color:#5F5C63}
@media (max-width:640px){.x58-lgrid{grid-template-columns:1fr}.x58-lsteps{border-right:0;border-bottom:1px solid rgba(17,17,19,.08)}}
.x58-fhero{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:900px){.x58-fhero{grid-template-columns:1fr}}
/* Données : hero */
.x58-data.big{font-size:.92rem}
.x56-fig .x58-sp svg{min-width:0}