body.mendi-public-site .levelHero {
  padding: 72px 0 64px;
  background: linear-gradient(135deg, #fff9f2 0%, #fff 72%);
  overflow: hidden;
}

body.mendi-public-site .levelHeroGrid,
body.mendi-public-site .levelTwoColumns {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 56px;
  align-items: center;
}

body.mendi-public-site .levelHero h1 {
  max-width: 760px;
  margin: 14px 0 20px;
  font-size: clamp(2.7rem, 6vw, 5.4rem);
  line-height: 0.98;
  color: #1d100d;
}

body.mendi-public-site .levelHero h1 span { color: #12656c; }
body.mendi-public-site .levelLead { max-width: 680px; font-size: 1.13rem; line-height: 1.75; color: #6b6461; }
body.mendi-public-site .levelActions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }

body.mendi-public-site .levelVisual {
  position: relative;
  min-height: 390px;
  padding: 42px;
  border: 1px solid #e7e1db;
  border-radius: 30px;
  background: #fff;
  box-shadow: 0 22px 60px rgba(29, 16, 13, 0.08);
}

body.mendi-public-site .levelVisual strong {
  display: block;
  margin-bottom: 18px;
  font-size: 1.45rem;
  color: #1d100d;
}

body.mendi-public-site .levelVisual ul,
body.mendi-public-site .levelChecklist {
  list-style: none;
  padding: 0;
  margin: 0;
}

body.mendi-public-site .levelVisual li,
body.mendi-public-site .levelChecklist li {
  position: relative;
  padding: 13px 0 13px 34px;
  border-bottom: 1px solid #eee8e2;
  color: #4f4946;
}

body.mendi-public-site .levelVisual li::before,
body.mendi-public-site .levelChecklist li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 12px;
  width: 23px;
  height: 23px;
  border-radius: 50%;
  background: #eaf2d5;
  color: #58720d;
  text-align: center;
  font-weight: 800;
}

body.mendi-public-site .levelNote {
  margin-top: 22px;
  padding: 16px 18px;
  border-radius: 14px;
  background: #fff4dc;
  color: #60430f;
  font-weight: 700;
}

body.mendi-public-site .levelCards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 36px;
}

body.mendi-public-site .levelInfoCard {
  padding: 28px;
  border: 1px solid #e7e1db;
  border-radius: 20px;
  background: #fff;
}

body.mendi-public-site .levelInfoCard span {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  margin-bottom: 18px;
  border-radius: 14px;
  background: #e7f2f3;
  color: #12656c;
  font-weight: 800;
}

body.mendi-public-site .levelInfoCard h3 { margin: 0 0 10px; color: #1d100d; }
body.mendi-public-site .levelInfoCard p { margin: 0; color: #6b6461; line-height: 1.65; }
body.mendi-public-site .levelSoft { background: #fff9f2; }

body.mendi-public-site .levelBand {
  padding: 36px 0;
  background: #12656c;
  color: #fff;
}

body.mendi-public-site .levelBandInner {
  display: flex;
  justify-content: space-between;
  gap: 28px;
  align-items: center;
}

body.mendi-public-site .levelBand h2 { margin: 0 0 8px; color: #fff; font-size: clamp(1.7rem, 4vw, 2.6rem); }
body.mendi-public-site .levelBand p { margin: 0; color: rgba(255,255,255,.82); }
body.mendi-public-site .levelBand .btn { flex: 0 0 auto; }
body.mendi-public-site .backLink { display: inline-flex; margin-bottom: 22px; color: #12656c; font-weight: 750; }

@media (max-width: 850px) {
  body.mendi-public-site .levelHeroGrid,
  body.mendi-public-site .levelTwoColumns { grid-template-columns: 1fr; gap: 32px; }
  body.mendi-public-site .levelCards { grid-template-columns: 1fr; }
  body.mendi-public-site .levelVisual { min-height: auto; padding: 28px; }
  body.mendi-public-site .levelBandInner { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 560px) {
  body.mendi-public-site .levelHero { padding: 44px 0 48px; }
  body.mendi-public-site .levelActions .btn { width: 100%; justify-content: center; }
}