.hero-btn-group a {
  position: relative;
  overflow: hidden;
  transition: all 0.33s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.hero-btn-group a:hover {
  transform: scale(1.02);
}

.hero-btn-group a:active {
  transform: scale(0.98);
}

.specs-grid {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.specs-grid > div {
  transition: opacity 0.6s ease-out;
}

@media (max-width: 640px) {
  .hero-content {
    padding-top: 12vh !important;
  }
  .specs-grid {
    gap: 1rem !important;
  }
  .specs-grid > div > div:first-child {
    font-size: 1.25rem !important;
  }
}
