/* Extra responsive refinements */
@media (max-width: 540px){
  .container{width:min(94vw,1180px)}
  .hero{padding-top:70px}
  .hero-panel,.lead-card,.service-card,.skill-card,.project-body,.testimonial,.contact-panel,.timeline-item,.step{padding:20px}
  .brand-text{font-size:14px}
  .brand-text small{font-size:11px}
  .btn{width:100%}
  .hero-actions{display:grid;grid-template-columns:1fr}
  .metric strong{font-size:24px}
}