html {
  scroll-behavior: smooth;
}

body {
  background:
    radial-gradient(circle at 10% 10%, rgba(6, 182, 212, 0.10), transparent 36%),
    radial-gradient(circle at 90% 0%, rgba(16, 185, 129, 0.10), transparent 38%),
    #f8fafc;
}

.hero-grid {
  background-image:
    linear-gradient(rgba(14, 116, 144, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(14, 116, 144, 0.06) 1px, transparent 1px);
  background-size: 30px 30px;
}