/*======================================================
44 WEB DESIGN FRAMEWORK
File        : cards.css
Version     : 1.1.0
Project     : Vehicle Safety Solutions
Component   : FEA-001
======================================================*/

.features{padding:var(--space-3xl) 0;background:#fff;}
.features-header{max-width:760px;margin:0 auto 4rem;text-align:center;}
.features-header h2{margin-bottom:1rem;}
.features-header p{max-width:680px;margin:0 auto;}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;}
.feature-card{background:#fff;border:1px solid #E5ECF4;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.06);transition:transform .35s ease,box-shadow .35s ease;}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 45px rgba(0,0,0,.10);}
.feature-image{margin:0;aspect-ratio:16/9;overflow:hidden;background:#eef3f8;}
.feature-image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease;}
.feature-card:hover .feature-image img{transform:scale(1.05);}
.feature-content{padding:2rem;}
.feature-label{display:inline-block;margin-bottom:.75rem;color:var(--colour-primary);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.feature-content h3{margin:0 0 1rem;line-height:1.25;}
.feature-content p{margin:0 0 1.5rem;line-height:1.7;}
.feature-link{display:inline-flex;align-items:center;gap:.4rem;font-weight:600;text-decoration:none;color:var(--colour-primary);transition:gap .25s ease;}
.feature-link:hover{gap:.7rem;}
@media (max-width:992px){.feature-grid{grid-template-columns:1fr;}.feature-card{max-width:760px;margin:0 auto;}}
@media (max-width:768px){.features{padding:var(--space-2xl) 0;}.feature-content{padding:1.5rem;}}