:root{
  --brand:#0f2f63;
  --accent:#1e4db7;
  --accent2:#0ea5e9;
  --ink:#111827;
  --surface:#f7f9fc;
}
*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Arial}
h2{font-size:44px;line-height:1.1;margin:0 0 14px;font-weight:900}
h3{font-size:28px;margin:0 0 10px;font-weight:900}
h4{margin:0 0 8px;font-size:18px}
ul{margin:0;padding-left:18px}
a{color:var(--brand)}

.container{max-width:1140px;margin:0 auto;padding:0 18px}
.green-strip{height:6px;background:#22c55e}
.topbar{background:#0b1220;color:#fff;font-size:13px}
.topbar .container{display:flex;justify-content:space-between;gap:12px;padding:8px 20px}
.topbar a{color:#fff;text-decoration:underline;font-weight:700}
.badge247{background:#16a34a;color:#fff;padding:4px 10px;border-radius:999px;font-weight:800}

.header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:10}
.header .container{display:flex;align-items:center;justify-content:flex-start;gap:18px;padding:10px 6px}
.brand img.logo{height:50px;width:auto;display:block}
.menu{margin-left:auto;display:flex;gap:22px}
.menu a{color:#111827;text-decoration:none;font-weight:600;opacity:.9}
.menu a:hover{opacity:1;color:var(--accent)}

.hero{
  background:linear-gradient(160deg, rgba(0,0,0,.55), rgba(0,0,0,.30)),
             url("img/custom/img5.bmp") center/cover no-repeat;
  color:#fff; padding:96px 0 78px
}
.cta-row{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}
.btn{background:linear-gradient(90deg,var(--brand),var(--accent));color:#fff;border:none;padding:14px 22px;border-radius:14px;font-weight:800;letter-spacing:.2px;text-decoration:none;display:inline-block;box-shadow:0 12px 24px rgba(0,0,0,.18)}
.btn.secondary{background:transparent;border:2px solid rgba(255,255,255,.95);color:#fff}
.btn.phone{background:#fff;color:#0b1220;box-shadow:0 8px 20px rgba(0,0,0,.2)}

.section{padding:40px 0;background:#fff}
.section .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
@media (max-width:980px){.section .grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.section .grid{grid-template-columns:1fr}}

.card{background:#fff;border-radius:16px;box-shadow:0 10px 22px rgba(0,0,0,.06);padding:22px;border:1px solid #e8eef6}
.card.r1{border-top:4px solid #0f2f63}
.card.r2{border-top:4px solid #1e4db7}
.card.r3{border-top:4px solid #22c55e}
.card.r4{border-top:4px solid #f59e0b}

.kicker{color:#0f2f63;font-weight:700;font-size:12px;letter-spacing:.15em;text-transform:uppercase}

.section.blue{background:linear-gradient(135deg,#0f2f63,#1e4db7);color:#fff;padding:46px 0}
.section.blue .kicker{color:#fff}
.iconlist{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px}
.iconitem{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid rgba(255,255,255,.35);color:#fff;border-radius:12px;padding:12px}
.iconitem .dot{width:10px;height:10px;border-radius:999px;background:#fff;flex:0 0 auto}
@media (max-width:900px){.iconlist{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.iconlist{grid-template-columns:1fr}}

.banner{background:linear-gradient(90deg,#0f2f63,#1e4db7);color:#fff;border-radius:16px;box-shadow:0 10px 26px rgba(0,0,0,.12);padding:26px;margin-top:6px}
.banner a{color:#fff;text-decoration:underline;font-weight:800}

.section.photo2{background:linear-gradient(160deg, rgba(0,0,0,.35), rgba(0,0,0,.2)), url("img/custom/bearing.gif") center/cover no-repeat; padding:56px 0}

.stripe-bottom{height:6px;background:linear-gradient(90deg,#0f2f63,#1e4db7,#0ea5e9,#22c55e);border-radius:999px;margin:20px 0}

.footer{background:#0f2f63;color:#eaf2ff;padding:36px 0}
.footer a{color:#eaf2ff;text-decoration:underline}
.footer .cols{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:14px}
.small{opacity:.8}
.form .row{display:flex;gap:12px}
.form input,.form textarea{width:100%;padding:12px;border:1px solid #d1d5db;border-radius:10px}
.form textarea{min-height:120px}

/* === Site Nav (added by SEO update) === */
.site-nav {
  position: sticky;
  top: 0;
  display: flex;
  gap: 16px;
  padding: 12px 16px;
  background: #ffffff;
  border-bottom: 1px solid #eaeaea;
  z-index: 1000;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
.site-nav a {
  text-decoration: none;
  color: #0a0a0a;
  font-weight: 500;
}
.site-nav a:hover {
  text-decoration: underline;
}
/* === Blog cards === */
.post-card {
  border: 1px solid #eee;
  padding: 16px;
  margin: 16px 0;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(0,0,0,0.04);
}
.post-card .meta { font-size: 0.9rem; color: #666; }
.post-card .read-more { display:inline-block; margin-top:8px; }

/* Nav logo style */
.site-nav {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 10px 20px;
  background: #0b1a2a;
}
.site-nav .nav-logo {
  height: 40px;
}
.site-nav a {
  color: white;
  text-decoration: none;
  font-weight: 500;
}
.site-nav a:hover { text-decoration: underline; }
/* Blog styling */
body.blog-page {
  background: #f5f7fa;
  font-family: Arial, sans-serif;
}
.blog-page main {
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
}
.post-card {
  background: white;
  padding: 20px;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}