/* Base reset */
* { box-sizing: border-box; }
body { margin:0; font-family: Inter, Arial, sans-serif; color:#222; background:#ffffff; }
.container { width:90%; max-width:1200px; margin:0 auto; }

/* Header */
.site-header { background:#0f1724; color:#fff; position:sticky; top:0; z-index:20; }
.header-inner { display:flex; align-items:center; justify-content:space-between; padding:14px 0; }
.brand { font-weight:700; font-size:1.2rem; letter-spacing:1px; }
.nav a { color:#cbd5e1; margin-left:18px; text-decoration:none; font-size:0.95rem; }

/* Hero */
.hero { position:relative; padding:80px 0; color:#fff; overflow:hidden; }
.hero-bg { position:absolute; inset:0; background-image: url('../img/metal-bg.svg'); background-size:cover; background-position:center; filter:contrast(1) brightness(0.25); }
.hero-inner { position:relative; z-index:5; text-align:left; padding:40px 0; }
.hero-title { font-size:2.1rem; margin:0 0 12px 0; color:#e6f0ff; }
.hero-sub { margin:0 0 18px 0; color:#cbd7ee; }
.hero-cta .btn { margin-right:12px; }

/* Buttons */
.btn { display:inline-block; background:#0061b3; color:#fff; padding:10px 18px; text-decoration:none; border-radius:6px; }
.btn-outline { background:transparent; border:1px solid rgba(255,255,255,0.15); color:#e6f0ff; }

/* Services */
.services-overview { padding:60px 0; }
.cards { display:flex; flex-wrap:wrap; gap:18px; }
.card { flex:1 1 240px; background:#f8fafc; padding:18px; border-radius:8px; box-shadow:0 4px 10px rgba(16,24,40,0.04); }

/* Why us */
.why-us { background:#f1f5f9; padding:40px 0; }

/* Contact & footer */
.contact-cta { padding:40px 0; text-align:center; }
.site-footer { background:#0f1724; color:#a8b4c8; padding:18px 0; margin-top:30px; }

/* Content */
.content { padding:30px 0; line-height:1.6; }
.quote-form { max-width:720px; margin-top:10px; display:flex; flex-direction:column; gap:12px; }
.quote-form label { display:flex; flex-direction:column; font-size:0.95rem; color:#0f1724; }
.quote-form input, .quote-form textarea { padding:10px; border:1px solid #d1d5db; border-radius:6px; font-size:0.95rem; }
.form-note { font-size:0.85rem; color:#6b7280; margin-top:8px; }

/* Responsive */
@media (max-width:720px){
  .nav { display:none; }
  .hero-title { font-size:1.5rem; }
  .cards { flex-direction:column; }
}