/* SapuSEO Marketing Site - Custom Styles */
/* Tailwind CSS is loaded via CDN with inline config; this file adds minor custom touches */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* Smooth fade-in for FAQ answer */
.faq-answer {
  overflow: hidden;
  transition: max-height 0.3s ease;
}

/* Hero gradient */
.hero-gradient {
  background: linear-gradient(135deg, #eef2ff 0%, #f5f3ff 50%, #ffffff 100%);
}

/* Dashboard mockup shadow */
.mockup-shadow {
  box-shadow: 0 25px 60px -15px rgba(79, 70, 229, 0.25);
}