/* PAGE ACCOMPAGNEMENT V2 — recomposition dense, Homepage FINAL LOCK inchangée */
.inner-page{background:var(--off)}.inner-header{background:rgba(247,246,242,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(37,42,44,.08)}.inner-header:before{display:none}

/* Ouverture */
.acc-open{padding-top:clamp(122px,9vw,158px);padding-bottom:clamp(52px,4.5vw,74px);display:grid;grid-template-columns:minmax(0,.86fr) minmax(520px,1.14fr);gap:clamp(48px,5.5vw,92px);align-items:start}.acc-open-copy{padding-top:clamp(10px,1.5vw,24px)}.acc-open h1{font-size:clamp(3.6rem,5.25vw,5.8rem);line-height:.98;max-width:820px}.acc-open h1 em{font-style:italic}.acc-open-text{margin-top:clamp(30px,2.7vw,44px);max-width:760px}.acc-open-text p{font-size:clamp(1.08rem,1.18vw,1.25rem);line-height:1.6;color:#4d5557;margin:0}.acc-open-text p+p{margin-top:18px}.acc-open-media{min-width:0}.acc-open-photo{margin:0;aspect-ratio:16/9;overflow:hidden;background:var(--ivory)}.acc-open-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;display:block}.acc-objective{margin:22px 0 0;padding:0 0 0 22px;border-left:3px solid var(--coral);font-size:clamp(1rem,1.08vw,1.14rem);line-height:1.52;color:#4d5557;max-width:900px}.acc-objective strong{font-family:Georgia,serif;font-size:1.08em;font-weight:400;color:var(--petrol)}

/* Séquence continue des quatre étapes */
.acc-method{border-top:1px solid rgba(37,42,44,.09);border-bottom:1px solid rgba(37,42,44,.08)}.acc-stage{position:relative;overflow:hidden}.acc-stage:nth-child(odd){background:var(--ivory)}.acc-stage:nth-child(even){background:var(--off)}.acc-stage+.acc-stage{border-top:1px solid rgba(37,42,44,.075)}.acc-stage-inner{display:grid;grid-template-columns:minmax(210px,.38fr) minmax(0,1.62fr);gap:clamp(48px,5.2vw,88px);align-items:center;padding-top:clamp(58px,4.8vw,78px);padding-bottom:clamp(58px,4.8vw,78px)}.acc-stage:nth-child(even) .acc-stage-visual,.acc-stage:nth-child(even) .acc-stage-copy{order:initial}
.acc-stage-visual{min-height:250px;display:flex;align-items:center;justify-content:center;position:relative;padding-top:34px}.acc-stage-visual:before{content:"";position:absolute;inset:8% 3%;border:1px solid rgba(37,42,44,.06);clip-path:polygon(0 0,86% 0,86% 14%,100% 14%,100% 100%,14% 100%,14% 86%,0 86%)}.stage-cadrer .acc-stage-visual:before{background:rgba(167,197,161,.22)}.stage-concevoir .acc-stage-visual:before{background:rgba(200,121,94,.09)}.stage-realiser .acc-stage-visual:before{background:rgba(143,166,179,.19)}.stage-ameliorer .acc-stage-visual:before{background:rgba(46,112,107,.075)}.acc-stage-visual img{width:clamp(118px,9vw,158px);position:relative;z-index:2}.acc-stage-visual i{position:absolute;width:12px;height:12px;right:-6px;bottom:15%;background:var(--petrol)}.stage-concevoir .acc-stage-visual i{background:var(--coral)}.stage-realiser .acc-stage-visual i{background:var(--blue)}.stage-ameliorer .acc-stage-visual i{background:var(--sage)}
.acc-stage-copy{max-width:none;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.62fr);column-gap:clamp(36px,4vw,70px);align-items:start}.stage-label{grid-column:1/-1;font-size:.88rem;letter-spacing:.14em;font-weight:800;color:var(--petrol);margin:0 0 12px}.stage-concevoir .stage-label{color:var(--coral)}.stage-realiser .stage-label{color:#687f8b}.acc-stage-copy h2{grid-column:1/-1;font-size:clamp(2.55rem,3.3vw,4rem);line-height:1.02;margin:0 0 25px;max-width:1200px}.stage-question{grid-column:1;font-family:Georgia,serif;font-size:clamp(1.28rem,1.55vw,1.62rem);line-height:1.3;color:var(--petrol);margin:0 0 19px;max-width:900px}.stage-intervention{grid-column:1;font-size:1rem!important;line-height:1.58!important;color:#4d5557!important;margin:0;padding-left:23px;position:relative;max-width:940px}.stage-intervention:before{content:"";position:absolute;left:0;top:.48em;width:10px;height:10px;border:2px solid var(--coral);border-right:0;border-bottom:0}.stage-result{grid-column:2;grid-row:3/span 3;margin:0;padding:23px 26px 22px;border-left:4px solid var(--sage);background:rgba(255,255,255,.62)}.stage-concevoir .stage-result{border-color:var(--coral)}.stage-realiser .stage-result{border-color:var(--blue)}.stage-ameliorer .stage-result{border-color:var(--petrol)}.stage-result span{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:var(--petrol)}.stage-result p{font-family:Georgia,serif;font-size:clamp(1.05rem,1.15vw,1.2rem);line-height:1.4;margin:9px 0 0}.stage-mantra{grid-column:1;margin:20px 0 0;font-weight:650;color:var(--petrol);max-width:850px}

/* Niveau d'intervention */
.acc-levels{background:var(--petrol);color:white}.acc-levels .section{padding-top:clamp(72px,5.7vw,92px);padding-bottom:clamp(70px,5.4vw,88px)}.levels-head{display:grid;grid-template-columns:minmax(430px,.85fr) minmax(0,1.15fr);gap:clamp(48px,6vw,105px);align-items:end}.levels-head h2{font-size:clamp(3rem,4.35vw,4.8rem);max-width:720px;margin:0}.levels-head h2 em{font-style:italic;color:var(--sage)}.levels-head>p:last-child{color:rgba(255,255,255,.8);line-height:1.55;font-size:clamp(1.05rem,1.18vw,1.2rem);max-width:900px;margin:0}.levels-flow{display:grid;grid-template-columns:1fr 54px 1fr 54px 1fr;gap:0;align-items:start;margin-top:55px}.levels-flow article{border-top:1px solid rgba(255,255,255,.34);padding:22px 18px 0 0}.levels-flow article span{font-family:Georgia,serif;font-size:2.25rem;color:var(--sage)}.levels-flow h3{font-family:Georgia,serif;font-size:1.55rem;font-weight:400;margin:10px 0 12px}.levels-flow p{color:rgba(255,255,255,.75);font-size:.94rem;line-height:1.52}.levels-flow>i{height:1px;background:var(--coral);margin-top:1px;position:relative}.levels-flow>i:after{content:"";position:absolute;right:0;top:-4px;width:9px;height:9px;background:var(--coral)}.levels-cta{margin-top:52px;padding-top:27px;border-top:1px solid rgba(255,255,255,.17);display:flex;align-items:center;justify-content:flex-end;gap:34px}.levels-cta p{margin:0;color:rgba(255,255,255,.88);font-family:Georgia,serif;font-size:clamp(1.12rem,1.25vw,1.3rem)}.levels-cta .button{background:white;color:var(--petrol);border-color:white}.levels-cta .button:hover{background:var(--coral);border-color:var(--coral);color:white}

@media(max-width:1100px){.acc-open{grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:42px;padding-top:125px}.acc-open h1{font-size:clamp(3.35rem,5vw,4.7rem)}.acc-stage-inner{grid-template-columns:180px minmax(0,1fr);gap:40px}.acc-stage-visual{min-height:220px}.acc-stage-copy{grid-template-columns:minmax(0,1fr) minmax(280px,.62fr);column-gap:32px}.acc-stage-copy h2{font-size:clamp(2.35rem,3.5vw,3.2rem)}.levels-head{grid-template-columns:.85fr 1.15fr;gap:42px}}
@media(max-width:820px){.acc-open{grid-template-columns:1fr;padding-top:120px;gap:36px}.acc-open-copy{padding-top:0}.acc-open h1{max-width:720px}.acc-open-text{max-width:720px}.acc-open-media{max-width:820px}.acc-objective{margin-top:18px}.acc-stage-inner{grid-template-columns:140px 1fr;gap:32px;padding-top:58px;padding-bottom:58px}.acc-stage-visual{min-height:190px}.acc-stage-visual img{width:100px}.acc-stage-copy{grid-template-columns:1fr}.stage-label,.acc-stage-copy h2,.stage-question,.stage-intervention,.stage-result,.stage-mantra{grid-column:1}.stage-result{grid-row:auto;margin-top:25px}.levels-head{grid-template-columns:1fr;gap:22px}.levels-head h2{max-width:700px}.levels-head>p:last-child{max-width:720px}.levels-flow{grid-template-columns:1fr;gap:26px;margin-top:45px}.levels-flow>i{display:none}.levels-flow article{padding-right:0}.levels-cta{justify-content:space-between}}
@media(max-width:580px){.acc-open{padding-top:105px;padding-bottom:54px;gap:28px}.acc-open h1{font-size:clamp(2.9rem,12.5vw,4rem)}.acc-open-text{margin-top:26px}.acc-open-text p{font-size:1.03rem}.acc-open-photo{aspect-ratio:4/3}.acc-open-photo img{object-position:50% 52%}.acc-objective{padding-left:18px;font-size:.98rem}.acc-stage-inner{grid-template-columns:70px 1fr;gap:20px;padding-top:48px;padding-bottom:48px;align-items:start}.acc-stage-visual{min-height:130px;padding-top:30px}.acc-stage-visual:before{inset:12px -4px}.acc-stage-visual img{width:58px}.acc-stage-visual i{width:9px;height:9px;right:-4px}.stage-label{font-size:.74rem;margin-bottom:10px}.acc-stage-copy h2{font-size:2.08rem;margin-bottom:20px}.stage-question{font-size:1.2rem;margin-bottom:16px}.stage-intervention{font-size:.95rem!important;padding-left:18px}.stage-result{margin-top:22px;padding:20px 18px}.stage-result p{font-size:1.05rem}.levels-flow{margin-top:38px}.levels-flow h3{font-size:1.48rem}.levels-cta{align-items:flex-start;flex-direction:column;gap:18px;margin-top:42px}.levels-cta .button{width:100%;justify-content:center}}

/* ACCOMPAGNEMENT V3 — passe de finition de la V2
   1) GEN-ACCOMP devient un visuel d'évocation plus discret sur desktop/laptop.
   2) Micro-rythme des repères visuels uniquement, sans modifier la structure ni la hauteur.
   3) La section .acc-levels est FINAL LOCK et n'est pas modifiée. */
@media (min-width:821px){
  .acc-open-media{
    width:78%;
    justify-self:end;
  }
  .acc-open-photo{
    width:100%;
  }
  .acc-objective{
    width:100%;
  }

  /* Très légers décalages optiques : la séquence reste verticale et régulière. */
  .stage-concevoir .acc-stage-visual{transform:translateY(6px)}
  .stage-realiser .acc-stage-visual{transform:translateY(-5px)}
  .stage-ameliorer .acc-stage-visual{transform:translateY(4px)}
}

@media (min-width:821px) and (max-width:1100px){
  .acc-open-media{width:82%;}
}

/* ACCOMPAGNEMENT V4 — grammaire séquentielle des quatre étapes
   Ouverture : simple remplacement GEN-ACCOMP B -> C, territoire V3 inchangé.
   Section niveaux : FINAL LOCK, aucune règle V4 ne la cible. */
.acc-stage-inner{
  display:block;
  padding-top:clamp(52px,4.2vw,70px);
  padding-bottom:clamp(52px,4.2vw,70px);
}
.acc-stage-sequence{
  width:min(1180px,84%);
}
.acc-stage:nth-child(odd) .acc-stage-sequence{margin-left:0;margin-right:auto}
.acc-stage:nth-child(even) .acc-stage-sequence{margin-left:auto;margin-right:0}
.acc-stage-reper{
  display:flex;
  align-items:center;
  gap:clamp(20px,2vw,34px);
  margin-bottom:clamp(22px,2vw,30px);
}
.acc-stage-reper .acc-stage-visual{
  flex:0 0 clamp(122px,9vw,150px);
  width:clamp(122px,9vw,150px);
  min-height:112px;
  height:112px;
  padding:0;
}
.acc-stage-reper .acc-stage-visual:before{inset:0}
.acc-stage-reper .acc-stage-visual img{width:clamp(72px,5.6vw,92px)}
.acc-stage-reper .acc-stage-visual i{right:-5px;bottom:14%}
.acc-stage-reper .stage-label{
  margin:0;
  font-size:clamp(1rem,1.05vw,1.12rem);
  letter-spacing:.15em;
  line-height:1;
}
.acc-stage-copy{
  display:block;
  max-width:none;
}
.acc-stage-copy h2{
  font-size:clamp(2.45rem,3.15vw,3.8rem);
  line-height:1.03;
  margin:0 0 22px;
  max-width:1100px;
}
.stage-question{
  font-size:clamp(1.22rem,1.42vw,1.5rem);
  line-height:1.32;
  margin:0 0 17px;
  max-width:960px;
}
.stage-intervention{
  max-width:1030px;
  margin:0;
}
.stage-result{
  margin-top:clamp(22px,2vw,30px);
  padding:17px 22px 17px 24px;
  display:grid;
  grid-template-columns:150px minmax(0,1fr);
  gap:22px;
  align-items:center;
  border-left-width:4px;
}
.stage-result span{align-self:center}
.stage-result p{
  margin:0;
  font-size:clamp(1rem,1.08vw,1.14rem);
  line-height:1.38;
}
.stage-mantra{
  margin:17px 0 0;
  max-width:980px;
}
/* Neutralise les micro-décalages V3 : le mouvement V4 vient de l'axe global. */
@media (min-width:821px){
  .stage-concevoir .acc-stage-visual,
  .stage-realiser .acc-stage-visual,
  .stage-ameliorer .acc-stage-visual{transform:none}
}
@media (max-width:1100px){
  .acc-stage-sequence{width:88%}
  .acc-stage-copy h2{font-size:clamp(2.3rem,3.6vw,3.05rem)}
  .stage-result{grid-template-columns:135px minmax(0,1fr)}
}
@media (max-width:820px){
  .acc-stage-inner{padding-top:54px;padding-bottom:54px}
  .acc-stage-sequence{width:100%;margin:0!important}
  .acc-stage-reper{gap:22px;margin-bottom:24px}
  .acc-stage-reper .acc-stage-visual{flex-basis:116px;width:116px;height:104px;min-height:104px}
  .acc-stage-reper .acc-stage-visual img{width:72px}
  .stage-result{grid-template-columns:130px minmax(0,1fr);gap:18px;margin-top:24px}
}
@media (max-width:580px){
  .acc-stage-inner{padding-top:46px;padding-bottom:46px}
  .acc-stage-reper{gap:16px;margin-bottom:22px}
  .acc-stage-reper .acc-stage-visual{flex-basis:82px;width:82px;height:78px;min-height:78px}
  .acc-stage-reper .acc-stage-visual:before{inset:0}
  .acc-stage-reper .acc-stage-visual img{width:50px}
  .acc-stage-reper .stage-label{font-size:.82rem}
  .acc-stage-copy h2{font-size:2.05rem;margin-bottom:18px}
  .stage-result{display:block;padding:18px 18px;margin-top:21px}
  .stage-result p{margin-top:8px}
}

/* ACCOMPAGNEMENT V4.1 — finition strictement ciblée
   - ouverture resserrée vers le centre + objectif légèrement renforcé
   - repère pictogramme/intitulé légèrement renforcé
   - aucune règle ne cible .acc-levels (FINAL LOCK) */
@media (min-width:1101px){
  .acc-open{
    grid-template-columns:minmax(0,.92fr) minmax(520px,1.08fr);
    gap:clamp(34px,3.8vw,62px);
    padding-left:clamp(54px,6.2vw,118px);
    padding-right:clamp(54px,6.2vw,118px);
  }
  .acc-open-copy{transform:translateX(clamp(12px,1.15vw,22px));}
  .acc-open-media{
    transform:translateX(clamp(-22px,-1.15vw,-12px));
  }
  .acc-objective{
    font-size:clamp(1.05rem,1.13vw,1.19rem);
    line-height:1.56;
  }
  .acc-objective strong{font-size:1.12em;}
}
@media (min-width:821px) and (max-width:1100px){
  .acc-open{gap:34px;}
  .acc-open-copy{transform:translateX(8px);}
  .acc-open-media{transform:translateX(-8px);}
  .acc-objective{font-size:1.06rem;line-height:1.55;}
}

/* Ponctuation d'étape : même composant, présence légèrement accrue. */
.acc-stage-reper{
  gap:clamp(17px,1.65vw,28px);
}
.acc-stage-reper .acc-stage-visual{
  flex-basis:clamp(128px,9.35vw,156px);
  width:clamp(128px,9.35vw,156px);
  min-height:116px;
  height:116px;
}
.acc-stage-reper .acc-stage-visual img{width:clamp(76px,5.85vw,96px);}
.acc-stage-reper .stage-label{
  font-size:clamp(1.04rem,1.1vw,1.18rem);
  letter-spacing:.145em;
  font-weight:800;
}
@media (max-width:820px){
  .acc-stage-reper{gap:20px;}
  .acc-stage-reper .acc-stage-visual{flex-basis:120px;width:120px;height:108px;min-height:108px;}
  .acc-stage-reper .acc-stage-visual img{width:75px;}
  .acc-stage-reper .stage-label{font-size:1rem;}
}
@media (max-width:580px){
  .acc-stage-reper{gap:15px;}
  .acc-stage-reper .acc-stage-visual{flex-basis:84px;width:84px;height:80px;min-height:80px;}
  .acc-stage-reper .acc-stage-visual img{width:52px;}
  .acc-stage-reper .stage-label{font-size:.84rem;}
}

/* ACCOMPAGNEMENT V4.2 — test de ponctuation graphique uniquement.
   Desktop : motif de charte dans le territoire libre + léger recentrage optique.
   <=1100px : masqué afin de préserver strictement le responsive V4.1.
   Ouverture et .acc-levels FINAL LOCK : aucune règle V4.2 ne les cible. */
.stage-brand-motif{display:none;pointer-events:none;user-select:none}
@media (min-width:1101px){
  .acc-stage .stage-brand-motif{
    display:block;
    position:absolute;
    z-index:0;
    width:clamp(86px,6.4vw,118px);
    height:auto;
    opacity:.66;
  }
  .acc-stage .acc-stage-inner{position:relative;z-index:1}
  .stage-cadrer .stage-brand-motif{
    right:clamp(5.5%,7vw,9%);
    top:48%;
    transform:translateY(-50%);
  }
  .stage-concevoir .stage-brand-motif{
    left:clamp(5%,6.5vw,8.5%);
    top:53%;
    transform:translateY(-50%) scale(.96);
  }
  .stage-realiser .stage-brand-motif{
    right:clamp(5%,6.7vw,8.7%);
    top:51%;
    transform:translateY(-50%) scale(1.02);
  }
  .stage-ameliorer .stage-brand-motif{
    left:clamp(5.5%,7.1vw,9%);
    top:46%;
    transform:translateY(-50%) scale(.98);
  }
  /* Même largeur de lecture qu'en V4.1 ; seul l'axe du territoire se déplace légèrement vers l'intérieur. */
  .stage-cadrer .acc-stage-sequence,
  .stage-realiser .acc-stage-sequence{transform:translateX(clamp(14px,1.55vw,28px))}
  .stage-concevoir .acc-stage-sequence,
  .stage-ameliorer .acc-stage-sequence{transform:translateX(clamp(-28px,-1.55vw,-14px))}
}

/* ACCOMPAGNEMENT V4.3 — FINAL LOCK CHECK : réglage horizontal uniquement.
   - CADRER / RÉALISER : territoire contenu légèrement plus intérieur.
   - CONCEVOIR / AMÉLIORER : territoire contenu V4.2 strictement conservé.
   - artefacts rapprochés de la zone intermédiaire, sans changement d'échelle, opacité ou style.
   - aucune incidence <=1100px ; ouverture et .acc-levels inchangées. */
@media (min-width:1101px){
  .stage-cadrer .acc-stage-sequence,
  .stage-realiser .acc-stage-sequence{
    transform:translateX(clamp(24px,2.35vw,44px));
  }

  .stage-cadrer .stage-brand-motif{
    right:clamp(11%,13vw,15%);
  }
  .stage-realiser .stage-brand-motif{
    right:clamp(10.5%,12.7vw,14.7%);
  }
  .stage-concevoir .stage-brand-motif{
    left:clamp(10.5%,12.5vw,14.5%);
  }
  .stage-ameliorer .stage-brand-motif{
    left:clamp(11%,13vw,15%);
  }
}

/* PHASE 2 — Desktop typography normalization only */
@media (min-width:901px){
  .accompaniment-page .acc-open-text p,
  .accompaniment-page .acc-objective,
  .accompaniment-page .stage-intervention,
  .accompaniment-page .levels-head>p:last-child{
    font-family:Aptos,"Segoe UI",Arial,sans-serif;
    font-weight:400;
  }
  .accompaniment-page .stage-intervention{font-size:18px!important;line-height:1.58!important;}
  .accompaniment-page .levels-flow p{font-family:Aptos,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.55;font-weight:400;}
  .accompaniment-page .levels-flow h3{margin-top:0;}
}

/* RESPONSIVE PHASE 1 — page Accompagnement */
@media(max-width:680px){
 .acc-open{padding-top:92px;padding-bottom:48px}
 .acc-open h1{font-size:clamp(2.7rem,12vw,3.8rem)}
 .acc-open-photo{aspect-ratio:16/10}
 .acc-stage-inner{grid-template-columns:58px minmax(0,1fr);gap:16px;padding-top:42px;padding-bottom:42px}
 .acc-stage-visual{min-height:100px;padding-top:20px}.acc-stage-visual img{width:52px}
 .acc-stage-copy h2{font-size:1.95rem}.stage-question{font-size:1.16rem}.stage-intervention{font-size:.98rem!important;line-height:1.55!important}
 .stage-result{padding:18px 16px}.stage-result p{font-size:1.02rem}
 .acc-levels .section{padding-top:62px;padding-bottom:62px}.levels-flow{gap:22px}.levels-flow article{padding-top:18px}
}
