body {
    font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, 'Apple Color Emoji', 'Segoe UI Emoji';
}
.hero-grid {
    display: grid;
    grid-template-columns: 1fr;
}
@media (min-width: 768px) {
    .hero-grid {
        grid-template-columns: 7fr 3fr;
    }
}
@media (min-width: 1024px) {
    .hero-grid {
        grid-template-columns: 0.7fr 0.3fr;
    }
}