.features-page .hero-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center}
.hero-text{max-width:720px;margin-inline:auto}
.hero-cta{display:flex;justify-content:center}
.hero-cta .button{min-width:220px}

.gen-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.gen-grid > *{min-width:0}
.card-column{display:flex;flex-direction:column;gap:var(--space-3)}
.card-column img{border-radius:var(--radius-md)}

.visual-grid{display:grid;grid-template-columns:50% 50%;gap:var(--space-5);align-items:center}
.visual-grid > *{min-width:0}
.visual-grid .image img{border-radius:var(--radius-md)}
.visual-grid .text{display:flex;flex-direction:column;gap:var(--space-3)}

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

.collect-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.side-cards{display:flex;flex-direction:column;gap:var(--space-3)}

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

.session-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}

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

.cta-inner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);max-width:520px;margin-inline:auto}

@media(max-width:900px){
.gen-grid,.visual-grid,.collect-grid,.session-grid{grid-template-columns:1fr}
.mobile-grid,.motion-grid,.nav-grid{grid-template-columns:1fr}
.hero-text{max-width:100%}
}