/* 
 * Landing Page Custom Styles
 * 
 * This file contains custom CSS for the landing page that cannot be achieved with Tailwind alone.
 * Most styling is done via Tailwind utility classes in the templates.
 */

/* Demo placeholder - replace with actual screenshot */
#demo .demo-screenshot {
    /* Add any specific styles for demo section here */
}

/* Additional custom animations or transitions can go here */

@keyframes cookieBannerEnter {
    0% {
        opacity: 0;
        transform: translateY(16px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.cookie-banner-enter {
    animation: cookieBannerEnter 0.35s ease-out;
}