/* Alma Studio — Sous-pages secteurs */
html:has(body.page-secteur){scroll-behavior:smooth}
.page-secteur .sct-hero{
  position:relative;overflow:hidden;flex-direction:column;justify-content:center;
  min-height:100svh;
  min-height:var(--vh-lock,100svh);
  padding-top:calc(var(--nav-h) + clamp(20px,4svh,48px));
  padding-bottom:clamp(32px,5svh,60px)
}
@media(hover:none),(max-width:860px){
  .page-secteur .sct-hero{
    min-height:var(--vh-lock,100lvh);
    padding-top:calc(var(--nav-h) + 24px);
    padding-bottom:32px
  }
}
.page-secteur .sct-hero__bg{
  position:absolute;inset:0;z-index:0;
  background:linear-gradient(160deg,rgba(5,6,13,.72) 0%,rgba(5,6,13,.88) 45%,rgba(5,6,13,.94) 100%)
}
.page-secteur .sct-hero__bg img{
  width:100%;height:100%;object-fit:cover;display:block;
  filter:saturate(.82) brightness(.42)
}
.page-secteur .sct-hero > .wrap{position:relative;z-index:2}
.page-secteur .sct-hero .display{
  font-size:var(--hero-h1);line-height:1.08;max-width:22ch;
  margin:2.85rem auto 0;
  text-shadow:0 2px 28px rgba(5,8,28,.88)
}
.page-secteur .sct-hero .lead{max-width:70ch;margin:2.1rem auto 0;text-align:center}
.page-secteur .sct-hero .hero-cta-row{margin-top:2.85rem}
@media(max-width:768px){
  .page-secteur .sct-hero .display{margin-top:2.4rem}
  .page-secteur .sct-hero .lead{margin-top:1.75rem}
  .page-secteur .sct-hero .hero-cta-row{margin-top:2.4rem}
}
@media(max-width:560px){
  .page-secteur .sct-hero .display{font-size:var(--hero-h1)}
}

.sct-metiers{padding-top:var(--section-py-top);padding-bottom:var(--section-py-bottom)}
.sct-metiers-detail{padding-top:var(--section-py-top);padding-bottom:var(--section-py-bottom);border-top:1px solid var(--line);position:relative;overflow:hidden}
.sct-carousel{position:relative;margin-top:clamp(1.2rem,3vw,2rem)}
.sct-carousel__viewport{overflow:visible;padding-block:.35rem}
.sct-carousel__track{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:1rem
}
.sct-metier-card{
  scroll-snap-align:start;
  border:1px solid rgba(61,139,240,.22);border-radius:14px;
  background:linear-gradient(155deg,rgba(10,14,32,.92),rgba(7,10,24,.78));
  padding:1.35rem 1.25rem 1.4rem;
  box-shadow:0 18px 40px -28px rgba(61,139,240,.28),inset 0 1px 0 rgba(255,255,255,.04);
  transition:border-color .3s,transform .3s
}
.sct-metier-card h3,.sct-metier-card .mc-title{
  margin:0 0 .75rem;font-family:var(--display);font-size:1.05rem;font-weight:500;line-height:1.3;color:#fff
}
.sct-metier-card p{margin:0;font-size:.88rem;line-height:1.65;color:rgba(244,244,252,.74)}
@media(hover:hover){
  .sct-metier-card:hover{border-color:rgba(34,211,238,.4);transform:translateY(-3px)}
}
.sct-carousel__btn{display:none}

/* Variante défilement continu (marquee) — opt-in via .sct-carousel--marquee */
.sct-carousel--marquee .sct-carousel__viewport{
  overflow-x:auto;overflow-y:hidden;
  -webkit-overflow-scrolling:touch;
  scroll-snap-type:x proximity;
  scrollbar-width:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
          mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}
.sct-carousel--marquee .sct-carousel__viewport::-webkit-scrollbar{display:none}
.sct-carousel--marquee .sct-carousel__track{
  display:flex;width:max-content;gap:1rem;
  animation:sctMetiersScroll 46s linear infinite
}
.sct-carousel--marquee .sct-metier-card{flex:0 0 260px;width:260px;text-align:center;padding:0;overflow:hidden;display:block;color:inherit;text-decoration:none;cursor:pointer}
.sct-carousel--marquee .sct-metier-card__img{display:block;width:100%;height:132px;object-fit:cover}
.sct-carousel--marquee .sct-metier-card__body{padding:1.1rem 1.15rem 1.3rem}
@media(min-width:640px){
  .sct-carousel--marquee .sct-metier-card{flex:0 0 280px;width:280px}
  .sct-carousel--marquee .sct-metier-card__img{height:148px}
}
@keyframes sctMetiersScroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){
  .sct-carousel--marquee .sct-carousel__track{animation:none}
}

