html {
  scroll-behavior: smooth;
}

.municipal-ribbon {
  background: linear-gradient(90deg, #0c8f32 0%, #16a73c 50%, #86c83d 100%);
}

.hero-pattern {
  background:
    radial-gradient(circle at 84% 14%, rgba(122, 201, 67, .22), transparent 28%),
    radial-gradient(circle at 8% 18%, rgba(20, 165, 56, .14), transparent 30%),
    linear-gradient(135deg, #ffffff 0%, #f4fbf4 48%, #e9f7eb 100%);
}