[hidden] {
  display: none !important;
}

.rh-hp {
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

button,
a,
input,
textarea {
  -webkit-tap-highlight-color: transparent;
}

input:focus,
textarea:focus,
button:focus-visible,
a:focus-visible {
  outline: none;
}

button:focus-visible,
a:focus-visible {
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.18) !important;
}

@media (max-width: 760px) {
  header nav {
    height: 58px !important;
    padding: 0 16px !important;
  }

  header nav > div {
    display: none !important;
  }

  header nav > a:last-child {
    padding: 8px 12px !important;
    font-size: 13px !important;
    border-radius: 8px !important;
  }
}

@media (max-width: 640px) {
  body {
    overflow-x: hidden;
  }

  section {
    scroll-margin-top: 64px !important;
  }

  h1 {
    max-width: 100% !important;
  }

  form {
    gap: 14px !important;
  }

  footer > div:first-child {
    flex-direction: column !important;
  }
}

@media (max-width: 560px) {
  a[href="#how"] {
    width: 100%;
    text-align: center;
  }

  a[href="#contact"] {
    text-align: center;
  }
}