@media (hover:hover) and (pointer:fine){
  .section-benefits .benefit-card,
  .section-process .process-card{
    transition:transform .24s ease,border-color .24s ease,background-color .24s ease,box-shadow .24s ease;
  }
  .section-benefits .benefit-card:hover{
    background:rgba(255,255,255,.82);
    border-color:rgba(255,76,18,.5);
    box-shadow:0 8px 20px rgba(17,18,20,.08);
    transform:translateY(-4px);
  }
  .section-process .process-card:hover{
    border-color:rgba(255,76,18,.7);
    box-shadow:0 8px 20px rgba(0,0,0,.16);
    transform:translateY(-4px);
  }
}
@media (prefers-reduced-motion:reduce){
  .section-benefits .benefit-card,
  .section-process .process-card{transition:none}
}