/* Maquette : photographies de l'accueil (en-tête et quatre maillons). Images d'illustration, budget < 250 Ko. */
#main-content.et-home .et-hero{position:relative;isolation:isolate;overflow:hidden}
#main-content.et-home .et-hero-media{position:absolute;inset:0;z-index:-1;margin:0}
#main-content.et-home .et-hero-media img{width:100%;height:100%;object-fit:cover;object-position:70% 50%;display:block}
#main-content.et-home .et-hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,26,44,.94) 0%,rgba(16,26,44,.88) 50%,rgba(16,26,44,.62) 80%,rgba(16,26,44,.50) 100%),linear-gradient(0deg,rgba(16,26,44,.85) 0%,rgba(16,26,44,0) 38%)}
#main-content.et-home .et-hero-media figcaption{position:absolute;right:16px;bottom:10px;z-index:1;max-width:min(62ch,calc(100% - 32px));text-align:right;font-size:.72rem;line-height:1.4;letter-spacing:.02em;color:rgba(248,245,234,.86)!important;text-shadow:0 1px 2px rgba(16,26,44,.8)!important}
@media (max-width:760px){#main-content.et-home .et-hero{padding-bottom:96px}#main-content.et-home .et-hero-media figcaption{font-size:.68rem}#main-content.et-home .et-hero-media img{object-position:62% 30%}
#main-content.et-home .et-hero-media::after{background:linear-gradient(180deg,rgba(16,26,44,.72) 0%,rgba(16,26,44,.82) 34%,rgba(16,26,44,.90) 60%,rgba(16,26,44,.95) 100%)}}
#main-content.et-home .et-segments article{overflow:hidden;display:flex;flex-direction:column}
#main-content.et-home .et-segments .et-seg-img{display:block;width:calc(100% + 52px);max-width:none;margin:-26px -26px 18px;aspect-ratio:16/10;height:auto;object-fit:cover}
#main-content.et-home .et-segments article>a{margin-top:auto}
#main-content.et-home .et-seg-note{font-size:.8rem;margin-top:14px;opacity:.8}
@media (max-width:760px){#main-content.et-home .et-segments .et-seg-img{aspect-ratio:16/8}}
@media (min-width:761px){#main-content.et-home .et-hero-media figcaption{right:88px;max-width:min(62ch,calc(100% - 120px))}}
/* Palette de l'accueil FR/EN (audit du design, étape 3, livraison 3) : surfaces, encre et cartes passent par des variables
   posées par thème (sans !important) et appliquées par des règles communes aux deux thèmes.
   Clair : fond blanc et bande #F4F5F7 de la palette commune. Sombre : vrai thème sombre (fond #0A1422, bande #0F1B2C, texte #F1F3F6),
   au lieu du contenu resté clair. Les valeurs viennent des jetons --et-* (premium-chrome.css), avec repli. */
html.et-plight #main-content.et-home{--hm-surface:var(--et-white,#FFFFFF);--hm-tint:var(--et-mist,#F4F5F7);--hm-ink:#142033;--hm-seg-bg:rgba(255,255,255,.52);--hm-path-bg:rgba(255,255,255,.6);--hm-card-solid:#fff;--hm-seg-line:rgba(255,255,255,.85);--hm-path-line:rgba(255,255,255,.9);--hm-seg-hi:rgba(255,255,255,.9);--hm-path-hi:#fff;--hm-seg-shadow:rgba(16,26,44,.45);--hm-path-shadow:rgba(16,26,44,.4)}
html:not(.et-plight) #main-content.et-home{--hm-surface:var(--et-night,#0A1422);--hm-tint:var(--et-night-2,#0F1B2C);--hm-ink:var(--et-snow,#F1F3F6);--hm-seg-bg:var(--et-night-2,#0F1B2C);--hm-path-bg:var(--et-night-2,#0F1B2C);--hm-card-solid:var(--et-night-2,#0F1B2C);--hm-seg-line:var(--et-line-dark,#22314A);--hm-path-line:var(--et-line-dark,#22314A);--hm-seg-hi:rgba(255,255,255,.06);--hm-path-hi:rgba(255,255,255,.06);--hm-seg-shadow:rgba(0,0,0,.6);--hm-path-shadow:rgba(0,0,0,.55)}

/* Verre givré sobre (variante A, choisie le 11 octobre 2026), thème clair des accueils FR/EN.
   Couche « verre » : dans une couche, un !important l'emporte sur les !important hors couche, sans surenchère de spécificité.
   Navigateurs sans @layer : la couche est ignorée, la page reste opaque comme avant. */
@layer verre{
html.et-plight #nav.nav,html.et-plight #nav .nx-util{background:rgba(250,248,243,.66)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5)!important;backdrop-filter:blur(18px) saturate(1.5)!important}
html.et-plight #nav.nav{border-bottom:1px solid rgba(16,26,44,.08)!important;box-shadow:0 8px 28px -18px rgba(16,26,44,.35)!important}
html.et-plight #nav .nx-util{border-bottom:1px solid rgba(16,26,44,.06)!important}
html.et-plight #nav .nav-in,html.et-plight #nav .nx-bar{background:transparent!important;box-shadow:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.et-plight #nav .nav-links>.nav-item,html.et-plight #nav .nav-links>.nav-item>a,html.et-plight #nav .nav-links>.nav-item>button{background:transparent!important;box-shadow:none!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.et-plight #main-content.et-home .et-hero .et-metrics{background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05))!important;border:1px solid rgba(255,255,255,.18)!important;border-top-color:rgba(255,255,255,.3)!important;border-radius:18px!important;padding:22px 26px!important;-webkit-backdrop-filter:blur(14px) saturate(1.4)!important;backdrop-filter:blur(14px) saturate(1.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 18px 40px -24px rgba(0,0,0,.6)!important}
@media (prefers-reduced-transparency:reduce){html.et-plight #nav.nav,html.et-plight #nav .nx-util{background:#faf8f3!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html.et-plight #main-content.et-home .et-hero .et-metrics{background:rgba(16,26,44,.86)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
}

/* Verre givré, thème sombre des accueils FR/EN (même couche « verre »). L’en-tête passe en verre fumé. */
@layer verre{
html:not(.et-plight) #nav.nav,html:not(.et-plight) #nav .nx-util{background:rgba(13,22,38,.72)!important;-webkit-backdrop-filter:blur(18px) saturate(1.5)!important;backdrop-filter:blur(18px) saturate(1.5)!important}
html:not(.et-plight) #nav.nav{border-bottom:1px solid rgba(255,255,255,.08)!important;box-shadow:0 10px 30px -18px rgba(0,0,0,.6)!important}
html:not(.et-plight) #nav .nx-util{border-bottom:1px solid rgba(255,255,255,.06)!important}
html:not(.et-plight) #nav .nav-in,html:not(.et-plight) #nav .nx-bar{background:transparent!important;box-shadow:none!important;border:0!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:not(.et-plight) #nav .nav-links>.nav-item,html:not(.et-plight) #nav .nav-links>.nav-item>a,html:not(.et-plight) #nav .nav-links>.nav-item>button{background:transparent!important;box-shadow:none!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:not(.et-plight) #main-content.et-home .et-hero .et-metrics{background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;border:1px solid rgba(255,255,255,.14)!important;border-top-color:rgba(255,255,255,.24)!important;border-radius:18px!important;padding:22px 26px!important;-webkit-backdrop-filter:blur(14px) saturate(1.4)!important;backdrop-filter:blur(14px) saturate(1.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 18px 40px -24px rgba(0,0,0,.7)!important}
@media (prefers-reduced-transparency:reduce){html:not(.et-plight) #nav.nav,html:not(.et-plight) #nav .nx-util{background:#0d1626!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
html:not(.et-plight) #main-content.et-home .et-hero .et-metrics{background:rgba(16,26,44,.9)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
}

/* Règles communes aux deux thèmes (même couche « verre ») : valeurs prises dans les variables --hm-* ci-dessus. */
@layer verre{
html:is(.et-plight,:not(.et-plight)) #main-content.et-home{color:var(--hm-ink)!important;background:var(--hm-surface)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home section :is(h2,h3,p,b,span,a){color:var(--hm-ink)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-tinted{background-color:var(--hm-tint)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-hero{margin-top:calc(-1 * var(--nav-h,138px))!important;padding-top:calc(var(--nav-h,138px) + 80px)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home #chaine.et-tinted{background:radial-gradient(60% 70% at 15% 20%,rgba(226,178,64,.18),transparent 70%),radial-gradient(55% 60% at 85% 75%,rgba(36,74,122,.16),transparent 70%),var(--hm-tint)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-segments>*{background:var(--hm-seg-bg)!important;border:1px solid var(--hm-seg-line)!important;-webkit-backdrop-filter:blur(12px) saturate(1.3)!important;backdrop-filter:blur(12px) saturate(1.3)!important;box-shadow:inset 0 1px 0 var(--hm-seg-hi),0 14px 34px -22px var(--hm-seg-shadow)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-paths>*{background:var(--hm-path-bg)!important;border:1px solid var(--hm-path-line)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;box-shadow:inset 0 1px 0 var(--hm-path-hi),0 12px 30px -22px var(--hm-path-shadow)!important}
@media (max-width:760px){html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-hero{padding-top:calc(var(--nav-h,77px) + 54px)!important}
html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-hero .et-metrics{padding:18px 20px!important}
}
@media (prefers-reduced-transparency:reduce){html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-segments>*,html:is(.et-plight,:not(.et-plight)) #main-content.et-home .et-paths>*{background:var(--hm-card-solid)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}
}
}

/* En-tête transparent en haut des accueils FR/EN (validé le 15 octobre 2026) : sur la photo d'en-tête, tant que la page n'a pas
   défilé de plus de 20 px (classe .scrolled de nav_a.js) et qu'aucun menu n'est ouvert ; verre dépoli inchangé ensuite.
   Dans la couche « verre », où sont déclarées les règles du verre qu'il remplace. Huit déclarations prioritaires seulement
   (budget de dette CSS des accueils) : la barre utilitaire et la barre principale partagent le même voile. */
@media (prefers-reduced-motion:no-preference){html body.hm:has(#nav) #nav.nav.nx{transition:background-color .3s ease,backdrop-filter .3s ease}}
@layer verre{
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)),
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)) .nx-util{
  background:linear-gradient(180deg,rgba(4,10,20,.5),rgba(4,10,20,0)) border-box no-repeat!important;backdrop-filter:none!important}
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)) :is(.nx-util-in,.nav-links,.nav-search,.nav-tog){
  background:rgba(243,241,236,.08)!important;box-shadow:inset 0 0 0 1px rgba(243,241,236,.16)!important}
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)) :is(a,button,span,small,strong,b,svg):not(.nx-invest):not(.nx-invest *):not(.nx-mega *){color:#F3F1EC!important}
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)) span.bz{background:#F3F1EC!important}
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)) :is(#mLang,#mLang b){-webkit-text-fill-color:#F3F1EC!important}
html body.hm:has(#nav) #nav.nav.nx:not(.scrolled):not(:focus-within):not(:has(.nav-item:hover)):not(.open):not(:has([aria-expanded="true"],.open)) .brand .s{background-image:linear-gradient(110deg,#F3F1EC 0%,#E9C77A 60%,#D9B567 100%)!important}
}

/* Corporate readiness — 13 October 2026 */
/* Corporate-readiness content: shared, responsive and independent of scripts. */
body .et-readiness{max-width:1120px;box-sizing:border-box;margin:32px auto;padding:28px clamp(20px,4vw,40px);border:1px solid #b8c2ce;border-radius:16px;background:#f4f6f8;color:#142033;line-height:1.65;overflow-wrap:anywhere}
body .et-readiness :is(h2,h3,p,dt,dd,th,td,b,span){color:inherit!important;-webkit-text-fill-color:currentColor!important}
body .et-readiness h2{font-size:clamp(1.4rem,3vw,2rem);line-height:1.25;margin:0 0 16px}
body .et-readiness p{margin:12px 0}
body .et-readiness a{color:#155685!important;text-decoration:underline;text-underline-offset:.2em}
body .et-readiness-terms{margin:20px 0 0;display:grid;gap:12px}
body .et-readiness-terms div{display:grid;grid-template-columns:minmax(150px,1fr) 3fr;gap:16px;border-top:1px solid #c7cfd8;padding-top:12px}
body .et-readiness-terms dt{font-weight:700}body .et-readiness-terms dd{margin:0}
body .et-readiness-scroll{overflow-x:auto;margin:20px 0;max-width:100%}
body .et-readiness table{width:100%;border-collapse:collapse;text-align:left;font-size:.95rem}
body .et-readiness caption{text-align:left;font-weight:700;padding-bottom:12px}
body .et-readiness :is(th,td){padding:14px;vertical-align:top;border:1px solid #b8c2ce;min-width:150px}
body .et-readiness thead{background:#e5eaf0}
body .et-readiness-routes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}
body .et-readiness-routes a{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid #b8c2ce;border-radius:12px;background:#fff;min-height:44px;text-decoration:none}
body .et-readiness-routes span{font-size:.95rem}
body .et-project-evidence{margin:16px 0;border-top:1px solid currentColor;padding-top:12px}
body :is(.et-project-evidence,.et-readiness-details)>summary{cursor:pointer;min-height:44px;line-height:1.5;font-weight:600;padding:10px 0}
body .et-readiness-details{max-width:1120px;margin:24px auto;padding:0 20px}
body :is(.et-readiness a,.et-readiness-scroll,.et-project-evidence>summary,.et-readiness-details>summary):focus-visible{outline:3px solid #1769aa;outline-offset:4px}
body #programme-cible .et-programme-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px}
body #programme-cible .et-programme-metrics>div{border-top:1px solid currentColor;padding-top:18px}
body #programme-cible .et-programme-metrics strong{font-size:1.8rem}
body #programme-cible .et-programme-metrics a{display:inline-block;padding:10px 0;min-height:44px;box-sizing:border-box}
@media(max-width:760px){body .et-readiness{margin:24px 16px;padding:22px 18px}body .et-readiness-terms div,body .et-readiness-routes,body #programme-cible .et-programme-metrics{grid-template-columns:minmax(0,1fr)}body .et-readiness-terms div{gap:4px}}
/* Thème sombre : les cartes de /clients restaient blanches sous un texte clair (contraste 1,1:1), signalé le 15 octobre 2026. */
html:not(.et-plight):not(.et-jlight) body .et-readiness-routes a{background:rgba(255,255,255,.05);border-color:rgba(241,243,246,.22)}
/* /clients : pole-premium.css aplatit les sections de main.ppl (marges, padding et bordure à 0, en !important) ; le contenu collait au bord gauche
   de l'écran. Sans surenchère : la section prend toute la largeur et ses enfants reprennent l'alignement des autres blocs (1120 px, 16 px sur mobile). */
body main.ppl #besoin-client{max-width:none}
body main.ppl #besoin-client>*{box-sizing:border-box;max-width:none;padding-left:max(16px,calc((100% - 1120px)/2));padding-right:max(16px,calc((100% - 1120px)/2))}
body main.ppl #besoin-client>p{padding-right:0}