@media (max-width: 900px) {
    .navbar { height: auto; padding: 18px 0; align-items: flex-start; }
    .menu-toggle { display: inline-block; background: var(--ink); color: white; padding: 10px 14px; border-radius: 999px; }
    .site-nav { display: none; width: 100%; }
    .site-nav.is-open { display: block; }
    .nav-list { flex-direction: column; align-items: flex-start; gap: 8px; padding-bottom: 16px; }
    .hero-grid, .split-layout { grid-template-columns: 1fr; gap: 34px; }
    .feature-grid, .card-grid, .dashboard-grid { grid-template-columns: 1fr; }
    .hero, .page-hero, .section { padding: 52px 0; }
    .brand-logo { width: 130px; }
    .hero-media-content, .callout-card { grid-template-columns: 1fr; }
    h1 { font-size: 3.2rem; }
    .footer-content { flex-direction: column; align-items: flex-start; }
}