/* Public site direction: deep navy, quiet typography, and a market-led first view. */
:root {
  --ink: #07172d;
  --ink-2: #0b2039;
  --paper: #edf2f8;
  --paper-2: #c9d3df;
  --line: rgba(220, 230, 243, .14);
  --line-dark: rgba(220, 230, 243, .19);
  --muted: #9caabd;
  --accent: #e7edf5;
  --accent-soft: #c6d2e1;
  --danger: #d4a6ab;
}

body, main { color: var(--paper); background: var(--ink); }
button:focus-visible, a:focus-visible, input:focus-visible { outline-color: #c5d7ef; }
.market-shell { background: var(--ink); }
.skip-link { color: var(--ink); background: #edf2f8; }

.market-header, .market-header.scrolled {
  min-height: 76px;
  padding-inline: clamp(22px, 4vw, 70px);
  border-bottom: 1px solid var(--line);
  background: rgba(7, 23, 45, .94);
  box-shadow: none;
}
.market-header.scrolled { min-height: 68px; background: rgba(7, 23, 45, .97); }
.market-brand { color: #fff; font-size: 17px; letter-spacing: -.03em; }
.market-brand b { color: #aebdd1; }
.market-nav a { color: #a8b5c7; font-size: 11px; font-weight: 580; }
.market-nav a:hover, .market-nav a.active { color: #fff; }
.market-nav a::after { background: #dbe5f1; }
.market-header-actions { gap: 14px; }
.market-status, .market-account { color: #9fadc0; }
.market-status i, .terminal-live i { background: #b1c6dd; box-shadow: 0 0 0 4px rgba(177, 198, 221, .12); }
.market-status.stale { color: #aeb8c8; }
.market-status.stale i { background: #8995a7; box-shadow: 0 0 0 4px rgba(137, 149, 167, .1); }
.market-account:hover, .market-account.authenticated { color: #fff; }
.market-login { min-height: 37px; border: 1px solid rgba(224, 234, 247, .52); border-radius: 2px; color: #edf2f8; background: transparent; font-size: 11px; }
.market-login:hover { color: var(--ink); background: #edf2f8; }
.language-switch { display: flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid var(--line-dark); }
.language-switch button { min-width: 32px; min-height: 27px; padding: 0 4px; border: 0; color: #9dacbf; background: transparent; font: 700 10px var(--mono); cursor: pointer; }
.language-switch button[aria-pressed="true"] { color: #07172d; background: #dbe5f1; }

.ticker-tape { height: 66px; display: flex; border-color: var(--line); background: #0c203a; }
.ticker-caption { width: 150px; flex: 0 0 150px; display: grid; place-items: center; border-right: 1px solid var(--line); color: #d8e1ed; font: 700 9px var(--mono); letter-spacing: .12em; white-space: nowrap; }
.ticker-window { min-width: 0; flex: 1; overflow: hidden; }
.ticker-track { animation-duration: 62s; }
.ticker-window:hover .ticker-track, .ticker-window:focus-within .ticker-track { animation-play-state: paused; }
.ticker-item { min-width: 188px; padding: 0 21px; gap: 11px; border-color: var(--line); color: #9aaabd; font-size: 10px; }
.ticker-item strong { color: #f4f7fb; font-size: 12px; }
.ticker-item b, .ticker-item.positive b, .ticker-item.negative b { color: #c6d2df; font-size: 10px; }
@keyframes ticker-shift { to { transform: translateX(-50%); } }

.market-hero, .market-hero::before, .market-hero::after { background: none; box-shadow: none; }
.market-hero {
  min-height: min(720px, calc(100svh - 142px));
  padding: clamp(64px, 8vw, 116px) clamp(28px, 7.4vw, 126px);
  align-items: center;
  color: #fff;
  background: #07172d;
}
.market-hero::before {
  inset: 0 0 0 59%;
  opacity: .25;
  background-image: linear-gradient(rgba(203, 218, 238, .16) 1px, transparent 1px), linear-gradient(90deg, rgba(203, 218, 238, .16) 1px, transparent 1px);
  background-size: 74px 74px;
  mask-image: linear-gradient(90deg, transparent, #000 28%);
}
.market-hero::after { width: 46vw; right: -10vw; bottom: -28vw; border: 1px solid rgba(203, 218, 238, .1); border-radius: 50%; }
.hero-copy h1 { max-width: 850px; margin-top: 0; color: #f8fbff; font-size: clamp(53px, 6.2vw, 92px); font-weight: 620; letter-spacing: -.075em; line-height: 1.02; }
.hero-copy h1 em { color: #adbdd2; font-family: inherit; font-style: normal; font-weight: 400; letter-spacing: inherit; }
.eyebrow { color: #9eb1c8; font-size: 10px; }
.hero-description { max-width: 490px; color: #b5c1d0; font-size: 14px; line-height: 1.65; }
.hero-actions { margin-top: 32px; }
.action { border-radius: 2px; }
.action.primary { color: #07172d; background: #e8eef6; }
.action.primary:hover { color: #07172d; background: #fff; box-shadow: 0 12px 28px rgba(0, 0, 0, .18); }
.action.quiet { border-color: rgba(225, 235, 247, .38); color: #e1e9f3; background: transparent; }
.action.quiet:hover { border-color: #fff; color: #fff; }
.hero-terminal {
  min-height: 400px;
  margin-bottom: 0;
  padding: 28px;
  border-color: rgba(219, 231, 247, .25);
  background: rgba(15, 38, 65, .9);
  box-shadow: 0 34px 70px rgba(0, 7, 18, .28);
  backdrop-filter: blur(10px);
  translate: 0 0;
}
.terminal-head, .terminal-foot { color: #92a4b9; }
.terminal-live, .terminal-symbol small { color: #becde0; }
.terminal-symbol strong, .terminal-price strong { color: #fff; }
.terminal-symbol button { border-color: rgba(223, 234, 246, .3); color: #e4ecf6; }
.terminal-symbol button:hover { color: #07172d; background: #edf2f8; }
.terminal-price span { color: #96a8bc; }
.terminal-price b, .terminal-price b.negative { color: #cdd8e6; background: rgba(227, 237, 248, .1); }
.terminal-chart path:last-of-type { stroke: #bdcee1; }
.terminal-foot { border-color: var(--line-dark); }

.source-note {
  width: 100%; min-height: 70px; margin: 0; padding: 16px clamp(28px, 7.4vw, 126px);
  grid-template-columns: 12px minmax(0, 1fr) auto;
  color: #aebccf; background: #102640; border-block: 1px solid var(--line);
}
.source-note strong, .source-note a { color: #e1eaf5; }
.source-pulse { width: 7px; height: 7px; background: #b2c8df; box-shadow: 0 0 0 5px rgba(178, 200, 223, .1); }

.stream-section, .plan-section, .access-section, .partner-section { color: #edf2f8; background: #07172d; }
.stream-section, .plan-section { padding-block: clamp(85px, 9vw, 128px); }
.stream-section::after { display: none; }
.section-intro h2, .access-copy h2, .partner-section h2 { color: #f8fbff; font-weight: 600; letter-spacing: -.065em; }
.section-intro > p, .access-copy > p:last-child, .partner-section > div:last-child p { color: #a8b7c9; }
.stream-toolbar { width: 100%; margin-top: 52px; }
.instrument-finder { border-color: var(--line-dark); background: #0c223d; }
.instrument-finder:focus-within { border-color: #b9cbdf; background: #102943; box-shadow: inset 3px 0 #b9cbdf; }
.instrument-finder label > span, .instrument-search-icon, .instrument-search-shortcut, .market-result-count { color: #a9bad0; }
.instrument-search-icon { border-color: #a9bad0; }
.instrument-search-icon::after { background: #a9bad0; }
.instrument-finder input { color: #fff; }
.instrument-finder input::placeholder { color: #8192a8; }
.instrument-search-shortcut { border-color: var(--line-dark); color: #9eb1c7; background: #17314d; }
.instrument-search-clear { color: #bac9da; }
.instrument-search-clear:hover { color: #fff; }
.market-filters button, .watched-filter { color: #99aabe; }
.market-filters button:hover, .market-filters button.active, .watched-filter:hover, .watched-filter.active { border-color: var(--line-dark); color: #fff; background: #17314d; }
.market-filters button b { color: #c4d0de; background: #29435f; }
.market-filters button.active b { color: #07172d; background: #dce6f1; }
.watched-filter { border-color: var(--line-dark); }
.watched-filter b { color: #d5e1ee; }
.price-chart { width: 100%; border: 1px solid var(--line-dark); background: #0c223d; }
.chart-heading h3, #chart-price { color: #f6f9fd; }
#chart-feed, .chart-selection-label, .chart-readout, .chart-footer, .chart-footer span:first-child { color: #a8b8cb; }
.chart-symbol-trigger { border-color: var(--line-dark); color: #eaf0f8; background: #102b49; }
.chart-symbol-trigger:hover, .chart-symbol-trigger[aria-expanded="true"] { border-color: #b7cbe1; background: #163553; }
.chart-symbol-list { border-color: var(--line-dark); background: #102741; box-shadow: 0 16px 32px rgba(0, 0, 0, .3); scrollbar-color: #6b86a3 #102741; }
.chart-symbol-list button { border-color: var(--line); color: #eaf0f8; }
.chart-symbol-list button:hover, .chart-symbol-list button:focus-visible { background: #1b3755; }
.chart-symbol-list button[aria-selected="true"] { background: #294866; }
.chart-symbol-list button[aria-selected="true"]::before { background: #d9e5f2; }
.chart-symbol-list small, .chart-symbol-list button[aria-selected="true"] small { color: #a7b8cb; }
.chart-symbol-list i, .chart-symbol-list button[aria-selected="true"] i { border-color: var(--line-dark); color: #c0d0e1; }
.chart-controls { border-color: var(--line-dark); }
.chart-controls button, .chart-footer button { color: #a9b9cc; }
.chart-controls button[aria-pressed="true"] { border-color: #c4d5e7; color: #07172d; background: #dbe6f2; }
.chart-controls button:hover, .chart-footer button:hover { border-color: #a8bdd4; }
.indicator-toggle b { color: #d5e2ef; background: #29435f; }
.indicator-toggle[aria-expanded="true"] { border-color: #b7cbe0; color: #eaf0f8; background: #17314d; }
.chart-footer { border-color: var(--line-dark); }
.chart-grid-line { stroke: #29405c; }
.chart-axis-label, .indicator-axis-label { fill: #8fa1b6; }
.chart-candles-up { fill: #c7d8e9; stroke: #c7d8e9; }
.chart-candles-down { fill: #718aa4; stroke: #718aa4; }
.chart-price-line, .indicator-sma, .indicator-panel-line { stroke: #c1d2e5; }
.chart-price-area, .indicator-ichimoku-cloud, .indicator-band { fill: #b8cbe0; }
.chart-crosshair { stroke: #91a7bf; }
.indicator-legend { color: #a5b7ca; }
.indicator-legend i, .indicator-legend .ichimoku i { background: #c1d2e5; }
.indicator-legend .ema i, .indicator-legend .vwap i { background: #9fb7ce; }
.indicator-legend .bollinger i { background: #8299b1; }
.indicator-legend .donchian i { background: #7088a2; }
.indicator-ema, .indicator-vwap, .indicator-panel-line.secondary { stroke: #9fb7ce; }
.indicator-bollinger, .indicator-bollinger-mid, .indicator-panel-line.signal { stroke: #8299b1; }
.indicator-donchian, .indicator-ichimoku-fast { stroke: #7088a2; }
.indicator-ichimoku-base { stroke: #b5c6d8; }
.indicator-hist-positive { fill: #b8cbe0; }
.indicator-hist-negative { fill: #718aa4; }
.indicator-panel, .indicator-groups legend { border-color: var(--line-dark); }
.indicator-panel-head strong { color: #e7eef7; }
.indicator-panel-head span, .indicator-picker > p { color: #9cacc0; }
.indicator-picker { border-color: var(--line-dark); background: #102741; }
.indicator-picker-head span, .indicator-groups legend { color: #9eafc3; }
.indicator-picker-head strong { color: #edf3fa; }
.indicator-picker-head button, .indicator-groups button { border-color: var(--line-dark); color: #b9c8d9; background: transparent; }
.indicator-groups button:hover, .indicator-groups button[aria-pressed="true"] { border-color: #c0d2e5; color: #07172d; background: #dce7f3; }
.indicator-groups button small, .indicator-groups button[aria-pressed="true"] small { color: #91a5bb; }
.indicator-groups button[aria-pressed="true"] small { color: #314b67; }
.market-table-wrap { width: 100%; }
.market-table thead { background: #0c223d; }
.market-table th { color: #91a5bc; }
.market-table td, .market-table td:first-child small, .feed-label { border-color: var(--line); color: #aab9cb; }
.market-table td:first-child strong, .market-table .price { color: #f4f8fd; }
.market-table .change.positive, .market-table .change.negative { color: #c4d2e2; }
.market-table tbody tr:hover td { background: #142c49; }
.market-category-row th {
  height: auto;
  padding: 32px 18px 15px;
  border-top: 1px solid rgba(200, 163, 107, .35);
  color: #f1f5fa;
  background: linear-gradient(90deg, rgba(200, 163, 107, .09), transparent 58%);
  text-align: left;
}
.market-category-row:first-child th { padding-top: 22px; border-top: 0; }
.market-category-row th > * { display: inline-block; vertical-align: middle; }
.market-category-index { margin-right: 14px; color: #c8a36b; font: 8px var(--mono); }
.market-category-row strong { font: 650 15px var(--sans); letter-spacing: .04em; }
.market-category-row small { margin-left: 13px; color: #71869e; font: 8px var(--mono); letter-spacing: .04em; text-transform: lowercase; }
.range-bar { background: #29405b; }
.range-bar i { background: #a4bdd5; }
.row-actions .chart-toggle, .alert-toggle, .watch-toggle { color: #b5c5d8; }
.alert-toggle, .watch-toggle { border-color: var(--line-dark); }
.alert-toggle:hover, .watch-toggle:hover, .watch-toggle.active { border-color: #b5c5d8; color: #fff; background: #29435f; }

.plan-section { border-top: 1px solid var(--line); background: #0b2039; }
.plan-grid { margin-top: 60px; border-color: var(--line-dark); }
.plan-item, .plan-item:nth-child(n) { min-height: 390px; border-color: var(--line-dark); background: transparent; }
.plan-item.featured { border-color: rgba(222, 234, 248, .55); background: #162e4b; }
.plan-item:hover, .plan-item.featured:hover { transform: none; background: #17314d; }
.plan-item > div > span, .plan-item.featured > div > span, .plan-item h3, .plan-item.featured h3 { color: #e6edf6; }
.plan-item p, .plan-item.featured p, .plan-item li, .plan-item.featured li { color: #aab9ca; }
.plan-item ul, .plan-item li, .plan-item.featured ul, .plan-item.featured li { border-color: var(--line-dark); }
.plan-price, .plan-item.featured .plan-price { color: #dce7f4; }
.plan-item button, .plan-item.featured button { border-color: rgba(221, 233, 247, .4); color: #e5eef8; background: transparent; }
.plan-item button:hover, .plan-item.featured button:hover { border-color: #fff; color: #07172d; background: #edf2f8; }

.access-section { min-height: 520px; border-top: 1px solid var(--line); background: #07172d; }
.access-number { color: #c4d4e6; }
.provider-access-item { border-color: var(--line-dark); }
.provider-label { color: #99abc1; }
.provider-access-item strong { color: #f0f5fb; }
.provider-access-item p, .access-actions small { color: #a4b4c7; }
.partner-section { min-height: 470px; border-top: 1px solid var(--line); background: #102741; }
.partner-section::after { border-color: rgba(222, 234, 248, .12); box-shadow: 0 0 0 70px rgba(222, 234, 248, .025), 0 0 0 140px rgba(222, 234, 248, .02); }
.action.light { color: #07172d; background: #edf2f8; }
.action.light:hover { color: #07172d; background: #fff; }
.market-footer { min-height: 110px; border-color: var(--line); color: #94a8bf; background: #07172d; }
.market-footer a { color: #c3d2e4; }

.market-dialog { color: #eaf0f7; background: #102741; }
.market-dialog::backdrop { background: rgba(2, 10, 22, .75); }
.market-dialog h2, .market-dialog-detail { color: #f4f8fd; }
.market-dialog > p:not(.eyebrow), .lead-form label > span, .lead-consent { color: #aebdd0; }
.market-dialog-detail { border-color: var(--line-dark); }
.dialog-close { border-color: var(--line-dark); color: #dce7f4; }
.lead-form input:not([type="checkbox"]), .lead-form textarea { border-color: var(--line-dark); color: #fff; background: #0b2039; }
.market-dialog .dialog-secondary { color: #b6c6d8; }

.account-dialog { color: #eaf0f7; background: #0b2039; color-scheme: dark; }
.account-dialog::backdrop { background: rgba(2, 10, 22, .78); }
.account-head { color: #f3f7fc; background: #102b49; }
.account-head > p:last-child, .account-auth form > small { color: #a9b9cc; }
.account-close { border-color: var(--line-dark); color: #edf2f8; }
.account-auth form > label, .account-section-head small { color: #9dafc4; }
.account-auth input, .account-dialog :is(input:not([type="checkbox"]), select, textarea) {
  border-color: var(--line-dark); color: #eaf1f9; background: #071a32;
}
.account-auth input::placeholder, .account-dialog input::placeholder { color: #8598af; }
.account-auth form > div > button, .account-dialog :is(.api-key-form button, .alert-form > button, .billing-checkout-form > button, .account-data-action button, .account-management-form button, .team-create-form button, .team-invite-form button) {
  border-color: #dce7f3; color: #07172d; background: #dce7f3;
}
.account-auth form > div > button:hover, .account-dialog :is(.api-key-form button, .alert-form > button, .billing-checkout-form > button, .account-data-action button):hover { background: #fff; }
.account-feedback, .otp-back, .account-dialog a { color: #c1d3e6; }
.account-feedback.error, .lead-form-status.error { color: #e4afb6; }
.account-summary { border-color: var(--line-dark); background: #142d4a; }
.account-summary span, .account-summary small, .account-summary button { color: #9eb0c5; }
.account-summary strong, .account-section-head h3, .account-list-item strong, .account-data h3, .account-management-grid h4, .team-workspace-head strong { color: #edf3fa; }
.account-section-head, .account-list-item, .account-list:empty::before, .api-key-form, .alert-form, .session-details, #account-session-list > div { border-color: var(--line-dark); }
.account-section-head span, .account-list-item b, .account-list-item b.triggered { color: #c5d5e6; }
.account-list:empty::before, .account-list-item span, .api-access-copy, .notification-item > div > span:nth-child(2), .session-details summary, #account-session-list > div { color: #9eafc3; }
.account-list-item button, .account-dialog :is(.subscriber-market .account-section-head button, .billing-row a, .team-member-actions button) { border-color: var(--line-dark); color: #c1d2e5; background: transparent; }
.account-load-notice, .account-team, .team-invitations, .account-management, .account-management-grid, .account-management-grid article, .subscriber-market, .subscriber-market.locked, .api-key-reveal { border-color: var(--line-dark); color: #d9e5f2; background: #142d4a; }
.account-load-notice strong, .team-invitations > strong, .team-columns h4, .api-key-reveal span { color: #dbe7f4; }
.account-load-notice p, .account-data p:not(.account-feedback), .account-management-grid p, .team-workspace-head span, .subscriber-market-meta, .subscriber-market-table td:first-child small, .api-quota-remaining small { color: #9eafc3; }
.account-load-notice button { border-color: var(--line-dark); color: #dce7f3; }
.account-data, .api-quota-band, .billing-cancellation, .billing-checkout-form, .billing-history h4, .subscriber-market-table th, .subscriber-market-table td, .team-workspace, .team-workspace-head { border-color: var(--line-dark); }
.account-data > div:first-child > span, .api-quota-status span, .api-quota-remaining > span, .billing-history h4, .subscriber-market .account-section-head span { color: #aebed0; }
.api-quota-status strong, .api-quota-meter > div strong, .api-quota-remaining strong, .subscriber-market-table td, .subscriber-market-table td:first-child strong, .billing-cancellation > strong, .api-key-reveal code { color: #edf3fa; }
.api-quota-meter > div, .api-quota-meter small, .billing-checkout-form label, .billing-checkout-form > small, .billing-cancellation > p:not(.account-feedback), .subscriber-market-table th { color: #a3b4c9; }
.api-quota-meter progress { accent-color: #bccfe2; }
.api-quota-meter progress::-webkit-progress-bar { background: #29435e; }
.api-quota-meter progress::-webkit-progress-value, .api-quota-meter progress::-moz-progress-bar { background: #bccfe2; }
.account-management-form label, .team-create-form > label { color: #aebed0; }
.account-management-grid, .team-workspace, .team-workspace-head { background: #29425e; }
.team-workspace-head button, #account-session-list button { color: #c8d6e5; }
.notification-item.unread { background: rgba(183, 204, 226, .08); }
.subscriber-market-table td.positive, .subscriber-market-table td.negative { color: #c3d3e5; }

@media (min-width: 921px) {
  .market-hero { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(16px, 2vw, 34px); }
  .hero-copy { grid-column: 1 / 8; padding-top: 0; }
  .hero-terminal { grid-column: 8 / 13; align-self: center; }
  .stream-section .section-intro > p, .plan-section .section-intro > p { margin-top: 36px; }
  .stream-toolbar, .price-chart, .market-table-wrap { width: 100%; margin-left: 0; }
  .plan-section { padding-bottom: 120px; }
  .plan-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0; }
  .plan-item:nth-child(n) { grid-column: auto; margin-top: 0; border-top: 1px solid var(--line-dark); border-bottom: 1px solid var(--line-dark); }
  .plan-item + .plan-item { border-left: 1px solid var(--line-dark); }
  .access-section { grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; padding-block: 100px; }
  .access-copy { grid-column: 1; }
  .access-actions { grid-column: 2; margin-top: 0; }
  .access-number { right: -4vw; opacity: .07; }
  .partner-section { min-height: 470px; padding-block: 90px; align-items: center; }
  .partner-section > div:first-child { grid-column: 1 / 8; }
  .partner-section > div:last-child { grid-column: 9 / 13; margin-top: 0; }
}
@media (max-width: 920px) {
  .market-hero { background: #07172d; }
  .market-hero::before { inset: 44% 0 0; }
  .source-note { width: 100%; margin: 0; }
  .stream-toolbar, .price-chart, .market-table-wrap { width: 100%; margin-left: 0; }
  .plan-item:nth-child(n) { border-color: var(--line-dark); }
}
@media (max-width: 620px) {
  .market-header, .market-header.scrolled { min-height: 66px; padding-inline: 17px; grid-template-columns: 1fr auto; gap: 8px; }
  .market-brand { font-size: 12px; gap: 7px; }
  .market-header-actions { gap: 4px; }
  .market-status { display: none; }
  .market-account { display: inline-flex; align-items: center; font-size: 9px; }
  .market-login { min-height: 33px; padding-inline: 9px; font-size: 9px; }
  .language-switch button { min-width: 25px; min-height: 24px; font-size: 9px; }
  .ticker-tape { height: 54px; }
  .ticker-caption { width: 81px; flex-basis: 81px; padding: 0 8px; font-size: 7px; text-align: center; white-space: normal; }
  .ticker-item { min-width: 170px; padding-inline: 12px; font-size: 9px; }
  .market-hero { min-height: auto; padding: 54px 22px 75px; }
  .hero-copy h1 { font-size: clamp(45px, 12vw, 60px); }
  .hero-terminal { min-height: 350px; margin-top: 34px; padding: 20px; }
  .terminal-price strong { font-size: 30px; }
  .source-note { grid-template-columns: 8px 1fr; padding-inline: 22px; }
  .source-note a { display: none; }
  .stream-section, .plan-section { padding-block: 78px; }
  .plan-item:nth-child(n) { width: 100%; margin: 0; }
  .access-section { min-height: 0; padding-block: 90px; }
  .access-actions { width: 100%; margin-top: 55px; }
  .partner-section { min-height: 0; padding-block: 85px; }
  .partner-section > div:last-child { width: 100%; margin-top: 38px; }
  .market-footer { flex-wrap: wrap; padding-block: 30px; }
  .market-footer span:last-child { max-width: none; text-align: left; }
}
@media (max-width: 380px) {
  .market-header, .market-header.scrolled { min-height: 92px; padding: 10px 15px; grid-template-columns: 1fr; gap: 7px; }
  .market-header-actions { width: 100%; justify-self: start; justify-content: space-between; }
  .market-login { padding-inline: 7px; }
}
@media (prefers-reduced-motion: reduce) {
  .ticker-track { animation: none !important; }
}

/* LME-first public experience */
.market-hero {
  min-height: min(790px, calc(100svh - 142px));
  display: flex;
  align-items: center;
  padding: clamp(72px, 9vw, 138px) clamp(28px, 7.4vw, 126px);
  isolation: isolate;
  background:
    linear-gradient(90deg, rgba(4, 14, 29, .96) 0%, rgba(4, 15, 30, .88) 31%, rgba(4, 15, 30, .5) 55%, rgba(4, 15, 30, .12) 100%),
    linear-gradient(0deg, rgba(4, 14, 29, .74), transparent 54%),
    url('/assets/lme-building-hero.webp') 62% center / cover no-repeat;
}
.market-hero::before {
  inset: 0;
  opacity: .42;
  z-index: -1;
  background: linear-gradient(90deg, transparent 0 7.35vw, rgba(226, 234, 244, .22) 7.35vw, transparent calc(7.35vw + 1px));
  mask-image: none;
}
.market-hero::after {
  width: 1px;
  height: 58%;
  right: clamp(28px, 7.4vw, 126px);
  bottom: 0;
  border: 0;
  border-radius: 0;
  background: linear-gradient(transparent, rgba(231, 238, 247, .42));
}
.hero-copy {
  width: min(690px, 58vw);
  position: relative;
  z-index: 1;
  animation: lme-hero-enter .9s cubic-bezier(.2, .8, .2, 1) both;
}
.hero-kicker {
  margin: 0 0 25px;
  color: #d0b181;
  font: 700 10px var(--mono);
  letter-spacing: .17em;
}
.hero-copy h1 {
  max-width: 690px;
  margin: 0;
  font-size: clamp(54px, 6.35vw, 98px);
  font-weight: 570;
  letter-spacing: -.075em;
  line-height: .96;
  text-wrap: balance;
}
.hero-copy h1 em { color: #d4b681; }
.hero-description {
  max-width: 510px;
  margin-top: 28px;
  color: #d2dae5;
  font-size: clamp(13px, 1vw, 16px);
  line-height: 1.7;
}
.hero-caption {
  max-width: 500px;
  margin: 24px 0 0;
  padding-left: 14px;
  border-left: 1px solid rgba(213, 181, 129, .65);
  color: #98a6b8;
  font: 9px/1.65 var(--mono);
}
.hero-terminal[hidden] { display: none !important; }
.hero-actions .action { min-height: 48px; padding-inline: 19px; }
.hero-actions .action.primary { background: #eee9df; }
.hero-actions .action.quiet { text-decoration: none; }

.lme-section {
  padding: clamp(90px, 10vw, 148px) clamp(28px, 7.4vw, 126px);
  display: grid;
  grid-template-columns: minmax(300px, .82fr) minmax(480px, 1.18fr);
  gap: clamp(68px, 9vw, 150px);
  border-bottom: 1px solid var(--line);
  color: #edf2f8;
  background: #081b31;
}
.lme-intro { min-width: 0; }
.lme-intro > .eyebrow { color: #c8a36b; letter-spacing: .14em; }
.lme-intro h2 {
  margin: 20px 0 27px;
  color: #f7f9fc;
  font-size: clamp(42px, 5vw, 76px);
  font-weight: 570;
  letter-spacing: -.07em;
  line-height: .98;
}
.lme-intro h2 em { color: #bdc9d7; font-style: normal; font-weight: 390; }
.lme-intro > p:not(.eyebrow) {
  max-width: 520px;
  margin: 0;
  color: #aab8c9;
  font-size: 13px;
  line-height: 1.75;
}
.lme-venue { margin: 42px 0 0; position: relative; overflow: hidden; background: #0d2138; }
.lme-venue::after { content: ""; position: absolute; inset: 0; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(232, 239, 248, .14); }
.lme-venue img {
  width: 100%;
  aspect-ratio: 3 / 2;
  display: block;
  object-fit: cover;
  filter: saturate(.73) contrast(1.05) brightness(.83);
  transition: filter .45s ease, scale .75s cubic-bezier(.2, .8, .2, 1);
}
.lme-venue:hover img { filter: saturate(.92) contrast(1.03) brightness(.92); scale: 1.025; }
.lme-venue figcaption {
  min-height: 46px;
  padding: 0 14px;
  position: absolute;
  inset: auto 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #e9eef5;
  background: linear-gradient(transparent, rgba(3, 12, 24, .88));
  font: 700 8px var(--mono);
  letter-spacing: .08em;
}
.lme-venue figcaption small { color: #aab7c7; font: inherit; font-weight: 500; }
.lme-availability {
  margin-top: 28px;
  padding-top: 20px;
  display: grid;
  grid-template-columns: 8px 1fr;
  gap: 13px;
  border-top: 1px solid var(--line);
}
.lme-availability > span { width: 6px; height: 6px; margin-top: 4px; border-radius: 50%; background: #c8a36b; box-shadow: 0 0 0 5px rgba(200, 163, 107, .1); }
.lme-availability strong, .lme-availability small { display: block; }
.lme-availability strong { color: #dfe7f1; font: 700 8px var(--mono); letter-spacing: .08em; }
.lme-availability small { max-width: 460px; margin-top: 7px; color: #8495aa; font: 8px/1.65 var(--mono); }

.lme-products { border-top: 1px solid rgba(222, 231, 243, .21); }
.lme-product {
  min-height: 132px;
  padding: 23px 0;
  display: grid;
  grid-template-columns: 42px 74px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  border-bottom: 1px solid rgba(222, 231, 243, .17);
  transition: padding .28s ease, background .28s ease;
}
.lme-product:hover { padding-inline: 15px; background: rgba(222, 232, 244, .045); }
.lme-index { color: #6f8298; font: 8px var(--mono); }
.metal-symbol {
  color: #c6a36e;
  font: 430 clamp(29px, 2.7vw, 42px)/1 var(--sans);
  letter-spacing: -.05em;
}
.lme-product h3 { margin: 0; color: #f3f6fa; font-size: 20px; font-weight: 580; letter-spacing: -.035em; }
.lme-product p { max-width: 420px; margin: 7px 0 0; color: #91a2b6; font-size: 10px; line-height: 1.6; }
.lme-product button {
  min-width: 132px;
  padding: 9px 0 9px 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border: 0;
  border-left: 1px solid rgba(218, 228, 241, .2);
  color: #b9c8d9;
  background: transparent;
  font: 700 8px var(--mono);
  cursor: pointer;
}
.lme-product button b { color: #c8a36b; font-size: 15px; font-weight: 400; transition: translate .2s ease; }
.lme-product button:hover { color: #fff; }
.lme-product button:hover b { translate: 3px -3px; }

.partner-section {
  min-height: 600px;
  background:
    radial-gradient(circle at 16% 112%, rgba(201, 165, 111, .13), transparent 36%),
    linear-gradient(125deg, #0c223b, #07172d 64%);
}
.partner-section::after { border-color: rgba(200, 163, 107, .19); box-shadow: 0 0 0 70px rgba(200, 163, 107, .025), 0 0 0 140px rgba(200, 163, 107, .02); }
.partner-section .eyebrow { color: #c8a36b; }
.partner-section h2 em { color: #b8c6d5; font-style: normal; font-weight: 380; }
.london-contact { position: relative; z-index: 2; }
.london-contact address {
  margin: 34px 0 0;
  padding: 21px 0;
  border-block: 1px solid var(--line);
  color: #a8b8ca;
  font: normal 11px/1.75 var(--mono);
}
.london-contact address span, .london-contact address strong { display: block; }
.london-contact address span { margin-bottom: 13px; color: #c8a36b; font-size: 8px; font-weight: 700; letter-spacing: .1em; }
.london-contact address strong { color: #eef3f9; font: 600 14px var(--sans); }
.london-actions { margin-top: 23px; display: flex; align-items: center; gap: 23px; }
.london-actions a { color: #b8c7d8; font: 700 8px var(--mono); text-underline-offset: 4px; }
.footer-address { color: #b3c0cf; white-space: nowrap; }
.footer-brand { display: inline-flex; align-items: center; gap: 9px; color: #e9f0f8; font-weight: 700; white-space: nowrap; }

@keyframes lme-hero-enter {
  from { opacity: 0; transform: translate3d(0, 28px, 0); }
  to { opacity: 1; transform: none; }
}
.lme-section.reveal-ready .lme-product { opacity: 0; translate: 0 20px; }
.lme-section.reveal-ready.is-visible .lme-product { opacity: 1; translate: 0; transition: opacity .55s ease, translate .55s cubic-bezier(.2, .8, .2, 1), padding .28s ease, background .28s ease; }
.lme-section.reveal-ready.is-visible .lme-product:nth-child(2) { transition-delay: .05s; }
.lme-section.reveal-ready.is-visible .lme-product:nth-child(3) { transition-delay: .1s; }
.lme-section.reveal-ready.is-visible .lme-product:nth-child(4) { transition-delay: .15s; }
.lme-section.reveal-ready.is-visible .lme-product:nth-child(5) { transition-delay: .2s; }
.lme-section.reveal-ready.is-visible .lme-product:nth-child(6) { transition-delay: .25s; }

@media (max-width: 1050px) {
  .market-hero { background-position: 58% center; }
  .hero-copy { width: min(660px, 72vw); }
  .lme-section { grid-template-columns: 1fr; gap: 72px; }
  .lme-intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, .82fr); column-gap: 50px; }
  .lme-intro .eyebrow, .lme-intro h2, .lme-intro > p { grid-column: 1; }
  .lme-venue { grid-column: 2; grid-row: 1 / span 4; margin: 0; align-self: stretch; }
  .lme-venue img { height: 100%; min-height: 330px; }
  .lme-availability { grid-column: 1; }
  .market-footer { align-items: flex-start; flex-wrap: wrap; padding-block: 28px; }
  .market-footer #data-disclaimer { flex-basis: 100%; max-width: none; text-align: left; }
}

@media (max-width: 720px) {
  .market-hero {
    min-height: min(720px, calc(100svh - 123px));
    padding: 76px 22px 70px;
    background:
      linear-gradient(90deg, rgba(4, 14, 29, .96), rgba(4, 15, 30, .7)),
      linear-gradient(0deg, rgba(4, 14, 29, .88), transparent 68%),
      url('/assets/lme-building-hero.webp') 58% center / cover no-repeat;
  }
  .market-hero::before { display: none; }
  .market-hero::after { right: 22px; }
  .hero-copy { width: 100%; }
  .hero-copy h1 { font-size: clamp(50px, 15vw, 69px); }
  .hero-kicker { max-width: 260px; margin-bottom: 19px; line-height: 1.5; }
  .hero-description { max-width: 400px; }
  .hero-actions { align-items: stretch; flex-direction: column; }
  .hero-actions .action { width: 100%; justify-content: space-between; }
  .hero-caption { max-width: 390px; }
  .lme-section { padding: 84px 22px; gap: 58px; }
  .lme-intro { display: block; }
  .lme-intro h2 { font-size: clamp(42px, 13vw, 62px); }
  .lme-venue { margin-top: 34px; }
  .lme-venue img { min-height: 0; }
  .lme-product { grid-template-columns: 30px 57px minmax(0, 1fr); gap: 12px; }
  .lme-product button { grid-column: 3; min-width: 0; padding: 13px 0 0; border-left: 0; border-top: 1px solid rgba(218, 228, 241, .16); }
  .lme-product:hover { padding-inline: 0; background: transparent; }
  .metal-symbol { font-size: 29px; }
  .market-category-row th { padding-inline: 10px; }
  .market-category-row small { display: block; margin: 7px 0 0 31px; }
  .partner-section { min-height: 0; }
  .london-actions { align-items: flex-start; flex-direction: column; }
  .footer-address { white-space: normal; }
}

@media (prefers-reduced-motion: reduce) {
  .hero-copy { animation: none; }
  .lme-section.reveal-ready .lme-product { opacity: 1; translate: 0; transition: none; }
  .lme-venue img, .lme-product button b { transition: none; }
}