/* ============================================================
   RESPONSIVE STYLES — XOGENT.AI
   Mobile-first breakpoints: ≤768px (tablet/mobile), ≤480px (small mobile)
   ============================================================ */

@media (max-width: 1024px) {
  :root {
    --section-padding: 60px;
    --section-padding-x: 48px;
  }

  .footer__top {
    grid-template-columns: 1fr 1fr;
    gap: 32px;
  }

  .cta-block {
    padding: 48px 40px;
  }

  .cta-block__heading {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  :root {
    --section-padding: 48px;
    --section-padding-x: 24px;
  }

  /* NAV */
  .nav {
    position: relative;
    padding: 14px 20px;
    border-radius: 0 0 12px 12px;
  }

  .nav__links,
  .nav__cta {
    display: none;
  }

  .nav__hamburger {
    display: flex;
  }

  /* HERO */
  .hero-content {
    flex-direction: column;
    text-align: center;
  }

  .hero-headline {
    font-size: 36px !important;
  }

  .hero-subtitle {
    font-size: 16px !important;
  }

  .hero-right {
    display: none;
  }

  .btn-row {
    justify-content: center;
  }

  /* STATS BAR */
  .stats-bar {
    flex-wrap: wrap;
    gap: 20px;
    padding: 20px 24px;
    justify-content: center;
  }

  .stat-item {
    min-width: 120px;
  }

  /* SECTION HEADINGS */
  .section-heading {
    font-size: 28px;
  }

  /* SERVICES GRID */
  .services-grid {
    grid-template-columns: 1fr !important;
  }

  /* USE CASES CARDS */
  .uc-card-inner {
    flex-direction: column !important;
    height: auto !important;
  }

  .uc-card-image {
    width: 100% !important;
    height: 200px !important;
  }

  .uc-card-text {
    width: 100% !important;
  }

  /* ABOUT COLUMNS */
  .about-cols,
  .two-col {
    flex-direction: column !important;
    gap: 32px;
  }

  /* STEPS GRID */
  .steps-grid {
    grid-template-columns: 1fr 1fr !important;
  }

  /* VALUES ROW */
  .values-row {
    flex-direction: column !important;
    gap: 24px;
  }

  /* CTA BLOCK */
  .cta-block {
    padding: 40px 24px;
    border-radius: 16px;
  }

  .cta-block__heading {
    font-size: 28px;
  }

  .cta-block__subtitle {
    font-size: 15px;
  }

  .btn-row {
    flex-direction: column;
    align-items: stretch;
    text-align: center;
  }

  .btn--primary,
  .btn--outline-white,
  .btn--white {
    padding: 14px 24px;
    font-size: 15px;
  }

  /* FOOTER */
  .footer {
    padding: 40px 24px 24px;
  }

  .footer__top {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .footer__bottom {
    flex-direction: column;
    gap: 16px;
    text-align: center;
  }

  /* CONTACT COLUMNS */
  .contact-columns {
    flex-direction: column !important;
    gap: 40px;
  }

  /* FAQ CARDS */
  .faq-cards {
    flex-direction: column !important;
  }

  /* TRUST ROW */
  .trust-row {
    flex-direction: column !important;
    gap: 20px;
    align-items: center;
  }

  .trust-dot {
    display: none;
  }

  /* RESULT CARDS */
  .results-row {
    flex-direction: column !important;
  }
}

@media (max-width: 480px) {
  :root {
    --section-padding: 36px;
    --section-padding-x: 16px;
  }

  .hero-headline {
    font-size: 28px !important;
  }

  .section-heading {
    font-size: 24px;
  }

  .steps-grid {
    grid-template-columns: 1fr !important;
  }

  .stat-item__value {
    font-size: 22px;
  }

  .nav-wrapper {
    padding: 8px 16px;
  }
}