/* ── RESPONSIVE ──────────────────────────────────────── */

/* Global mobil overflow guard */
@media(max-width:768px){
  html,body{overflow-x:hidden;width:100%}
  img,video,iframe,table{max-width:100%}
}

/* 1100px */
@media(max-width:1100px){
  .about-grid,.why-grid,.contact-grid{grid-template-columns:1fr;gap:3rem}
  .about-media,.why-img-wrap{max-width:560px;margin:0 auto}
  .about-floating{right:-10px;bottom:-10px}
  .why-badge{right:-10px;bottom:-10px}
  .footer-grid{grid-template-columns:1.5fr 1fr 1fr;gap:2.5rem}
  .footer-grid>:last-child{grid-column:1/-1}
  .stats-grid,.feat-strip-grid{grid-template-columns:repeat(2,1fr)}
  .stat-card{border-bottom:1px solid rgba(255,255,255,.07)}
  .stat-card:nth-child(2n){border-right:none}
  .feat-card{border-bottom:1px solid rgba(255,255,255,.06)}
}

/* 900px */
@media(max-width:900px){
  .section{padding:72px 0}
  .main-nav,.hdr-actions .cta-btn{display:none}
  .hamburger{display:flex}
  .services-grid{grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:1fr 1fr}
  .blog-list-grid{grid-template-columns:1fr 1fr}
  .areas-grid{grid-template-columns:1fr 1fr}
  .area-card:nth-child(1){grid-column:span 2;min-height:220px}
  .area-card:nth-child(4){grid-row:span 1;min-height:180px}
  .hero-nav{right:20px}
  .hs-item{padding:16px 18px}
  .hs-num{font-size:1.4rem}
}

/* 768px */
@media(max-width:768px){
  .topbar{display:none}
  .wrap{padding:0 16px}
  .section{padding:56px 0}
  .section-header{margin-bottom:44px}
  .site-logo img{height:44px}
  .hero{height:100svh;min-height:520px}
  .hero>.wrap{height:100%;display:flex;flex-direction:column;justify-content:center}
  .hero-body{padding:80px 0 120px}
  .hero-stats{position:relative;bottom:auto}
  .hero-stats .hero-stats{flex-direction:column}
  .hs-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);padding:14px 16px}
  .hero-nav{display:none}
  .feat-strip-grid{grid-template-columns:1fr 1fr}
  .services-grid{grid-template-columns:1fr}
  .areas-grid{grid-template-columns:1fr 1fr}
  .area-card:nth-child(1){min-height:200px}
  .blog-grid{grid-template-columns:1fr}
  .blog-list-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr;gap:2rem}
  .footer-grid>:first-child{grid-column:1/-1}
  .footer-bottom{flex-direction:column;text-align:center;gap:.5rem}
  .fb-links{justify-content:center}
  .exp-banner-inner{flex-direction:column;text-align:center}
  .exp-text p{max-width:100%;margin:0 auto}
  .exp-actions{justify-content:center}
  .contact-form-wrap{padding:28px 22px}
  .form-row{grid-template-columns:1fr}
  .btt,.wa-float{right:16px}
  .btt{bottom:16px}
  .wa-float{bottom:70px}
  .about-text .checks{grid-template-columns:1fr}
  .mob-nav{padding:80px 20px 30px;overflow-x:hidden}
  .mob-link{font-size:.95rem}
  iframe{max-width:100%}
}

/* 480px */
@media(max-width:480px){
  .hero-title{font-size:clamp(2rem,9vw,3rem)}
  .feat-strip-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr 1fr}
  .stat-card{padding:20px}
  .areas-grid{grid-template-columns:1fr}
  .area-card:nth-child(1){grid-column:span 1;min-height:180px}
  .area-card:nth-child(4){grid-row:span 1}
  .footer-grid{grid-template-columns:1fr}
  .hero-actions{flex-direction:column;align-items:flex-start}
  .btn-hero-primary,.btn-hero-ghost{width:100%;justify-content:center}
  .hs-num{font-size:1.3rem}
  .hero-stats{display:none}
}