/* Homepage width system v1: geometry only, content and visual language unchanged. */
:root {
  --home-content-width: 1240px;
  --home-gutter: clamp(28px, 4.5vw, 72px);
}

/* Keep the main navigation and the page content on one visual grid on wide screens. */
.header {
  padding-inline: max(var(--home-gutter), calc((100vw - var(--home-content-width)) / 2)) !important;
}

/* Full-bleed backgrounds stay intact; only the readable content area receives a limit. */
.ad-hero,
.robot-work,
.live-demo,
.economy-comparison,
.case-showcase,
.launch-stages,
.industry-showcase,
.section,
.pricing-showcase,
.savings-calculator,
.reviews-showcase,
.cta-strip {
  padding-inline: max(var(--home-gutter), calc((100vw - var(--home-content-width)) / 2)) !important;
}

.contact-hub {
  max-width: var(--home-content-width) !important;
}

@media (min-width: 901px) and (max-width: 1365px) {
  :root {
    --home-gutter: clamp(28px, 5vw, 64px);
  }
}

@media (max-width: 900px) {
  :root {
    --home-gutter: 20px;
  }

  .header,
  .ad-hero,
  .robot-work,
  .live-demo,
  .economy-comparison,
  .case-showcase,
  .launch-stages,
  .industry-showcase,
  .section,
  .pricing-showcase,
  .savings-calculator,
  .reviews-showcase,
  .cta-strip {
    padding-inline: var(--home-gutter) !important;
  }
}

@media (max-width: 620px) {
  :root {
    --home-gutter: 16px;
  }
}