html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  color: #1A1E2E;
  background: #ffffff;
  -webkit-font-smoothing: antialiased;
}

/* Gradient text utility */
.gradient-text {
  background: linear-gradient(135deg, #27CEFC, #1675D4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Floating animation (phone mockup) */
@keyframes float {
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-12px); }
}
.animate-float {
  animation: float 4s ease-in-out infinite;
}

/* Fade up animation */
@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fadeUp 0.6s ease forwards;
}

/* Section fade-in on scroll */
.section-fade {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.section-fade.visible {
  opacity: 1;
  transform: translateY(0);
}

/* lucide icon sizing default (overridden inline via width/height/data attrs) */
.lucide {
  display: inline-block;
  vertical-align: middle;
  flex-shrink: 0;
}