/* Responsive Styles - Mobile First Optimization */
@media(max-width:1024px){
  .services-grid,.values-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:repeat(2,1fr)}
  .why-grid,.about-preview,.contact-grid,.service-detail{grid-template-columns:1fr;gap:40px}
  .service-detail.reverse{direction:ltr}
  .process-grid{grid-template-columns:repeat(2,1fr);gap:36px}
  .process-grid::before{display:none}
  .gallery-grid{grid-template-columns:repeat(3,1fr)}
  .gallery-item:first-child{grid-column:span 1;grid-row:span 1}
  .areas-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
  .section{padding:60px 0}
  .nav-desktop{display:none}
  .hamburger{display:flex}
  .hero{min-height:auto}
  .hero-content{padding:110px 0 60px}
  .hero h1{font-size:2rem}
  .hero-desc{font-size:.95rem}
  .hero-stats{gap:24px}
  .hero-stat-number{font-size:1.5rem}
  .hero-buttons{flex-direction:column}
  .hero-buttons .btn{width:100%;justify-content:center}
  .trust-grid{grid-template-columns:repeat(2,1fr);gap:16px}
  .trust-item{padding:16px}
  .trust-number{font-size:1.6rem}
  .services-grid{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}
  .values-grid{grid-template-columns:1fr;max-width:450px;margin-left:auto;margin-right:auto}
  .process-grid{grid-template-columns:1fr;max-width:350px;margin-left:auto;margin-right:auto;gap:28px}
  .gallery-grid{grid-template-columns:repeat(2,1fr)}
  .areas-grid{grid-template-columns:1fr}
  .contact-form{padding:28px}
  .form-row{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr;text-align:center}
  .footer-about{max-width:100%}
  .footer-about .logo{justify-content:center}
  .footer-bottom{justify-content:center;text-align:center}
  .footer-socials{justify-content:center}
  .about-img-secondary{position:relative;bottom:auto;right:auto;width:100%;margin-top:16px}
  .about-images{padding-bottom:0}
  .about-stats{justify-content:center;text-align:center}
  .testimonial-card{padding:28px}
  .testimonial-text{font-size:1rem}
  .page-hero{padding:130px 0 60px}
  .cta-banner{padding:50px 0}
  .section-header{margin-bottom:36px}
  .why-image img{min-height:280px}
  .timeline{padding-left:35px}
  .service-detail-img img{height:250px}
  .why-item{flex-direction:column;text-align:center;align-items:center}
  .contact-info-card{flex-direction:column;text-align:center;align-items:center}
}
@media(max-width:480px){
  .container{padding:0 16px}
  .hero-content{padding:100px 0 50px}
  .hero h1{font-size:1.7rem}
  .hero-desc{font-size:.88rem}
  .hero-stats{flex-direction:column;gap:16px}
  .hero-stat{display:flex;align-items:center;gap:12px;text-align:left}
  .trust-grid{grid-template-columns:1fr 1fr;gap:10px}
  .trust-item{padding:12px 8px}
  .trust-icon{width:44px;height:44px}
  .trust-icon svg{width:20px;height:20px}
  .trust-number{font-size:1.3rem}
  .trust-label{font-size:.75rem}
  .section{padding:48px 0}
  .btn{padding:12px 24px;font-size:.88rem}
  .section-label{font-size:.75rem;padding:6px 14px}
  .service-card-body{padding:22px}
  .testimonial-card{padding:22px 18px}
  .testimonial-avatar{width:44px;height:44px}
  .testimonial-text{font-size:.92rem}
  .faq-question{padding:16px 18px;font-size:.88rem}
  .faq-answer p{padding:0 18px 16px;font-size:.85rem}
  .contact-form{padding:22px 18px}
  .cta-banner{padding:40px 0}
  .gallery-grid{grid-template-columns:1fr 1fr;gap:10px}
  .page-hero{padding:110px 0 45px}
  .page-hero h1{font-size:1.6rem}
  .mobile-menu{width:90%;padding:90px 24px 30px}
  .footer{padding:50px 0 0}
  .footer-grid{gap:28px}
  .value-card{padding:28px 20px}
  .process-number{width:50px;height:50px;font-size:1rem}
  .about-img-main img{height:260px}
  .about-img-secondary img{height:160px}
  .service-detail-img img{height:200px}
  .slider-controls{gap:10px}
  .slider-arrow{width:34px;height:34px}
}
