/* More markets — numbers from fig-spec of robwaterhause-more-markets (1:3660)
 * and more-markets-mobile (16:1998). */

.mm-hero { position: relative; height: 600px; overflow: hidden; background: var(--color-bg); }
.mm-hero__glow { position: absolute; left: 550px; top: 50px; width: 800px; height: 650px; border-radius: 50%; background: var(--grad-glow-strong); pointer-events: none; }
.mm-hero__inner { position: relative; display: flex; align-items: flex-start; height: 100%; padding-block: 133px; }   /* 1:3684 @243 при секции от 110 */
.mm-hero__left { display: flex; flex-direction: column; gap: 24px; width: 624px; }
.mm-hero__lead { min-height: 72px; }   /* 1:3689 — три строки по 24 */
.mm-hero__title { font-family: var(--font-display); font-weight: 500; font-size: var(--fs-hero-lg); line-height: 81px; letter-spacing: -.04em; color: var(--color-text); }
.mm-hero__lead { font-size: var(--fs-body); line-height: 24px; color: var(--color-muted); }
.mm-hero__note { font-size: var(--fs-caption); line-height: 15px; color: var(--color-dim); }

.mm-choose { background: #090709; }
.mm-choose__inner { display: flex; flex-direction: column; gap: 56px; padding-block: 100px; }
.mm-choose__top { display: flex; justify-content: space-between; align-items: flex-start; gap: 40px; }
.mm-choose__head { display: flex; align-items: center; gap: 24px; }
.mm-choose__num { font-family: var(--font-display); font-weight: 700; font-size: 120px; line-height: 120px; letter-spacing: -.04em; color: var(--color-brand); }
.mm-choose__titles { display: flex; flex-direction: column; gap: 8px; }
.mm-choose__title { font-family: var(--font-display); font-weight: 500; font-size: 48px; line-height: 59px; letter-spacing: -.03em; color: var(--color-text); }
.mm-choose__lead { width: 405px; flex: none; margin-top: 24px; font-size: var(--fs-body); line-height: 24px; color: var(--color-muted); }

.mm-dir { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.mm-card {
  position: relative; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden;
  min-height: 340px; padding: 40px;
  background: var(--color-burgundy); border-radius: var(--radius-xl); box-shadow: inset 0 0 0 1px var(--color-border-brand);
  text-decoration: none; color: var(--color-text);
  transition: box-shadow var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);
}
.mm-card:hover { box-shadow: inset 0 0 0 1px var(--color-brand); transform: translateY(-2px); }
.mm-card__glow { position: absolute; left: 300px; top: 100px; width: 300px; height: 300px; border-radius: 50%; background: var(--grad-glow-strong); pointer-events: none; }
.mm-card__head { position: relative; display: flex; align-items: center; gap: 32px; }
.mm-card__num { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-h2-sm); line-height: 49px; color: var(--color-brand); }
.mm-card__num--sm { font-size: 32px; line-height: 39px; }
.mm-card__rule { width: 1px; height: 40px; background: var(--color-border); }
.mm-card__rule--sm { height: 32px; }
.mm-card__labels { display: flex; flex-direction: column; gap: 4px; }
.mm-card__kicker { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-caption); line-height: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--color-brand); }
.mm-card__name { font-family: var(--font-display); font-weight: 700; font-size: var(--fs-h4); line-height: 34px; text-transform: uppercase; }
.mm-card__name--sm { font-size: var(--fs-h5); line-height: 29px; color: var(--color-white); }
.mm-card__cta { padding-block: 24px; font-family: var(--font-display); font-weight: 700; font-size: var(--fs-ui); line-height: 17px; text-transform: uppercase; }

