/* =========================================================
   PILOT PAGE — ISOLATE FROM GLOBAL STACKED SECTION RULES
   ========================================================= */

.pilot-page {
  display: block !important;
  position: relative !important;
  width: 100% !important;
  max-width: none !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
}

.pilot-page > section {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;

  display: block !important;

  width: 100% !important;
  max-width: none !important;

  height: auto !important;
  min-height: 0 !important;

  overflow: visible !important;

  transform: none !important;
  z-index: auto !important;
}

.pilot-hero {
  display: grid !important;
  min-height: calc(100svh - 4rem) !important;
  overflow: hidden !important;
}

.pilot-section {
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  overflow: visible !important;
}

.pilot-section .container,
.pilot-hero .container,
.pilot-closing .container {
  position: relative !important;
  width: 100% !important;
  max-width: var(--container, 76rem);
}

.pilot-section__grid,
.pilot-steps,
.pilot-two-column,
.pilot-example {
  min-width: 0 !important;
}

@media (max-width: 900px) {
  .pilot-hero {
    min-height: auto !important;
  }

  .pilot-page > section,
  .pilot-section,
  .pilot-closing {
    position: relative !important;
    top: auto !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: visible !important;
  }
}

.pilot-nav {
  gap: 1.35rem !important;
}

.pilot-nav__cta {
  margin-left: .25rem;
}

.pilot-section:first-of-type {
  padding-top: clamp(6rem, 10vw, 10rem) !important;
}