.sct-constat{padding-top:var(--section-py-top);padding-bottom:var(--section-py-bottom);border-top:1px solid var(--line)}
.sct-constat__grid .sct-proof-card{scroll-margin-top:calc(var(--nav-h) + 24px);transition:border-color .3s,transform .3s,box-shadow .3s}
.sct-constat__grid .sct-proof-card:target{border-color:rgba(34,211,238,.55);box-shadow:0 0 0 1px rgba(34,211,238,.28),0 18px 40px -28px rgba(61,139,240,.28)}
.sct-constat__lead{max-width:68ch;margin:0 auto;text-align:center;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.75;color:rgba(244,244,252,.82)}
.sct-constat__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:clamp(1.6rem,3vw,2.4rem)}
.sct-constat__grid .checklist{margin-top:1.1rem;gap:.5rem}
.sct-constat__grid .checklist li{font-size:.83rem}
.sct-constat__grid .check{width:15px;height:15px}

.sct-proof{padding-top:var(--section-py-top);padding-bottom:var(--section-py-bottom);border-top:1px solid var(--line)}
.sct-proof-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:clamp(1.4rem,3vw,2rem)
}
.sct-proof-card{
  border:1px solid rgba(61,139,240,.2);border-radius:14px;
  background:rgba(10,14,30,.72);padding:1.5rem 1.35rem;
  transition:border-color .28s,transform .28s,box-shadow .28s,background .28s
}
.sct-proof-card h3{
  margin:0 0 .65rem;font-family:var(--display);font-size:1rem;font-weight:500;color:#fff
}
.sct-proof-card p{margin:0;font-size:.86rem;line-height:1.65;color:rgba(244,244,252,.74)}
.sct-proof-card .sct-proof-tag{
  display:block;margin-bottom:.85rem;font-size:.62rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--cyan)
}
@media(hover:hover){
  .sct-proof-card:hover{
    border-color:rgba(34,211,238,.55);
    background:linear-gradient(118deg,rgba(8,10,22,.55) 0%,rgba(34,211,238,.08) 42%,rgba(61,139,240,.06) 100%);
    box-shadow:0 0 0 1px rgba(34,211,238,.12),0 12px 36px rgba(34,211,238,.12),0 0 24px rgba(61,139,240,.1);
    transform:translateY(-4px)
  }
  .sct-metier-card:hover{border-color:rgba(34,211,238,.4);transform:translateY(-3px);box-shadow:0 18px 40px -24px rgba(34,211,238,.22)}
}
@media(max-width:900px){.sct-proof-grid{grid-template-columns:1fr}}

/* Bouton retour secteurs — même CTA poda que les héros + flèche ← oscillante */
.sct-back-cta{display:flex;justify-content:center;padding-block:clamp(1.5rem,4vw,2.6rem)}
.sct-back-cta .btn-poda.sct-back-btn,
.sct-back-cta .sct-back-btn.btn-poda{
  overflow:visible!important
}
.sct-back-cta .sct-back-btn .alma-arrow--left,
.sct-back-cta .sct-back-btn .sct-back-arrow{
  display:inline-block;
  flex-shrink:0;
  will-change:transform
}
.sct-back-cta .sct-back-lbl{margin-left:.05em}
@keyframes sct-back-arrow-nudge{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(-.28em)}
}
@media(hover:hover){
  .sct-back-cta .sct-back-btn:hover .alma-arrow--left,
  .sct-back-cta .sct-back-btn:hover .sct-back-arrow{
    animation:sct-back-arrow-nudge .9s ease-in-out infinite
  }
}
@media(prefers-reduced-motion:reduce){
  .sct-back-cta .sct-back-btn:hover .alma-arrow--left,
  .sct-back-cta .sct-back-btn:hover .sct-back-arrow{
    animation:none;transform:translateX(-.28em)
  }
}

