/* <REDACTED-AGENCY> — Responsive */

@media (max-width: 1100px) {
  .sec1_layout {
    grid-template-columns: 220px 1fr 220px;
    gap: 24px;
  }
  .hero_main h1 { font-size: 48px; }
  .stats_layout { grid-template-columns: repeat(2, 1fr); }
  .pro_layout { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 900px) {
  .sec1_layout {
    grid-template-columns: 1fr;
    gap: 32px;
    padding: 40px 0 200px;
  }
  .hero_persona { display: none; }
  .hero_aside {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
  .hero_logo_decor { display: none; }
  .hero_main h1 { font-size: 38px; }
  .hero_main .hero-tag { font-size: 22px; }
  .hero_main .hero-services-line { font-size: 17px; }
  .hero_main .hero-sub-badge { font-size: 17px; padding: 12px 20px; }
  .service_tabs {
    bottom: 20px;
    gap: 8px;
  }
  .service_tab {
    min-width: 0;
    flex: 1 1 calc(33% - 8px);
    padding: 12px 10px;
    font-size: 13px;
  }
  .sec2_layout,
  .sec4_layout,
  .sec5_layout {
    grid-template-columns: 1fr;
  }
  .stats_layout { grid-template-columns: 1fr; }
  .pro_layout { grid-template-columns: repeat(2, 1fr); }
  #section02,
  #section03,
  #section04,
  #process,
  #section05,
  #section06 {
    padding: 80px 0;
  }
  .center_tit { margin-bottom: 40px; }
}

@media (max-width: 520px) {
  .nav-container { padding: 0 16px; }
  .brand { font-size: 18px; }
  .brand .brand-icon { width: 30px; height: 30px; }
  .hero_main h1 { font-size: 30px; }
  .hero_phone { font-size: 20px; }
  .hero_socials a { width: 38px; height: 38px; font-size: 18px; }
  .feature_card,
  .industry_card,
  .review_card {
    padding: 28px 22px;
  }
  .stat_card .num { font-size: 44px; }
  .cta_btn { padding: 14px 28px; font-size: 16px; }
}