@media (max-width: 900px) {
  .ts-hero, .ts-two-col, .ts-tool-hero { grid-template-columns: 1fr; }
  .ts-card-grid, .ts-card-grid-4 { grid-template-columns: 1fr 1fr; }
  .ts-footer-grid { grid-template-columns: 1fr; }
  .ts-nav-toggle { display: inline-flex; }
  .ts-nav { position: absolute; left: 16px; right: 16px; top: 68px; display: none; background: #fff; border: 1px solid var(--ts-border); border-radius: 18px; padding: 12px; box-shadow: var(--ts-shadow); }
  .ts-nav.is-open { display: block; }
  .ts-nav-list { display: grid; gap: 4px; }
  .ts-nav-list a { border-radius: 12px; }
}
@media (max-width: 640px) {
  .ts-container { width: min(100% - 24px, var(--ts-container)); }
  .ts-hero { padding-top: 28px; }
  .ts-hero-copy { padding: 26px; }
  .ts-card-grid { grid-template-columns: 1fr; }
  .ts-demo-row { flex-direction: column; }
  .ts-demo-grid { grid-template-columns: 1fr; }
}