.mm-promo { position: relative; overflow: hidden; background: var(--color-bg); }
.mm-promo__watermark {
  position: absolute; left: 80px; top: 150px;
  font-family: var(--font-display); font-weight: 700; font-size: 160px; line-height: 195px; text-transform: uppercase;
  color: rgba(255, 24, 63, .11); pointer-events: none;
}
.mm-promo__inner { position: relative; padding-block: 100px; }
.mm-promo__row { display: flex; justify-content: space-between; align-items: center; gap: 48px; }   /* 1:3723 gap 48; сумма шире контейнера — картинка уходит вправо, как в макете */
.mm-promo__content { display: flex; flex-direction: column; gap: 24px; width: 733px; flex: none; }
.mm-promo__meta { display: flex; flex-direction: column; gap: 8px; }
.mm-promo__title { font-family: var(--font-display); font-weight: 700; font-size: 44px; line-height: 48px; letter-spacing: -.03em; color: var(--color-text); }
.mm-promo__text { font-size: var(--fs-ui); line-height: 22px; color: var(--color-muted); }
.mm-promo__actions { display: flex; align-items: center; gap: 24px; }
.mm-promo__btn { height: 44px; padding: 0 28px; background: var(--color-brand); }
.mm-promo__terms { position: relative; font-family: var(--font-display); font-weight: 700; font-size: var(--fs-small); line-height: 15px; text-transform: uppercase; color: var(--color-muted); text-decoration: none; transition: color var(--dur-fast) var(--ease); }
.mm-promo__terms::before { content: ""; position: absolute; inset: 50% 0 auto 0; translate: 0 -50%; height: 100%; min-height: 24px; }   /* тап-зона 24px */
.mm-promo__terms:hover { color: var(--color-text); }
.mm-promo__pic { width: 515px; height: 440px; flex: none; border-radius: var(--radius-2xl); overflow: hidden; }
.mm-promo__pic img { width: 100%; height: 100%; object-fit: cover; }

@media (max-width: 1199px) {
  .mm-hero { height: auto; }
  .mm-hero__glow { left: 35px; top: 20px; width: 320px; height: 320px; }
  .mm-hero__inner { padding-block: 40px 32px; }
  .mm-hero__lead { min-height: 0; }
  .mm-hero__left { width: auto; gap: 16px; }
  .mm-hero__title { font-size: 52px; line-height: 50px; }
  .mm-hero__lead { font-size: var(--fs-ui); line-height: 21px; }

  .mm-choose__inner { gap: 32px; padding-block: 48px; }
  .mm-choose__top { flex-direction: column; gap: 16px; }
  .mm-choose__head { gap: 16px; }
  .mm-choose__num { font-size: 48px; line-height: 48px; }
  .mm-choose__title { font-size: 32px; line-height: 39px; }
  .mm-choose__head { align-items: flex-start; }
  .mm-choose__titles { gap: 4px; }
  .mm-choose__lead { width: auto; margin-top: 0; font-size: var(--fs-ui); line-height: 21px; }
  .mm-dir { grid-template-columns: 1fr; gap: 16px; }
  .mm-card { min-height: 190px; padding: 24px; gap: 24px; border-radius: var(--radius-lg); }
  .mm-card__glow { display: none; }
  .mm-card__head { gap: 20px; }
  .mm-card__num, .mm-card__num--sm { font-size: 32px; line-height: 39px; }
  .mm-card__rule, .mm-card__rule--sm { height: 32px; }
  .mm-card__name, .mm-card__name--sm { font-size: 20px; line-height: 24px; }
  .mm-card__cta { padding-block: 16px 0; font-size: var(--fs-label); line-height: 16px; }

  .mm-promo__watermark { left: 16px; top: 40px; font-size: 90px; line-height: 110px; }
  .mm-promo__inner { padding-block: 48px; }
  .mm-promo__row { flex-direction: column; align-items: stretch; gap: 32px; }
  .mm-promo__content { width: auto; gap: 16px; }
  .mm-promo__title { font-size: 32px; line-height: 36px; }
  .mm-promo__text { font-size: var(--fs-label); line-height: 20px; }
  .mm-promo__actions { flex-direction: column; align-items: stretch; gap: 12px; }
  .mm-promo__btn { width: 100%; height: 48px; }
  .mm-promo__terms { text-align: center; }
  .mm-promo__pic { width: auto; height: 264px; }   /* 16:2055 = 636 */
}