@import url('[https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap](https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap)');

body { font-family: 'Inter', sans-serif; overflow-x: hidden; }

/* Animacja nieskończonej karuzeli marek */
@keyframes marquee {
    0% { transform: translateX(0%); }
    100% { transform: translateX(-50%); }
}
.animate-marquee {
    animation: marquee 30s linear infinite;
}

/* --- KLASY DO ANIMACJI SCROLLOWANIA --- */
.reveal {
    opacity: 0;
    transition: all 0.8s cubic-bezier(0.5, 0, 0, 1);
}
.reveal.active {
    opacity: 1;
    transform: translateY(0) translateX(0) scale(1);
}

/* Rodzaje animacji początkowych */
.fade-up { transform: translateY(50px); }
.fade-left { transform: translateX(-50px); }
.fade-right { transform: translateX(50px); }
.zoom-in { transform: scale(0.95); translateY: 20px; }

/* Opóźnienia dla kaskadowego wczytywania (np. kafelki) */
.delay-100 { transition-delay: 100ms; }
.delay-200 { transition-delay: 200ms; }
.delay-300 { transition-delay: 300ms; }