/* Hope Money — Money Market 2.0 + Yield composition pies.
   Navy section that lives on the Performance page below the chart. */

.hope-mm2 {
  --hm2-navy:      #0A1D47;
  --hm2-orange:    #FE5E1A;
  --hm2-white:     #FFFFFF;
  --hm2-cream:     #FAF7F2;
  --hm2-ink-soft:  rgba(255, 255, 255, 0.85);
  --hm2-ink-muted: rgba(255, 255, 255, 0.55);
  --hm2-hairline:  rgba(255, 255, 255, 0.10);
  --hm2-card:      rgba(255, 255, 255, 0.04);

  background: var(--hm2-navy);
  color: var(--hm2-ink-soft);
  font-family: 'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  position: relative;
  box-sizing: border-box;
}

.hope-mm2__stage {
  max-width: 1360px;
  margin: 0 auto;
  padding: 88px clamp(20px, 4vw, 40px) 96px;
  box-sizing: border-box;
}

.hope-mm2__head { text-align: center; max-width: 800px; margin: 0 auto 28px; }
.hope-mm2__title {
  font-family: 'Fraunces','Times New Roman',serif;
  font-size: 56px; font-weight: 500;
  letter-spacing: -1.6px; line-height: 1.05;
  color: var(--hm2-white); margin: 0;
}

.hope-mm2__body {
  max-width: 760px;
  margin: 0 auto;
}
.hope-mm2__body p {
  font-size: 17px; font-weight: 500;
  line-height: 1.65; letter-spacing: -0.05px;
  color: var(--hm2-ink-soft);
  margin: 0 0 18px;
}
.hope-mm2__body p:last-child { margin-bottom: 0; }
.hope-mm2__body strong { color: var(--hm2-white); font-weight: 600; }

.hope-mm2__pies-head { text-align: center; margin: 64px auto 20px; }
.hope-mm2__pies-title {
  font-family: 'Fraunces','Times New Roman',serif;
  font-size: 26px; font-weight: 500;
  letter-spacing: -0.6px; line-height: 1.2;
  color: var(--hm2-orange); margin: 0;
}

.hope-mm2__pies-frame {
  background: transparent;
  border-radius: 16px;
  overflow: hidden;
}
.hope-mm2__pies-frame iframe {
  width: 100% !important;
  border: 0 !important;
  background: transparent !important;
  display: block;
  min-height: 500px;
}

@media (max-width: 767px) {
  .hope-mm2__stage { padding: 56px 20px 64px; }
  .hope-mm2__title { font-size: 36px; letter-spacing: -1px; }
  .hope-mm2__body p { font-size: 15px; }
  .hope-mm2__pies-head { margin-top: 44px; }
  .hope-mm2__pies-title { font-size: 22px; }
  .hope-mm2__pies-frame iframe { min-height: 420px; }
}