/* landing.css – Pure CSS animations for the homepage */

/* Hero animation */
.hero {
  background: linear-gradient(135deg, var(--secondary, #2a2360), #453a94);
  padding: 40px 20px;
  text-align: center;
  color: white;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  opacity: 0;
  animation: heroFade 1.5s ease-out forwards;
}

@keyframes heroFade {
  from { opacity: 0; transform: translateY(30px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Service cards – animate on scroll using IntersectionObserver fallback */
.service-card {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .4s ease, transform .4s ease;
}

.service-card.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Simple utility to trigger visibility */
/* The script is minimal and injected inline in index.php */

/* Additional generic styles */
body {
  margin: 0;
  font-family: 'Sora', sans-serif;
  background: var(--bg, #0f1115);
  color: var(--ink, #e8eaed);
}

header {
  background: var(--bg);
  color: var(--ink);
}

/* No external JS libraries – pure CSS for hover effects etc. */

/* End of landing.css */