/* Phase 4 micro-animations CSS */

/* Reveal on scroll — initial state */
.reveal-init {
    opacity: 0;
    transform: translateY(24px);
    transition: opacity 600ms cubic-bezier(.4, 0, .2, 1),
                transform 600ms cubic-bezier(.4, 0, .2, 1);
    will-change: opacity, transform;
}

.reveal-in {
    opacity: 1;
    transform: translateY(0);
}

/* Staggered child reveals (when parent has reveal-init) */
.ds-trust-grid .ds-trust-item.reveal-init {
    transition-delay: 0ms;
}
.ds-trust-grid .ds-trust-item.reveal-init:nth-child(2) { transition-delay: 100ms; }
.ds-trust-grid .ds-trust-item.reveal-init:nth-child(3) { transition-delay: 200ms; }
.ds-trust-grid .ds-trust-item.reveal-init:nth-child(4) { transition-delay: 300ms; }

@media (prefers-reduced-motion: reduce) {
    .reveal-init {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
}