@media (max-width: 1080px) {
    .nav { position: fixed; inset: 78px 16px auto; display: none; flex-direction: column; align-items: stretch; padding: 12px; background: white; border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--shadow); }
    .nav.open { display: flex; }
    .menu-toggle { display: inline-grid; place-items: center; }
    .header-actions .btn { display: none; }
    .hero-grid, .split, .two-col, .contact-grid { grid-template-columns: 1fr; }
    .service-grid, .pricing-grid, .blog-grid, .portfolio-grid, .values-grid { grid-template-columns: repeat(2, 1fr); }
    .timeline { grid-template-columns: repeat(3, 1fr); }
    .footer-grid { grid-template-columns: repeat(2, 1fr); }
    .dashboard-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 720px) {
    .container { width: min(100% - 24px, 1180px); }
    .hero { min-height: auto; }
    .hero-grid { padding-block: 72px 42px; }
    .service-grid, .pricing-grid, .blog-grid, .portfolio-grid, .values-grid, .why-grid, .stats-grid, .timeline, .footer-grid, .dashboard-grid { grid-template-columns: 1fr; }
    .contact-form { grid-template-columns: 1fr; padding: 18px; }
    .cta-inner, .footer-bottom { align-items: start; flex-direction: column; }
    .price-card.popular { transform: none; }
    .page-hero { padding-top: 100px; }
    .admin-shell { grid-template-columns: 1fr; }
    .admin-sidebar { position: static; }
}