/* Separate business cards with quiet shadows. */
.use-cases-grid { gap: 20px; border: 0; }
.use-cases-grid > a {
  border: 1px solid #36535f;
  border-radius: 18px;
  background: #192d35;
  box-shadow: 0 3px 6px #050a0e26,0 18px 34px -14px #020b1099,inset 0 1px 0 #ffffff05;
  transition: transform .22s ease,background .22s ease,box-shadow .22s ease;
}
.use-cases-grid > a:hover { transform: translateY(-3px); background: #1c333b; box-shadow: 0 6px 10px #050a0e29,0 24px 42px -14px #020b10b3,inset 0 1px 0 #ffffff08; }
.use-cases-grid > a:focus-visible { outline: 2px solid #7de3ef; outline-offset: 4px; }
@media (max-width: 700px) { .use-cases-grid { gap: 16px; } }
@media (hover: none), (pointer: coarse) { .use-cases-grid > a:hover { transform: none; } }
@media (prefers-reduced-motion: reduce) {
  .use-cases-grid > a { transition: none; }
  .use-cases-grid > a:hover { transform: none; }
}