html {
  scroll-behavior: smooth;
}

body {
  text-rendering: optimizeLegibility;
}

.mesh-bg {
  background:
    radial-gradient(circle at 18% 18%, rgba(20, 184, 166, 0.16), transparent 28%),
    radial-gradient(circle at 78% 12%, rgba(245, 158, 11, 0.14), transparent 24%),
    linear-gradient(135deg, #f8fafc 0%, #eef2f7 48%, #fdfdfb 100%);
}

.hero-grid {
  background-image:
    linear-gradient(rgba(15, 23, 42, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15, 23, 42, 0.06) 1px, transparent 1px);
  background-size: 34px 34px;
}