/* ========================================================================== */
/* VIRTUAL FILE: responsive.css                                                */
/* ========================================================================== */
/* Responsive */
@media (max-width: 1100px) {
  .hero-grid {
    grid-template-columns: 1fr;
  }

  .process-wrap {
    grid-template-columns: 1fr;
  }

  .capability-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .post-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .cta-panel {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 820px) {
  body.menu-open {
    overflow: hidden;
  }

  .menu-toggle {
    display: inline-block;
  }

  .primary-nav {
    position: absolute;
    top: 78px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: min(var(--container), calc(100% - 24px));
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 14px;
    box-shadow: var(--shadow-strong);
    padding: 12px;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .primary-nav.is-open {
    display: flex;
  }

  .primary-menu,
  .menu-fallback {
    width: 100%;
    flex-direction: column;
    align-items: stretch;
    gap: 4px;
  }

  .primary-menu li a,
  .menu-fallback li a {
    padding: 12px 12px;
  }

  .nav-cta {
    width: 100%;
    justify-content: center;
  }

  .language-switcher {
    width: 100%;
    justify-content: flex-start;
    flex-wrap: wrap;
    border-radius: 18px;
  }

  .hero-metrics {
    grid-template-columns: 1fr;
  }

  .cards-3,
  .capability-grid,
  .post-grid {
    grid-template-columns: 1fr;
  }

  .footer-grid {
    grid-template-columns: 1fr;
  }

  .section {
    padding: 58px 0;
  }

  .hero-section {
    padding: 64px 0 50px;
  }
}

/* ========================================================================== */