/* LPE 2.16 — Front page : nom explicite, maturité visible, ton concret et impression fiable. */

/* Pourquoi ce nom ? — réponse courte, nette, sans transformer l'accueil en manifeste. */
.lpe-name-clarifier{padding:92px 0;background:#f0eee7;color:#101114;border-top:1px solid #dfddd4;border-bottom:1px solid #dfddd4}
.lpe-name-clarifier__grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(42px,8vw,120px);align-items:start}
.lpe-name-clarifier .lpe-kicker{margin-bottom:20px;color:#5c5b56}
.lpe-name-clarifier h2{max-width:760px;margin:0;font-size:clamp(2.5rem,4.8vw,5.5rem);line-height:.97;letter-spacing:-.05em}
.lpe-name-clarifier__copy{max-width:720px;padding-top:9px}
.lpe-name-clarifier__copy p{margin:0 0 20px;font-size:clamp(1.08rem,1.4vw,1.28rem);line-height:1.7;color:#454641}
.lpe-name-clarifier__copy strong{color:#101114}
.lpe-name-clarifier__copy .lpe-arrow-link{margin-top:12px;color:#101114}

/* Les contrastes Aujourd'hui / Avec LPE deviennent aussi des cartes de maturité. */
.lpe-shift-list--verified article{align-items:start}
.lpe-shift-list--verified article>i{margin-top:34px}
.lpe-shift-list--verified article>div:last-child{box-shadow:0 18px 55px rgba(16,17,20,.045)}
.lpe-shift-proof{margin-top:20px;padding-top:18px;border-top:1px solid #e1e1dc}
.lpe-shift-proof>span{display:inline-flex;align-items:center;min-height:30px;padding:6px 11px;border-radius:999px;font-size:.72rem;font-weight:850;line-height:1;letter-spacing:.055em;text-transform:uppercase;background:#ecece7;color:#282924}
.lpe-shift-proof>span::before{content:"";width:7px;height:7px;margin-right:7px;border-radius:50%;background:currentColor;opacity:.8}
.lpe-shift-proof>span.is-quantified{background:#e9f7ec;color:#1e6a35}
.lpe-shift-proof>span.is-test{background:#fff3d6;color:#785400}
.lpe-shift-proof>span.is-progress{background:#fff0df;color:#84500c}
.lpe-shift-proof>span.is-legal{background:#e9f0ff;color:#194d9e}
.lpe-shift-proof p{margin:12px 0 0!important;font-size:.94rem!important;line-height:1.58!important;color:#555751!important}
.lpe-shift-proof a{display:inline-flex;margin-top:12px;font-size:.82rem;font-weight:820;text-decoration:underline;text-underline-offset:4px}

/* Trois niveaux de preuve : visibles avant d'envoyer le lecteur vers les démonstrations. */
.lpe-proof-levels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:42px auto 8px;max-width:980px;text-align:left}
.lpe-proof-levels>div{min-height:190px;padding:24px;border:1px solid rgba(255,255,255,.27);border-radius:20px;background:rgba(7,31,82,.22);backdrop-filter:blur(6px)}
.lpe-proof-levels span{display:block;margin-bottom:34px;font-size:.72rem;font-weight:850;letter-spacing:.1em;color:#bcd0ff}
.lpe-proof-levels strong{display:block;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.05;color:#fff}
.lpe-proof-levels p{margin:10px 0 0!important;font-size:.9rem!important;line-height:1.55!important;color:#dbe6ff!important}
.lpe-proof-gateway .lpe-actions{margin-top:34px}

/* LPE Pour Moi : porte très concrète, volontairement différente du quiz. */
.lpe-home-for-me{padding:110px 0;background:#fff}
.lpe-home-for-me__card{position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr);gap:clamp(40px,7vw,100px);align-items:center;padding:clamp(36px,6vw,86px);border-radius:34px;background:#0e1727;color:#fff;box-shadow:0 32px 100px rgba(11,24,48,.14)}
.lpe-home-for-me__card::before{content:"";position:absolute;inset:auto -8% -40% 38%;height:95%;background:radial-gradient(circle at center,rgba(41,112,255,.34),rgba(41,112,255,0) 67%);pointer-events:none}
.lpe-home-for-me__copy{position:relative;z-index:1}
.lpe-home-for-me .lpe-kicker{color:#a8c2ff}
.lpe-home-for-me h2{max-width:820px;margin-bottom:22px;font-size:clamp(2.7rem,5.2vw,6rem);line-height:.96;color:#fff}
.lpe-home-for-me__copy>p:not(.lpe-kicker):not(.lpe-home-for-me__privacy){max-width:760px;font-size:1.08rem;line-height:1.7;color:#d6ddea}
.lpe-home-for-me__facts{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 22px}
.lpe-home-for-me__facts span{display:flex;align-items:baseline;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.19);border-radius:13px;background:rgba(255,255,255,.065);font-size:.8rem;color:#d8e2f5}
.lpe-home-for-me__facts strong{font-family:Newsreader,Georgia,serif;font-size:1.45rem;line-height:1;color:#fff}
.lpe-home-for-me .lpe-button--primary{background:#fff;color:#101114}
.lpe-home-for-me__privacy{margin:17px 0 0;font-size:.78rem;color:#9faec8}
.lpe-home-for-me__steps{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;padding:20px}
.lpe-home-for-me__steps span{display:grid;place-items:center;min-height:108px;padding:20px;border:1px solid rgba(255,255,255,.19);border-radius:22px;background:rgba(255,255,255,.07);font-size:clamp(1.1rem,1.7vw,1.55rem);font-weight:760;text-align:center;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.lpe-home-for-me__steps i{font-style:normal;color:#7ea6ff;font-size:1.3rem}
.lpe-home-for-me__steps span:nth-of-type(3),.lpe-home-for-me__steps span:nth-of-type(4){grid-column:auto}
.lpe-home-for-me__steps{grid-template-columns:1fr auto 1fr}
.lpe-home-for-me__steps span:nth-of-type(1){grid-column:1}.lpe-home-for-me__steps i:nth-of-type(1){grid-column:2}.lpe-home-for-me__steps span:nth-of-type(2){grid-column:3}
.lpe-home-for-me__steps i:nth-of-type(2){grid-column:2;grid-row:2;transform:rotate(90deg)}.lpe-home-for-me__steps span:nth-of-type(3){grid-column:3;grid-row:2}
.lpe-home-for-me__steps i:nth-of-type(3){grid-column:2;grid-row:3;transform:rotate(180deg)}.lpe-home-for-me__steps span:nth-of-type(4){grid-column:1;grid-row:3}

/* La carte maires de l'accueil prend un ton dossier plutôt que slogan. */
.lpe-mayor__card{background:linear-gradient(135deg,#edf2ff 0%,#f4f7fb 58%,#edf5ef 100%);border:1px solid #d8e1ec}
.lpe-mayor__card .lpe-kicker{color:#42566d}
.lpe-mayor__card>div:first-child>p:last-child{max-width:850px;font-size:1.05rem;line-height:1.7;color:#4b5662}

/* Mobile d'abord dans les nouveaux blocs : une lecture verticale sans petites cibles. */
@media(max-width:900px){
  .lpe-name-clarifier__grid,.lpe-home-for-me__card{grid-template-columns:1fr}
  .lpe-name-clarifier__copy{padding-top:0}
  .lpe-proof-levels{grid-template-columns:1fr}
  .lpe-proof-levels>div{min-height:0}
  .lpe-proof-levels span{margin-bottom:20px}
  .lpe-home-for-me__steps{max-width:620px;width:100%;margin-inline:auto}
}

@media(max-width:700px){
  .lpe-name-clarifier{padding:68px 0}
  .lpe-name-clarifier h2{font-size:clamp(2.45rem,11vw,4rem)}
  .lpe-name-clarifier__copy p{font-size:1.08rem}
  .lpe-shift-list--verified article>i{margin-top:0}
  .lpe-shift-proof{margin-top:18px}
  .lpe-shift-proof>span{font-size:.68rem}
  .lpe-proof-levels{margin-top:32px}
  .lpe-proof-levels>div{padding:21px}
  .lpe-home-for-me{padding:68px 0}
  .lpe-home-for-me__card{gap:30px;padding:28px 20px;border-radius:24px}
  .lpe-home-for-me h2{font-size:clamp(2.55rem,12vw,4.5rem)}
  .lpe-home-for-me__copy>p:not(.lpe-kicker):not(.lpe-home-for-me__privacy){font-size:1rem}
  .lpe-home-for-me__facts{display:grid;grid-template-columns:1fr;margin-top:22px}
  .lpe-home-for-me__facts span{min-height:50px;padding:11px 13px}
  .lpe-home-for-me .lpe-actions,.lpe-home-for-me .lpe-button{width:100%}
  .lpe-home-for-me .lpe-button{min-height:52px;justify-content:center;text-align:center}
  .lpe-home-for-me__steps{display:flex;flex-direction:column;align-items:stretch;padding:4px 0 0}
  .lpe-home-for-me__steps span{min-height:68px;width:100%;font-size:1.05rem;border-radius:17px}
  .lpe-home-for-me__steps i{align-self:center;transform:rotate(90deg)!important}
  .lpe-mayor__card h2{font-size:clamp(2.2rem,10vw,3.7rem)}
}

/*
 * Impression/PDF — correction structurelle du bug 2.15 : les éléments animés ne
 * doivent jamais rester invisibles pendant la pagination du navigateur.
 */
@media print{
  *,*::before,*::after{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;animation:none!important;transition:none!important}
  html{scroll-behavior:auto!important}
  .lpe-reveal,.lpe-reveal.is-visible,.lpe-product,.lpe-person-card,.lpe-content-block,.lpe-ministry-products>a{opacity:1!important;transform:none!important;visibility:visible!important}
  .lpe-home-hero__media,.lpe-scroll-cue{display:none!important}
  .lpe-home-hero{min-height:0!important;padding:20mm 0 15mm!important}
  .lpe-home-hero__grid{display:block!important}
  .lpe-home-hero h1{max-width:none!important;font-size:42pt!important;line-height:.98!important}
  .lpe-name-clarifier,.lpe-history,.lpe-tomorrow,.lpe-first100,.lpe-proof-gateway,.lpe-home-system,.lpe-thesis,.lpe-home-for-me,.lpe-minister-quiz-promo,.lpe-product-lineup,.lpe-measure-stream,.lpe-how,.lpe-people,.lpe-proof,.lpe-mayor,.lpe-final-cta{break-before:auto;break-after:auto}
  .lpe-name-clarifier__grid,.lpe-story-head,.lpe-first100__grid,.lpe-home-system__grid,.lpe-thesis__grid,.lpe-proof__grid,.lpe-mayor__card,.lpe-home-for-me__card{display:block!important}
  .lpe-name-clarifier__copy,.lpe-home-for-me__steps,.lpe-mayor__actions{margin-top:8mm!important}
  .lpe-history__timeline{display:grid!important;grid-template-columns:1fr 1fr!important;overflow:visible!important;gap:4mm!important;background:transparent!important;border:0!important}
  .lpe-history-card{min-height:0!important;break-inside:avoid!important;border:1px solid #34363d!important}
  .lpe-shift-list article{grid-template-columns:1fr 14mm 1.25fr!important;gap:5mm!important;break-inside:avoid!important;padding:8mm 0!important}
  .lpe-proof-levels{grid-template-columns:repeat(3,1fr)!important;gap:3mm!important}
  .lpe-product-lineup{padding:16mm 0!important}
  .lpe-product-lineup__list{display:block!important;width:100%!important}
  .lpe-product{display:grid!important;grid-template-columns:43% 57%!important;min-height:0!important;margin:0 0 7mm!important;border-radius:5mm!important;break-inside:avoid!important;page-break-inside:avoid!important}
  .lpe-product__image{height:74mm!important;min-height:0!important}
  .lpe-product__copy{padding:9mm!important}
  .lpe-product__copy h3{font-size:34pt!important;margin-bottom:4mm!important}
  .lpe-product__copy>strong{font-size:16pt!important}
  .lpe-product__meta{margin-top:5mm!important;padding-top:4mm!important}
  .lpe-measure-stream__viewport{overflow:visible!important}
  .lpe-measure-stream__track{display:grid!important;grid-template-columns:repeat(3,1fr)!important;width:auto!important;transform:none!important;padding:0!important}
  .lpe-measure-stream__track .lpe-measure-tile[aria-hidden="true"]{display:none!important}
  .lpe-measure-tile{width:auto!important;aspect-ratio:auto!important;min-height:58mm!important;break-inside:avoid!important}
  .lpe-three-cards{display:grid!important;grid-template-columns:repeat(3,1fr)!important;overflow:visible!important}
  .lpe-three-cards>button{min-height:0!important;break-inside:avoid!important}
  .lpe-people-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;overflow:visible!important;gap:4mm!important}
  .lpe-person-card{break-inside:avoid!important;page-break-inside:avoid!important}
  .lpe-person-card>div{max-height:90mm!important}
  .lpe-proof__cards a{break-inside:avoid!important}
  .lpe-home-for-me__card{background:#0e1727!important;color:#fff!important}
  .lpe-home-for-me__facts{display:flex!important}
  .lpe-home-for-me__steps{display:none!important}
  .lpe-proof-gateway{background:#075bff!important}
}
