@media (max-width: 900px) {
  html, body { overflow-x: hidden; }
  .hero > *, .signal-card, .code-cols, .deployment-card { min-width: 0; max-width: 100%; }
  .nav-links.open {
    display: flex;
    position: absolute;
    left: 24px;
    right: 24px;
    top: 68px;
    padding: 20px;
    flex-direction: column;
    background: #0b1814;
    border: 1px solid #29473a;
    border-radius: 8px;
    box-shadow: 0 24px 60px #0008;
  }
  .menu { display: grid; gap: 5px; padding: 8px; }
  .menu i { display: block; width: 20px; height: 1px; background: #dce9e3; }
}

@media (max-width: 600px) {
  .hero h1 { font-size: 42px; letter-spacing: -2.5px; overflow-wrap: normal; }
  .hero-copy > p { font-size: 15px; }
  .signal-card { padding: 16px; }
  .confidence { gap: 14px; }
  .score { width: 76px; height: 76px; }
  .signal-grid b { font-size: 13px; }
}