/* Hilangkan scroll horizontal */
html,
body {
  overflow-x: hidden;
}

/* Pastikan elemen tidak lebih lebar dari layar */
* {
  max-width: 100%;
  box-sizing: border-box;
}

/* ========== RESPONSIVE FIXES ========== */

/* Supaya semua gambar tidak meluber */
img {
  max-width: 100%;
  height: auto;
}

/* Agar container tidak terlalu mepet di layar kecil */
.container {
  padding-left: 1rem;
  padding-right: 1rem;
}

/* Hero section agar lebih pas di layar kecil */
#home h1 {
  font-size: 1.8rem; /* default kecil (mobile) */
}
@media (min-width: 768px) {
  #home h1 {
    font-size: 3rem; /* tablet ke atas */
  }
}
@media (min-width: 1024px) {
  #home h1 {
    font-size: 3.75rem; /* desktop */
  }
}

/* Supaya grid punya jarak cukup */
.grid {
  gap: 1.25rem;
}

.nav-link {
  @apply text-gray-600 hover:text-blue-600 transition duration-300;
}

@keyframes slideDown {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-slide {
  animation: slideDown 0.4s ease-in-out;
}

.service-card {
  transform-style: preserve-3d;
  transform: perspective(1000px);
  will-change: transform;
}