/* One responsive content edge shared by every landing section.
   Internal cards and reading-width text keep their own layout. */
.mk-page { --landing-gutter: 48px; --landing-content-max: 1244px; }
@media (max-width: 1050px) { .mk-page { --landing-gutter: 32px; } }
@media (max-width: 760px) { .mk-page { --landing-gutter: 20px; } }
.mk-page .mk-container,
.mk-page .crew-benefits,
.mk-page .solver-journey.mk-section {
  box-sizing: border-box;
  width: calc(100% - 2 * var(--landing-gutter));
  max-width: var(--landing-content-max);
  margin-inline: auto;
  padding-inline: 0;
}

/* Shared scale for the redesigned section headlines. */
.mk-page {--sv-section-heading-size:clamp(40px,4vw,56px);}
.mk-page .crew-benefits h2,
.mk-page .sj-heading h2,
.mk-page .solver-proof-copy h2 {font-size:var(--sv-section-heading-size);}
@media(max-width:1099px){
  .mk-page {--sv-section-heading-size:clamp(32px,5.7vw,46px);}
}

/* Consistent application action at the end of a narrative section. */
.section-application-action {position:relative;z-index:1;display:flex;justify-content:center;margin-top:32px;}
@media(max-width:760px) {.section-application-action {margin-top:28px;}}