@media (max-width: 1024px) {
    :root { --spacing-xl: 4rem; --spacing-lg: 3rem; }
}
@media (max-width: 768px) {
    :root { --spacing-xl: 3rem; --spacing-lg: 2rem; }
    .hero-cta { flex-direction: column; }
    .hero-stats { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 480px) {
    .hero-stats { grid-template-columns: 1fr; }
}