/* === ANIMATIONS.CSS ===
 * assets/css/animations.css
 * НАЗНАЧЕНИЕ: Scroll reveal, stagger, glow-pulse, cursor blink
 * СВЯЗИ: landing.css, landing.js
 * РАЗМЕР: ~80 строк
 */

/* --- Scroll Reveal --- */
.reveal-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}
.reveal-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* --- Stagger Entry (дети с задержками) --- */
.stagger-item { opacity: 0; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; }
.visible .stagger-item:nth-child(1) { transition-delay: 0.05s; }
.visible .stagger-item:nth-child(2) { transition-delay: 0.1s; }
.visible .stagger-item:nth-child(3) { transition-delay: 0.15s; }
.visible .stagger-item:nth-child(4) { transition-delay: 0.2s; }
.visible .stagger-item:nth-child(5) { transition-delay: 0.25s; }
.visible .stagger-item:nth-child(6) { transition-delay: 0.3s; }
.visible .stagger-item { opacity: 1; transform: translateY(0); }

/* --- Scale In (hero visual) --- */
.animate-scaleIn {
    opacity: 0;
    transform: scale(0.95);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.animate-scaleIn.visible {
    opacity: 1;
    transform: scale(1);
}

/* --- Cursor Blink (hero title) --- */
.cursor::after {
    content: '_';
    animation: blink 1s step-end infinite;
}
@keyframes blink {
    0%, 50% { opacity: 1; }
    51%, 100% { opacity: 0; }
}

/* --- Glow Pulse (CTA button) --- */
.glow-pulse {
    animation: glowPulse 3s ease-in-out infinite;
}
@keyframes glowPulse {
    0%, 100% { box-shadow: 0 0 20px rgba(16, 185, 129, 0.3); }
    50% { box-shadow: 0 0 35px rgba(16, 185, 129, 0.5), 0 0 60px rgba(16, 185, 129, 0.2); }
}

/* --- Fade In (generic) --- */
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* --- Slide Up (table rows in hero mockup) --- */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.td-row { animation: slideUp 0.4s ease forwards; opacity: 0; }
.td-row:nth-child(1) { animation-delay: 0.3s; }
.td-row:nth-child(2) { animation-delay: 0.6s; }
.td-row:nth-child(3) { animation-delay: 0.9s; }
.td-row:nth-child(4) { animation-delay: 1.2s; }