@media(max-width:768px){
  nav{padding:14px 20px;}
  .nav-links{gap:16px;flex-wrap:wrap;}
  .nav-links a{font-size:13px;}
  .hero{flex-direction:column;padding:40px 20px;gap:30px;}
  .hero-text h1,.hero-text h2{font-size:26px;}
  .hero-text p{font-size:14px;}
  .hero-img{width:100%;}
  .hero-img img{max-height:260px;width:100%;object-fit:cover;}
  .btn{padding:12px 20px;font-size:14px;width:100%;text-align:center;display:block;box-sizing:border-box;}
  .section,.section-center{padding:40px 20px;}
  .two-col,.two-col.reverse{flex-direction:column;gap:30px;}
  .two-col img{width:100%;max-height:220px;object-fit:cover;}
  .features,.services-grid{grid-template-columns:1fr;padding:40px 20px;gap:16px;}
  .cards{flex-direction:column;}
  .card{min-width:unset;}
  .content{padding:30px 20px;}
  h2,.section-title{font-size:24px;}
  table{font-size:12px;}
  th,td{padding:8px 6px;}
  footer{padding:30px 20px;}
  .footer-inner{flex-direction:column;gap:16px;text-align:center;}
  .form-wrap{padding:0 16px;margin:40px auto;}
  .nav-brand{font-size:17px;}
  .welcome{font-size:12px;}
  .card-num{font-size:28px;}
  .btn-launch{width:100%;text-align:center;display:block;box-sizing:border-box;}
}
@media(max-width:480px){
  .nav-links{gap:10px;}
  .nav-links a{font-size:12px;}
  .hero-text h1,.hero-text h2{font-size:20px;}
  .card-num{font-size:24px;}
  nav{padding:10px 16px;}
}

@media(max-width:768px){
  #musicBtn, #volSlider, #volIcon, #songName{
    font-size:9px;
  }
  #volSlider{width:50px;}
}