/* Accueil v1 — thème clair, toutes sections (26/10) */
body.accueil{background:#fff;color:#1d2b3a}
section[id]{scroll-margin-top:80px}
h2,h3{color:#0b1b2e}
.accueil .hero{padding:72px 0 64px}
.lead3{font-weight:500;color:#0b1b2e}
.reas2{list-style:none;padding:0;margin:56px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.reas2 li{background:#fff;border:1px solid #dbe6ee;border-radius:14px;padding:16px 18px 16px 46px;position:relative;color:#0b1b2e;font-weight:500;font-size:15px;box-shadow:0 10px 30px -24px rgba(11,40,70,.4)}
.reas2 li::before{content:"";position:absolute;left:16px;top:19px;width:18px;height:18px;border-radius:50%;background:#14804a}
.reas2 li::after{content:"";position:absolute;left:22px;top:23px;width:5px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.mot{margin-top:28px;max-width:820px;color:#3d5266;font-size:15px;border-left:3px solid #00AEEF;padding-left:18px}
.mot p{margin:0}
.ic{display:inline-flex;width:56px;height:56px;border-radius:14px;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5f6fd,#e8f9ef);margin-bottom:14px}
.ic svg{width:30px;height:30px}
.ic svg{stroke:#00739e}
.card{position:relative}.card p{color:#33475b;font-size:15px}.card p:last-child{margin-bottom:0}
.badge{position:absolute;top:24px;right:22px;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;line-height:1.4}
.badge.live{background:#e5f5ec;color:#11683c}
.badge.soon{background:#fff4dc;color:#7a4f00}
.badge.opt{background:#e8f7fd;color:#00587a}
.soonpair{display:contents}
.card.soon{background:#fbfcfd;border:1px dashed #c5d3de;border-top:4px solid #e6c77a;border-image:none;box-shadow:none}
.note{font-style:normal;max-width:860px;background:#f3f8fb;border:1px solid #e1e9f0;border-radius:14px;padding:18px 22px;color:#33475b}
.steps .card h3{font-size:20px}
.rapintro{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.lienviz{background:#fff;border-radius:16px;padding:20px;box-shadow:0 30px 60px -28px rgba(11,40,70,.35),0 0 0 1px #e1e9f0;font-size:13px;color:#33475b}
.lv-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;color:#0b1b2e}
.fx{font-size:11px;font-weight:600;padding:3px 9px;border-radius:99px;background:#fff3cd;color:#6b4f00}
.lv-url{font-family:ui-monospace,monospace;font-size:12px;background:#f3f8fb;border-radius:8px;padding:7px 10px;color:#00587a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lienviz ul{list-style:none;padding:0;margin:10px 0}.lienviz li{display:flex;justify-content:space-between;gap:8px;padding:7px 0;border-bottom:1px solid #eef3f7}
.lienviz em{font-style:normal;font-weight:600;font-size:12px}.ok{color:#14804a}.wait{color:#5b6b7a}.rev{color:#b2382e}
.lv-types{display:flex;flex-wrap:wrap;gap:6px}.lv-types span{border:1px solid #dbe6ee;border-radius:99px;padding:3px 9px;font-size:11.5px;color:#0b1b2e}
.rapport{max-width:980px}.r-title{font-size:20px;color:#0b1b2e;margin:0 0 6px}.r-meta{font-size:14px;color:#5b6b7a;margin-top:0}
.r-synth{background:#f3f8fb;border-radius:10px;padding:14px 16px}
.ev{color:#14804a}
.r-cols{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:24px}.r-sub{font-weight:600;color:#0b1b2e;margin:0 0 6px}
.r-cols ul,.r-cols ol{margin:0;padding-left:20px;font-size:15px}.r-cols li{margin-bottom:6px}
.r-tag{color:#6b4f00}.small{opacity:1;color:#5b6b7a}
.offre{padding-top:32px}.offre.essai{background:linear-gradient(160deg,#f1fbff,#f0fbf5)}
.offre.surm{background:#fbfcfd}.offre.surm h3{padding-right:100px}
.ftheme{margin:36px 0 4px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#00668f}
details.q{background:#fff;border:1px solid #dbe6ee;border-radius:12px;padding:0;margin-top:10px}
details.q summary{padding:16px 52px 16px 20px;position:relative}
details.q summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;background:#e8f7fd;color:#00587a;font-weight:600;text-align:center;line-height:26px}
details.q[open] summary::after{content:"–"}
details.q summary:focus-visible{outline:2px solid #0b1b2e;outline-offset:2px;border-radius:12px}
details.q h3{font-size:17px;font-weight:600}
details.q p{margin:0;padding:0 20px 18px;color:#33475b}
.demo .form{background:#fff;border-radius:18px;padding:28px;box-shadow:0 20px 50px -30px rgba(11,40,70,.35)}
.form legend{color:#0b1b2e}
footer{background:#f3f8fb;color:#33475b;border-top:1px solid #e1e9f0}
footer a{color:#00587a}footer .fgrid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}footer p{margin:10px 0 0}
@media(max-width:900px){
 .reas2,.rapintro,.r-cols,footer .fgrid{grid-template-columns:1fr}
 .accueil .hero{padding:40px 0}
 .demo .form{padding:18px}
 .rapintro{gap:28px}
}
.accueil .lead2{margin:0 0 14px}
.accueil .ctas2{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:26px}
.modg .note{grid-column:span 2;margin:0;align-self:start}
@media(max-width:900px){.modg .note{grid-column:auto}}
@media(max-width:900px){.tablewrap table{min-width:540px}.tablewrap{margin:0 -4px;padding-bottom:4px}}
/* ===== v1b : mise en page (26/10) ===== */
/* Modules : 4+3 centrés (desktop), 3+3+1 (1024), 2+2+2+1 (768) ; note pleine largeur */
.grid.modg{grid-template-columns:repeat(8,minmax(0,1fr))}
.modg .card{grid-column:span 2}
.modg>.card:nth-of-type(5){grid-column:2/span 2}
.modg .note{grid-column:1/-1;max-width:none}
/* Rapports : 3+2 centrés */
.grid.rapg{grid-template-columns:repeat(6,minmax(0,1fr))}
.rapg>.card{grid-column:span 2}
.rapg>.card:nth-of-type(4){grid-column:2/span 2}
@media(max-width:1199px) and (min-width:901px){
 .grid.modg{grid-template-columns:repeat(6,minmax(0,1fr))}
 .modg>.card:nth-of-type(5){grid-column:span 2}
 .modg .soonpair>.card:nth-of-type(2){grid-column:3/span 2}
}
@media(max-width:900px) and (min-width:600px){
 .grid.modg,.grid.rapg{grid-template-columns:repeat(4,minmax(0,1fr))}
 .modg .card,.modg>.card:nth-of-type(5),.rapg>.card,.rapg>.card:nth-of-type(4){grid-column:span 2}
 .modg .soonpair>.card:nth-of-type(2),.rapg>.card:nth-of-type(5){grid-column:2/span 2}
}
@media(max-width:599px){
 .grid.modg,.grid.rapg{grid-template-columns:1fr}
 .modg .card,.modg>.card:nth-of-type(n),.modg .soonpair>.card:nth-of-type(n),.rapg>.card:nth-of-type(n){grid-column:auto}
}
/* Héro B mobile : téléphone qui chevauche l'écran */
@media(max-width:900px){
 .hB .stage{gap:14px;align-items:stretch}
 .hB .laptop{width:88%;align-self:flex-start}
 .hB .phone{width:142px;padding:7px;border-radius:24px;align-self:flex-end;margin-top:-170px;margin-right:0;top:auto;left:auto;z-index:5}
 .hB .phone .pscreen{border-radius:18px;padding:20px 9px 10px;font-size:10px}
 .hB .phone .notch{top:7px;width:48px;height:11px}
}