/* Final layout refinements keep the hero reading order explicit. */
.mk-hero-main{gap:0 78px}
.mk-hero-copy{grid-column:1;grid-row:1}
.mk-hero-form{grid-column:2;grid-row:1/span 2}
.mk-hero-main>.mk-live-scene{grid-column:1;grid-row:2}
.mk-problem-stage{display:grid;min-height:0}
.mk-problem-stage>h1{grid-area:1/1}
.mk-problem-stage h1{position:relative;inset:auto;padding-bottom:.16em}

@media(max-width:1050px){
  .mk-hero-main{gap:38px}
  .mk-hero-copy,.mk-hero-form,.mk-hero-main>.mk-live-scene{grid-column:1;grid-row:auto}
  .mk-hero-copy{order:1}
  .mk-hero-form{order:2}
  .mk-hero-main>.mk-live-scene{order:3;margin-top:0}
}

@media(max-width:680px){
  .mk-hero-main{gap:31px}
  .mk-sticky-cta{transition:transform .22s ease,opacity .22s ease}
  .mk-sticky-cta.is-hidden{transform:translateY(calc(100% + 22px));opacity:0;pointer-events:none}
}