/*
  MDC Website v2.0 — Build 2.7
  File: 08-responsive.css
  Purpose: Responsive refinements for the enhanced homepage and shared layouts.
*/
@media (max-width: 1100px) {
  .hero-grid, .split-feature, .two-column, .contact-grid { grid-template-columns: 1fr; }
  .hero-dashboard { max-width: 760px; }
  .primary-nav { gap: .85rem; }
}
@media (max-width: 900px) {
  .header-inner { position: relative; }
  .nav-toggle { display: inline-flex; }
  .primary-nav {
    position: absolute;
    inset: calc(100% + .75rem) 0 auto 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: .75rem;
    border: 1px solid var(--color-gray-200);
    border-radius: var(--radius-lg);
    background: var(--color-white);
    box-shadow: var(--shadow-lg);
  }
  .primary-nav.is-open { display: flex; }
  .primary-nav a { padding: .9rem 1rem; border-radius: var(--radius-md); color: var(--color-navy-900); }
  .primary-nav a:hover, .primary-nav a.active { background: var(--color-gray-50); }
  .primary-nav a::after { display: none; }
  .hero { padding-top: 6rem; }
  .dashboard-grid, .metric-row, .impact-grid, .testimonial-grid { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
  .container { width: min(100% - 1.25rem, var(--container)); }
  .hero-actions, .trust-strip, .logo-cloud { flex-direction: column; align-items: stretch; }
  .btn { width: 100%; justify-content: center; }
  .hero-dashboard, .prose-panel, .quote-card { border-radius: var(--radius-lg); }
  .card-grid.three, .card-grid.four { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; }
}