/* Landing page responsive polish — supplements home-mockup + theme without changing desktop layout */

.home-mockup.samridhhi-site {
  overflow-x: clip;
}

.home-mockup.samridhhi-site .container {
  width: 100%;
  max-width: 1140px;
  padding-inline: clamp(1rem, 4.5vw, 1.5rem);
}

.home-mockup.samridhhi-site main {
  overflow-x: clip;
}

.home-mockup.samridhhi-site main section[id] {
  scroll-margin-top: 5.5rem;
}

.home-mockup .hero.hero--light-banner {
  overflow-x: clip;
}

.home-mockup .hero-promo-actions {
  flex-wrap: wrap;
}

.hero-promo-hindi {
  white-space: normal;
  text-wrap: balance;
}

@media (max-width: 1023px) {
  .home-mockup #chrome-header + main .hero.hero--light-banner {
    padding-top: clamp(4.85rem, 13vw, 6.25rem);
  }

  .home-mockup .hero-light-grid {
    gap: 1.75rem;
  }

  .home-mockup .hero-light-copy {
    order: -1;
  }

  .home-mockup .hero-visual--light {
    order: 0;
  }

  .home-mockup .hero-laptop-mockup--light {
    width: min(100%, 520px);
  }

  .home-mockup .hero-ai-float-badge {
    top: 2%;
    right: 4%;
    max-width: 9rem;
    white-space: normal;
    text-align: center;
    line-height: 1.25;
  }

  .home-mockup .stats-grid--icons {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem 1.25rem;
  }

  .home-mockup .workflow-grid,
  .home-mockup .samridhhi-ai-grid.workflow-grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .home-mockup .workflow-visual {
    min-height: 0;
  }

  .home-mockup .download-mockup-split,
  .home-mockup .download-split {
    grid-template-columns: 1fr;
    gap: 2rem;
  }

  .home-mockup .download-visual {
    order: -1;
  }

  .home-mockup .trust-industries-list {
    justify-content: flex-start;
  }

  .home-mockup .trust-industries-list li {
    white-space: normal;
  }
}

@media (min-width: 1024px) and (max-width: 1180px) {
  .home-mockup.samridhhi-site #chrome-header .header-inner.header-inner--chrome {
    width: calc(100% - 2.5rem);
    grid-template-columns: minmax(200px, auto) minmax(0, 1fr) minmax(190px, auto);
    gap: 0.5rem 0.65rem;
  }

  .home-mockup.samridhhi-site #chrome-header .site-nav-pill {
    gap: 0.85rem;
  }

  .home-mockup.samridhhi-site #chrome-header .header-inner--chrome .site-nav-pill a {
    font-size: 0.8125rem;
    padding: 0.45rem 0;
  }

  .home-mockup.samridhhi-site #chrome-header .site-nav-pill {
    gap: 0.65rem;
  }

  .home-mockup .hero-light-grid {
    width: calc(100% - 2.5rem);
    gap: 1.25rem 1.5rem;
  }

  .home-mockup .hero-laptop-mockup--light {
    width: min(100%, 500px);
  }
}

@media (max-width: 720px) {
  .home-mockup .hero-promo-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-mockup .btn-hero-promo-download,
  .home-mockup .btn-hero-promo-demo {
    width: 100%;
    justify-content: center;
  }

  .home-mockup .hero-promo-benefits {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .home-mockup.samridhhi-site #chrome-header .logo.brand-lockup {
    max-width: min(260px, 62vw);
    align-items: center;
  }

  .home-mockup.samridhhi-site #chrome-header .logo-mark-header {
    width: 44px !important;
    height: 44px !important;
  }

  .home-mockup.samridhhi-site #chrome-header .logo-wordmark-name {
    font-size: 1.05rem;
  }

  .home-mockup.samridhhi-site #chrome-header .logo-wordmark-sub {
    font-size: 0.62rem;
    white-space: normal;
    line-height: 1.2;
  }

  .home-mockup .stats-bar {
    padding: 0.85rem 0;
  }

  .home-mockup .stats-grid--icons .stat-value {
    font-size: 0.88rem;
  }

  .home-mockup .section-head h2,
  .home-mockup .section-head-light h2 {
    font-size: clamp(1.35rem, 5.5vw, 1.75rem);
  }

  .home-mockup .download-mockup-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-mockup .download-mockup-actions .btn {
    width: 100%;
    justify-content: center;
  }

  .home-mockup .user-guide-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .home-mockup .user-guide-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Footer gutters are set in samridhhi-theme.css (all pages). */

@media (max-width: 480px) {
  .home-mockup .stats-grid--icons {
    grid-template-columns: 1fr;
  }

  .home-mockup .hero-light-title-line {
    font-size: clamp(1.75rem, 9vw, 2.25rem);
  }

  .home-mockup .hero-light-title-accent {
    font-size: clamp(1.15rem, 5.5vw, 1.45rem);
  }

  .home-mockup .hero-promo-hindi {
    font-size: 1.1rem;
  }

  .home-mockup .india-grid {
    grid-template-columns: 1fr 1fr;
    gap: 0.65rem;
  }

  .home-mockup .india-grid li {
    padding: 0.65rem 0.35rem;
  }
}