@media (max-width:900px){
  .grid-3{grid-template-columns:repeat(2,1fr)}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:720px){
  body{font-size:15px}
  .site-header>.container{height:56px;gap:10px}
  .logo-text{font-size:16px}
  .logo-mark{font-size:22px}
  .nav-toggle{display:flex}
  .main-nav{position:absolute;top:56px;left:0;right:0;background:#0d1018;border-bottom:1px solid var(--line);max-height:0;overflow:hidden;transition:max-height .3s}
  .main-nav.open{max-height:360px}
  .main-nav ul{flex-direction:column;padding:8px}
  .main-nav a{font-size:16px;padding:12px}
  .hero{padding:32px 0 28px}
  .stat{padding:12px 14px;min-width:104px}
  .stat b{font-size:22px}
  .section{padding:28px 0}
  .grid-2,.grid-3{grid-template-columns:1fr}
  .article{padding:22px 18px}
  .article h1{font-size:23px}
  .foot-grid{grid-template-columns:1fr;gap:20px}
  table{font-size:14px}
  thead th,tbody td{padding:10px 11px}
}
@media (max-width:420px){
  .hero-stats{gap:8px}
  .stat{flex:1;min-width:0}
  .stat b{font-size:19px}
}