.nav .mobile-demo {
  display: none;
}

@media (max-width: 760px) {
  .nav {
    gap: 10px;
  }

  .nav .brand img {
    width: 78px;
    height: auto;
  }

  .nav nav {
    display: flex !important;
    align-items: center;
    gap: 6px !important;
    margin-left: auto;
  }

  .nav nav a,
  .nav nav a:not(.nav-cta),
  .pricing-page .nav nav a,
  .pricing-page .nav nav a:not(.nav-cta),
  .pricing-page .nav nav .is-current {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 8px 9px !important;
    font-size: 12px !important;
    white-space: nowrap;
  }

  .nav .mobile-demo {
    display: inline-flex !important;
    border-radius: 999px;
    background: linear-gradient(135deg, #7c5cff, #4827f5);
    color: #fff !important;
  }

  .nav-controls {
    display: none !important;
  }
}

@media (max-width: 390px) {
  .nav {
    padding-right: 12px !important;
    padding-left: 12px !important;
  }

  .nav .brand img {
    width: 70px;
  }

  .nav nav {
    gap: 3px !important;
  }

  .nav nav a,
  .pricing-page .nav nav a {
    padding: 7px !important;
    font-size: 11px !important;
  }
}