.hero h1 { font-size: clamp(36px, 4vw, 60px); line-height: 1.2; }
.hero-screen { transform: none; }
.hero-screen img, .feature img { height: auto; }
.feature { grid-template-columns: minmax(240px, .65fr) minmax(0, 1.35fr); gap: 44px; }
footer a { color: #b9d5ff; text-decoration: none; }
@media (max-width: 1100px) { .hero { grid-template-columns: 1fr; gap: 36px; } .feature { grid-template-columns: 1fr; } }