:root{--b:#1d3a6e;--a:#c8102e;--g:#f4f6fa}*{box-sizing:border-box}body{margin:0;font:17px/1.6 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#1b1f27}
a{color:var(--b)}header,section,footer{padding:48px 20px}.w{max-width:980px;margin:auto}header{background:var(--b);color:#fff}header a{color:#fff}
.logo{font-weight:800;font-size:20px}h1{font-size:clamp(30px,5vw,48px);line-height:1.15;margin:28px 0 12px}.prix{display:inline-block;background:#fff;color:var(--b);padding:10px 16px;border-radius:8px;font-weight:700;margin:12px 0}
.btn{display:inline-block;background:var(--a);color:#fff;padding:14px 22px;border-radius:8px;text-decoration:none;font-weight:700}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}
.c{background:var(--g);padding:20px;border-radius:10px}.alt{background:var(--g)}.alt .c{background:#fff}footer{background:#111827;color:#cbd5e1;font-size:15px}footer a{color:#fff}
label{display:block;font-weight:600;margin-top:12px}input,textarea{width:100%;padding:10px;border:1px solid #888;border-radius:6px;font:inherit}:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}