@media (max-width: 820px) {
    .header-inner nav { display:none; }
    .hero-grid,.feature-grid { grid-template-columns:1fr; }
    .hero-grid { gap:2.5rem; }
    .hero { padding:4rem 0; }
}
@media (max-width: 560px) {
    .header-actions .secondary { display:none; }
    .hero-actions { align-items:stretch; flex-direction:column; }
    .hero h1 { font-size:2.8rem; }
}
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after { scroll-behavior:auto!important; transition:none!important; }
}