/* ==========================================================================
   LST — ACCUEIL « MANIFESTE » (option A validée par Léo, 01/08/2026)
   Éditorial pur : hero LST + 5 actes (une punchline par fonctionnalité)
   + tarif géant. Zéro image de contenu. Complète refonte2027.css.
   ========================================================================== */

/* ---------- HERO ---------- */
.hero-accueil{position:relative;min-height:100svh;display:flex;flex-direction:column;
  justify-content:center;align-items:center;text-align:center;
  padding:120px 6% 110px;overflow:hidden;isolation:isolate}
.hero-accueil .mark{position:absolute;left:50%;top:46%;translate:-50% -50%;
  width:min(1150px,105%);z-index:-1;opacity:.5;pointer-events:none;
  -webkit-mask-image:radial-gradient(64% 60% at 50% 50%,#000 24%,transparent 80%);
  mask-image:radial-gradient(64% 60% at 50% 50%,#000 24%,transparent 80%)}
.hero-accueil h1{font-family:"Source Serif 4",Georgia,serif;font-weight:600;
  font-size:clamp(42px,7vw,96px);line-height:1.0;letter-spacing:-.025em;max-width:1000px}
.hero-accueil h1 .serif{color:var(--mut)}
.hero-accueil .sub{margin-top:22px;color:var(--mut);max-width:560px;font-size:18px}
.hero-accueil .cta-row{display:flex;gap:14px;margin-top:36px;justify-content:center;flex-wrap:wrap}

/* les chiffres, posés en bas du hero */
.stats-accueil{position:absolute;bottom:4vh;left:50%;translate:-50%;
  display:flex;gap:clamp(30px,5vw,60px)}
.stats-accueil .stat b{display:block;font-family:"Source Serif 4",Georgia,serif;
  font-weight:600;font-size:clamp(24px,2.6vw,32px);line-height:1;letter-spacing:-.015em}
.stats-accueil .stat span{display:block;margin-top:7px;font-family:"Source Code Pro",monospace;
  font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
@media (max-height:640px){ .stats-accueil{display:none} }

/* ---------- LES ACTES ---------- */
.acte{min-height:74svh;display:flex;align-items:center;
  padding:9vh 6%;border-top:1px solid var(--line)}
.acte-in{max-width:1150px;margin:0 auto;width:100%}
.acte .k,.fin .k{font-family:"Source Code Pro",monospace;font-size:11px;
  letter-spacing:.22em;text-transform:uppercase;color:var(--acc);margin-bottom:22px}
.acte h2{font-family:"Source Serif 4",Georgia,serif;font-weight:600;
  font-size:clamp(38px,5.6vw,84px);line-height:1.03;letter-spacing:-.024em;max-width:1000px}
.acte h2 u{text-decoration:none;color:var(--acc)}
.acte h2 .serif{color:var(--mut)}
.acte p{margin-top:22px;color:var(--mut);max-width:600px;font-size:18px}
.acte .tags{display:flex;gap:10px 22px;margin-top:26px;flex-wrap:wrap}
.acte .tags .mono{font-size:11px;letter-spacing:.18em}
.acte .lien{display:inline-block;margin-top:26px;font-family:"Source Code Pro",monospace;
  font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--dim);
  text-decoration:none;transition:color 200ms ease,transform 200ms ease}
.acte .lien:hover{color:var(--acc);transform:translateX(4px)}

/* ---------- TARIF ---------- */
.fin{min-height:64svh;display:flex;flex-direction:column;align-items:center;
  justify-content:center;text-align:center;border-top:1px solid var(--line);padding:10vh 6%}
.fin .prix{font-family:"Source Serif 4",Georgia,serif;font-weight:600;
  font-size:clamp(38px,5vw,76px);letter-spacing:-.025em;line-height:1}
.fin .prix small{font-size:.38em;color:var(--mut);font-weight:400;letter-spacing:0}
.fin p{color:var(--mut);margin-top:18px;max-width:480px}
.fin .cta-row{display:flex;gap:14px;margin-top:38px;justify-content:center;flex-wrap:wrap}

/* ---------- PIED ---------- */
.pied{border-top:1px solid var(--line);padding:26px 0 30px;color:var(--dim);font-size:13.5px}
/* .pied est un <footer>, donc « footer .wrap{display:flex} » de refonte2027.css
   s'y applique et met les lignes côte à côte. Ici elles doivent s'empiler. */
.pied .wrap{display:block}
.pied .ligne{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:5px 0}
.pied a{color:var(--dim);text-decoration:none}
.pied a:hover{color:var(--txt)}
.pied .espaces-liens{justify-content:flex-start;gap:18px;
  font-family:"Source Code Pro",monospace;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;border-top:1px solid var(--line);margin-top:10px;padding-top:14px}
/* Mentions légales, CGV, confidentialité : obligatoires sur chaque page. */
.cpr{font-weight:400;color:var(--dim);white-space:nowrap}
@media (max-width:620px){ .cpr{white-space:normal} }
.pied .legal-liens{justify-content:flex-start;gap:16px;
  font-family:"Source Code Pro",monospace;font-size:10.5px;letter-spacing:.13em;
  text-transform:uppercase;border-top:1px solid var(--line);margin-top:10px;padding-top:14px}