/* Zunely branding, scoped to the hero and its navigation. */
.zunely-landing #top {
  --purple: #3979ef;
  --purple-soft: #edf4ff;
}
.zunely-landing #top .hero-sky {
  background: linear-gradient(180deg, #151719 0%, #1b222d 38%, #173f78 76%, #08294e 100%);
}
.zunely-landing #top h1 span {
  color: #96c0ff;
}
.zunely-landing #top .landscape-layer > img {
  filter: hue-rotate(-30deg) saturate(1.05);
}
.zunely-landing #top .button-primary,
.zunely-landing .navigation .nav-download {
  background: linear-gradient(180deg, #5796ff 0%, #3979ef 46%, #225dce 100%);
  color: #fff;
  box-shadow: inset 0 1px #a5c7ff, 0 1px 2px #00184040, 0 4px 18px #3979ef1f;
}
.zunely-landing #top .button-primary:hover,
.zunely-landing .navigation .nav-download:hover {
  filter: brightness(1.1);
}
.zunely-landing #top .hero-description { color: #cdd4df; }
.zunely-landing #top .cta-caption { color: #9caabe; }
.zunely-landing .navigation .nav-brand { min-width: 116px; }
.zunely-landing .navigation .zunely-nav-wordmark {
  display: block;
  width: 132px;
  height: 44px;
  max-width: none;
  object-fit: contain;
  filter: brightness(0) invert(1);
}
.zunely-landing .navigation .nav-brand::after { content: none; }
.zunely-landing #zunely-preview { scroll-margin-top: 120px; }
.zunely-landing #top .hero-dashboard-screen {
  border-color: #8ea8d066;
  box-shadow: 0 16px 44px #07132766, 0 0 80px #3979ef18;
}
.zunely-landing #top .hero-dashboard-screen > img { width: 100%; height: auto; }
.zunely-landing #top :focus-visible,
.zunely-landing .navigation :focus-visible { outline-color: #79adff; }
@media(max-width: 767px) {
  .zunely-landing .navigation .nav-brand { min-width: 0; }
  .zunely-landing .navigation .zunely-nav-wordmark { width: 118px; height: 40px; }
}
@media(max-width: 560px) {
  .zunely-landing #top h1 { font-size: clamp(28px, 7.4vw, 40px); letter-spacing: -1.35px; }
  .zunely-landing #top .hero-description { max-width: 35ch; }
}