/* particuliers.dis.re : feuille de style de la page (sortie de index.html pour une CSP sans style en ligne). */
:root{
  --bleu:#15589B;
  --bleu-fonce:#0C447C;
  --bleu-clair:#378ADD;
  --bleu-accent:#2B7FD4;
  --navy:#07223D;
  --bg:#F4F8FD;
  --gris:#5F5E5A;
  --blanc:#ffffff;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  font-family:'Helvetica Neue',Arial,sans-serif;
  color:var(--bleu-fonce);
  background:var(--bg);
  line-height:1.6;
  -webkit-text-size-adjust:100%;
}
.wrap{max-width:560px;margin:0 auto;background:var(--blanc);min-height:100vh;box-shadow:0 0 40px rgba(7,34,61,.08);}

/* ===== HEADER ===== */
header{background:var(--blanc);padding:18px 22px;display:flex;align-items:center;gap:12px;border-bottom:2px solid var(--bg);position:sticky;top:0;z-index:50;}
header svg{width:46px;height:46px;flex-shrink:0;}
.h-name{font-family:Georgia,serif;font-size:21px;font-weight:700;color:var(--bleu-fonce);line-height:1;letter-spacing:1px;}
.h-sub{font-family:Georgia,serif;font-size:11px;font-weight:400;color:var(--bleu-clair);letter-spacing:3px;margin-top:2px;}

/* ===== HERO ===== */
.hero{padding:34px 26px 30px;text-align:center;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%);}
.hero h1{font-size:31px;font-weight:800;line-height:1.15;color:var(--bleu-fonce);}
.hero h1 .hl{color:var(--bleu);}
.hero p{font-size:17px;color:var(--gris);margin-top:14px;}

/* ===== APPEL PRINCIPAL (CTA téléphone) ===== */
.call-cta{display:block;margin:26px 22px 8px;background:var(--bleu);color:#fff;text-decoration:none;border-radius:18px;padding:20px;text-align:center;box-shadow:0 8px 22px rgba(21,88,155,.32);transition:transform .15s,box-shadow .15s;}
.call-cta:active{transform:scale(.98);}
.call-cta .kw{font-size:16px;font-weight:700;letter-spacing:.5px;display:block;margin-bottom:10px;color:#cfe3f8;}
.call-cta .num{font-size:33px;font-weight:800;letter-spacing:1px;margin-top:4px;display:flex;align-items:center;justify-content:center;gap:10px;}
.call-cta .num svg{width:30px;height:30px;}

/* ===== SERVICES ===== */
.services{padding:20px 22px 8px;}
.sec-title{font-size:15px;font-weight:700;color:var(--bleu);letter-spacing:1px;text-transform:uppercase;text-align:center;margin-bottom:18px;}
.card{display:flex;align-items:center;gap:16px;background:var(--bg);border-radius:16px;padding:16px 18px;margin-bottom:12px;}
.card-ico{width:50px;height:50px;border-radius:50%;background:#fff;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(21,88,155,.12);}
.card-ico svg{width:26px;height:26px;}
.card-txt .t{font-size:17px;font-weight:700;color:var(--bleu-fonce);line-height:1.25;}
.card-txt .d{font-size:14px;color:var(--gris);margin-top:3px;line-height:1.35;}

/* ===== REASSURANCE ===== */
.trust{display:flex;justify-content:space-around;gap:8px;padding:22px;margin:0;}
.trust .it{text-align:center;flex:1;}
.trust .it svg{width:30px;height:30px;display:block;margin:0 auto 6px;}
.trust .it span{font-size:12.5px;font-weight:600;color:var(--bleu);line-height:1.25;display:block;}

/* ===== BANDEAU PROMESSE ===== */
.promise{background:var(--bleu);color:#fff;margin:8px 22px 26px;border-radius:18px;padding:24px;text-align:center;}
.promise .small{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#9FC7F0;}
.promise .big{font-size:22px;font-weight:800;margin-top:6px;line-height:1.2;}
.promise .txt{font-size:14px;color:#cfe3f8;margin-top:8px;}

/* ===== ZONE ===== */
.zone{text-align:center;padding:8px 22px 26px;}
.zone .z-t{font-size:15px;font-weight:700;color:var(--bleu-fonce);margin-bottom:6px;}
.zone .z-d{font-size:14px;color:var(--gris);}

/* ===== SECOND CTA ===== */
.cta2{display:block;margin:0 22px 30px;background:var(--navy);color:#fff;text-decoration:none;border-radius:18px;padding:18px;text-align:center;}
.cta2 .l{font-size:14px;opacity:.85;display:block;}
.cta2 .n{font-size:26px;font-weight:800;margin-top:5px;display:block;}

/* ===== FOOTER + LIEN PRO ===== */
footer{background:var(--navy);color:#fff;padding:26px 22px 30px;text-align:center;}
footer .f-contact{font-size:15px;line-height:1.8;}
footer .f-contact a{color:#85B7EB;text-decoration:none;font-weight:600;}
footer .f-zone{font-size:12.5px;color:#7fa3c4;margin-top:10px;}
.pro-link{display:inline-block;margin-top:22px;padding:11px 20px;border:1.5px solid #2B5A82;border-radius:30px;color:#9FC7F0;text-decoration:none;font-size:13.5px;font-weight:600;transition:background .2s;}
.pro-link:active{background:#0e3a5c;}
.copyright{font-size:11px;color:#5a7691;margin-top:20px;}
.f-seo{margin-top:24px;padding-top:18px;border-top:1px solid #1b3a58;text-align:left;}
.f-seo p{font-size:11.5px;line-height:1.55;color:#5a7691;margin-bottom:6px;}
.f-legal{font-size:12.5px;margin-top:20px;color:#5a7691;}
.f-legal a{color:#9FC7F0;text-decoration:none;}

/* ===== PAGE MENTIONS LÉGALES ET DONNÉES PERSONNELLES ===== */
.h-lien{display:flex;align-items:center;gap:12px;text-decoration:none;}
.legal{padding:22px 26px 34px;}
.legal-retour{font-size:14px;margin-bottom:18px;}
.legal-retour a{color:var(--bleu);text-decoration:none;font-weight:600;}
.legal h1{font-size:25px;font-weight:800;line-height:1.2;color:var(--bleu-fonce);margin:10px 0 6px;scroll-margin-top:90px;}
.legal h1+h2{margin-top:12px;}
.legal h2{font-size:15px;font-weight:700;color:var(--bleu);letter-spacing:.5px;text-transform:uppercase;margin:22px 0 6px;}
.legal p,.legal li{font-size:15px;color:var(--gris);}
.legal p{margin-bottom:10px;}
.legal ul{padding-left:20px;margin-bottom:10px;}
.legal a{color:var(--bleu);}
.legal #donnees{margin-top:34px;padding-top:24px;border-top:2px solid var(--bg);}
.legal-maj{font-size:13px;margin-top:22px;}

@media(min-width:480px){
  .hero h1{font-size:34px;}
}