@media (max-width: 700px) {
  html:not(.js) .menu-toggle { display: none; }
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .header nav > a:not(.button), .footer-grid a:not(.brand), .text-link {
    transition: color .22s ease;
  }
  .button, .back-top, .menu-toggle {
    transition: background-color .22s ease, color .22s ease, border-color .22s ease, transform .22s ease, box-shadow .22s ease;
  }
  .button:hover, .back-top:hover, .menu-toggle:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px #001d2c26;
  }
  .button:active, .back-top:active, .menu-toggle:active { transform: translateY(0); }
  .button .lucide, .text-link .lucide, .footer-link .lucide {
    transition: transform .22s ease;
  }
  .button:hover .lucide, .text-link:hover .lucide, .footer-link:hover .lucide {
    transform: translateX(4px);
  }
  .card, .steps article {
    transition: transform .3s ease, box-shadow .3s ease, border-color .3s ease;
  }
  .card:hover, .steps article:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 25px #0a314024;
    border-color: #b3d85a;
  }
  .card img, .gallery img {
    transition: filter .3s ease;
  }
  .card:hover img, .gallery img:hover { filter: brightness(1.08); }
}