.why-market { padding-block: var(--section-pad-md); }
.why-market__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-40);
}
.why-market__panel {
  display: flex;
  width: 100%;
  overflow: hidden;
  border-radius: var(--radius-section);
}
.why-market__media {
  flex: 0 0 56.8%; /* 727 / 1280 */
  min-width: 0;
}
.why-market__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.why-market__features {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  min-width: 0;
}
.feature-row {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 14px;
  margin-top: calc(var(--border-width) * -1);
  padding: calc(var(--space-36) - var(--border-width)) calc(var(--space-40) - var(--border-width));
  border: var(--border-width) solid var(--color-border-on-light);
  background-color: var(--color-surface-light);
}
.feature-row--first {
  margin-top: 0;
  border-top-right-radius: var(--radius-section);
}
.feature-row--last { border-bottom-right-radius: var(--radius-section); }
.feature-row__chip {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-sm);
  background-color: var(--color-accent-tint);
}
.feature-row__icon { width: 24px; height: 24px; }
.feature-row__title { color: var(--fg); }
.feature-row__text { color: var(--fg-2); }
.feature-row__nowrap { white-space: nowrap; }
.feature-row__strong {
  font-weight: var(--fw-bold);
  color: var(--fg);
}

@media (max-width: 1024px) {
  .why-market__panel { flex-direction: column; }
  .why-market__media {
    flex-basis: auto;
    aspect-ratio: 16 / 10;
  }
  .why-market__img { object-position: 50% 30%; }
  .feature-row--first { border-top-right-radius: 0; }
  .feature-row--last {
    border-bottom-left-radius: var(--radius-section);
    border-bottom-right-radius: var(--radius-section);
  }
}
@media (max-width: 767px) {
  .why-market__media { aspect-ratio: 1 / 1; }
  .feature-row { padding: var(--space-28) var(--space-24); }
}

.market-grid { padding: var(--section-pad-md) 0 var(--section-pad); }
.market-grid__inner {
  display: flex;
  flex-direction: column;
  gap: var(--section-head-gap);
}
.market-grid__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
}
@media (max-width: 1024px) {
  .market-grid__list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-16);
  }
}
@media (max-width: 767px) {
  .market-grid__list { grid-template-columns: minmax(0, 1fr); }
}

.market-tiles {
  padding-block: var(--section-pad-md);
  background-image: var(--gradient-panel-tint-section);
}
.market-tiles__inner {
  display: flex;
  flex-direction: column;
  gap: var(--space-40);
}
.market-tiles__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--space-24);
}
@media (max-width: 1024px) {
  .market-tiles__grid { gap: var(--space-16); }
}
@media (max-width: 767px) {
  .market-tiles__grid { grid-template-columns: minmax(0, 1fr); }
}

.market-intro { padding-block: var(--section-pad-md); }
.market-intro__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-40);
  text-align: center;
}
.market-intro__head { max-width: 820px; }
.market-intro__strong {
  font-weight: var(--fw-bold);
  color: var(--fg);
}
.market-intro__text { color: var(--fg); }
.market-intro__note { color: var(--fg-2); }
.check-chips {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: var(--space-16);
}
.check-chip {
  display: flex;
  align-items: center;
  gap: var(--space-12);
  padding: calc(var(--space-16) - var(--border-width)) calc(var(--space-24) - var(--border-width))
    calc(var(--space-16) - var(--border-width)) calc(var(--space-20) - var(--border-width));
  border: var(--border-width) solid var(--color-border-on-light);
  border-radius: var(--radius-md);
  background-color: var(--color-surface-tint);
  color: var(--color-text-on-light);
  text-align: left;
  white-space: nowrap;
}
.check-chip__icon { flex: none; width: 24px; height: 24px; }
@media (max-width: 767px) {
  .check-chips {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: var(--space-12);
  }
  .check-chip { white-space: normal; }
}

.instruments {
  padding: var(--section-pad-lg) 0 var(--space-40);
  background-color: var(--color-surface-dark);
  background-image:
    radial-gradient(1345px 808px at 70.8% 258px,
      color-mix(in srgb, var(--color-accent) 27%, transparent) 0%,
      transparent 100%);
  background-repeat: no-repeat;
}
.instruments--mesh {
  background-image:
    radial-gradient(1345px 808px at 70.8% 258px,
      color-mix(in srgb, var(--color-accent) 27%, transparent) 0%,
      transparent 100%),
    url('../assets/img/pairs-mesh.webp');
  background-position: 0 0, right bottom;
  background-size: auto, max(1440px, 100%) 810px;
}
.instruments--mesh-sides {
  background-image:
    radial-gradient(1378px 925px at 70.8% 298px,
      color-mix(in srgb, var(--color-accent) 27%, transparent) 0%,
      transparent 100%),
    url('../assets/img/indices-mesh.webp');
  background-position: 0 0, center bottom;
  background-size: auto, max(1440px, 100%) 1252px;
}
.instruments--glow-top {
  background-image:
    radial-gradient(1293px 592px at 70.8% 184px,
      color-mix(in srgb, var(--color-accent) 27%, transparent) 0%,
      transparent 100%);
}
.instruments__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--section-pad-lg);
}
.instruments__block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-44);
  width: 100%;
}
.instruments__block--narrow { max-width: 800px; }
.instruments__block--tight { gap: var(--space-40); }
.instruments__divider {
  width: 100%;
  height: var(--border-width);
  margin: 0;
  border: 0;
  background-color: var(--color-divider-strong);
}
.instruments__notes {
  display: flex;
  flex-direction: column;
  gap: var(--space-16);
  width: 100%;
  text-align: center;
}
.instruments__note { color: var(--color-text-secondary); }
.instruments__note--soft { color: var(--color-text-on-light-muted); }

