body {
  font-family: "Inter", sans-serif;
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;
  vertical-align: middle;
}

.glass-nav {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.velocity-gradient {
  background: linear-gradient(135deg, #001e40 0%, #003366 100%);
}

.hero-gradient {
  background: linear-gradient(135deg, #001e40 0%, #003366 100%);
}

.logistics-path {
  background-image: radial-gradient(#c3c6d1 1px, transparent 1px);
  background-size: 40px 40px;
}

.nav-open {
  overflow: hidden;
}

.form-status[data-state="success"] {
  color: #166534;
}

.form-status[data-state="loading"] {
  color: #334155;
}

.form-status[data-state="error"] {
  color: #b91c1c;
}

@media (max-width: 1023px) {
  .lg\:h-\[600px\] {
    height: 28rem;
  }
}

@media (max-width: 767px) {
  .px-8 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .py-24 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }

  .py-32 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }

  .gap-16,
  .gap-20 {
    gap: 2rem !important;
  }

  /* Prevent long text/emails from overflowing */
  .break-all {
    word-break: break-all;
  }

  /* Tighten hero padding on small screens */
  .hero-gradient {
    padding-top: 5rem;
    padding-bottom: 3rem;
  }

  /* Stats numbers — prevent overflow on tiny screens */
  .text-5xl {
    font-size: 2.25rem !important;
  }

  /* Reduce overly large section gaps */
  .gap-12 {
    gap: 2rem !important;
  }
}

@media (max-width: 480px) {
  /* Extra small screens */
  .px-8 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }

  .text-4xl {
    font-size: 1.75rem !important;
  }

  .text-3xl {
    font-size: 1.5rem !important;
  }

  /* Shipping partners — wrap tightly */
  .gap-12 {
    gap: 1.25rem !important;
  }
}