﻿@media (max-width: 1024px) {
  .hero, .ecosystem-grid, .service-grid, .footer-grid, .kpi-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 768px) {
  .nav-toggle { display: inline-flex; }
  .primary-nav { position: fixed; inset: 72px 0 auto 0; background: #fff; border-bottom: 1px solid #e2e8f0; padding: var(--space-4); display: none; flex-direction: column; align-items: stretch; }
  .primary-nav.is-open { display: flex; }
  .hero, .ecosystem-grid, .service-grid, .footer-grid, .kpi-grid { grid-template-columns: 1fr; }
  .section { padding-block: var(--space-6); }
}
@media (prefers-color-scheme: dark) {
  body { background: #020617; color: #cbd5e1; }
  h1,h2,h3,h4 { color: #f8fafc; }
  .site-header { background: rgba(2,6,23,.92); border-color: #1e293b; }
  .nuqta-card, .infra-card { background: #0f172a; border-color: #1e293b; color: #cbd5e1; }
  .btn-secondary { border-color: #334155; color: #f8fafc; }
  .primary-nav { background: #020617; }
  input, select, textarea { background: #0b1224; border-color: #334155; color: #e2e8f0; }
}
[dir='rtl'] .nav-wrap,
body.rtl .nav-wrap { flex-direction: row-reverse; }
