@import "tailwindcss";

@keyframes hero-fade-up {
  from { opacity: 0; transform: translateY(24px); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes screenshot-rise {
  from { opacity: 0; transform: translateY(40px) scale(0.97); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}
.hero-animate { animation: hero-fade-up 0.7s ease-out both; }
.hero-animate-delay-1 { animation: hero-fade-up 0.7s ease-out 0.15s both; }
.hero-animate-delay-2 { animation: hero-fade-up 0.7s ease-out 0.3s both; }
.screenshot-animate { animation: screenshot-rise 0.9s ease-out 0.4s both; }

/* Legal page typography */
.legal-prose h1 { font-size: 2rem; font-weight: 800; margin-bottom: 1rem; }
.legal-prose h2 { font-size: 1.5rem; font-weight: 700; margin-top: 2.5rem; margin-bottom: 0.75rem; }
.legal-prose h3 { font-size: 1.25rem; font-weight: 600; margin-top: 2rem; margin-bottom: 0.5rem; }
.legal-prose p { margin-bottom: 1rem; line-height: 1.75; }
.legal-prose ul, .legal-prose ol { margin-bottom: 1rem; padding-left: 1.5rem; }
.legal-prose ul { list-style-type: disc; }
.legal-prose ol { list-style-type: decimal; }
.legal-prose li { margin-bottom: 0.5rem; line-height: 1.75; }
.legal-prose a { color: oklch(0.6 0.2 145); text-decoration: underline; }
.legal-prose a:hover { color: oklch(0.5 0.2 145); }