/* ==========================================================================
   Page Industrie (/secteurs/industrie/)
   S'appuie sur main.css (jetons, en-tête, boutons, formulaire, pied de page)
   et sur integrateur.css pour les composants partagés (fil d'Ariane, FAQ).
   Compositions propres : atelier en plein cadre, modes de production,
   ligne de production interactive, écran annoté, couches d'un projet.
   ========================================================================== */
.lbl{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--stone)}

/* --- Premier écran : l'atelier ---------------------------------------- */
.s-ind-hero{position:relative;min-height:min(100svh,940px);display:flex;flex-direction:column;justify-content:center;padding:120px 0 0;overflow:hidden;isolation:isolate}
.indh__photo{position:absolute;inset:0;z-index:-1;margin:0}
.indh__photo img{width:100%;height:100%;object-fit:cover;object-position:62% 45%}
.indh__photo::after{background:linear-gradient(90deg,rgba(250,247,242,.96) 0%,rgba(250,247,242,.84) 32%,rgba(250,247,242,.22) 56%,rgba(250,247,242,0) 72%),linear-gradient(0deg,rgba(250,247,242,.85) 0%,rgba(250,247,242,0) 18%)}
.indh__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:40px;align-items:center;flex:1;padding-bottom:40px}
.indh__card{max-width:640px}
.indh1{font-size:clamp(40px,4.8vw,74px);line-height:1;margin-bottom:24px}
.indh__shots{position:relative;height:500px}
.shot{position:absolute;margin:0;padding:12px 12px 14px;border-radius:18px;background:#fff;box-shadow:0 30px 56px -30px rgba(40,22,8,.5),0 2px 6px rgba(40,22,8,.08),0 0 0 1px rgba(40,22,8,.06)}
.shot img{display:block;width:100%;height:auto;border-radius:8px;border:1px solid #EEE9E2}
.shot figcaption{display:flex;align-items:center;gap:8px;margin:9px 4px 0;font-size:12.5px;font-weight:700;color:#5C554E}
.shot figcaption::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange)}
.shot--a{right:0;top:0;width:44%;max-width:300px}
.shot--b{left:0;bottom:0;width:56%;max-width:400px}
.indh__ribbon{position:relative;background:rgba(255,255,255,.96);border-top:1px solid #EFE6DA}
.indh__ribbon ul{display:flex;flex-wrap:wrap;gap:10px 34px;align-items:center;margin:0;padding:18px 0;list-style:none;font-size:14.5px;color:#5C554E}
.indh__ribbon b{color:var(--ink)}
.indh__ribbon li:not(.indh__src)::before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--orange);vertical-align:middle}
.indh__src{margin-left:auto;font-size:12.5px;color:#7A7068}
@media (max-width:1080px){
  .s-ind-hero{min-height:auto;padding-top:108px}
  .indh__grid{grid-template-columns:1fr;gap:26px}
  .indh__photo::after{background:linear-gradient(180deg,rgba(250,247,242,.96) 0%,rgba(250,247,242,.9) 46%,rgba(250,247,242,.45) 75%,rgba(250,247,242,.7) 100%)}
  .indh__shots{height:auto;display:grid;grid-template-columns:1fr 1.5fr;gap:12px;align-items:end}
  .shot{position:relative;inset:auto;width:auto}
  .indh__src{margin-left:0}
}
@media (max-width:600px){.indh1{font-size:clamp(34px,9.6vw,44px)}.indh__shots{grid-template-columns:1fr}.shot--a{display:none}.indh__ribbon ul{gap:8px 18px;font-size:13.5px}}

/* --- Modes de production ---------------------------------------------- */
.s-modes{padding:clamp(90px,10vw,140px) 0;background:var(--paper)}
.modes__head{max-width:880px;margin-bottom:40px}
.mode__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}
.mode__tab{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;gap:4px;padding:18px 20px;border-radius:18px;border:1px solid var(--line);background:var(--ivory);cursor:pointer;transition:background .3s,border-color .3s,box-shadow .3s}
.mode__tab b{font-size:20px;letter-spacing:-.02em}
.mode__tab span{font-size:14px;color:var(--stone)}
.mode__tab::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:3px;border-radius:3px;background:var(--orange);transform:scaleX(0);transition:transform .4s var(--ease)}
.mode__tab[aria-selected="true"]{background:#fff;border-color:#EFD6B4;box-shadow:0 20px 40px -30px rgba(120,70,20,.5)}
.mode__tab[aria-selected="true"]::after{transform:scaleX(1)}
.mode__tab:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.mode__panel{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,56px);align-items:center;animation:rise .6s var(--ease)}
.mode__photo{margin:0;border-radius:26px;aspect-ratio:4/3.4;box-shadow:0 40px 70px -46px rgba(60,34,12,.6)}
.mode__photo::after{background:linear-gradient(180deg,rgba(255,240,220,0) 60%,rgba(120,70,20,.18))}
.mode__text h3{font-size:clamp(26px,2.6vw,38px);margin-bottom:12px}
.mode__issue{font-size:19px;line-height:1.5;color:#3E3A36;margin:0 0 24px}
.mode__cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mode__cols>div{padding:20px;border-radius:18px;background:var(--ivory);border:1px solid var(--line)}
.mode__cols ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.mode__cols li{position:relative;padding-left:18px;font-size:15px}
.mode__cols li::before{content:"";position:absolute;left:0;top:8px;width:7px;height:7px;border-radius:50%;background:var(--ink)}
.mode__it{background:#FDF0DF!important;border-color:rgba(224,123,16,.25)!important}
.mode__it .lbl{color:var(--orange-ink)}
.mode__it p:last-child{margin:0;font-size:15px;font-weight:600}
@media (max-width:900px){.mode__panel{grid-template-columns:1fr}.mode__photo{aspect-ratio:16/10}}
@media (max-width:600px){.mode__tabs{grid-template-columns:1fr;gap:8px}.mode__tab{flex-direction:row;align-items:baseline;justify-content:space-between;padding:14px 16px}.mode__tab b{font-size:17px}.mode__tab span{font-size:12.5px;text-align:right}.mode__cols{grid-template-columns:1fr}.mode__issue{font-size:17px}}

/* --- Ligne de production (flux) -------------------------------------- */
.s-flux{position:relative;padding:clamp(90px,10vw,140px) 0;background:linear-gradient(180deg,var(--linen),#FBF7F1);overflow:hidden}
.flux__head{max-width:900px;margin-bottom:46px}
.line__track{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;margin:0 0 26px;padding:0;list-style:none}
.line__track::before{content:"";position:absolute;left:8.33%;right:8.33%;top:34px;height:4px;border-radius:4px;background:repeating-linear-gradient(90deg,#E7D6BF 0 14px,#F3E7D6 14px 22px);background-size:44px 4px;animation:convey 2.4s linear infinite}
@keyframes convey{to{background-position:44px 0}}
.station{all:unset;box-sizing:border-box;position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;padding:0 6px;cursor:pointer;text-align:center}
.station__ic{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#fff;border:2px solid #EADBC6;color:#7A6E62;box-shadow:0 14px 30px -20px rgba(60,34,12,.45);transition:all .35s var(--ease)}
.station__ic svg{width:30px;height:30px}
.station__n{font-size:12px;font-weight:800;color:#7A6E62}
.station__t{font-size:15px;font-weight:700;line-height:1.2}
.station:hover .station__ic{border-color:var(--orange-2);color:var(--orange)}
.station[aria-selected="true"] .station__ic{background:linear-gradient(135deg,var(--orange-2),var(--orange));border-color:transparent;color:#fff;transform:translateY(-4px)}
.station[aria-selected="true"] .station__n{color:var(--orange-ink)}
.station:focus-visible .station__ic{outline:3px solid var(--orange);outline-offset:3px}
.line__panels{border-radius:28px;background:#fff;border:1px solid #EFE4D6;box-shadow:0 40px 80px -50px rgba(60,34,12,.45)}
.spanel{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(20px,3vw,40px);padding:clamp(24px,3vw,40px);animation:rise .5s var(--ease)}
.spanel__sit h3{font-size:clamp(24px,2.2vw,32px);margin-bottom:10px}
.spanel__sit p:last-child{margin:0;font-size:17px;color:#3E3A36}
.spanel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sp{padding:18px;border-radius:18px}
.sp .lbl{display:flex;align-items:center;gap:8px}
.sp .lbl i{width:10px;height:10px;border-radius:3px}
.sp ul{margin:0;padding:0;list-style:none;display:grid;gap:7px}
.sp li,.sp p{font-size:14.5px;margin:0}
.sp li{position:relative;padding-left:16px}
.sp li::before{content:"–";position:absolute;left:0;color:#7A6E62}
.sp--std{background:var(--ivory);border:1px solid var(--line)}
.sp--std .lbl i{background:var(--ink)}
.sp--opt{background:#fff;border:1.5px dashed #D9C8B0}
.sp--opt .lbl i{background:#fff;border:1.5px dashed #B8A48A}
.sp__none{color:var(--stone)}
.sp--it{background:#FDF0DF;border:1px solid rgba(224,123,16,.3)}
.sp--it .lbl{color:var(--orange-ink)}.sp--it .lbl i{background:var(--orange)}
.sp--it p{font-weight:600}
.flux__note{margin:18px 0 0;font-size:13.5px;color:var(--stone)}
@media (max-width:1080px){.spanel{grid-template-columns:1fr}}
@media (max-width:760px){
  .line__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 calc(var(--pad)*-1) 20px;padding:4px var(--pad) 6px}
  .line__track::-webkit-scrollbar{display:none}
  .line__item{flex:0 0 104px;scroll-snap-align:start}
  .line__track::before{left:calc(var(--pad) + 52px);right:auto;width:520px}
  .station__ic{width:60px;height:60px}.station__ic svg{width:26px;height:26px}
  .station__t{font-size:13.5px}
  .line__track::before{top:28px}
  .spanel__grid{grid-template-columns:1fr}
}

/* --- Écran annoté ----------------------------------------------------- */
.s-screen{padding:clamp(90px,10vw,140px) 0;background:var(--paper)}
.screen__grid{display:grid;grid-template-columns:minmax(0,4.5fr) minmax(0,7.5fr);gap:clamp(30px,4vw,64px);align-items:center}
.hotlist{list-style:none;margin:26px 0 24px;padding:0;display:grid;gap:4px}
.hotlist li{display:grid;gap:2px;padding:10px 12px;border-radius:14px;font-size:14.5px;color:#5C554E;transition:background .3s}
.hotlist b{display:flex;align-items:center;gap:10px;font-size:15.5px;color:var(--ink)}
.hotlist b span{display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:#FDF0DF;color:var(--orange-ink);font-size:12px}
.hotlist li.is-on{background:#FDF0DF}
.hotlist li.is-on b span{background:var(--orange);color:#fff}
.screen__device{margin:0}
.screen__lid{position:relative;padding:1.8% 1.8% 2.2%;border-radius:18px;background:linear-gradient(180deg,#2B2B2E,#1B1B1D);box-shadow:0 50px 90px -46px rgba(60,34,12,.6),0 18px 30px -22px rgba(20,20,22,.35)}
.screen__lid img{display:block;width:100%;height:auto;border-radius:6px;background:#fff}
.hot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:28px;height:28px;padding:0;border:0;border-radius:50%;background:var(--orange);color:#fff;font:700 13px/1 var(--font);cursor:pointer;box-shadow:0 0 0 3px #fff,0 6px 14px -4px rgba(0,0,0,.35);transition:transform .3s var(--ease),box-shadow .3s}
.hot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid rgba(224,123,16,.45);animation:pulse 2.6s var(--ease) infinite}
@keyframes pulse{from{transform:scale(.9);opacity:.9}to{transform:scale(1.45);opacity:0}}
.hot:hover,.hot.is-on{background:var(--ink);box-shadow:0 0 0 3px var(--orange),0 6px 14px -4px rgba(0,0,0,.35)}
.hot.is-on::after{animation:none;opacity:0}
.hot:focus-visible{outline:3px solid #fff;outline-offset:2px}
.screen__device figcaption{margin-top:14px;font-size:13.5px;color:var(--stone)}
.zoom-inline{margin-left:8px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:13px;font-weight:700;cursor:pointer}
.zoom-inline:hover{border-color:var(--orange);color:var(--orange-ink)}
@media (max-width:980px){.screen__grid{grid-template-columns:1fr}.screen__device{order:-1}}
@media (max-width:600px){.hot{width:22px;height:22px;font-size:11px}}

/* --- Les quatre couches ------------------------------------------------ */
.s-layers{padding:clamp(90px,10vw,140px) 0;background:var(--ivory)}
.layers__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(30px,5vw,80px);align-items:center}
.layers{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.layer{display:grid;grid-template-columns:54px 1fr;gap:18px;align-items:start;padding:22px 24px;border-radius:22px;transition:transform .4s var(--ease)}
.layer:nth-child(2){margin-left:4%}.layer:nth-child(3){margin-left:8%}.layer:nth-child(4){margin-left:12%}
.layer:hover{transform:translateX(-6px)}
.layer__n{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;font-size:22px;font-weight:800}
.layer h3{font-size:20px;margin-bottom:2px}
.layer__sub{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--stone)}
.layer p:last-child{margin:0;font-size:15px;color:#4A4642}
.layer--std{background:#fff;border:1px solid var(--line);box-shadow:0 20px 40px -34px rgba(60,34,12,.5)}
.layer--std .layer__n{background:var(--ink);color:#fff}
.layer--opt{background:rgba(255,255,255,.6);border:1.5px dashed #D9C8B0}
.layer--opt .layer__n{background:#fff;border:1.5px dashed #B8A48A;color:#6F665D}
.layer--param{background:#FDF0DF;border:1px solid rgba(224,123,16,.35);box-shadow:0 24px 44px -32px rgba(224,123,16,.55)}
.layer--param .layer__n{background:linear-gradient(135deg,var(--orange-2),var(--orange));color:#fff}
.layer--dev{background:#fff;border:1px solid rgba(224,123,16,.3)}
.layer--dev .layer__n{background:#FDF0DF;color:var(--orange-ink)}
@media (max-width:980px){.layers__grid{grid-template-columns:1fr}}
@media (max-width:600px){.layer{grid-template-columns:44px 1fr;padding:18px}.layer__n{width:44px;height:44px;font-size:18px}.layer:nth-child(n){margin-left:0}}

/* --- Accompagnement industriel ----------------------------------------- */
.s-ind-method{padding:clamp(90px,10vw,140px) 0;background:var(--paper)}
.imeth__head{max-width:880px;margin-bottom:44px}
.iphases{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.iphases::before{content:"";position:absolute;left:28px;right:28px;top:27px;height:2px;background:linear-gradient(90deg,var(--orange),rgba(224,123,16,.15))}
.iphase{position:relative}
.iphase__n{position:relative;z-index:1;display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:50%;background:#fff;border:2px solid var(--orange);font-weight:800;font-size:19px;color:var(--orange-ink)}
.iphase h3{font-size:18px;margin-bottom:8px}
.iphase p{margin:0;font-size:14.5px;color:#4A4642}
.imeth__foot{display:flex;flex-wrap:wrap;gap:16px 30px;align-items:center;justify-content:space-between;margin-top:44px;padding:22px 26px;border-radius:20px;background:var(--ivory);border:1px solid var(--line)}
.imeth__foot p{margin:0;max-width:62ch;color:#4A4642}
@media (max-width:1080px){.iphases{grid-template-columns:1fr;gap:18px}.iphases::before{left:27px;right:auto;top:28px;bottom:28px;width:2px;height:auto;background:linear-gradient(var(--orange),rgba(224,123,16,.15))}.iphase{display:grid;grid-template-columns:56px 1fr;gap:4px 18px}.iphase__n{grid-row:span 2;margin:0}}

/* --- Preuves ----------------------------------------------------------- */
.s-ind-proof{padding:clamp(80px,9vw,120px) 0;background:linear-gradient(180deg,var(--linen),#FBF7F1)}
.iproof__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,3fr) minmax(0,3fr);gap:18px;align-items:stretch}
.iproof__main,.iproof__badges,.iproof__verti{padding:28px;border-radius:24px;background:#fff;border:1px solid #EFE4D6;box-shadow:0 24px 50px -40px rgba(60,34,12,.45)}
.iproof__main .h2{font-size:clamp(28px,2.8vw,40px);margin-bottom:24px}
.iproof__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none}
.iproof__stats li{padding-right:14px}
.iproof__stats li+li{padding-left:14px;border-left:1px solid var(--line)}
.iproof__stats b{display:block;font-size:clamp(28px,2.6vw,40px);letter-spacing:-.04em;line-height:1;white-space:nowrap}
.iproof__stats li>span{display:block;margin-top:8px;font-size:13.5px;color:#5C554E}
.iproof__badges{display:flex;flex-direction:column;justify-content:center;gap:18px}
.iproof__badges figure{display:flex;align-items:center;gap:14px;margin:0}
.iproof__badges img{width:84px;height:auto;border-radius:8px}
.iproof__badges figure:last-child img{width:58px;height:78px;object-fit:cover}
.iproof__badges figcaption{font-weight:700;font-size:15px}
.iproof__verti{background:linear-gradient(155deg,#FFF6EA,#FDEBD3)}
.iproof__verti .lbl{color:var(--orange-ink)}
.iproof__verti p:last-child{margin:0;font-size:16px;color:#3E3A36}
.iproof__verti a{color:var(--orange-ink);font-weight:700}
@media (max-width:1080px){.iproof__grid{grid-template-columns:1fr 1fr}.iproof__main{grid-column:1/-1}}
@media (max-width:600px){.iproof__grid{grid-template-columns:1fr}.iproof__stats{grid-template-columns:1fr;gap:14px}.iproof__stats li+li{border-left:0;padding-left:0}}

@media (prefers-reduced-motion:reduce){.line__track::before,.hot::after{animation:none}}
@media (max-width:600px){.imeth__foot .btn{white-space:normal;text-align:center;width:100%;line-height:1.3;padding-top:12px;padding-bottom:12px}}
.mode__panel[hidden],.spanel[hidden]{display:none}

/* Netteté : aucune transformation résiduelle sur les cartes et l'écran (évite le rééchantillonnage) */
.js .is-loaded .indh__shots.hero-in{transform:none}
.shot,.screen__lid{will-change:auto}
@media (max-width:1080px){.shot--a,.shot--b{max-width:none}}
@media (max-width:600px){.indh__shots{justify-items:start}.shot--b{max-width:272px}}

/* V1.0.2 : carte « Votre production » (texte net, remplace le graphique du chiffre d’affaires) */
.prodcard{position:absolute;left:0;bottom:0;width:56%;max-width:400px;padding:22px 22px 20px;border-radius:18px;background:#fff;box-shadow:0 30px 56px -30px rgba(40,22,8,.5),0 2px 6px rgba(40,22,8,.08),0 0 0 1px rgba(40,22,8,.06)}
.prodcard__k{margin:0 0 14px;font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--orange-ink)}
.prodcard ul{margin:0;padding:0;list-style:none;display:grid;gap:10px}
.prodcard li{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:700;line-height:1.3}
.prodcard li svg{flex:none;width:34px;height:34px;padding:7px;border-radius:10px;background:#FDF0DF;color:var(--orange)}
.prodcard__modes{margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:13.5px;font-weight:600;color:#5C554E}
.shot--a{max-width:290px}
@media (max-width:1080px){.prodcard{position:relative;left:auto;bottom:auto;width:auto;max-width:none}.indh__shots{grid-template-columns:1fr 1.3fr}}
@media (max-width:600px){.indh__shots{grid-template-columns:1fr;gap:12px}.shot--a{display:block;max-width:240px;order:2}.prodcard{order:1}}
/* V1.32 : certification ScoreFact parmi les reconnaissances */
.iproof__badges .sf-seal img{width:84px;height:auto;border-radius:0}
.iproof__badges .sf-seal span{font-size:13px}
.iproof__badges .sf-seal b{font-size:15px}
/* V1.34 : capture « Ordres de fabrication par statut » retirée du premier écran ; la carte « Votre production » occupe seule la colonne */
.indh__shots--solo{height:auto;display:flex;justify-content:flex-end;align-items:center}
.indh__shots--solo .prodcard{position:relative;left:auto;bottom:auto;width:100%;max-width:420px}
@media (max-width:1080px){.indh__shots--solo{display:block}.indh__shots--solo .prodcard{max-width:560px}}