/* ==========================================================================
   Page Services : Support et maintenance (/services/support-maintenance/) — V1.0
   Idée : la vie de l’ERP après la mise en service. Premier écran à deux
   publics (prospects / clients avec l’espace support réel), sélecteur de
   demandes accessible, phrase-manifeste, maintenance, formation, expertise.
   Classes préfixées (sp, nd, lv, mt2, fo, wy). Colonnes minmax(0,…).
   ========================================================================== */
.page-support main{overflow-x:clip}
.opt{font-weight:500;color:var(--stone)}
/* Premier écran */
.s-sp{padding:104px 0 clamp(60px,7vw,100px);background:radial-gradient(45% 55% at 85% 30%,rgba(243,154,46,.15),rgba(243,154,46,0) 70%),linear-gradient(180deg,#fff 0%,var(--ivory) 100%)}
.sp__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:clamp(28px,5vw,72px);align-items:end}
.sp__copy{min-width:0}
.sph1{font-size:clamp(38px,4.2vw,66px);line-height:1.01;letter-spacing:-.048em;margin-bottom:22px}
.sph1 .line{display:block}
.sp__copy .hero__lead{margin-bottom:28px;max-width:60ch;font-size:clamp(16.5px,1.25vw,19px)}
.sp__client{min-width:0;padding:clamp(24px,2.8vw,36px);border-radius:28px;background:var(--ink);color:#F4EEE6;box-shadow:0 50px 90px -50px rgba(20,20,22,.6)}
.sp__ck{margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#F3B577}
.sp__ct{margin:0 0 10px;font-size:clamp(22px,2vw,28px);line-height:1.12;letter-spacing:-.03em;color:#fff}
.sp__client p:not(.sp__ck){margin:0 0 20px;font-size:15px;line-height:1.55;color:#D8D0C6}
.sp__cb{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;background:var(--orange);color:var(--on-orange);font-weight:800;text-decoration:none}
.sp__cb:hover{filter:brightness(1.05)}
.sp__cb:focus-visible{outline:3px solid #fff;outline-offset:3px}
@media (max-width:1000px){.sp__grid{grid-template-columns:minmax(0,1fr);align-items:start}.s-sp .crumb{display:none}}
@media (max-width:600px){
  .s-sp{padding-top:88px}
  .sph1{font-size:clamp(30px,8.8vw,38px);margin-bottom:14px}
  .sp__copy .hero__lead{font-size:15.5px;line-height:1.5;margin-bottom:20px}
  .sp__copy .hero__actions{gap:10px}
  .sp__copy .hero__actions .btn{width:100%;justify-content:center}
  .sp__client{border-radius:22px}
  .sp__cb{width:100%;justify-content:center}
}
/* Vos demandes : onglets */
.s-nd{scroll-margin-top:80px;padding:clamp(90px,11vw,140px) 0;background:#fff}
.nd__head{max-width:860px;margin-bottom:clamp(30px,4vw,52px)}
.nd{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(24px,4vw,60px);align-items:start}
.nd__tabs{display:none}
.nd.is-js .nd__tabs{display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.nd__tab{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:12px 0;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;font-size:clamp(20px,1.9vw,26px);font-weight:800;letter-spacing:-.025em;text-align:left;color:#7A6E62;cursor:pointer;transition:color .2s}
.nd__tab::after{content:"";width:12px;height:12px;border-top:3px solid currentColor;border-right:3px solid currentColor;transform:rotate(45deg);opacity:0;transition:opacity .2s}
.nd__tab[aria-selected="true"]{color:var(--ink)}
.nd__tab[aria-selected="true"]::after{opacity:1;color:var(--orange)}
.nd__tab:hover{color:var(--ink)}
.nd__tab:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.nd:not(.is-js){grid-template-columns:minmax(0,1fr)}
.nd:not(.is-js) .nd__panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.nd__panels{min-width:0}
.nd__panel{min-width:0;padding:clamp(24px,3vw,44px);border-radius:28px;background:var(--ivory)}
.nd__panel:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.nd__k{margin:0 0 8px;font-size:12.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--orange-ink)}
.nd__panel h3{margin:0 0 14px;font-size:clamp(24px,2.5vw,36px);line-height:1.1;letter-spacing:-.035em}
.nd__ans{margin:0 0 22px;max-width:62ch;font-size:clamp(16px,1.25vw,18px);line-height:1.65;color:#3E3A36}
.nd__prep{margin:0;padding:16px 18px;border-radius:16px;background:#fff;font-size:15px;line-height:1.55;color:#4A4642}
.nd__prep b{display:block;margin-bottom:2px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink)}
@media (max-width:860px){
  .nd{grid-template-columns:minmax(0,1fr)}
  .nd.is-js .nd__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:0}
  .nd__tab{min-height:52px;justify-content:center;padding:10px 12px;border:1.5px solid #E3D6C4;border-radius:999px;font-size:15.5px;text-align:center}
  .nd__tab::after{display:none}
  .nd__tab[aria-selected="true"]{background:var(--ink);border-color:var(--ink);color:#fff}
  .nd:not(.is-js) .nd__panels{grid-template-columns:minmax(0,1fr)}
  .nd__panel{border-radius:22px}
}
/* Phrase-manifeste */
.s-lv{padding:clamp(80px,10vw,130px) 0;background:linear-gradient(180deg,var(--ivory),#F6EEE3)}
.lv{margin:0;max-width:24em;font-size:clamp(28px,3.6vw,56px);font-weight:800;line-height:1.15;letter-spacing:-.04em;color:#B5AA9C}
.lv a{color:var(--ink);text-decoration:underline;text-decoration-thickness:3px;text-decoration-color:var(--orange);text-underline-offset:6px}
.lv a:hover{color:var(--orange-deep)}
.lv a:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:4px}
.lv__end{display:block;margin-top:10px;color:var(--orange-deep)}
@media (max-width:600px){.lv{font-size:clamp(25px,7.6vw,32px)}.lv a{text-decoration-thickness:2px;text-underline-offset:4px}}
/* Maintenir */
.s-mt2{scroll-margin-top:80px;padding:clamp(90px,11vw,140px) 0;background:#fff}
.mt2{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,80px);align-items:start}
.mt2__h{min-width:0;position:sticky;top:110px}
.mt2__list{min-width:0;margin:0;border-top:3px solid var(--ink)}
.mt2__list>div{display:grid;grid-template-columns:minmax(0,190px) minmax(0,1fr);gap:16px;padding:clamp(18px,2vw,24px) 0;border-bottom:1px solid var(--line)}
.mt2__list dt{font-size:clamp(18px,1.6vw,21px);font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.mt2__list dd{margin:0;font-size:15.5px;line-height:1.6;color:#4A4642}
@media (max-width:900px){.mt2{grid-template-columns:minmax(0,1fr)}.mt2__h{position:static}}
@media (max-width:520px){.mt2__list>div{grid-template-columns:minmax(0,1fr);gap:4px}}
/* Former */
.s-fo{padding:0 0 clamp(90px,11vw,140px);background:#fff}
.fo{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,72px);align-items:end;padding-top:clamp(40px,5vw,72px);border-top:1px solid var(--line)}
.fo__title{margin:0;font-size:clamp(30px,3.4vw,52px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--ink)}
.fo__title .accent{display:block;color:var(--orange-deep)}
.fo__body{min-width:0}
.fo__body p{margin:0;font-size:16.5px;line-height:1.65;color:#3E3A36}
.fo__who{margin-top:18px !important;font-size:15px !important;font-weight:800;color:var(--ink) !important}
.fo__who span+span::before{content:" · ";color:var(--orange)}
@media (max-width:900px){.fo{grid-template-columns:minmax(0,1fr)}}
/* Pourquoi IT Project (V1.0.1) : table d’orientation demande → compétence */
.s-wy{padding:clamp(90px,11vw,140px) 0;background:radial-gradient(55% 70% at 0% 100%,rgba(243,154,46,.14),rgba(243,154,46,0) 60%),var(--ivory);border-top:1px solid var(--line)}
.wy{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,80px);align-items:start}
.wy__h{min-width:0;position:sticky;top:110px}
.wy__title{font-size:clamp(30px,3.3vw,50px);line-height:1.05;letter-spacing:-.04em;margin:0}
.wy__title .accent{display:block}
.wy__lead{margin:20px 0 0;font-size:16.5px;line-height:1.65;color:#3E3A36}
.wy__seal{display:flex;align-items:center;gap:14px;margin:26px 0 0;padding:14px 18px 14px 14px;border-radius:20px;background:#fff;box-shadow:0 30px 60px -44px rgba(120,60,0,.5);font-size:13.5px;line-height:1.45;color:#5C554E;width:max-content;max-width:100%}
.wy__seal img{width:64px;height:auto;flex:none}
.wy__seal b{display:block;font-size:16px;color:var(--ink)}
.wy__map{min-width:0}
.wy__cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin:0 0 10px;font-size:12px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--stone)}
.wy__cols span+span{color:var(--orange-ink)}
.wy__map dl{margin:0;border-top:3px solid var(--ink)}
.wy__map dl>div{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center;padding:clamp(18px,2vw,24px) 0;border-bottom:1px solid #E3D6C4}
.wy__map dl>div::after{content:"";position:absolute;left:calc(50% - 22px);top:50%;width:20px;height:2px;background:var(--orange)}
.wy__map dt{padding-right:30px;font-size:15.5px;line-height:1.45;color:#4A4642}
.wy__map dd{margin:0;font-size:14.5px;line-height:1.45;color:#5C554E}
.wy__map dd b{display:block;margin-bottom:2px;font-size:clamp(20px,1.9vw,26px);font-weight:800;letter-spacing:-.03em;color:var(--ink)}
.wy__map dl>div:last-child dd b{color:var(--orange-deep)}
.wy__links{margin:clamp(32px,4vw,52px) 0 0;font-size:14.5px;color:#5C554E}
.wy__links a{font-weight:800;color:var(--ink)}
@media (max-width:1000px){.wy{grid-template-columns:minmax(0,1fr)}.wy__h{position:static}}
@media (max-width:640px){.wy__cols{display:none}.wy__map dl>div{grid-template-columns:minmax(0,1fr);gap:6px}.wy__map dl>div::after{display:none}.wy__map dt{padding-right:0;font-size:14.5px;color:#7A736B}.wy__map dt::after{content:" →";color:var(--orange)}.wy__seal{width:auto}}