/* =========================================================
   AkaTech Solutions — Responsive Refinements
   Breakpoints: 1200 / 992 / 768 / 576 / 400
   ========================================================= */

/* Large desktops already covered by base max-width container.
   Refine tablets, small tablets, and phones below. */

@media (max-width:1200px){
  .container{ padding:0 20px; }
  .cta-band{ padding:52px; }
}

@media (max-width:992px){
  :root{ --header-h:70px; }
  .hero-stats{ gap:28px; }
  .about-img-main img{ height:340px; }
  .why-metric b{ font-size:28px; }
}

@media (max-width:768px){
  .site-header .nav-cta .btn-primary{ padding:10px 18px; font-size:14px; }
  .hero{ min-height:auto; padding-bottom:60px; }
  .hero-actions .btn{ width:100%; }
  .hero-actions{ flex-direction:column; }
  .section-head{ margin-bottom:40px; }
  .cta-band{ flex-direction:column; text-align:center; }
  .cta-actions{ justify-content:center; width:100%; }
  .cta-actions .btn{ flex:1; min-width:150px; }
  .footer-bottom{ flex-direction:column; text-align:center; }
  .contact-info-card, .contact-form-card{ padding:30px; }
}

@media (max-width:576px){
  .brand-name{ font-size:16px; }
  .brand-mark{ width:34px; height:34px; font-size:15px; }
  .hero-copy p{ font-size:16px; }
  .hero-stats{ gap:22px; }
  .hero-stat b{ font-size:24px; }
  .section-pad{ padding:60px 0; }
  .service-card{ padding:28px 22px; }
  .about-float-card{ max-width:100%; }
  .faq-question{ font-size:15.5px; padding:20px 2px; }
  .testi-card, .why-panel, .contact-info-card, .contact-form-card{ padding:24px; }
  .map-wrap iframe{ height:280px; }
  .error-page .error-code{ font-size:96px; }
}

@media (max-width:400px){
  .container{ padding:0 16px; }
  .brand-name{ display:none; }
  .hero-copy h1{ font-size:30px; }
  .btn{ padding:12px 20px; font-size:14px; }
  .scroll-top{ width:42px; height:42px; right:16px; bottom:16px; }
}

/* Print styles */
@media print{
  .site-header, .scroll-top, #preloader, .hero-scroll-cue{ display:none !important; }
}