/* Hybrid dark-industrial presentation. Content and page behaviour remain unchanged. */
.site-header,
.topbar {
  background: rgba(8, 13, 19, .97);
  color: #f4f6f8;
  border-bottom-color: #27313b;
  box-shadow: 0 10px 32px rgba(0, 0, 0, .2);
}

.site-header .brand img,
.topbar .brand img {
  background: #fff;
  padding: 4px 7px;
}

.site-header nav a,
.topbar nav a {
  color: #f4f6f8;
}

.site-header nav a::after,
.topbar nav a::after {
  background: var(--yellow);
}

.header-cta,
.topbar .call {
  background: var(--yellow);
  color: #0a0f16;
}

.hero-overlay {
  background: linear-gradient(90deg, rgba(4, 8, 13, .94) 0%, rgba(4, 8, 13, .72) 40%, rgba(4, 8, 13, .16) 78%),
              linear-gradient(0deg, rgba(4, 8, 13, .72), transparent 58%);
}

.section-dark,
.quote,
.footer,
footer {
  background-image: linear-gradient(135deg, #070b10, #151e28);
}

@media (max-width: 850px) {
  .site-header nav,
  .topbar nav {
    background: #090e14;
    border-top: 1px solid #28323d;
  }

  .menu {
    background: #202936;
    color: #fff;
  }
}