/* Responsive */

/* ── HOME ── */
@media (max-width: 1000px) {
  .mega-grid { grid-template-columns: repeat(2, 1fr); }
  .foot-top { grid-template-columns: 1fr 1fr 1fr; }
  .hero-wrap,
  .prod-top,
  .ai-wrap { grid-template-columns: 1fr; }
  .hero-card,
  .why-box { display: none; }
  .prod-cards { grid-template-columns: 1fr 1fr; }
  .proc-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 768px) {
  .nav-list,
  .nav-cta { display: none; }
  .testi-grid { grid-template-columns: 1fr; }
  .proc-grid { grid-template-columns: 1fr; }
  .prod-cards { grid-template-columns: 1fr; }
  .prod-stats { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 500px) {
  .foot-top { grid-template-columns: 1fr; }
  .rib-div { display: none; }
  .section { padding: 60px 0; }
}

/* ── PRODUCTS ── */
@media (max-width: 900px) {
  .hero-inner { grid-template-columns: 1fr; }
  .feat-grid { grid-template-columns: 1fr 1fr; }
  .hiw-grid { grid-template-columns: 1fr 1fr; }
  .screens-grid { grid-template-columns: 1fr; }
  .rel-grid { grid-template-columns: 1fr; }
}

@media (max-width: 600px) {
  .feat-grid { grid-template-columns: 1fr; }
  .hiw-grid { grid-template-columns: 1fr; }
  .sb-div { display: none; }
}

/* ── SERVICES ── */
@media (max-width: 1024px) {
  .hero-layout { grid-template-columns: 1fr; }
  .hero-vis { display: none; }
  .ctm-post-services .feat-grid,
  .cap-grid { grid-template-columns: repeat(2, 1fr); }
  .ctm-post-services .rel-grid { grid-template-columns: repeat(2, 1fr); }
  .ctm-post-services .ind-grid { grid-template-columns: repeat(2, 1fr); }
  .hiw-steps { grid-template-columns: repeat(2, 1fr); }
  .hiw-steps::before { display: none; }
}

@media (max-width: 768px) {
  .pain-grid { grid-template-columns: 1fr; }
  .feat-intro { grid-template-columns: 1fr; }
  .ctm-post-services .feat-grid,
  .cap-grid,
  .ctm-post-services .rel-grid { grid-template-columns: 1fr; }
  .res-grid { grid-template-columns: repeat(2, 1fr); }
  .ctm-post-services .ind-grid { grid-template-columns: repeat(2, 1fr); }
  .hero-stats { gap: 20px; }
}

@media (max-width: 480px) {
  .res-grid { grid-template-columns: 1fr; }
  .ctm-post-services .ind-grid { grid-template-columns: 1fr; }
}

/* ── INDUSTRIES ── */
@media (max-width: 1024px) {
  .ctm-page-industry .pain-grid { grid-template-columns: 1fr; }
}

/* ── ABOUT & CONTACT ── */
@media (max-width: 1024px) {
  .story-grid,
  .approach-grid,
  .why-grid,
  .exp-intro { grid-template-columns: 1fr; }
  .values-grid,
  .exp-grid { grid-template-columns: repeat(2, 1fr); }
  .numbers-grid { grid-template-columns: repeat(2, 1fr); }
  .approach-side { position: static; }
  .ctm-page-contact-us .hero-layout { grid-template-columns: 1fr; }
  .form-grid { grid-template-columns: 1fr; }
  .channels-grid { grid-template-columns: repeat(2, 1fr); }
  .process-steps { grid-template-columns: repeat(2, 1fr); }
  .process-steps::before { display: none; }
}

@media (max-width: 1024px) {
  .perks-grid { grid-template-columns: repeat(2, 1fr); }
  .jcard-body-grid { grid-template-columns: 1fr; }
  .jobs-header { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
  .values-grid,
  .exp-grid { grid-template-columns: 1fr; }
  .perks-grid { grid-template-columns: repeat(2, 1fr); }
  .jcard-top { flex-direction: column; }
  .jcard-right { align-items: flex-start; }
  .hero.hero--about .hero-stats { flex-direction: column; gap: 0; }
  .hero.hero--about .hstat {
    padding: 14px 0;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  .hero.hero--about .hstat:last-child { border-bottom: none; }
  .form-row { grid-template-columns: 1fr; }
  .process-steps { grid-template-columns: 1fr; }
}

@media (max-width: 480px) {
  .numbers-grid { grid-template-columns: 1fr; }
  .channels-grid { grid-template-columns: 1fr; }
  .perks-grid { grid-template-columns: 1fr; }
}