.mn-platform-page {
  background:
    radial-gradient(circle at 8% 10%, rgba(239, 106, 34, .10), transparent 28rem),
    radial-gradient(circle at 92% 28%, rgba(57, 113, 54, .11), transparent 30rem),
    #fffaf2;
}

.mn-platform-hero {
  padding: clamp(5rem, 10vw, 8.5rem) 1.25rem 3.5rem;
}

.mn-platform-shell {
  width: min(1080px, 100%);
  margin: 0 auto;
}

.mn-platform-intro {
  display: grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(280px, .85fr);
  gap: clamp(1.5rem, 5vw, 4.5rem);
  align-items: center;
}

.mn-platform-copy .mn-platform-eyebrow {
  color: #d9571c;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: .82rem;
}

.mn-platform-copy h1 {
  color: #0e4e32;
  font-size: clamp(2.5rem, 7vw, 5.1rem);
  line-height: .98;
  margin: .7rem 0 1.2rem;
  max-width: 12ch;
}

.mn-platform-copy > p {
  color: #3d4d43;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.75;
  max-width: 62ch;
}

.mn-platform-visual {
  min-height: 390px;
  border-radius: 42% 58% 48% 52% / 48% 42% 58% 52%;
  background: linear-gradient(145deg, #f3d89f, #f8c57d 42%, #e86d2c);
  padding: 1rem;
  box-shadow: 0 28px 70px rgba(36, 66, 43, .16);
  overflow: hidden;
  transform: rotate(1.5deg);
}

.mn-platform-visual img {
  width: 100%;
  height: 100%;
  min-height: 358px;
  object-fit: cover;
  border-radius: inherit;
  display: block;
}

.mn-platform-content {
  padding: 1rem 1.25rem 6rem;
}

.mn-platform-lead {
  background: #0e4e32;
  color: #fff;
  border-radius: 28px;
  padding: clamp(1.5rem, 4vw, 2.75rem);
  margin-bottom: 1.25rem;
  font-size: clamp(1.05rem, 2vw, 1.25rem);
  line-height: 1.75;
}

.mn-platform-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1.25rem;
}

.mn-platform-card {
  border: 1px solid rgba(14, 78, 50, .12);
  background: rgba(255, 255, 255, .9);
  border-radius: 24px;
  padding: clamp(1.35rem, 3vw, 2rem);
  box-shadow: 0 14px 42px rgba(36, 66, 43, .08);
}

.mn-platform-card:nth-child(2n) {
  background: #fff5e7;
}

.mn-platform-card h2 {
  color: #0e4e32;
  font-size: clamp(1.3rem, 3vw, 1.7rem);
  margin: 0 0 .65rem;
}

.mn-platform-card p {
  color: #4c594f;
  line-height: 1.7;
  margin: 0;
}

.mn-platform-close {
  text-align: center;
  color: #0e4e32;
  font-size: clamp(1.25rem, 3vw, 1.75rem);
  font-weight: 800;
  line-height: 1.45;
  padding: 3.5rem 1rem 0;
  margin: 0 auto;
  max-width: 760px;
}

@media (max-width: 760px) {
  .mn-platform-hero { padding-top: 6.25rem; }
  .mn-platform-intro { grid-template-columns: 1fr; }
  .mn-platform-copy h1 { max-width: 15ch; }
  .mn-platform-visual { min-height: 230px; order: -1; }
  .mn-platform-visual img { min-height: 210px; }
  .mn-platform-grid { grid-template-columns: 1fr; }
  .mn-platform-content { padding-bottom: 4rem; }
}