.pair-groups {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.pair-group {
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  gap: var(--space-16);
  min-width: 0;
}
.pair-group__label { color: var(--fg-accent); }
.pair-group__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.pair-group__list--narrow { padding-right: var(--space-40); }
.pair-groups--spaced { gap: var(--space-44); }

.spec-table {
  width: 100%;
  border: var(--border-width) solid var(--line);
  border-radius: var(--radius-md);
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
  table-layout: fixed;
  text-align: left;
}
.spec-table--pair { max-width: 800px; }
.spec-table--narrow { max-width: 800px; }
.spec-table--snap {
  --table-cell-lh: 20px;
  --table-head-lh: 16px;
}
.spec-table__col-key { width: 454px; }
.spec-table--cols-2 { --col-first: 51%; --col-last: 49%; }
.spec-table--cols-3 { --col-first: 35%; --col-last: 33%; }
.spec-table--cols-4 { --col-first: 26.25%; --col-last: 25%; }
.spec-table--cols-5 { --col-first: 21.375%; --col-last: 20.125%; }
.spec-table__col-first { width: var(--col-first); }
.spec-table__col-last { width: var(--col-last); }
.spec-table__head-row { background-color: var(--row-head); }
.spec-table__row--alt { background-color: var(--row-alt); }
.spec-table__head,
.spec-table__key,
.spec-table__value {
  padding: var(--space-16) var(--space-16) calc(var(--space-16) - var(--border-width)) 0;
  border-bottom: var(--border-width) solid var(--line);
  vertical-align: top;
}
.spec-table__head {
  padding-block: 14px calc(14px - var(--border-width));
  color: var(--fg-2);
  font-size: var(--fs-table-head);
  line-height: var(--table-head-lh, var(--lh-table-head));
  letter-spacing: var(--ls-table-head);
  font-weight: var(--fw-table-head);
}
.spec-table__key,
.spec-table__value {
  font-size: var(--fs-table-cell);
  line-height: var(--table-cell-lh, var(--lh-table-cell));
  font-weight: var(--fw-table-cell);
}
.spec-table__key { color: var(--fg); }
.spec-table__value { color: var(--fg-2); }
.spec-table__cell--first { padding-left: var(--space-24); }
.spec-table__cell--last-row { border-bottom: 0; }
.table-scroll {
  width: 100%;
  overflow-x: auto;
}
.table-group {
  display: flex;
  flex-direction: column;
  gap: var(--space-20);
  width: 100%;
}
.table-group--narrow { max-width: 800px; }
.table-group__label { color: var(--fg-accent); }
.table-group__label--bright { color: var(--color-accent-bright); }
.table-group__head {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--space-8) var(--space-16);
}
.table-group__aside { color: var(--fg-2); }
.table-group__note {
  margin-top: calc(var(--space-4) * -1);
  color: var(--fg-2);
}
.table-groups {
  display: flex;
  flex-direction: column;
  gap: var(--space-44);
  width: 100%;
  align-items: center;
}


@media (max-width: 1024px) {
  .instruments__inner { gap: var(--space-80); }
  .instruments--mesh-sides { background-size: auto, 100% auto; }
  .spec-table--cols-5 { --col-first: 26%; --col-last: 18.5%; }
  .spec-table__col-key { width: 50%; }
}
@media (max-width: 767px) {
  .instruments { background-size: auto, 900px auto; }
  .instruments__inner { gap: var(--space-64); }
  .instruments__block { gap: var(--space-32); }
  .pair-groups {
    flex-direction: column;
    gap: var(--space-32);
  }
  .pair-group__list--narrow { padding-right: 0; }
  .spec-table__head,
  .spec-table__key,
  .spec-table__value { padding-right: var(--space-16); }
  .spec-table__cell--first { padding-left: var(--space-16); }
  .spec-table--wide { min-width: 600px; }
  .spec-table--cols-5 { min-width: 720px; }
  .spec-table--narrow {
    --col-first: auto;
    --col-last: auto;
    table-layout: auto;
  }
  .pill--long { white-space: normal; }
  .instruments--mesh-sides { background-size: auto, 100% auto; }
}

.market-specs { padding-block: var(--section-pad-md); }
.market-specs__inner {
  display: flex;
  flex-direction: column;
  gap: var(--section-pad-lg);
}
.market-specs__tables {
  display: flex;
  flex-direction: column;
  gap: var(--space-44);
}
/* repeat: note-card (title, text, image) — Card / Note (6087:3646) */
.note-cards {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--space-24);
}
.note-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: var(--space-12);
  padding: var(--space-28);
  border: var(--border-width) solid var(--line);
  border-radius: var(--radius-lg);
  background-color: var(--card-bg);
}
.note-card__copy {
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}
.note-card__title { color: var(--fg); }
.note-card__text { color: var(--fg-2); }
.note-card__img {
  width: 100%;
  height: 240px;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .note-cards { gap: var(--space-16); }
  .note-card { padding: var(--space-24); }
}
@media (max-width: 767px) {
  .market-specs__inner { gap: var(--space-64); }
  .note-cards { grid-template-columns: minmax(0, 1fr); }
  .note-card__img { object-fit: contain; }
}