:root{
  --mh-navy:#062238;
  --mh-navy-2:#0b3454;
  --mh-gold:#c99a33;
  --mh-text:#14253a;
  --mh-muted:#5d6b7a;
  --mh-bg:#f5f8fb;
  --mh-card:#ffffff;
  --mh-border:#dfe7ef;
  --mh-max:1180px;
}

*{box-sizing:border-box}

body{
  margin:0;
  font-family:Arial,Helvetica,sans-serif;
  color:var(--mh-text);
  background:var(--mh-bg);
  line-height:1.65;
}

a{
  color:inherit;
  text-decoration:none;
}

a:hover{
  color:var(--mh-gold);
}

.header,
.site-header{
  background:linear-gradient(90deg,var(--mh-navy),var(--mh-navy-2)) !important;
  color:#fff !important;
}

.header-inner,
.site-header-inner{
  max-width:var(--mh-max);
  margin:auto;
  padding:18px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}

.brand,
.site-brand{
  display:flex;
  align-items:center;
  gap:14px;
  color:#fff !important;
}

.logo,
.site-brand img{
  width:58px;
  max-height:58px;
  object-fit:contain;
}

.brand strong,
.site-brand strong{
  color:#fff !important;
  font-size:1.15rem;
  display:block;
}

.brand span,
.site-brand span{
  color:rgba(255,255,255,.86) !important;
  font-size:.88rem;
  display:block;
}

.nav,
.site-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:24px;
  flex-wrap:wrap;
}

.nav a,
.site-nav a{
  color:#fff !important;
  font-weight:800;
}

.header-actions{
  display:flex;
  align-items:center;
  gap:18px;
}

.phone-group{
  display:flex;
  flex-direction:column;
  gap:2px;
}

.phone{
  color:#fff !important;
  font-weight:800;
  white-space:nowrap;
}

.btn,
.btn-gold{
  background:var(--mh-gold) !important;
  color:#111 !important;
  padding:13px 24px;
  border-radius:10px;
  font-weight:800;
  display:inline-block;
  text-decoration:none;
}

.hero,
.page-hero{
  background:linear-gradient(135deg,var(--mh-navy),var(--mh-navy-2)) !important;
  color:#fff !important;
  padding:70px 0;
}

.hero .container,
.page-hero-inner,
.container{
  max-width:var(--mh-max);
  margin:auto;
  padding-left:24px;
  padding-right:24px;
}

.hero h1,
.page-hero h1,
main h1{
  color:#fff;
}

.hero p,
.page-hero p{
  color:#eef5fb;
}

main{
  max-width:var(--mh-max);
  margin:auto;
  padding:44px 24px;
}

main h1,
main h2,
main h3{
  color:var(--mh-navy);
}

.cards{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:24px;
}

.card,
.service-card,
.city-card,
.blog-card,
.faq-item{
  background:var(--mh-card);
  border:1px solid var(--mh-border);
  border-radius:16px;
  padding:26px;
  box-shadow:0 10px 28px rgba(6,34,56,.07);
}

.cta,
.cta-box{
  background:linear-gradient(90deg,var(--mh-navy),var(--mh-navy-2));
  color:#fff;
  border-radius:18px;
  padding:30px;
  margin-top:28px;
}

.cta *,
.cta-box *{
  color:#fff;
}

.footer,
.site-footer{
  background:var(--mh-navy) !important;
  color:#fff !important;
}

.footer a,
.site-footer a{
  color:#fff;
}

@media(max-width:900px){
  .header-inner,
  .site-header-inner{
    flex-direction:column;
    text-align:center;
  }

  .header-actions{
    flex-direction:column;
  }

  .nav,
  .site-nav{
    justify-content:center;
  }
}