/* Full-colour Deep Analytics logo treatment for dark website surfaces. */
.brand {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 126px;
  height: 66px;
  padding: 5px 12px;
  background: #ffffff;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
}

.brand img {
  width: 72px;
  height: 60px;
  object-fit: contain;
  object-position: center;
  filter: none;
}

.footer-grid img {
  width: 118px;
  margin-bottom: 12px;
  padding: 10px;
  background: #ffffff;
  border-radius: 4px;
  filter: none;
}

@media (max-width: 900px) {
  .brand {
    width: 108px;
    height: 60px;
  }

  .brand img {
    width: 65px;
    height: 54px;
  }
}

/* Front-page hero: light presentation beneath the retained dark menu header. */
.hero.section-dark {
  background: #ffffff;
  color: #102b3c;
}

.hero .network-field {
  opacity: 0.4;
  background-image:
    radial-gradient(circle at 75% 35%, rgba(36, 185, 187, 0.13), transparent 25%),
    linear-gradient(rgba(16, 43, 60, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 43, 60, 0.045) 1px, transparent 1px);
}

.hero .hero-lede {
  color: #385668;
}

.hero .hero-proof {
  color: #577181;
}

.hero .button.secondary {
  border-color: #597586;
  color: #102b3c;
}

.hero .button.secondary:hover {
  border-color: #102b3c;
}

.hero .hero-visual {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.hero .hero-visual figcaption {
  border-top: 0;
  padding: 14px 4px 0;
}

.hero .visual-orbit {
  display: none;
}