@media (min-width: 760px) {
    .hero { grid-template-columns: 1.05fr .95fr; }
    .hero-actions { grid-template-columns: 1fr 1fr; }
    .section-grid { grid-template-columns: repeat(3, 1fr); }
    .split-section { grid-template-columns: .9fr 1.1fr; }
    .site-footer { grid-template-columns: 1fr auto; align-items: center; }
}

@media (min-width: 920px) {
    .desktop-nav { display: flex; }
    .menu-toggle { display: none; }
    .mobile-menu { display: none !important; }
}

@media (max-width: 480px) {
    .site-header,
    .site-footer,
    .site-main { width: min(100% - 22px, var(--container)); }
    .brand-name { font-size: 15px; }
    .btn-small { display: none; }
    .hero h1 { font-size: 43px; }
    .premium-card { padding: 18px; }
}