:root{
--red:#D90429;
--red-dark:#8B0015;
--blue:#0B1F3A;
--blue-soft:#102B4C;
--light:#F7F9FC;
--white:#FFFFFF;
--text:#1F2937;
--gray:#64748B;
--border:#E5E7EB;
--shadow:0 18px 50px rgba(11,31,58,.12);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:Arial,Helvetica,sans-serif;background:var(--light);color:var(--text);line-height:1.7}
a{text-decoration:none;color:inherit}.container{width:92%;max-width:1200px;margin:auto}.topbar{background:var(--blue);color:#fff;padding:9px 0;font-size:14px}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}header{background:#fff;position:sticky;top:0;z-index:999;box-shadow:0 8px 28px rgba(0,0,0,.08)}.nav{display:flex;align-items:center;justify-content:space-between;padding:13px 0;gap:22px}.logo img{height:62px;width:auto;display:block}.menu{display:flex;align-items:center;gap:24px}.menu a{font-weight:800;color:var(--blue)}.btn-call{background:var(--red);color:#fff!important;padding:12px 20px;border-radius:999px;box-shadow:0 8px 20px rgba(217,4,41,.25)}.hamb{display:none;background:var(--blue);color:#fff;border:0;border-radius:12px;font-size:24px;padding:9px 13px}.hero{min-height:680px;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(11,31,58,.95),rgba(11,31,58,.62)),url('../images/hero-plomberie.svg');background-size:cover;background-position:center}.hero-content{max-width:760px;padding:86px 0}.badge{display:inline-block;background:rgba(217,4,41,.16);border:1px solid rgba(255,255,255,.22);color:#fff;padding:8px 16px;border-radius:999px;font-weight:900;margin-bottom:22px}h1{font-size:clamp(42px,6vw,76px);line-height:1.05;margin-bottom:24px}.hero h1 span{color:#ff6b7c}.hero p{font-size:21px;color:#eef4ff;margin-bottom:34px;max-width:690px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-block;padding:15px 28px;border-radius:999px;font-weight:900}.primary{background:var(--red);color:#fff}.secondary{background:#fff;color:var(--blue)}.trust-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-52px;position:relative;z-index:2}.trust{background:#fff;border:1px solid var(--border);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.trust strong{display:block;color:var(--red);font-size:26px}.trust span{color:var(--gray);font-weight:700}section{padding:82px 0}.section-title{text-align:center;max-width:780px;margin:0 auto 48px}.section-title h2{font-size:clamp(32px,4vw,48px);color:var(--blue);line-height:1.1;margin-bottom:12px}.section-title p{color:var(--gray);font-size:18px}.services{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.card{background:#fff;border:1px solid var(--border);border-radius:26px;overflow:hidden;box-shadow:0 12px 35px rgba(0,0,0,.06);transition:.25s}.card:hover{transform:translateY(-5px)}.card img{width:100%;height:180px;object-fit:cover;background:#eef2f7}.card-body{padding:26px}.icon{width:54px;height:54px;border-radius:17px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:27px;margin-bottom:16px}.card h3{font-size:22px;color:var(--blue);margin-bottom:10px}.card p{color:var(--gray)}.card ul{margin-top:14px;padding-left:18px;color:var(--gray)}.urgence{background:var(--blue);color:#fff}.urgence-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.urgence h2{font-size:44px;line-height:1.1;margin-bottom:18px}.urgence p{color:#dbeafe;margin-bottom:24px}.urgence-box{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:28px;padding:34px}.urgence-box li{margin:12px 0;list-style:none}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.why{background:#fff;border:1px solid var(--border);border-radius:24px;padding:30px;box-shadow:0 12px 35px rgba(0,0,0,.05)}.why h3{color:var(--blue);font-size:22px;margin-bottom:8px}.zone{background:#fff}.zone-grid{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center}.zone-card{background:var(--light);border:1px solid var(--border);border-radius:28px;padding:34px}.cities{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cities span{background:#fff;border:1px solid var(--border);border-radius:999px;padding:9px 14px;font-weight:800;color:var(--blue)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px}.contact-info{background:var(--blue);color:#fff;border-radius:30px;padding:36px}.contact-info h3{font-size:28px;margin-bottom:18px}.info{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.15)}.info strong{display:block;color:#ffccd3}form{background:#fff;border:1px solid var(--border);border-radius:30px;padding:34px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}input,select,textarea{width:100%;padding:15px;border:1px solid var(--border);border-radius:14px;font-size:15px;font-family:inherit}textarea{min-height:140px;resize:vertical}.full{grid-column:1/-1}button{border:0;background:var(--red);color:#fff;padding:16px 28px;border-radius:999px;font-weight:900;cursor:pointer}.mobile-call{display:none;position:fixed;right:16px;bottom:16px;background:var(--red);color:#fff;padding:14px 18px;border-radius:999px;font-weight:900;z-index:9999;box-shadow:0 12px 30px rgba(217,4,41,.35)}footer{background:#071527;color:#fff;text-align:center;padding:35px 0}footer p{color:#cbd5e1}
@media(max-width:900px){.menu{display:none;position:absolute;top:88px;left:4%;right:4%;background:#fff;border-radius:20px;padding:20px;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.menu.open{display:flex}.hamb{display:block}.hero{min-height:auto;padding:64px 0}.trust-row{grid-template-columns:1fr 1fr;margin-top:0;padding-top:25px}.urgence-grid,.zone-grid,.contact-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.mobile-call{display:block}}
@media(max-width:560px){.topbar{text-align:center}.nav{padding:10px 0}.logo img{height:50px}h1{font-size:40px}.hero p{font-size:18px}.hero-actions{flex-direction:column}.btn{text-align:center}.trust-row{grid-template-columns:1fr}.urgence h2{font-size:34px}section{padding:60px 0}}