@media (max-width: 980px) {
  .nav-links { position:fixed; inset:78px 20px auto; display:none; flex-direction:column; align-items:stretch; padding:20px; background:#fff; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
  .nav-links.open { display:flex; }
  .nav-actions .btn--ghost { display:none; }
  .menu-toggle { display:block; }
  .hero { min-height:auto; }
  .hero-grid, .about-panel { grid-template-columns:1fr; }
  .product-window { transform:none; }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
  .steps { grid-template-columns:repeat(3,1fr); }
  .step:nth-child(3)::after { display:none; }
  .footer-grid { grid-template-columns:repeat(2,1fr); }
  .value-grid { grid-template-columns:repeat(2,1fr); }
  .demo-board { grid-template-columns:1fr; }
  .demo-side { display:none; }
  .demo-cards { grid-template-columns:repeat(2,1fr); }
}
@media (max-width: 640px) {
  .container { width:min(calc(100% - 28px), var(--max-width)); }
  .section { padding:82px 0; }
  .hero { padding-top:118px; }
  .hero h1 { font-size:3rem; }
  .window-body { grid-template-columns:1fr; }
  .mock-sidebar { display:none; }
  .stats, .court-grid { grid-template-columns:1fr; }
  .feature-grid, .content-grid, .value-grid, .demo-cards, .demo-matches { grid-template-columns:1fr; }
  .steps { grid-template-columns:1fr; }
  .step::after { display:none !important; }
  .cta-box { padding:52px 24px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-bottom { flex-direction:column; }
  .guide-item { grid-template-columns:1fr; }
  .court-visual { min-height:360px; }
  .nav-actions .btn--primary { min-height:42px; padding:0 16px; }
}