/* Tablet */
@media (max-width:860px){
  .hero{padding:90px 0 70px;}
  section{padding:64px 0;}
  .nav-links{gap:20px; font-size:0.85rem;}
}

/* Mobile */
@media (max-width:640px){
  .nav-links{display:none;}
  .nav-inner{padding:14px 20px;}
  .logo img{height:32px;}
  .hero-actions{flex-direction:column; width:100%;}
  .hero-actions a{width:100%; text-align:center;}
  .btn-primary, .btn-ghost{padding:14px 20px;}
  .section-head{text-align:left;}
  .arch .section-head{margin-bottom:16px;}
  .footer-inner{flex-direction:column; align-items:flex-start; text-align:left;}
  .foot-links{gap:18px; flex-wrap:wrap;}
  body::after{background-size:min(80vw, 340px);}
}

/* Small phones */
@media (max-width:400px){
  h1{font-size:2.1rem;}
  h2{font-size:1.5rem;}
  .screen{width:180px; height:360px;}
}