/* Aila chat — V1.0 landing page styles */
:root {
	--background: 0 0% 100%;
	--foreground: 222 47% 11%;
	--card: 0 0% 100%;
	--card-foreground: 222 47% 11%;
	--popover: 0 0% 100%;
	--popover-foreground: 222 47% 11%;
	--primary: 221 83% 53%;
	--primary-foreground: 0 0% 100%;
	--secondary: 214 95% 93%;
	--secondary-foreground: 221 83% 30%;
	--muted: 214 32% 96%;
	--muted-foreground: 215 16% 42%;
	--accent: 214 95% 93%;
	--accent-foreground: 221 83% 30%;
	--destructive: 0 84.2% 60.2%;
	--destructive-foreground: 0 0% 98%;
	--border: 214 32% 91%;
	--input: 214 32% 91%;
	--ring: 221 83% 53%;
	--radius: 0.75rem;
}

body {
	font-family: "Be Vietnam Pro", sans-serif;
	overflow-x: clip;
}

@keyframes aila-marquee {
	from { transform: translateX(0); }
	to { transform: translateX(-50%); }
}
.animate-aila-marquee { animation: aila-marquee 32s linear infinite; }

@keyframes aila-float {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
.animate-aila-float { animation: aila-float 5s ease-in-out infinite; }

@media (prefers-reduced-motion: reduce) {
	.animate-aila-marquee,
	.animate-aila-float { animation: none; }
	.reveal { opacity: 1 !important; transform: none !important; }
}

.aila-dot-grid {
	background-image: radial-gradient(hsl(221 83% 53% / 0.14) 1.5px, transparent 1.5px);
	background-size: 22px 22px;
}

.reveal {
	opacity: 0;
	transform: translateY(24px);
	transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.reveal.in {
	opacity: 1;
	transform: none;
}