.features-page{display:block}

.features-hero{position:relative;padding:0}
.features-hero-bg img{width:100%;height:100%;object-fit:cover;filter:brightness(0.6)}
.features-hero-content{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:1.5rem;padding:5rem 0}

.features-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-lg)}
.features-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}
.features-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg)}
.features-grid-4>*,.features-grid-2>*,.features-grid-3>*{min-width:0}

.features-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);align-items:center}
.features-text{display:flex;flex-direction:column;gap:var(--space-md)}
.features-image img{width:100%;height:auto}

.features-center{text-align:center}

.features-cta{background:var(--color-accent-primary);color:#fff}
.features-cta-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-md)}

@media (max-width:1024px){
.features-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
.features-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.features-split{grid-template-columns:1fr}
}

@media (max-width:600px){
.features-grid-4,.features-grid-3,.features-grid-2{grid-template-columns:1fr}
.features-hero-content{padding:3rem 0}
}