.features-page .hero-grid{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:var(--space-5);align-items:center}
.hero-text{max-width:65ch}
.hero-image img{border-radius:var(--radius-md);width:100%}

.narrow{max-width:700px}
.center{margin-inline:auto;text-align:center}

.split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.split-text{max-width:60ch}
.split-image img{border-radius:var(--radius-md);width:100%}

.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4)}
.full{grid-column:1/-1}

.cta{background:var(--color-accent-teal);color:var(--color-text-on-teal)}
.cta p{color:#e6f2f1}

@media(max-width:900px){
.features-page .hero-grid{grid-template-columns:1fr}
.split{grid-template-columns:1fr}
.grid-3{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
.grid-3,.grid-2{grid-template-columns:1fr}
.hero-text{max-width:100%}
.features-page .hero-grid,.split{gap:var(--space-4)}
.features-page .hero-text{text-align:center}
}