/* ==========================================================================
   WalletWatcher - Landing Page Styles
   --------------------------------------------------------------------------
   Most landing page styles are handled by Tailwind CSS utility classes
   applied directly in the Blade templates. This file contains only
   landing-specific overrides or rules that cannot be expressed inline.
   ========================================================================== */

/* Hero section gradient text fallback for browsers without bg-clip support */
.hero-gradient-text {
    background: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Smooth section reveal on scroll (used with Alpine/Intersection Observer) */
.landing-section {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.landing-section.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Feature card staggered entrance delay helpers */
.landing-delay-100 { transition-delay: 100ms; }
.landing-delay-200 { transition-delay: 200ms; }
.landing-delay-300 { transition-delay: 300ms; }
.landing-delay-400 { transition-delay: 400ms; }