@media(hover:hover) and (min-width:1000px){
  .solution-card{position:relative;isolation:isolate}
  .solution-card:before{content:'';position:absolute;z-index:2;top:0;bottom:0;left:-38%;width:18%;pointer-events:none;background:rgba(255,255,255,.48);transform:skewX(-18deg);opacity:0}
  .solution-card:after{content:'SYSTEM / ACTIVE';position:absolute;z-index:3;right:15px;top:14px;padding:3px 6px;border:1px solid rgba(255,255,255,.58);color:#fff;background:rgba(7,26,49,.45);font-size:9px;letter-spacing:1.1px;line-height:1;opacity:0;transform:translateY(-5px);transition:opacity .25s ease,transform .25s ease}
  .solution-card:hover{box-shadow:0 20px 38px rgba(18,45,89,.15)}
  .solution-card:hover:before{opacity:1;animation:solutionScan .68s cubic-bezier(.2,.72,.2,1) both}
  .solution-card:hover:after{opacity:1;transform:none}
  .solution-card:hover img{transform:scale(1.07);filter:contrast(1.06) saturate(.9)}
  .solution-card:hover .solution-card-copy{background:#f8fafc}
  .solution-card:hover .solution-card-copy:after{color:#173e8c}
}
@keyframes solutionScan{from{left:-38%}to{left:124%}}
@media(prefers-reduced-motion:reduce){.solution-card:before,.solution-card:after,.solution-card:hover img{animation:none!important;transition:none!important;transform:none!important}}