/* Page de vente v5 (6 nov. 2026) : thème CLAIR, papier chaud, encre, vert de la marque en accent.
   Chargée par index.html SEULEMENT, après style.css (les pages de compte gardent leur thème sombre).
   Règles : aucun halo, aucun quadrillage, aucune animation décorative. Les images sont les vraies captures de l'app.
   Toute modification ici = nouveau ?v= dans index.html. */

@font-face{font-family:"Satoshi";src:url("../v3/satoshi-400.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Satoshi";src:url("../v3/satoshi-500.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url("../v3/satoshi-700.woff2") format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"Clash Display";src:url("clash-display-600.woff2") format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Clash Display";src:url("clash-display-700.woff2") format("woff2");font-weight:700;font-display:swap}

:root{
  --bg:#f7f5f0; --bg2:#eeebe3; --panel:#ffffff; --panel2:#ffffff;
  --line:rgba(18,20,18,.10); --line2:rgba(18,20,18,.18);
  --text:#121412; --muted:#4d544e; --dim:#6b726c;
  --green:#3dcf80; --green-ink:#0a7340; --green-bg:rgba(61,207,128,.16); --on-green:#04140b;
  --ink:#121412;
  --sans:"Satoshi",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --display:"Clash Display","Satoshi",system-ui,sans-serif;
  --wrap:1200px; --r:16px;
  --shot:0 1px 0 rgba(255,255,255,.06) inset,0 30px 60px -30px rgba(18,20,18,.45),0 12px 24px -12px rgba(18,20,18,.25);
  color-scheme:light;
}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-size:17.5px;line-height:1.6}
:focus-visible{outline:2px solid var(--green-ink)}
h1,h2,h3{font-family:var(--display);font-weight:600;color:var(--text);letter-spacing:-.02em}
h2{font-size:clamp(34px,4.4vw,58px);line-height:1.02;max-width:16em;text-wrap:balance}
h3{font-size:24px;line-height:1.15;letter-spacing:-.01em}
p{text-wrap:pretty}
a{color:inherit}
.eyebrow{color:var(--green-ink);font-weight:700;font-size:14px;letter-spacing:.02em}
kbd{background:#fff;color:var(--text);border-color:var(--line2)}

/* Trait vert « au marqueur » sous un groupe de mots */
.hl{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15c60-7 130-11 196-10 70 1 132 4 196 9' fill='none' stroke='%233dcf80' stroke-width='9' stroke-linecap='round'/%3E%3C/svg%3E") 0 92%/100% .3em no-repeat;padding-bottom:.06em}

/* Boutons */
.btn{border-radius:12px;font-weight:700}
.btn-primary{background:var(--green);color:var(--on-green);box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 6px 16px -8px rgba(10,115,64,.55)}
.btn-primary:hover{background:#34c476}
.btn-ghost{background:#fff;border-color:var(--line2);color:var(--text)}
.btn-ghost:hover{background:#fff;border-color:var(--text)}
.btn-ink{background:var(--ink);color:#fff;border-color:var(--ink)}
.btn-ink:hover{background:#000;transform:translateY(-1px)}

/* En-tête */
.site-h{background:rgba(247,245,240,.86);border-bottom:1px solid var(--line)}
.nav a{color:var(--muted)}
.nav a:hover,.nav a[aria-current="page"]{color:var(--text);background:rgba(18,20,18,.05)}
.h-login{color:var(--muted)}
.h-login:hover{color:var(--text);background:rgba(18,20,18,.05)}
.menu-btn{color:var(--text);border-color:var(--line2);background:#fff}

/* Listes à coches */
.ticks li{color:var(--text)}
.ticks li::before{background:var(--green-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.4l2.6 2.6L13 6.6' fill='none' stroke='%230a7340' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.ticks.no li{color:var(--muted)}
.ticks.no li::before{background:rgba(18,20,18,.06) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M6.3 6.3l5.4 5.4M11.7 6.3l-5.4 5.4' fill='none' stroke='%236b726c' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E") center/18px no-repeat}

/* Sections */
main section{padding:120px 0;border-top:1px solid var(--line)}
main section.s5-hero{border-top:0;padding:72px 0 0}
.s5-alt{background:var(--bg2)}
.s5-lead{font-size:19px;color:var(--muted);max-width:36em;margin-top:20px}

/* Captures : un cadre simple, la capture sombre ressort sur le papier */
.shot{margin:0;border-radius:14px;overflow:hidden;background:#0d0f12;box-shadow:var(--shot);border:1px solid rgba(18,20,18,.35)}
.shot img,.shot video{display:block;width:100%;height:auto}
.shot-cap{font-size:14px;color:var(--dim);margin-top:14px}

/* ---------- Haut de page ---------- */
.s5-hero-top{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:end}
.s5-hero h1{font-size:clamp(46px,6.4vw,92px);line-height:.98;letter-spacing:-.03em;font-weight:600;max-width:11em;text-wrap:balance}
.s5-hero .s5-lead{font-size:clamp(18px,1.7vw,21px)}
.s5-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.s5-cta .btn{padding:16px 24px;font-size:16px}
.s5-spec{margin:0;border-top:2px solid var(--ink)}
.s5-spec>div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line2);font-size:15px}
.s5-spec dt{color:var(--muted)}
.s5-spec dd{margin:0;font-weight:700;text-align:right}
.s5-stage{margin:64px 0 0}
.s5-stage video{aspect-ratio:16/9;background:#0d0f12 center/cover no-repeat}
.s5-stage .s5-stage-m{display:none}
.s5-works{margin-top:22px;font-size:15px;color:var(--muted);display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 24px}
.s5-works b{color:var(--text)}

/* Bande des faits */
.s5-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:72px;background:var(--panel)}
.s5-facts ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:0}
.s5-facts li{padding:26px 24px;border-left:1px solid var(--line);font-size:15px;color:var(--muted);line-height:1.45}
.s5-facts li:first-child{border-left:0;padding-left:0}
.s5-facts b{display:block;color:var(--text);font-size:16.5px;margin-bottom:2px}

/* ---------- Le problème ---------- */
.s5-why .wrap{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:72px;align-items:start}
.s5-why h2{font-size:clamp(34px,4.2vw,56px)}
.s5-rows{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.s5-rows li{padding:22px 0;border-bottom:1px solid var(--line2)}
.s5-rows b{display:block;font-family:var(--display);font-weight:600;font-size:22px;letter-spacing:-.01em}
.s5-rows span{display:block;color:var(--muted);margin-top:6px;font-size:16.5px}

/* ---------- Fonctions : tout est visible ---------- */
.s5-feat-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:end;margin-bottom:72px}
.s5-feat-head p{color:var(--muted);font-size:18.5px}
.f5{display:grid;gap:64px;align-items:start}
.f5+.f5{margin-top:120px}
.f5-txt h3{font-size:clamp(28px,2.8vw,38px);line-height:1.08;letter-spacing:-.02em}
.f5-txt>p{color:var(--muted);margin-top:14px}
.f5-k{font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink);margin-bottom:16px}
.f5-txt .ticks li{font-size:16px}

/* 1. Nouvelle session : texte collant à gauche, capture annotée à droite */
.f5-session{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
.f5-session .f5-txt{position:sticky;top:104px}
.f5-legend{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:10px;counter-reset:lg}
.f5-legend li{display:flex;gap:12px;align-items:baseline;font-size:16px}
.f5-legend li::before{counter-increment:lg;content:counter(lg);flex:none;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font:700 12.5px/24px var(--sans);text-align:center;transform:translateY(-1px)}
.f5-legend b{font-weight:700}
.annot{position:relative}
.pin{position:absolute;left:-12px;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:var(--green);color:var(--on-green);font:700 12.5px/24px var(--sans);text-align:center;box-shadow:0 0 0 3px var(--bg),0 4px 10px rgba(0,0,0,.25)}

/* 2. Tableau de bord : capture haute à gauche, texte à droite */
.f5-board{grid-template-columns:minmax(0,4fr) minmax(0,6fr);align-items:center}
.f5-board .shot{max-width:400px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line2);font-size:14.5px;font-weight:500}
.chip i{width:8px;height:8px;border-radius:50%;background:var(--green)}
.chip.wait i{background:#e8a13a}
.chip.done i{background:#7c8a80}

/* 3 et 4. Messages et Barre de commande côte à côte */
.f5-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.f5-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:36px 36px 0;display:flex;flex-direction:column;overflow:hidden}
.f5-card .f5-txt h3{font-size:clamp(24px,2.2vw,30px)}
.f5-card .shot{margin-top:32px;border-bottom:0;border-radius:12px 12px 0 0}
.f5-card .shot-msg{margin:32px auto 36px;border-radius:12px;max-width:470px;border-bottom:1px solid rgba(18,20,18,.35)}
.f5-card .f5-push{margin-top:auto}

/* 5. Coéquipiers : 2 vraies captures superposées */
.f5-team{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center}
.stack{position:relative;padding:0 0 90px 0}
.stack .shot-a{width:86%;margin-left:auto}
.stack .shot-b{position:absolute;left:0;bottom:0;width:56%;border:1px solid rgba(18,20,18,.5)}

/* 6. Entreprise : titre et texte en 2 colonnes, capture pleine largeur */
.f5-ent{grid-template-columns:minmax(0,1fr)}
.f5-ent .f5-txt{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:start}
.f5-ent .f5-txt>p{margin-top:0}
.f5-ent .ticks{margin-top:18px}

/* ---------- Vidéos ---------- */
.vids{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.vid{margin:0}
.vid-play,.vid-frame{position:relative;display:block;aspect-ratio:16/9;border-radius:14px;overflow:hidden;background:#0d0f12;box-shadow:var(--shot)}
.vid-play img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.vid-play:hover img{transform:scale(1.02)}
.vid-btn{position:absolute;left:50%;top:50%;width:68px;height:68px;margin:-34px 0 0 -34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:var(--ink);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.vid-btn svg{width:28px;height:28px;margin-left:4px}
.vid-time{position:absolute;right:12px;bottom:12px;font:700 13px/1 var(--mono);color:#fff;background:rgba(0,0,0,.78);padding:6px 8px;border-radius:6px}
.vid-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vid figcaption{margin-top:16px;color:var(--muted);font-size:16px}
.vid figcaption strong{display:block;color:var(--text);font-size:18px;font-family:var(--display);font-weight:600;margin-bottom:2px}
.vids-more{margin-top:28px}
.vids-more a,.s5-link{color:var(--green-ink);font-weight:700;text-decoration:none;border-bottom:2px solid rgba(10,115,64,.25)}
.vids-more a:hover,.s5-link:hover{border-bottom-color:var(--green-ink)}
.s5-vid-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:48px}
.s5-vid-head p{color:var(--muted);max-width:30em}

/* ---------- Contrôle ---------- */
.s5-ctl-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;margin:56px 0 0;border-top:2px solid var(--ink)}
.s5-ctl-list>div{padding:26px 0 30px;border-bottom:1px solid var(--line2)}
.s5-ctl-list dt{font-family:var(--display);font-weight:600;font-size:21px;letter-spacing:-.01em;line-height:1.2}
.s5-ctl-list dd{margin:10px 0 0;color:var(--muted);font-size:16px}
.s5-note{font-size:14.5px;color:var(--dim);margin-top:28px;max-width:52em}
.s5-note a{color:var(--green-ink)}

/* ---------- Mot de Sam ---------- */
.s5-sam .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:72px;align-items:center}
.s5-sam blockquote{margin:0}
.s5-sam blockquote p{font-family:var(--display);font-weight:600;font-size:clamp(28px,3.2vw,44px);line-height:1.16;letter-spacing:-.02em}
.s5-sign{margin-top:26px;color:var(--muted);font-size:16px}
.s5-sign b{color:var(--text)}
.s5-sam .vid figcaption{font-size:15px}

/* ---------- Pour qui ---------- */
.s5-who-cols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px;margin-top:56px}
.s5-who-cols>div{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:36px}
.s5-who-cols>div.no{background:transparent}
.s5-who-cols h3{font-size:22px}
.s5-who-cols .ticks{margin-top:20px}

/* ---------- Étapes ---------- */
.s5-steps-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;margin:56px 0 0;padding:0;counter-reset:st}
.s5-steps-list li{border-top:2px solid var(--ink);padding-top:22px}
.s5-steps-list li::before{counter-increment:st;content:"Étape " counter(st);display:block;font:700 13px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--green-ink);margin-bottom:16px}
.s5-steps-list h3{font-size:24px}
.s5-steps-list p{color:var(--muted);margin-top:10px;font-size:16.5px}
.s5-steps .s5-link{display:inline-block;margin-top:40px}

/* ---------- Tarifs ---------- */
.s5-pricing .wrap{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:72px;align-items:start}
.s5-assure{margin:36px 0 0;border-top:2px solid var(--ink)}
.s5-assure>div{padding:20px 0;border-bottom:1px solid var(--line2)}
.s5-assure dt{font-weight:700;font-size:17.5px}
.s5-assure dd{margin:6px 0 0;color:var(--muted);font-size:16px}
.s5-aside{font-size:15px;color:var(--dim);margin-top:26px}
.s5-aside a{color:var(--green-ink);font-weight:700}
.s5-card{background:var(--panel);border:2px solid var(--ink);border-radius:20px;padding:40px;box-shadow:12px 12px 0 var(--green)}
.s5-card-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.s5-card-top span{font-weight:700;font-size:14.5px;color:var(--on-green);background:var(--green);padding:6px 12px;border-radius:999px}
.s5-card-top em{font-style:normal;color:var(--muted);font-size:15px}
.s5-price{display:flex;align-items:baseline;gap:10px;margin-top:20px;flex-wrap:wrap}
.s5-price strong{font-family:var(--display);font-weight:600;font-size:clamp(52px,5.4vw,72px);letter-spacing:-.03em;line-height:1}
.s5-price span{color:var(--muted);font-size:17px}
.s5-card .ticks{margin:30px 0 32px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 26px}
.s5-card .ticks li{font-size:15.5px;line-height:1.4;text-wrap:balance}
.s5-card .ticks li::before{top:.05em}
.s5-card .btn{width:100%;padding:17px 24px;font-size:16.5px}
.s5-card .btn+.btn{margin-top:10px}
.s5-card .fine{text-align:center;color:var(--dim);font-size:14px;margin-top:16px}
.s5-card .fine a{color:var(--green-ink)}

/* ---------- Questions ---------- */
.s5-faq .wrap{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start}
.s5-faq-head{position:sticky;top:104px}
.s5-faq-head p{color:var(--muted);margin-top:18px}
.s5-faq-head a{color:var(--green-ink);font-weight:700}
.s5-faq .faq{max-width:none;margin:0;border-top:2px solid var(--ink)}
details{border-bottom:1px solid var(--line2)}
summary{font-family:var(--display);font-weight:600;font-size:20px;letter-spacing:-.01em}
summary::after{border-color:var(--text)}
details p a{color:var(--green-ink)!important}

/* ---------- Appel final : bande verte ---------- */
main section.s5-final{background:var(--green);color:var(--on-green);border-top:0;padding:120px 0}
.s5-final .wrap{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;align-items:end}
.s5-final h2{color:var(--on-green);font-size:clamp(46px,6.6vw,96px);line-height:.96;letter-spacing:-.035em;max-width:9em}
.s5-final p{font-size:19px;color:rgba(4,20,11,.78);margin-bottom:26px}
.s5-final .s5-cta{margin-top:0;flex-direction:column}
.s5-final .btn{width:100%}
.s5-final .btn-ghost{background:transparent;border-color:rgba(4,20,11,.4);color:var(--on-green)}
.s5-final .btn-ghost:hover{border-color:var(--on-green);background:rgba(255,255,255,.2)}
.s5-final :focus-visible{outline-color:var(--on-green)}

/* ---------- Pied de page ---------- */
.site-f{background:var(--bg);border-top:0}
.site-f a:hover{color:var(--text)}

/* ---------- Tablette ---------- */
@media (max-width:1020px){
  .s5-hero-top{grid-template-columns:minmax(0,1fr);gap:40px}
  .s5-spec{max-width:520px}
  .s5-facts ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s5-facts li:nth-child(3){border-left:0;padding-left:0}
  .s5-facts li:nth-child(n+3){border-top:1px solid var(--line)}
  .s5-why .wrap,.s5-feat-head,.f5-session,.f5-board,.f5-team,.f5-ent .f5-txt,.s5-sam .wrap,.s5-pricing .wrap,.s5-faq .wrap,.s5-final .wrap{grid-template-columns:minmax(0,1fr);gap:40px}
  .s5-feat-head{margin-bottom:56px}
  .f5-session .f5-txt,.s5-faq-head{position:static}
  .f5-board .shot{max-width:420px}
  .s5-ctl-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .s5-sam .vid{max-width:520px}
  .s5-final .s5-cta{flex-direction:row}
  .s5-final .btn{width:auto}
}
@media (max-width:860px){
  main section{padding:80px 0}
  .f5+.f5{margin-top:88px}
  .f5-pair{grid-template-columns:minmax(0,1fr)}
  .vids,.s5-who-cols,.s5-steps-list{grid-template-columns:minmax(0,1fr)}
  .s5-steps-list{gap:36px}
  .s5-vid-head{display:block}
  .s5-vid-head p{margin-top:16px}
  .site-h.open{background:var(--bg)}
  .site-h.open .nav{background:var(--bg);border-bottom:1px solid var(--line)}
  .s5-card .ticks{grid-template-columns:minmax(0,1fr)}
}
/* ---------- Téléphone ---------- */
@media (max-width:640px){
  main section.s5-hero{padding-top:40px}
  .s5-cta .btn{width:100%}
  .s5-stage{margin-top:44px}
  .s5-stage video{display:none}
  .s5-stage .s5-stage-m{display:block}
  .s5-works{display:block}
  .s5-works span{display:block;margin-top:6px}
  .s5-facts{margin-top:48px}
  .s5-facts ul{grid-template-columns:minmax(0,1fr)}
  .s5-facts li,.s5-facts li:nth-child(3){border-left:0;padding:16px 0}
  .s5-facts li+li{border-top:1px solid var(--line)}
  .s5-ctl-list{grid-template-columns:minmax(0,1fr)}
  .f5-card{padding:26px 22px 0}
  .stack{padding-bottom:60px}
  .stack .shot-a{width:94%}
  .stack .shot-b{width:66%}
  .pin{left:-9px;width:20px;height:20px;margin-top:-10px;font-size:11px;line-height:20px}
  .s5-who-cols>div{padding:26px 22px}
  .s5-card{padding:28px 22px;box-shadow:7px 7px 0 var(--green)}
  .s5-final .s5-cta{flex-direction:column}
  .s5-final .btn{width:100%}
  summary{font-size:18px}
}
@media (prefers-reduced-motion:reduce){
  .vid-play img{transition:none}
}

/* Repères de la capture Nouvelle session (hauteur des rubriques de la capture recadrée) */
.p1{top:3.6%}.p2{top:28.3%}.p3{top:59.2%}.p4{top:70.3%}.p5{top:81.5%}
.f5-more{color:var(--muted);font-size:15.5px;margin-top:20px}
.f5-card .f5-txt{margin-bottom:32px}
.f5-card .shot{margin-top:auto}
.f5-card .shot-msg{margin:auto auto 36px;max-width:470px;border-radius:12px}
.f5-card .shot-bar{border-bottom:0;border-radius:12px 12px 0 0}
.s5-sam blockquote p{max-width:24em}
.s5-card .ticks{grid-template-columns:minmax(0,1fr)!important;gap:11px}

/* Clash Display est déjà serrée : approche presque neutre */
h1,h2,h3,.s5-hero h1,.s5-final h2,.s5-price strong,.s5-sam blockquote p{letter-spacing:-.005em!important}
h3,.f5-txt h3,summary,.s5-rows b,.s5-ctl-list dt{letter-spacing:0!important}
.s5-hero h1{font-size:clamp(44px,5.6vw,80px);max-width:none;line-height:1.02}
.br-d{display:none}
@media (min-width:1021px){.br-d{display:inline}}
li,dd,p,figcaption{text-wrap:pretty}
h3,dt,summary{text-wrap:balance}
.s5-hero h1{font-size:clamp(42px,6.6vw,94px)}
.s5-hero-top{align-items:start;margin-top:30px}
.s5-hero-top .s5-lead{margin-top:0}
.s5-spec{margin-top:6px}
.s5-why .wrap>div:first-child{position:sticky;top:104px}
.s5-price strong{white-space:nowrap}
@media (max-width:1020px){.s5-why .wrap>div:first-child{position:static}}
@media (max-width:640px){.s5-price strong{font-size:44px}}

/* Haut de page centré, sans la fiche (demande de Samuel, 6 nov. 2026) */
.s5-hero h1,.s5-hero .s5-lead{text-align:center;margin-left:auto;margin-right:auto}
.s5-hero-top{display:block;margin-top:30px}
.s5-hero .s5-lead{max-width:38em}
.s5-hero .s5-cta{justify-content:center}
.s5-hero figcaption{text-align:left}