.futures-page{--muted:rgba(240,247,255,.62);--faint:rgba(240,247,255,.38);--green:#9de7c5;color:#f7fbff}.futures-page .glass{min-width:0;color:#fff;backdrop-filter:blur(20px) saturate(135%);box-shadow:inset 0 1px 0 rgba(255,255,255,.17),inset 0 -1px 0 rgba(0,14,32,.12),0 14px 36px rgba(0,18,42,.16);padding:4px;overflow:hidden;border:1px solid rgba(219,243,255,.25);border-radius:34px;text-decoration:none;background:linear-gradient(135deg,rgba(197,234,255,.09),transparent 42%),rgba(14,39,66,.73)}
.futures-page .hero{
  border-radius:38px;
  padding:34px;
}
.futures-page .chart-card{
  margin-top:26px;
  padding:24px 28px;
}
.futures-page .eyebrow{
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:var(--muted);
  font-weight:700;
}
.futures-page .hero-copy{
  margin-top:10px;
  max-width:680px;
}
.futures-page .hero-copy h1{
  margin:0;
  font-size:30px;
  line-height:.98;
  letter-spacing:-.06em;
}
.futures-page .hero-copy p{
  margin:12px 0 0;
  color:var(--muted);
  font-size:17px;
  line-height:1.45;
}
.futures-page .main-value{
  margin-top:38px;
}
.futures-page .main-value .price>span{display:inline-block;margin:0;color:inherit;font-size:inherit;line-height:inherit}
.futures-page .main-value .price.unavailable{font-size:clamp(30px,6vw,52px);line-height:1.15;letter-spacing:-.035em;white-space:normal}
.futures-page .main-value .price.unavailable>small{display:none}
.futures-page .main-value .price #mainValue.unavailable{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.futures-page .main-value span{
  display:block;
  margin-top:14px;
  color:var(--muted);
  font-size:17px;
}
.futures-page .main-value b{
  color:#fff;
  font-weight:700;
}
.futures-page .change{
  color:var(--green)!important;
  margin-top:8px!important;
  font-size:15px!important;
}
.futures-page .segmented-wrap{margin-top:22px}
.futures-page .segmented{
  display:flex;
  gap:6px;
  padding:4px;
  border:1px solid rgba(255,255,255,.1);
  border-radius:12px;
  background:rgba(4,22,39,.28);
  max-width:400px;
}
.futures-page .segmented button{
  flex:1;
  min-width:0;
  min-height:32px;
  padding:5px 7px;
  border:1px solid transparent;
  border-radius:8px;
  background:transparent;
  color:#aac4d4;
  font-size:10px;
  font-weight:700;
  letter-spacing:.045em;
  line-height:1;
  cursor:pointer;
}
.futures-page .segmented button.active,.futures-page .segmented button[aria-pressed=true]{
  border-color:rgba(145,221,255,.32);
  color:#e9f9ff;
  background:linear-gradient(180deg,rgba(145,221,255,.2),rgba(66,151,198,.1));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12);
}
.futures-page .segmented button:focus-visible{outline:2px solid #c7f0ff;outline-offset:3px;z-index:1}
.futures-page .segmented button:active:not(:disabled){transform:scale(.96)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  .futures-page .segmented{border-color:rgba(255,255,255,.5);background:#102f4b}
  .futures-page .segmented button{color:#e6f2ff}
  .futures-page .segmented button.active,.futures-page .segmented button[aria-pressed=true]{border-color:#91ddff;color:#fff;background:#215474;box-shadow:none}
}
 .futures-page .chart-wrap{height:330px;position:relative;min-width:0;overflow:hidden}
.futures-page .chart{width:100%;height:100%;display:block;touch-action:pan-y}
.futures-page .chartarea{fill:url(#futureArea)}
.futures-page .chart-help,.futures-page .range{color:#e6f2ff}
.futures-page .simple-copy{
  margin:18px 0 0;
  max-width:680px;
  font-size:20px;
  line-height:1.4;
  letter-spacing:-.02em;
}
.futures-page .secondary{
  margin-top:18px;
  border-radius:30px;
  padding:26px;
}
.futures-page .secondary-grid{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:18px;
  margin-top:20px;
}
.futures-page .secondary-box span{
  display:block;
  color:var(--muted);
  font-size:12px;
}
.futures-page .secondary-box strong{
  display:block;
  margin-top:4px;
  font-size:34px;
  letter-spacing:-.045em;
}
.futures-page .arrow{
  color:var(--faint);
  font-size:30px;
}
.futures-page .delta{
  margin-top:18px;
  color:var(--green);
  font-weight:700;
  font-size:15px;
}
.futures-page .secondary p{
  margin:10px 0 0;
  color:var(--muted);
  font-size:14px;
  line-height:1.45;
}
.futures-page .movement-highlight{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-top:16px;
}
.futures-page .movement-highlight>div:first-child>span{
  display:block;
  color:var(--muted);
  font-size:12px;
}
.futures-page .movement-highlight strong{
  display:block;
  margin-top:4px;
  font-size:30px;
  letter-spacing:-.04em;
}
.futures-page .movement-highlight .delta{margin-top:0;white-space:nowrap}
.futures-page .movement-highlight .delta span{color:var(--muted);font-weight:500}
@media(max-width:680px){

  .futures-page .hero{padding:22px;border-radius:30px}
  .futures-page .hero-copy h1{font-size:30px}
  .futures-page .hero-copy p{font-size:15px}
  .futures-page .main-value{margin-top:28px}
  .futures-page .main-value .price{font-size:clamp(68px,22vw,118px)}
  .futures-page .chart-wrap{height:285px}
  .futures-page .simple-copy{font-size:18px}
  .futures-page .secondary{padding:22px;border-radius:26px}
  .futures-page .secondary-grid{grid-template-columns:1fr auto 1fr;gap:10px}
  .futures-page .secondary-box strong{font-size:28px}
  .futures-page .movement-highlight{align-items:flex-start;flex-direction:column}
  .futures-page .movement-highlight strong{font-size:27px}
  .futures-page .arrow{font-size:24px}
  .futures-page .status span{display:none}
}

.futures-page button:disabled{opacity:.35;cursor:default}.futures-page button:focus-visible,.futures-page .chart-wrap:focus-visible{outline:2px solid #a9edff;outline-offset:4px}.futures-page .data-status{color:var(--muted);font-size:12px;margin-top:16px}.futures-page #mainValue{overflow-wrap:anywhere}

.futures-page .hero{display:block;min-height:0}.futures-page .hero-copy{display:block}.futures-page .main-value{display:block}.futures-page .chart-panel{width:100%}.futures-page .secondary{display:block}

.futures-page .hero{text-align:left}.futures-page .hero-copy h1{font-weight:700}.futures-page .chart-wrap{overflow:hidden}

.futures-page .futures-table-card h2{margin:8px 0 0;font-size:clamp(24px,4vw,34px);letter-spacing:-.045em}
.futures-page .futures-faq h2{margin:0 0 12px;font-size:clamp(24px,4vw,30px);letter-spacing:-.045em}
.futures-page .futures-table-card .futures-table-intro{max-width:760px;margin-top:8px}
.futures-page .futures-table-meta{margin-top:18px;color:var(--faint);font-size:12px}
.futures-page .futures-table-wrap{margin-top:12px;max-width:100%;overflow-x:auto;border:1px solid rgba(255,255,255,.09);border-radius:16px;overscroll-behavior-x:contain}
.futures-page .futures-table{width:100%;min-width:760px;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}
.futures-page .futures-table th,.futures-page .futures-table td{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.075);text-align:right;white-space:nowrap}
.futures-page .futures-table thead th{color:var(--muted);font-size:11px;font-weight:600;letter-spacing:.025em}
.futures-page .futures-table th:first-child,.futures-page .futures-table td:first-child{text-align:left}
.futures-page .futures-table tbody th{color:#fff;font-weight:600}
.futures-page .futures-table tbody tr:last-child th,.futures-page .futures-table tbody tr:last-child td{border-bottom:0}
.futures-page .futures-table tbody tr:hover{background:rgba(255,255,255,.025)}
.futures-page .futures-table .table-subline{display:block;margin-top:4px;color:var(--faint);font-size:10px;font-weight:400}
.futures-page .futures-table .table-unavailable,.futures-page .futures-table .table-change.unavailable{color:var(--faint)}
.futures-page .futures-table .table-change{font-weight:600}
.futures-page .futures-table .table-change.up{color:var(--green)}
.futures-page .futures-table .table-change.down{color:#ffb1ac}
.futures-page .futures-table .table-change.neutral{color:var(--muted)}
.futures-page .futures-table .reference-value{font-weight:600}
.futures-page .futures-table .reference-value.up{color:#9de7c5}
.futures-page .futures-table .reference-value.down{color:#ff9696}
.futures-page .futures-table .reference-value.neutral{color:#fff}
.futures-page .futures-table-empty{margin-top:12px!important}
.futures-page .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.futures-page .futures-table-card{padding:22px;border-radius:26px}.futures-page .futures-table-wrap{margin-right:-4px}}
@media(max-width:760px){.futures-page .chart-card{padding:18px}}

.futures-page .selected-answer{font-size:17px;line-height:1.5;max-width:760px}
.futures-page .futures-caveat{font-size:13px;line-height:1.55;color:var(--muted);max-width:760px}
    .futures-page .futures-answers{
      position:relative;
      --glass:rgba(14,39,66,.73);
      --stroke:rgba(255,255,255,.11);
      --stroke-strong:rgba(255,255,255,.17);
      --muted-2:rgba(255,255,255,.42);
      --amber:#f7c65c;
      --green:#54d98c;
      --radius:30px;
      overflow:hidden;
      padding:30px;
      border-radius:var(--radius);
      border:1px solid var(--stroke);
      background:var(--glass);
      box-shadow:0 26px 70px rgba(0,0,0,.28);
      backdrop-filter:blur(28px) saturate(145%);
      -webkit-backdrop-filter:blur(28px) saturate(145%);
    }

    .futures-page .futures-answers::before{
      content:"";
      position:absolute;
      inset:0;
      pointer-events:none;
      background:
        linear-gradient(120deg,rgba(255,255,255,.05),transparent 35%),
        radial-gradient(circle at 85% 10%,rgba(84,217,140,.05),transparent 25%);
    }

    .futures-page .futures-answers .section-head{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:1fr;
      gap:20px;
      align-items:end;
      margin-bottom:22px;
    }

    .futures-page .futures-answers .eyebrow{
      display:inline-flex;
      align-items:center;
      gap:8px;
      margin:0 0 8px;
      color:var(--muted);
      font-size:13px;
      font-weight:650;
    }

    .futures-page .futures-answers .eyebrow-dot{
      width:7px;
      height:7px;
      border-radius:50%;
      background:var(--green);
      box-shadow:0 0 0 5px rgba(84,217,140,.08);
    }

    .futures-page .futures-answers .section-head h2{
      margin:0;
      max-width:760px;
      font-size:clamp(28px,4vw,40px);
      line-height:1.04;
      letter-spacing:-.045em;
    }

    .futures-page .futures-answers .futures-summary{
      margin:12px 0 0;
      color:var(--muted);
      font-size:15px;
      line-height:1.55;
    }


    .futures-page .futures-answers .horizons{
      position:relative;
      z-index:1;
      display:grid;
      grid-template-columns:repeat(3,minmax(0,1fr));
      gap:14px;
    }

    .futures-page .futures-answers .horizon-card{
      min-height:238px;
      padding:22px;
      border-radius:24px;
      border:1px solid rgba(255,255,255,.09);
      background:rgba(255,255,255,.052);
      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
      transition:
        transform .24s cubic-bezier(.2,.8,.2,1),
        background-color .24s ease,
        border-color .24s ease;
    }

    .futures-page .futures-answers .horizon-card:hover{
      transform:translateY(-2px);
      background:rgba(255,255,255,.075);
      border-color:var(--stroke-strong);
    }

    .futures-page .futures-answers .horizon-top{
      display:flex;
      justify-content:space-between;
      align-items:flex-start;
      gap:12px;
    }

    .futures-page .futures-answers .horizon-card h3{
      margin:0;
      font-size:15px;
      font-weight:700;
      letter-spacing:-.01em;
    }

    .futures-page .futures-answers .horizon-month{
      display:block;
      margin-top:4px;
      color:var(--muted);
      font-size:13px;
      font-style:normal;
    }

    .futures-page .futures-answers .horizon-status{
      display:inline-flex;
      align-items:center;
      gap:6px;
      color:var(--muted);
      font-size:11px;
      font-weight:700;
      white-space:nowrap;
    }

    .futures-page .futures-answers .horizon-status::before{
      content:"";
      width:6px;
      height:6px;
      border-radius:50%;
      background:var(--green);
    }

    .futures-page .futures-answers .horizon-status.unavailable::before{background:var(--amber)}

    .futures-page .futures-answers .horizon-quote{
      margin-top:26px;
    }

    .futures-page .futures-answers .quote-label{
      display:block;
      margin-bottom:6px;
      color:var(--muted-2);
      font-size:12px;
      font-weight:600;
      text-transform:uppercase;
      letter-spacing:.06em;
    }

    .futures-page .futures-answers .quote-value{
      display:block;
      font-size:clamp(36px,5vw,52px);
      font-family:inherit;
      line-height:1.2;
      letter-spacing:-.6px;
      font-weight:500;
      font-variant-numeric:tabular-nums;
    }

    .futures-page .futures-answers .quote-value.missing{
      color:rgba(255,255,255,.46);
      font-size:29px;
      line-height:1.02;
      letter-spacing:-.035em;
    }

    .futures-page .futures-answers .semantic-answer{
      margin:12px 0 0;
      color:var(--muted);
      font-size:13px;
      line-height:1.48;
    }

    .futures-page .futures-answers .footer-info{
      position:relative;
      z-index:1;
      display:grid;
      gap:8px;
      margin-top:20px;
      padding-top:17px;
      border-top:1px solid rgba(255,255,255,.08);
    }

    .futures-page .futures-answers .footer-info p{
      margin:0;
      color:var(--muted-2);
      font-size:12.5px;
      line-height:1.5;
    }

    .futures-page .futures-answers .footer-info a{
      color:rgba(255,255,255,.72);
      text-underline-offset:3px;
    }

    @media (max-width:760px){
      .futures-page .futures-answers{padding:22px}

      .futures-page .futures-answers .section-head{
        grid-template-columns:1fr;
        gap:12px;
      }


      .futures-page .futures-answers .horizons{
        grid-template-columns:1fr;
      }

      .futures-page .futures-answers .horizon-card{
        min-height:unset;
      }
    }

    @media (prefers-reduced-motion:reduce){
      .futures-page .futures-answers .horizon-card{transition:none}
    }

.futures-page .futures-answers .eyebrow{text-transform:none;letter-spacing:normal}
.futures-page .futures-answers .horizon-card{margin:0;min-width:0}
.futures-page .futures-answers .horizon-quote{display:block;padding:0;border:0;background:none}
.futures-page .futures-answers .horizon-top>div{min-width:0}
.futures-page .futures-answers .quote-value{overflow-wrap:anywhere}
.futures-page .futures-answers .footer-info p{margin:0}
.futures-page .futures-answers .semantic-answer{margin:12px 0 0;font-size:13px;line-height:1.48}
@media(max-width:1000px) and (min-width:761px){.futures-page .futures-answers .horizon-top{flex-wrap:wrap}}