/* ============ RESPONSIVE ============ */
  @media (max-width: 980px) {
    .pathway { grid-template-columns: repeat(2, 1fr); }
  }
  @media (max-width: 900px) {
    .tiles { grid-template-columns: 1fr; max-width: 24rem; }
    .duo, .incident-cols, .perception { grid-template-columns: 1fr; }
    .hero-stats { grid-template-columns: 1fr; }
    .hstat { padding: 1.3rem 0.2rem; }
    .hstat + .hstat { border-left: none; border-top: 1px solid var(--ink-line); }
  }
  @media (max-width: 640px) {
    .band { padding: 4.2rem 0; }
    .hero { padding: 8rem 0 4.5rem; }
    .crow { grid-template-columns: 6.4rem 1fr !important; gap: 0.6rem; }
    .crow__label { font-size: 0.82rem; }
    .crow__val { font-size: 0.82rem; }
    .about-grid { grid-template-columns: 1fr; }
    .chart-card { padding: 1.3rem 1.1rem 1rem; }
    .pathway { grid-template-columns: 1fr; }
    .incident-panel { padding: 1.3rem; }
    
    .sim-row { flex-wrap: wrap; gap: 0.25rem 0.8rem; margin-bottom: 1.1rem; }
    .sim-row label { min-width: 0; flex: 1 1 auto; }
    .sim-row output { min-width: 0; }
    .sim-row input[type="range"] { flex: 1 0 100%; order: 3; }
  }