body[data-account-page="indices"] { --stock-hero-image: var(--indices-hero-image,none); }
body[data-account-page="metals"] { --stock-hero-image: var(--metals-hero-image,none); }

.product-hero::after { content: "AIMS"; }
.metals-hero {
  background-image:
    linear-gradient(90deg,rgba(3,13,31,.98) 0%,rgba(3,13,31,.82) 43%,rgba(3,13,31,.25) 78%,rgba(3,13,31,.72) 100%),
    linear-gradient(180deg,rgba(4,16,36,.06),rgba(4,16,36,.2) 65%,#061026 100%),
    var(--stock-hero-image),
    radial-gradient(circle at 76% 44%,rgba(214,166,71,.19),transparent 24%),
    radial-gradient(circle at 78% 44%,rgba(72,180,255,.08),transparent 43%),
    linear-gradient(135deg,#061127 0%,#111a31 58%,#071329 100%);
}

.indices-benefits .stock-benefit { min-height: 244px; }
.indices-benefits .benefit-mark,
.metals-benefits .benefit-mark { font-family: var(--font); font-size: 18px; font-weight: 700; }
.index-market-grid .market-card ul { padding-block: 18px 25px; }
.index-market-grid .market-card li { min-height: 68px; grid-template-columns: 82px 1fr; }

.metals-benefits { grid-template-columns: repeat(3,1fr); }
.metals-benefits .stock-benefit { min-height: 246px; }
.metals-benefit-section {
  background:
    radial-gradient(circle at 50% 0,rgba(206,157,64,.1),transparent 40%),
    linear-gradient(180deg,rgba(5,23,48,.4),rgba(3,15,34,.7));
}

.contracts-section {
  overflow: hidden;
  background:
    radial-gradient(circle at 90% 5%,rgba(232,196,122,.08),transparent 28%),
    linear-gradient(180deg,#060d20,rgba(6,22,45,.76));
}
.contracts-section .section-head { max-width: 820px; }
.contract-table-shell {
  overflow-x: auto;
  border: 1px solid rgba(54,146,238,.55);
  border-radius: 20px;
  background: linear-gradient(180deg,rgba(10,41,81,.98),rgba(3,19,41,.98));
  box-shadow: 0 28px 70px rgba(0,11,32,.36),inset 0 1px 0 rgba(255,255,255,.05);
  scrollbar-color: #328edc #06162d;
}
.contract-table {
  width: 100%;
  min-width: 1080px;
  border-collapse: collapse;
  table-layout: fixed;
}
.contract-table th {
  height: 74px;
  padding: 14px 13px;
  background: linear-gradient(180deg,#2878dc,#1f63c6);
  color: #f5f9ff;
  font-size: 12px;
  font-weight: 600;
  text-align: center;
}
.contract-table th:nth-child(1) { width: 150px; }
.contract-table th:nth-child(2) { width: 115px; }
.contract-table th:nth-child(3) { width: 125px; }
.contract-table th:nth-child(4) { width: 90px; }
.contract-table th:nth-child(5),
.contract-table th:nth-child(6) { width: 205px; }
.contract-table th:nth-child(7),
.contract-table th:nth-child(8) { width: 105px; }
.contract-table td {
  padding: 20px 13px;
  border-right: 1px solid rgba(103,171,239,.1);
  border-bottom: 1px solid rgba(103,171,239,.13);
  color: #c6d8ed;
  font-size: 12px;
  line-height: 1.6;
  text-align: center;
  vertical-align: middle;
}
.contract-table tbody tr:nth-child(even) { background: rgba(38,103,205,.12); }
.contract-table tbody tr:hover { background: rgba(45,126,223,.18); }
.contract-table td:nth-child(2) { color: #6ec1ff; font-family: ui-monospace,SFMono-Regular,Menlo,monospace; }
.contract-table td:last-child,.contract-table th:last-child { border-right: 0; }
.contract-table tbody tr:last-child td { border-bottom: 0; }
.contract-note { margin-top: 17px; color: rgba(143,174,211,.66); font-size: 11px; }
.metals-example { background: radial-gradient(circle at 88% 30%,rgba(217,170,76,.08),transparent 30%),linear-gradient(180deg,rgba(4,18,39,.6),rgba(5,17,37,.25)); }

@media (max-width: 1000px) {
  .metals-benefits { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 820px) {
  .indices-benefits,.metals-benefits { grid-template-columns: 1fr; }
  .indices-benefits .stock-benefit,.metals-benefits .stock-benefit { min-height: 0; }
  .contract-table-shell {
    margin-right: -18px;
    border-radius: 16px 0 0 16px;
  }
}