/*
 * Landing-page vertical rhythm.
 *
 * Keep this focused on the major visual sections. Nested cards, FAQ rows,
 * buttons, and other component-level spacing retain their own padding.
 */
html[data-theme] .lp-reference > .lpv3-hero.lp4-hero,
.lp-reference > .lp-feature-showcase,
.lp-results-wrap > .lp-results-subsection,
.lp-results-wrap > .lp-os-section,
.lp-results-wrap > .lp-network-section,
.lp-results-wrap > .lp-customer-stories,
.lp-results-wrap > .lp-results-cta {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

/* The results element is a structural wrapper, not another visual section. */
.lp-reference > .lp-results {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*
 * The desktop compliance composition was originally fixed at 710px tall.
 * Its artwork is also 710px tall, so the shared 120px section padding needs
 * an auto-sized outer section instead of being squeezed inside that height.
 */
@media (min-width: 1501px) {
  .lp-results-wrap > .lp-compliance {
    height: auto !important;
    min-height: 950px !important;
  }
}

/* Remove the large decorative curve lines used between landing sections. */
.lp-reference > .lp-results::before,
.lp-reference > .lp-results::after,
.lp-results-wrap > .lp-results-subsection--steps::before,
.lp-results-wrap > .lp-results-subsection--steps::after,
.lp-results-wrap > .lp-results-faq::before,
.lp-results-wrap > .lp-results-faq::after,
.lp-results-wrap > .lp-os-reference::before,
.lp-results-wrap > .lp-os-reference::after,
.lp-results-wrap > .lp-network-reference::before,
.lp-results-wrap > .lp-customer-stories::before,
.lp-results-wrap > .lp-customer-stories::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.lp-results-wrap .lp-results-divider {
  display: none !important;
}

/*
 * One continuous page surface prevents color seams between section A and
 * section B. The shared grid lives on the page itself so it does not restart
 * or change scale at each section boundary.
 */
html[data-theme] body.lp-reference {
  --lp-section-background: #061329;
  background-color: var(--lp-section-background) !important;
  background-image:
    linear-gradient(rgba(96, 165, 250, .035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(96, 165, 250, .035) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
}

html[data-theme] body.lp-reference > .lp4-hero,
html[data-theme] body.lp-reference > .lp-feature-showcase,
html[data-theme] body.lp-reference > .lp-results,
html[data-theme] .lp-results-wrap > .lp-compliance,
html[data-theme] .lp-results-wrap > .lp-industry-showcase,
html[data-theme] .lp-results-wrap > .lp-results-subsection--steps,
html[data-theme] .lp-results-wrap > .lp-results-faq,
html[data-theme] .lp-results-wrap > .lp-os-reference,
html[data-theme] .lp-results-wrap > .lp-network-reference,
html[data-theme] .lp-results-wrap > .lp-customer-stories {
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
}

html[data-theme] body.lp-reference > .lp4-hero::before,
html[data-theme] body.lp-reference > .lp-feature-showcase::before {
  background: none !important;
}

.lp-reference .lp-results-grid {
  display: none !important;
}

/* These two sections have later inline theme rules, so scope them explicitly. */
html[data-theme] body.lp-reference .lp-results-wrap > section.lp-os-section.lp-os-reference,
html[data-theme] body.lp-reference .lp-results-wrap > section.lp-network-section.lp-network-reference {
  background: transparent !important;
  background-size: auto !important;
}

/* Remove only the testimonials section's outer frame. */
html[data-theme] body.lp-reference .lp-results-wrap > section.lp-customer-stories {
  border: 0 !important;
}