/* STUDIO REVO — V65 : consolidation (hero annoté, accueil fusionné, formation, à propos) */
/* ---- Hero : texte court + composition annotée ---- */
.x65-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;min-height:0!important;align-items:center;background:var(--r-teal-2)}
.x65-hero .x62-hero-copy{padding-top:clamp(36px,5vw,72px);padding-bottom:clamp(36px,5vw,72px)}
.x65-hero .x62-hero-copy h1{font-size:clamp(34px,3.7vw,52px)!important;max-width:14ch;line-height:1.05!important}
.x65-hero .x62-hero-copy p{max-width:44ch}
.x65-vis{padding:clamp(28px,4vw,56px) max(var(--r-gutter),calc((100vw - var(--r-max))/2)) clamp(28px,4vw,56px) clamp(8px,2vw,32px)}
.x65-sys{margin:0;position:relative;aspect-ratio:4/3;border-radius:6px;overflow:hidden;background:#C9694A}
.x65-sys picture,.x65-sys img{display:block;width:100%;height:100%}
.x65-sys img{object-fit:cover;object-position:50% 50%;position:static!important}
.x65-pin{position:absolute;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;background:#fff;color:var(--r-acc);font:700 13px/28px Inter,system-ui,sans-serif;text-align:center;box-shadow:0 0 0 5px rgba(255,255,255,.35),0 6px 14px rgba(0,0,0,.3)}
.x65-legend{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;counter-reset:lg}
.x65-legend li{counter-increment:lg;font-size:13px;color:#C9DAD7;display:flex;gap:7px;align-items:baseline}
.x65-legend li::before{content:counter(lg);display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#fff;color:var(--r-acc);font-size:11px;font-weight:700;flex:none;transform:translateY(2px)}
.x65-legend b{color:#fff;font-weight:600;margin-right:2px}
.x65-note{margin:10px 0 0;font-size:12.5px;color:rgba(243,240,234,.6);max-width:none}
@media (max-width:900px){.x65-hero{grid-template-columns:minmax(0,1fr)!important}.x65-vis{padding:0 var(--r-gutter) 36px}.x65-hero .x62-hero-copy{padding-bottom:28px}.x65-sys{aspect-ratio:4/3}}
/* ---- Expertises avec enjeu ---- */
.x57-xp p.enjeu{font-size:16px!important;font-style:italic;color:var(--r-teal)!important;margin:2px 0 6px;max-width:none}
.x57-xp p.ex{display:none}
/* ---- Système + méthode ---- */
.x65-levels{list-style:none;margin:var(--sp-5) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.2)}
.x65-levels li{padding:20px 22px 0 0;font-size:15px;color:rgba(243,240,234,.75)}
.x65-levels li+li{padding-left:22px;border-left:1px solid rgba(255,255,255,.14)}
.x65-levels b{display:block;color:#fff;font-size:17px;margin-bottom:3px}
.x65-levels-note{margin:18px 0 0;font-size:14px;color:rgba(243,240,234,.65);max-width:none}
@media (max-width:760px){.x65-levels{grid-template-columns:1fr}.x65-levels li,.x65-levels li+li{padding:16px 0 0;border-left:0}}
.x62-sys .x54-head h2{max-width:24ch}
/* ---- Preuves ---- */
.x65-proof{list-style:none;margin:0;padding:0}
.x65-proof li{padding:16px 0;border-top:1px solid var(--r-line);font-size:15.5px;color:var(--r-ink-2)}
.x65-proof li:last-child{border-bottom:1px solid var(--r-line)}
.x65-proof b{display:block;font-size:17px;margin-bottom:3px}
.x65-proof a{color:var(--r-acc);font-weight:600}
/* ---- Formation : module interactif et bloc IA ---- */
.x65-ia{display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:var(--sp-3);padding:var(--sp-3);border-radius:var(--r-radius);background:var(--r-teal);color:#F3F0EA}
.x65-ia h3{color:#fff;margin:0 0 6px}.x65-ia p{margin:0;color:rgba(243,240,234,.8);font-size:15.5px;max-width:62ch}.x65-ia-link{flex:none}
.x65-ia .btn-ghost{border-color:rgba(255,255,255,.4)!important;color:#fff!important}
.ln-grid{display:grid;grid-template-columns:170px minmax(0,1fr)}
.ln-steps{list-style:none;margin:0;padding:12px;border-right:1px solid var(--r-line);background:#FAF9F7;counter-reset:ls}
.ln-steps li{counter-increment:ls;position:relative;padding:9px 8px 9px 34px;font-size:.84rem;color:var(--r-mute);border-radius:8px}
.ln-steps li::before{content:counter(ls);position:absolute;left:7px;top:8px;width:20px;height:20px;border-radius:50%;border:1.5px solid #BDB8C2;font-size:.7rem;display:grid;place-items:center}
.ln-steps li.d{color:#2F6B4D}.ln-steps li.d::before{background:#2F6B4D;border-color:#2F6B4D;color:#fff;content:"✓"}
.ln-steps li.c{background:#fff;color:var(--r-ink);font-weight:600;border:1px solid var(--r-line)}.ln-steps li.c::before{border-color:var(--r-acc);color:var(--r-acc)}
.ln-body{padding:16px 18px;min-height:250px;font-size:.9rem}
.ln-q{margin:0 0 10px;padding:10px 12px;border-radius:10px;background:var(--r-ink);color:#F3F0EA;font-size:.86rem}
.ln-q small{display:block;color:#C9C5CC;font-size:.7rem;margin-bottom:3px}
.ln-ans{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:6px}
.ln-ans button{width:100%;text-align:left;border:1px solid var(--r-line);border-radius:10px;background:#fff;padding:10px 12px;font:inherit;font-size:.86rem;line-height:1.45;color:inherit;cursor:pointer;min-height:44px}
.ln-ans button:hover{border-color:var(--r-ink)}
.ln-ans button[aria-pressed=true]{border-color:var(--r-acc);box-shadow:inset 3px 0 0 var(--r-acc)}
.ln-ans button.bad{background:#F6E7EC}.ln-ans button.good{background:#E8F1EB}
.ln-src{margin:0 0 10px;padding:10px 12px;border:1px solid var(--r-line);border-radius:10px;background:#FAF9F7;font-size:.82rem}
.ln-src small{display:block;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:var(--r-acc);margin-bottom:4px}
.ln-src mark{background:#FFF0C7;padding:0 2px}
.ln-fb{padding:10px 12px;border-radius:10px;font-size:.86rem}.ln-fb.ok{background:#E8F1EB;color:#2F6B4D}.ln-fb.no{background:#F6E7EC;color:var(--r-acc)}
.ln-body .btn{margin-top:8px}
@media (max-width:640px){.ln-grid{grid-template-columns:1fr}.ln-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;border-right:0;border-bottom:1px solid var(--r-line);padding:8px}.ln-steps li{padding:30px 4px 6px;text-align:center;font-size:.7rem}.ln-steps li::before{left:50%;top:6px;transform:translateX(-50%)}}
.x58-fhero .x65-learn{font-size:.9rem}
/* ---- Spatial : unités sélectionnables ---- */
.x57-units button{background:#fff;border:0;border-radius:3px;display:flex;flex-direction:column;justify-content:center;align-items:center;font:inherit;font-size:.74rem;line-height:1.2;color:var(--r-ink);cursor:pointer;padding:0}
.x57-units button.wide{grid-column:span 2}
.x57-units button.av{box-shadow:inset 0 0 0 2px #3A7657}
.x57-units button.sel{background:var(--r-acc);color:#fff}
.x57-units button small{font-size:.66rem;opacity:.75}
.x57-units button:focus-visible{outline:2px solid var(--r-ink);outline-offset:2px}
.x58-view .vw-win,.x58-view .vw-ter{transition:opacity .25s ease,transform .3s ease,filter .3s ease;transform-box:fill-box;transform-origin:center}
@media (prefers-reduced-motion:reduce){.x58-view .vw-win,.x58-view .vw-ter{transition:none}}
/* ---- À propos : rôles ---- */
.x65-roles{max-width:820px}
.x65-roles li{display:grid;grid-template-columns:220px 1fr;gap:6px 24px}.x65-roles b{margin:0}
@media (max-width:640px){.x65-roles li{grid-template-columns:1fr}}
.x57-mt>div{min-width:0}
.x57-deliv{overflow-x:auto}
.x58-fhero .sv-copy h1{font-size:clamp(32px,3.5vw,50px)!important;max-width:16ch}
.x58-fhero{align-items:center}
#spatial .x54-opt{margin-top:var(--sp-3)!important}
.x62-band{display:none}