.brand-logo {
  display: block;
  width: 190px;
  height: auto;
  max-height: 58px;
  object-fit: contain;
}

.site-header {
  background: rgba(255, 255, 255, 0.96);
  border-bottom-color: rgba(12, 43, 90, 0.12);
  box-shadow: 0 8px 30px rgba(5, 18, 45, 0.12);
}

.site-header .desktop-nav a {
  color: #304766;
}

.site-header .desktop-nav a:hover {
  color: #0877e8;
}

.site-header .btn-ghost {
  color: #12345b;
  border-color: rgba(18, 52, 91, 0.22);
  background: rgba(18, 52, 91, 0.04);
}

.site-header .menu-toggle span {
  background: #12345b;
}

footer .brand-logo {
  width: 165px;
}

@media (max-width: 600px) {
  .brand-logo {
    width: 155px;
  }
}

@media (max-width: 900px) {
  .site-header .mobile-menu {
    background: #ffffff;
    border-bottom-color: rgba(12, 43, 90, 0.12);
  }

  .site-header .mobile-menu a {
    color: #12345b;
  }
}