*{box-sizing:border-box;margin:0;padding:0}
:root{--ac:#2563a8;--ac2:#1d4e85;--fg:#1f2733;--mut:#5b6675;--bg:#f6f8fb;--line:#e3e9f0;--ok:#1a8d5f}
body{font:16px/1.65 -apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--fg);background:#fff}
a{color:var(--ac);text-decoration:none}a:hover{text-decoration:underline}
.wrap{max-width:1060px;margin:0 auto;padding:0 20px}
header.nav{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:62px}
.brand{font-weight:800;font-size:19px;color:var(--ac);display:flex;gap:9px;align-items:center}
.brand .mk{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--ac),var(--ac2));display:inline-block}
.nav-cta{background:var(--ac);color:#fff;padding:10px 18px;border-radius:8px;font-weight:700;font-size:14px}
main{display:flex;flex-direction:column}
.hero{order:1;background:linear-gradient(135deg,#eef4fb,#dde9f6);padding:54px 0 46px}
.hero h1{font-size:33px;line-height:1.18;font-weight:800;letter-spacing:-.02em;max-width:760px}
.hero .lead{font-size:18px;color:var(--mut);margin-top:14px;max-width:680px}
.hero .pts{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:22px}
.hero .pts span{font-size:14px;font-weight:600;color:var(--ac2)}
.hero .pts span::before{content:"✓ ";color:var(--ok);font-weight:800}
.devis{order:2;margin:-30px 0 0}
.devis .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(20,40,80,.10);padding:30px}
.devis h2{font-size:22px;margin-bottom:6px}.devis p.sub{color:var(--mut);margin-bottom:18px}
.vud-embed{min-height:120px;border:1px dashed var(--line);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--mut);font-size:14px;text-align:center;padding:24px}
.cta-btn{display:inline-block;background:var(--ac);color:#fff;font-weight:800;font-size:17px;padding:15px 30px;border-radius:10px;box-shadow:0 6px 18px rgba(37,99,168,.28)}
section{order:3;padding:42px 0}
section.alt{background:var(--bg)}
h2.sec{font-size:25px;font-weight:800;letter-spacing:-.01em;margin-bottom:6px}
.sub{color:var(--mut);margin-bottom:24px;max-width:680px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:18px}
.svc{background:#fff;border:1px solid var(--line);border-radius:13px;padding:22px}
.svc h3{font-size:17px;margin-bottom:7px}.svc p{font-size:14.5px;color:var(--mut)}
.svc .px{margin-top:11px;font-weight:700;color:var(--ac2);font-size:14px}
.prose p{margin-bottom:14px;max-width:760px}
.couv{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:8px}
.couv .c{background:#fff;border:1px solid var(--line);border-radius:10px;padding:13px 15px;font-size:14.5px}
.couv .c b{display:block}.couv .c .v{color:var(--mut);font-size:13px}
.badge{display:inline-block;background:#e7f6ee;color:var(--ok);font-size:11px;font-weight:800;padding:2px 8px;border-radius:20px;margin-top:6px}
.faq dt{font-weight:700;margin-top:16px}.faq dd{color:var(--mut);margin-top:5px}
.mesh{display:flex;flex-wrap:wrap;gap:8px 10px;margin-top:6px}
.mesh a{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 13px;font-size:13.5px}
.cta-final{order:4;background:linear-gradient(135deg,var(--ac),var(--ac2));color:#fff;text-align:center;padding:46px 0}
.cta-final h2{color:#fff;font-size:26px;margin-bottom:16px}
.cta-final .cta-btn{background:#fff;color:var(--ac2)}
footer{border-top:1px solid var(--line);padding:30px 0;color:var(--mut);font-size:13.5px}
footer a{color:var(--mut)}
@media(max-width:680px){.hero h1{font-size:26px}.hero{padding:38px 0 34px}h2.sec{font-size:21px}}