/* Drobne wygładzenia, Tailwind robi resztę */
html, body { scroll-behavior: smooth; }
/* Subtelny wzór tła dla sekcji hero */
.hero-grid {
  background-image:
    radial-gradient(ellipse at 20% 0%, rgba(224,30,55,0.10), transparent 40%),
    radial-gradient(ellipse at 80% 20%, rgba(189,31,54,0.10), transparent 40%),
    linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(250,250,250,1) 100%);
}

/* Animacje na wejście */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}
.fade-up { animation: fadeUp .6s ease-out both; }
.fade-up-delay { animation: fadeUp .6s .1s ease-out both; }
.fade-up-delay-2 { animation: fadeUp .6s .2s ease-out both; }