/* Accueil : bas de page réajusté (cartes, flux, photos, appel final, questions) */
/* 1. Service et limites : deux cartes de même hauteur, sans cadre pointillé */
html body #home-page .story-duo.two{align-items:stretch;gap:20px}
html body #home-page .duo-now,html body #home-page .duo-next{border-radius:28px;box-shadow:0 10px 30px rgba(15,32,56,.07);display:flex;flex-direction:column}
html body #home-page .duo-next{border:1px solid #f1e2c4;background:linear-gradient(180deg,#fffaf0,#fff);padding:30px 32px}
html body #home-page .duo-next .duo-foot{margin-top:auto;padding-top:16px}
html body #home-page .duo-now .duo-list{flex:1}
/* 2. « Plus nous sommes nombreux » : sans bloc bleu foncé */
html body #home-page .need-chain li:last-child{background:#fff;border:2px solid #e8203a}
html body #home-page .need-chain li:last-child b{color:#14243c}html body #home-page .need-chain li:last-child span{color:#52627a}
html body #home-page .need-chain li:not(:last-child)::after{background:#e8203a}
html body #home-page .story-note{max-width:880px;margin:14px auto 0;text-align:center;font-size:12.5px}
/* 3. Photos : même hauteur, ombre douce */
html body #home-page .strip3 figure{height:250px;box-shadow:0 10px 30px rgba(15,32,56,.1)}
/* 4. Appel final : photo + bouton rouge */
html body #home-page .story-bottom{position:relative;overflow:hidden;border:0;border-radius:30px;margin-top:34px;padding:44px 48px;min-height:230px;color:#fff;background:linear-gradient(90deg,#0b1828d0 0%,#0b182880 55%,#0b182830 100%),url(/public/images/mission-verification.webp) 85% 40%/cover}
html body #home-page .story-bottom strong{font-size:clamp(24px,3vw,32px);letter-spacing:-.6px;color:#fff}
html body #home-page .story-bottom p{color:#e6edf6;font-size:16px;margin-top:8px}
html body #home-page .story-bottom button{background:linear-gradient(135deg,#ed2038,#ff5a4d)!important;color:#fff!important;border:0!important;border-radius:999px!important;padding:15px 30px!important;box-shadow:0 10px 22px rgba(237,32,56,.35)}
/* 5. Règles et questions : même style arrondi, même largeur */
html body #home-page.sober-home .home-rules,html body #home-page .home-rules{border-radius:28px!important;box-shadow:0 10px 30px rgba(15,32,56,.07)!important;border:1px solid #e6eaf1!important;max-width:900px;margin-left:auto;margin-right:auto}
html body #home-page.sober-home .home-questions details,html body #home-page .home-future-info,html body #home-page .home-questions details{border-radius:22px!important;box-shadow:0 8px 24px rgba(15,32,56,.06)!important;border:1px solid #e6eaf1!important;background:#fff!important}
html body #home-page .home-future-info,html body #home-page .home-questions{max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:860px){
 html body #home-page .duo-next{padding:24px}
 html body #home-page .strip3 figure{height:200px}
 html body #home-page .story-bottom{padding:30px 22px;border-radius:24px}
}
/* Vidéo à côté des 3 étapes */
html body #home-page .story-split{display:grid;grid-template-columns:340px minmax(0,1fr);gap:44px;align-items:center}
html body #home-page .story-split-v{display:flex;justify-content:center}
html body #home-page .story-split .hv-sec{margin:0!important}
html body #home-page .story-split #hero-video .hv-phone{width:300px!important}
html body #home-page .story-split h2{font-size:clamp(26px,3vw,38px);letter-spacing:-1px}
html body #home-page .story-split .story-lead{margin-bottom:6px}
html body #home-page .story-split .steps3{grid-template-columns:1fr;gap:14px;margin-top:18px}
html body #home-page .story-split .step3{display:grid;grid-template-columns:200px 1fr;grid-template-areas:"ph ." "ph n" "ph h" "ph p" "ph .";grid-template-rows:1fr auto auto auto 1fr;column-gap:20px;align-items:start;padding:14px;border-radius:24px}
html body #home-page .story-split .step3-ph{grid-area:ph;height:150px;align-self:center}
html body #home-page .story-split .step3-ph img{width:100%;height:100%;object-fit:cover;object-position:center 35%}
html body #home-page .story-split .step3-n{grid-area:n;margin:0 0 6px;background:#e8203a;width:30px;height:30px;font-size:14px;align-self:end}
html body #home-page .story-split .step3 h3{grid-area:h}
html body #home-page .story-split .step3 p{grid-area:p}
@media(max-width:1100px){html body #home-page .story-split{grid-template-columns:280px minmax(0,1fr);gap:28px}html body #home-page .story-split #hero-video .hv-phone{width:260px!important}html body #home-page .story-split .step3{grid-template-columns:150px 1fr}}
@media(max-width:860px){
 html body #home-page .story-split{grid-template-columns:1fr;gap:26px}
 html body #home-page .story-split #hero-video .hv-phone{width:min(260px,72vw)!important}
 html body #home-page .story-split .step3{grid-template-columns:1fr;grid-template-areas:"ph" "n" "h" "p";grid-template-rows:auto;padding:16px}
 html body #home-page .story-split .step3-ph{height:230px}
 html body #home-page .story-split .step3-n{margin:14px 0 8px}
}
