html,
body {
  background: #071b3a !important;
}

.site-header {
  background: #071b3a !important;
  border-bottom-color: rgba(255, 255, 255, 0.18) !important;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  padding-top: max(14px, env(safe-area-inset-top)) !important;
  min-height: calc(76px + env(safe-area-inset-top)) !important;
}

.mobile-nav {
  top: calc(76px + env(safe-area-inset-top)) !important;
}

@media (min-width: 1041px) {
  .logo {
    margin-right: 0 !important;
  }

  .desktop-nav {
    justify-content: flex-start !important;
    margin-right: auto !important;
  }
}

@media (max-width: 720px) {
  .site-header {
    padding-top: max(12px, env(safe-area-inset-top)) !important;
    min-height: calc(66px + env(safe-area-inset-top)) !important;
  }

  .mobile-nav {
    top: calc(66px + env(safe-area-inset-top)) !important;
  }

  .hero {
    margin-top: calc(66px + env(safe-area-inset-top)) !important;
  }

  .app-page-hero,
  .sva-hero {
    padding-top: calc(118px + env(safe-area-inset-top)) !important;
  }
}