/* Redline Fencing site styles */
:root {
  --red: #E2262A;
  --black: #111111;
  --cream: #FFF8F0;
}
* { box-sizing: border-box; }
html, body {
  margin: 0;
  padding: 0;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  color: var(--black);
  background: var(--cream);
}
.container { max-width: 1100px; margin: 0 auto; padding: 24px; }
.header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.header img { height: 64px; }
.btn {
  padding: 14px 22px; border-radius: 999px; border: 2px solid var(--black);
  background: var(--red); color: white; font-weight: 700; text-decoration: none;
  box-shadow: 0 6px 14px rgba(0,0,0,.15);
}
.hero { padding: 60px 0 30px; display:grid; grid-template-columns: 1.2fr 1fr; gap: 40px; align-items:center; }
.hero h1 { font-size: 48px; line-height:1.05; margin: 0 0 12px; }
.hero p.lead { font-size: 20px; margin: 0 0 20px; }
.badge { display:inline-block; background: #000; color:#fff; padding:6px 12px; border-radius:999px; margin-bottom:10px; font-weight:700; }
.grid { display:grid; gap:20px; grid-template-columns: repeat(3, 1fr); }
.card { background:#fff; border:1px solid #e8e2d9; border-radius:16px; padding:22px; box-shadow: 0 10px 24px rgba(0,0,0,.08); }
.card h3 { margin-top:0; }
.benefits { background:#fff; padding: 30px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.footer { text-align:center; padding: 30px 0; color:#666; font-size:14px; }
@media (max-width: 900px) {
  .hero { grid-template-columns: 1fr; }
  .grid { grid-template-columns: 1fr; }
}