/* style.css — simple, épuré, responsive */
:root{
  --navy:#0f2b3a;
  --accent:#2f80ed;
  --text:#0d2430;
  --muted:#546a78;
  --max-width:1100px;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}
*{box-sizing:border-box}
body{margin:0;color:var(--text);background:#fff;line-height:1.5}
.container{max-width:var(--max-width);margin:0 auto;padding:24px}
.site-header{border-bottom:1px solid #eee}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}
.logo{width:48px;height:48px;object-fit:contain}
.main-nav{display:inline-block;float:right}
.main-nav a{margin-left:18px;color:var(--muted);text-decoration:none;font-weight:600}
.hero{background:linear-gradient(180deg,#f7fbff,white);padding:48px 0;text-align:center}
.hero h1{font-size:28px;margin:0 0 12px;color:var(--navy)}
.hero p{margin:0 0 18px;color:var(--muted)}
.btn{display:inline-block;background:var(--accent);color:white;padding:10px 18px;border-radius:6px;text-decoration:none}
.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.quick-services article{background:#fff;padding:18px;border:1px solid #f0f4f8;border-radius:8px;text-align:center}
.quick-services img{width:72px;height:72px;object-fit:contain;margin-bottom:8px}
.service-block{padding:24px;border-bottom:1px solid #f1f4f6}
.service-block h2{margin-top:0;color:var(--navy)}
.cta{text-align:center;margin:24px 0}
.site-footer{border-top:1px solid #eee;padding:18px;text-align:center;color:var(--muted);font-size:14px}
input,textarea,select{width:100%;padding:10px;border:1px solid #d8e1e8;border-radius:6px;margin:8px 0}
form label{display:block;margin:8px 0}
@media(max-width:720px){.main-nav{display:none}.brand span{font-size:18px}}