/* Aligné sur hero CTA (taille glow + face) */
.sct-back-cta .btn-poda.btn-poda--primary .btn-poda-face{
  min-height:46px;padding:0 1.45rem;font-size:.92rem;
  background:linear-gradient(180deg,#0f1f28 0%,#050a0e 48%,#0c2430 100%);
  border-color:rgba(34,211,238,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 16px rgba(34,211,238,.12),0 0 22px rgba(61,139,240,.06),0 3px 10px rgba(0,0,0,.22)
}
@media(hover:hover){
  .sct-back-cta .btn-poda.btn-poda--primary:hover .btn-poda-face,
  .sct-back-cta .btn-poda.btn-poda--primary:focus-visible .btn-poda-face{
    border-color:rgba(34,211,238,.42);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 0 20px rgba(34,211,238,.18),0 0 28px rgba(34,211,238,.08),0 4px 12px rgba(0,0,0,.2)
  }
}
.sct-back-cta .btn-poda.btn-poda--primary .g-outer{filter:blur(3px);max-height:52px}
.sct-back-cta .btn-poda.btn-poda--primary .g-mid{filter:blur(3px);max-height:50px}
.sct-back-cta .btn-poda.btn-poda--primary .g-bright{filter:blur(2px);max-height:48px}
.sct-back-cta .btn-poda.btn-poda--primary .g-thin{max-height:46px}
[data-theme="light"] .sct-back-cta .btn-poda.btn-poda--primary .btn-poda-face{
  background:linear-gradient(180deg,#2a3a6e 0%,#1a2448 48%,#3d58b0 100%)!important;
  border-color:rgba(110,231,255,.62)!important;
  color:#fff!important;
  text-shadow:none!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 0 22px rgba(94,234,255,.48),0 0 36px rgba(126,182,255,.28),0 0 48px rgba(90,107,196,.18),0 3px 10px rgba(61,88,176,.22)!important
}
@media(hover:hover){
  [data-theme="light"] .sct-back-cta .btn-poda.btn-poda--primary:hover .btn-poda-face,
  [data-theme="light"] .sct-back-cta .btn-poda.btn-poda--primary:focus-visible .btn-poda-face{
    background:linear-gradient(180deg,#334878 0%,#1e2a52 48%,#4664c0 100%)!important;
    border-color:rgba(126,231,255,.8)!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 28px rgba(110,231,255,.58),0 0 44px rgba(126,182,255,.36),0 4px 14px rgba(61,88,176,.24)!important
  }
}

/* Chiffres métiers (01, 02…) — contour cyan, dark + light */
.mtr__num{
  position:absolute;top:-.55em;right:.15em;z-index:2;pointer-events:none;
  font-family:var(--display);font-weight:200;font-size:clamp(3rem,7vw,5.4rem);line-height:1;
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1px var(--cyan)!important
}
.mtr:nth-child(even) .mtr__num{right:auto;left:.15em}
[data-theme="light"] .mtr__num{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  -webkit-text-stroke:1px var(--cyan)!important;
  opacity:1
}

/* Light — cartes métiers / preuves : hover = même langage FAQ / cards site */
[data-theme="light"] .sct-metier-card{
  background:linear-gradient(155deg,#ffffff,#f4f7fb);
  border-color:rgba(30,58,110,.18);
  box-shadow:0 14px 32px -24px rgba(10,40,68,.18)
}
[data-theme="light"] .sct-metier-card h3,
[data-theme="light"] .sct-metier-card .mc-title{color:rgba(7,19,28,.92)}
[data-theme="light"] .sct-metier-card p{color:rgba(12,40,52,.68)}
[data-theme="light"] .sct-proof-card{
  background:rgba(255,255,255,.96);
  border-color:rgba(30,58,110,.16);
  box-shadow:0 18px 48px -24px rgba(14,90,114,.18),0 0 0 1px rgba(255,255,255,.8) inset
}
[data-theme="light"] .sct-proof-card h3{color:rgba(7,19,28,.92)}
[data-theme="light"] .sct-proof-card p{color:rgba(12,40,52,.68)}
[data-theme="light"] .sct-proof-card .sct-proof-tag{color:var(--accent-deep,#1e3a6e)}
@media(hover:hover){
  [data-theme="light"] .sct-metier-card:hover{
    border-color:rgba(37,99,235,.42);
    background:linear-gradient(118deg,#ffffff 0%,rgba(240,243,252,.96) 42%,rgba(236,250,252,.92) 100%);
    box-shadow:0 0 0 1px rgba(37,99,235,.12),0 6px 18px rgba(37,99,235,.12),0 0 20px rgba(34,211,238,.08);
    transform:translateY(-3px)
  }
  [data-theme="light"] .sct-proof-card:hover{
    border-color:rgba(37,99,235,.42);
    background:linear-gradient(118deg,#ffffff 0%,rgba(240,243,252,.96) 42%,rgba(236,250,252,.92) 100%);
    box-shadow:0 0 0 1px rgba(37,99,235,.12),0 6px 18px rgba(37,99,235,.12),0 0 20px rgba(34,211,238,.08);
    transform:translateY(-4px)
  }
}