@keyframes fadeIn {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.fade-in {
    animation: fadeIn 1.5s ease-in-out;
}
.stagger-fade-in > * {
    animation: fadeIn 1s ease-out forwards;
    opacity: 0;
}

.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.4);
}

.dark .text-shadow {
    text-shadow: none;
}

/* For App Showcase Section */
.active-feature {
    background-color: #f3f4f6; /* bg-gray-100 */
}

.dark .active-feature {
    background-color: #1f2937; /* dark:bg-gray-800 */
}

/* Hide scrollbar for mobile showcase */
.hide-scrollbar {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.hide-scrollbar::-webkit-scrollbar {
  display: none; /* Chrome, Safari and Opera */
}

/* Hero section styles */
.hero-content {
  position: relative;
  z-index: 10;
}