/* animations.css — CSS-only micro-interactions
   GSAP (animations.js) handles all scroll reveal animations. */

/* Card hover elevation */
.proof__card {
  transition: transform var(--duration-base) var(--ease-out),
              box-shadow var(--duration-base) var(--ease-out);
}
.proof__card:hover {
  transform: translateY(-4px);
  box-shadow: var(--shadow-md);
}

/* Nav link underline — extends left to right */
.nav__links a::after,
.footer__nav a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--color-accent);
  transition: width var(--duration-base) var(--ease-out);
}
.nav__links a:hover::after,
.footer__nav a:hover::after { width: 100%; }