/* ─── RESPONSIVE ─── */
@media (max-width: 900px) {
  nav { padding: 0 24px; }
  .nav-links { display: none; }
  .hero { padding: 100px 24px 80px; }
  .hero-visual { display: none; }
  .stats-bar, .security, .architecture, .capabilities, .tech-stack, .cta, footer { padding-left: 24px; padding-right: 24px; }
  .stats-inner { grid-template-columns: 1fr 1fr; }
  .security-grid { grid-template-columns: 1fr; }
  .arch-layout { grid-template-columns: 1fr; }
  .cap-grid { grid-template-columns: 1fr; }
  .cap-card-big { grid-template-columns: 1fr; grid-column: span 1; }
  .cap-card-img { display: none; }
  .footer-top { grid-template-columns: 1fr 1fr; }
  .container { padding: 0 24px; }
  .tech-item { padding: 20px 20px; }

  /* Pages */
  .page-hero { padding: 120px 24px 60px; }
  .page-content { padding: 60px 24px; }
  .feature-section { padding: 60px 24px; }
  .feature-row { grid-template-columns: 1fr; gap: 40px; }
  .feature-row.reverse { direction: ltr; }
  .feature-stat-grid { grid-template-columns: 1fr 1fr; }
  .use-case-grid { grid-template-columns: 1fr; }
  .contact-grid { grid-template-columns: 1fr; gap: 48px; }
  .values-grid { grid-template-columns: 1fr; }
}