A tiny card that signals: backups run nightly. Keep it minimal.
# Core Message Extract **"Automatic, rhythmic protection happens while you sleep."** The motion must show: a cycle completing, time passing, trust-building through repetition. The card animates a subtle backup pulse that happens nightly — a gentle loop that reassures without demanding attention. --- --- ## Motion Rationale The animation **visualizes cyclical, automatic protection** through three layered motions: 1. **Pulse-cycle reveal** (3s, clip-path inset): The icon border fills from top to bottom in a smooth progression, evoking a backup sweep completing overnight. Uses `ease-in-out` for smooth, reassuring rhythm—no jank, no urgency. 2. **Glow fade halo** (3s, opacity fade): A radial blur halo pulses in sync with the reveal, creating ambient depth and reinforcing the "happening silently in the background" feel. Layered radial gradient + blur masks the fade elegantly. 3. **Floating status chips** (2s staggered 30ms apart, translateY): Three micro-labels (nightly, auto, safe) drift vertically in a spring-like idle loop, suggesting active, trustworthy systems at work. Stagger creates a cascade effect on hover. 4. **Bloom pulse bloom** (4s loop, scale + opacity): A soft background radial glow expands/contracts behind the card, adding dimensionality without distraction. Durations are asymmetric: the backup cycle runs slow (3s, `ease-in-out`) to feel unhurried and automatic, while hover responses snappy (200ms, `ease-out`) for interactive feedback. No spring overshoot—this is serious protection, not playful. The design respects the card's message: rhythmic, reliable, passive.