.mava-opening { display: grid; grid-template-columns: minmax(0, 1fr) 420px; align-items: center; gap: 80px; padding-bottom: 80px; }
.mava-flow-copy { margin-top: 30px; }
.case-copy h3 { margin-bottom: 12px; font-size: 19px; font-weight: 500; line-height: 1.5; letter-spacing: -.015em; }
.mava-knowledge { padding-bottom: 80px; }
.mava-knowledge .screen-intro { max-width: 740px; margin-bottom: 32px; }
.mava-knowledge-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px; }
.mava-knowledge-grid article { display: flex; flex-direction: column; }
.mava-detail-copy { margin-bottom: 24px; }
.mava-knowledge-grid figure { margin-top: auto; }
.mava-testing { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 72px; padding-bottom: 80px; }
.mava-testing figure { grid-column: 1; grid-row: 1; }
.mava-testing > .case-copy { grid-column: 2; grid-row: 1; }
.mava-customization { max-width: 980px; margin-inline: auto; padding-bottom: 72px; }
.mava-customization .screen-intro { max-width: 740px; margin-bottom: 28px; }

@media (max-width: 1000px) {
  .mava-opening { grid-template-columns: minmax(0, 1fr) 40%; gap: 40px; }
  .mava-testing { gap: 40px; }
}
@media (max-width: 700px) {
  .mava-opening { grid-template-columns: 1fr; gap: 28px; padding-bottom: 52px; }
  .mava-flow-copy { margin-top: 24px; }
  .mava-builder { max-width: 420px; }
  .mava-knowledge { padding-bottom: 52px; }
  .mava-knowledge .screen-intro { margin-bottom: 26px; }
  .mava-knowledge-grid { grid-template-columns: 1fr; gap: 34px; }
  .mava-detail-copy { margin-bottom: 20px; }
  .mava-testing { grid-template-columns: 1fr; gap: 26px; padding-bottom: 52px; }
  .mava-testing figure, .mava-testing > .case-copy { grid-column: auto; grid-row: auto; }
  .mava-customization { padding-bottom: 52px; }
  .mava-customization .screen-intro { margin-bottom: 24px; }
}