/*
 * Braden's Values — focused home direction
 * One clear hero, one featured market asset, one concise pulse panel.
 */

.market-home-page {
  --home-accent: #9d8cff;
  --home-accent-strong: #806af5;
  --home-cyan: #6fd0ef;
  --home-green: #66dca8;
  --home-copy: #a7aabb;
  --home-copy-dim: #737787;
  --home-line: rgba(222, 219, 255, .1);
  --home-surface: #0c0d14;
  min-width: 0;
}

.home-cinematic-hero {
  position: relative;
  isolation: isolate;
  height: clamp(568px, calc(100svh - 132px), 670px);
  min-height: 568px;
  display: grid;
  grid-template-columns: minmax(390px, .86fr) minmax(0, 1.14fr);
  grid-template-rows: minmax(0, 1fr) 166px;
  grid-template-areas:
    "intro feature"
    "pulse feature";
  gap: 14px;
  padding: 14px;
  overflow: hidden;
  border: 1px solid rgba(214, 209, 255, .1);
  border-radius: 28px;
  background:
    radial-gradient(760px 520px at 74% 34%, rgba(111, 82, 214, .075), transparent 70%),
    linear-gradient(145deg, #0b0c12 0%, #08090f 100%);
  box-shadow: 0 28px 90px rgba(0, 0, 0, .32), inset 0 1px rgba(255, 255, 255, .025);
}

.home-cinematic-hero::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(110deg, rgba(157, 140, 255, .035), transparent 38%);
}

.home-cinematic-hero::after,
.home-cinematic-orbit,
.home-cinematic-noise {
  display: none !important;
}

/* Intro */
.home-cinematic-hero .market-home-head {
  grid-area: intro;
  min-width: 0;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: center;
  gap: 0;
  margin: 0 !important;
  padding: clamp(24px, 3vw, 46px) clamp(24px, 2.25vw, 34px) 22px !important;
  border-radius: 20px;
  background: transparent;
}

.home-market-label-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: clamp(18px, 2.2vh, 26px);
}

.home-market-label-row .eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #cbc3f4 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  letter-spacing: .12em !important;
  text-transform: uppercase !important;
}

.home-market-label-row .eyebrow::before {
  display: block !important;
  width: 18px !important;
  height: 1px !important;
  background: var(--home-accent) !important;
  box-shadow: none !important;
}

.home-market-online {
  display: none;
  align-items: center;
  gap: 6px;
  padding: 4px 8px;
  border: 1px solid rgba(102, 220, 168, .14);
  border-radius: 999px;
  color: #8edbb8;
  font-size: 8px;
  font-weight: 700;
}

.home-market-online i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--home-green);
  box-shadow: 0 0 9px rgba(102, 220, 168, .7);
}

.home-cinematic-hero .market-home-head h1 {
  max-width: 610px;
  margin: 0 !important;
  color: #f7f7fb !important;
  font-family: "Segoe UI Variable Display", Inter, ui-sans-serif, system-ui, sans-serif !important;
  font-size: clamp(48px, 3.7vw, 60px) !important;
  font-weight: 790 !important;
  line-height: .94 !important;
  letter-spacing: -.045em !important;
  text-wrap: balance;
}

.home-cinematic-hero .market-home-head h1 span,
.home-cinematic-hero .market-home-head h1 em {
  display: block;
  white-space: nowrap;
}

.home-cinematic-hero .market-home-head h1 em {
  width: fit-content;
  color: #ada0f5;
  font-style: normal;
  background: linear-gradient(92deg, #bcb1fa, #8ea5f4 65%, #72cae9);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-cinematic-hero .market-home-head > p {
  max-width: 450px;
  margin: 19px 0 0 !important;
  color: var(--home-copy) !important;
  font-size: 15px !important;
  line-height: 1.65;
}

.home-cinematic-hero .market-head-actions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 24px;
  padding: 0 !important;
}

.home-cinematic-hero .market-head-actions .btn {
  min-height: 44px !important;
  padding: 0 15px !important;
  border: 1px solid rgba(213, 207, 255, .11) !important;
  border-radius: 11px !important;
  background: rgba(255, 255, 255, .035) !important;
  color: #d9d9e4 !important;
  box-shadow: none !important;
  font-size: 12px !important;
}

.home-cinematic-hero .market-head-actions .btn:hover {
  border-color: rgba(197, 186, 255, .24) !important;
  background: rgba(255, 255, 255, .06) !important;
  transform: translateY(-1px) !important;
}

.home-cinematic-hero .market-head-actions .home-trade-cta {
  border-color: transparent !important;
  background: #f1efff !important;
  color: #171327 !important;
  box-shadow: 0 12px 30px rgba(0, 0, 0, .22) !important;
}

.home-cinematic-hero .market-head-actions .home-trade-cta:hover {
  background: #fff !important;
}

.home-cinematic-hero .market-favorites-action {
  display: none !important;
}

.home-cinematic-hero .market-head-actions img {
  width: 14px;
  height: 14px;
  opacity: .72;
}

.home-trust-row {
  display: none;
  flex-wrap: wrap;
  gap: 8px 17px;
  margin-top: 22px;
  padding: 0;
}

.home-trust-row span {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #777a89;
  font-size: 8px;
  font-weight: 650;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.home-trust-row span::before {
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #70668e;
}

.home-trust-row i { display: none; }

/* Featured asset */
.home-cinematic-hero .home-spotlight-card {
  grid-area: feature;
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  display: block !important;
  overflow: hidden;
  border: 1px solid rgba(215, 208, 255, .105) !important;
  border-radius: 22px !important;
  background:
    radial-gradient(560px 490px at 64% 44%, rgba(116, 87, 211, .22), transparent 67%),
    radial-gradient(380px 300px at 92% 10%, rgba(92, 190, 226, .085), transparent 72%),
    #0d0e17 !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025) !important;
}

.home-cinematic-hero .home-spotlight-card::before {
  content: "" !important;
  position: absolute;
  z-index: 3;
  inset: 0;
  pointer-events: none;
  opacity: 1 !important;
  background:
    linear-gradient(180deg, rgba(8, 9, 15, .02) 38%, rgba(8, 9, 15, .44) 68%, rgba(8, 9, 15, .96) 100%),
    linear-gradient(90deg, rgba(8, 9, 15, .72), transparent 50%) !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

.home-cinematic-hero .home-spotlight-card::after,
.home-spotlight-coordinate,
.home-stage-crosshair,
.home-spotlight-signal {
  display: none !important;
}

.home-cinematic-hero .home-spotlight-art {
  position: absolute !important;
  z-index: 1;
  inset: 0 !important;
  width: 100%;
  height: 100% !important;
  min-height: 0 !important;
  padding: 24px 12px 108px 90px !important;
  overflow: hidden;
  border: 0 !important;
  background: transparent !important;
}

.home-cinematic-hero .home-spotlight-art::before {
  content: "";
  position: absolute;
  inset: 7% -8% 17% 16% !important;
  width: auto !important;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(151, 113, 242, .15), transparent 68%) !important;
  filter: blur(18px) !important;
  opacity: 1 !important;
}

.home-cinematic-hero .home-spotlight-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  padding: 24px 2px 96px 70px !important;
  object-fit: contain;
  object-position: 61% 45%;
  filter: drop-shadow(0 38px 36px rgba(0, 0, 0, .68)) !important;
}

.home-cinematic-hero .home-spotlight-copy {
  position: absolute;
  z-index: 5;
  right: 28px;
  bottom: 28px;
  left: 28px;
  align-self: auto;
  padding: 0 !important;
}

.home-cinematic-hero .home-card-kicker {
  display: block;
  margin-bottom: 9px;
  color: #aaa0df !important;
  font-size: 11px !important;
  font-weight: 720 !important;
  letter-spacing: .12em !important;
}

.home-cinematic-hero .home-spotlight-copy h2 {
  max-width: 370px;
  margin: 0 0 10px !important;
  color: #fff !important;
  font-size: clamp(38px, 4vw, 58px) !important;
  font-weight: 790 !important;
  line-height: .93 !important;
  letter-spacing: -.055em !important;
  text-wrap: balance;
}

.home-cinematic-hero .home-spotlight-meta {
  display: flex;
  gap: 6px;
}

.home-cinematic-hero .home-spotlight-meta span {
  padding: 4px 7px;
  border: 1px solid rgba(226, 222, 255, .12) !important;
  border-radius: 999px !important;
  background: rgba(9, 10, 17, .5) !important;
  color: #b8b7c6 !important;
  font-size: 11px;
}

.home-cinematic-hero .home-spotlight-value {
  position: absolute;
  right: 0;
  bottom: 2px;
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  margin: 0;
}

.home-cinematic-hero .home-spotlight-value i {
  color: var(--home-cyan) !important;
  font-size: 23px;
}

.home-cinematic-hero .home-spotlight-value strong {
  color: #fff !important;
  font-size: clamp(50px, 5.2vw, 76px) !important;
  font-weight: 760 !important;
  line-height: .85;
  letter-spacing: -.06em !important;
  text-shadow: none !important;
}

.home-cinematic-hero .home-spotlight-value span {
  grid-column: 2;
  margin-top: 6px;
  color: #8b89a0;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.home-cinematic-hero .home-spotlight-copy > p { display: none; }

.home-cinematic-hero .home-spotlight-details {
  min-height: 0;
  margin-top: 13px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: #b4b2c2 !important;
  font-size: 12px;
  font-weight: 650;
}

.home-cinematic-hero .home-spotlight-details:hover {
  color: #fff !important;
  background: transparent !important;
}

.home-cinematic-hero .home-spotlight-tabs {
  position: absolute;
  z-index: 7;
  right: 24px;
  top: 22px;
  bottom: auto;
  display: flex;
  gap: 3px;
  padding: 5px 7px;
  border: 1px solid rgba(224, 218, 255, .09);
  border-radius: 999px;
  background: rgba(8, 9, 15, .38) !important;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.home-cinematic-hero .home-feature-tab {
  width: 17px;
  height: 17px;
  border: 0 !important;
  background: transparent !important;
}

.home-cinematic-hero .home-feature-tab::after {
  top: 6px;
  left: 6px;
  width: 5px;
  height: 5px;
  background: #555665;
}

.home-cinematic-hero .home-feature-tab.active::after {
  background: #c0b4ff;
  box-shadow: 0 0 9px rgba(192, 180, 255, .55);
}

.home-cinematic-hero .home-feature-tab::before { bottom: -1px; }

/* Market pulse */
.home-cinematic-hero .home-pulse-panel {
  grid-area: pulse;
  min-width: 0;
  min-height: 0 !important;
  max-height: none !important;
  height: auto !important;
  display: grid;
  grid-template-columns: .92fr 1.08fr;
  grid-template-rows: auto 1fr auto;
  column-gap: 18px;
  padding: 19px 20px !important;
  overflow: hidden;
  border: 1px solid var(--home-line) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, .018) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .02) !important;
}

.home-cinematic-hero .home-pulse-panel::after { display: none; }

.home-cinematic-hero .home-pulse-head {
  grid-column: 1;
  grid-row: 1;
  min-height: 0;
  align-items: center;
  padding: 0 0 11px;
}

.home-pulse-index,
.home-cinematic-hero .home-pulse-head small { display: none; }

.home-cinematic-hero .home-pulse-head .home-card-kicker {
  margin: 0;
  color: #b2acc9 !important;
  letter-spacing: .08em !important;
}

.home-cinematic-hero .home-live-badge {
  gap: 5px;
  padding: 3px 6px;
  border-color: rgba(102, 220, 168, .13) !important;
  border-radius: 999px;
  background: transparent !important;
  color: #84d8ad !important;
  font-size: 10px;
}

.home-cinematic-hero .home-pulse-stats {
  grid-column: 1;
  grid-row: 2 / 4;
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-self: stretch;
  border: 0;
}

.home-cinematic-hero .home-pulse-stats > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4px 11px 2px 0;
  border: 0;
  background: transparent !important;
}

.home-cinematic-hero .home-pulse-stats > div + div {
  padding-left: 12px;
  border-left: 1px solid var(--home-line);
}

.home-cinematic-hero .home-pulse-stats span {
  color: #777a89;
  font-size: 11px;
}

.home-cinematic-hero .home-pulse-stats strong {
  margin: 4px 0 0;
  color: #f2f2f6 !important;
  font-size: clamp(20px, 2vw, 28px);
  font-weight: 720;
}

.home-cinematic-hero .home-pulse-stats small { display: none; }

.home-cinematic-hero .home-trend-head {
  grid-column: 2;
  grid-row: 1;
  min-height: 0;
  align-items: center;
  padding: 0 0 8px;
}

.home-cinematic-hero .home-trend-head span {
  color: #999cab;
  font-size: 10px;
  font-weight: 650;
}

.home-cinematic-hero .home-trend-head small { display: none; }

.home-cinematic-hero .home-trend-head > strong {
  color: #f2f2f6;
  font-size: 19px;
  font-weight: 700;
}

.home-cinematic-hero .home-trend-chart {
  grid-column: 2;
  grid-row: 2;
  min-height: 0 !important;
  height: 78px;
  margin: 0;
}

.home-cinematic-hero .home-trend-labels {
  grid-column: 2;
  grid-row: 3;
  margin: 0;
  color: #656877;
  font-size: 11px;
}

/* Values browser */
.home-values-browser {
  margin-top: 24px !important;
}

.home-browser-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 28px;
  margin: 0 0 18px;
  padding: 0 2px;
}

.home-browser-head h2 {
  margin: 9px 0 7px;
  color: #f5f5f8;
  font-family: "Segoe UI Variable Display", Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: clamp(38px, 4.2vw, 58px);
  font-weight: 760;
  line-height: .96;
  letter-spacing: -.045em;
}

.home-browser-head p {
  margin: 0;
  color: #8e919f;
  font-size: 13px;
}

.home-browser-head-tools {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 9px;
}

.dstn-list-badge {
  position: relative;
  isolation: isolate;
  width: min(100%, 286px);
  min-height: 78px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr);
  align-items: center;
  gap: 11px;
  overflow: hidden;
  padding: 7px 14px 7px 7px;
  border: 1px solid rgba(171, 137, 255, .28);
  border-radius: 15px;
  background:
    radial-gradient(circle at 18% 25%, rgba(141, 69, 255, .26), transparent 44%),
    linear-gradient(135deg, rgba(20, 15, 38, .98), rgba(9, 10, 16, .98));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .045),
    0 12px 30px rgba(0, 0, 0, .24);
}

.dstn-list-badge::after {
  content: "";
  position: absolute;
  z-index: -1;
  width: 120px;
  height: 120px;
  right: -62px;
  top: -72px;
  border-radius: 50%;
  background: rgba(128, 74, 255, .13);
  filter: blur(2px);
}

.dstn-list-icon {
  width: 64px;
  height: 64px;
  display: block;
  overflow: hidden;
  border: 1px solid rgba(196, 168, 255, .24);
  border-radius: 11px;
  background: #08070e;
  box-shadow:
    inset 0 0 18px rgba(121, 66, 255, .12),
    0 0 22px rgba(113, 58, 255, .12);
}

.dstn-list-icon img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center;
}

.dstn-list-copy {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.dstn-list-kicker {
  color: #8f8aa0;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.dstn-list-title {
  display: flex;
  align-items: baseline;
  gap: 6px;
  margin-top: 2px;
  line-height: 1;
}

.dstn-list-title b {
  color: #f5f0ff;
  font-size: 22px;
  font-weight: 950;
  letter-spacing: -.035em;
  text-shadow: 0 0 18px rgba(152, 89, 255, .35);
}

.dstn-list-title strong {
  color: #a681ff;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
}

.dstn-list-copy small {
  margin-top: 5px;
  color: #737080;
  font-size: 8px;
  font-style: normal;
  font-weight: 650;
  letter-spacing: .035em;
  white-space: nowrap;
}

.home-browser-status {
  display: flex;
  align-items: center;
  gap: 14px;
}

.home-browser-status span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #727582;
  font-size: 11px;
  font-weight: 650;
  letter-spacing: .045em;
  text-transform: uppercase;
}

.home-browser-status i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--home-green);
  box-shadow: 0 0 8px rgba(102, 220, 168, .6);
}

.view-switch {
  display: flex;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(214, 210, 255, .09);
  border-radius: 10px;
  background: rgba(255, 255, 255, .018);
}

.view-switch button {
  min-height: 31px;
  padding: 0 9px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #747683;
  font-size: 11px;
  font-weight: 650;
  cursor: pointer;
}

.view-switch button.active,
.view-switch button[aria-pressed="true"] {
  background: rgba(157, 140, 255, .12);
  color: #d9d3fa;
}

.home-values-browser .values-toolbar {
  border-color: rgba(214, 210, 255, .09) !important;
  background: rgba(10, 11, 18, .78) !important;
  box-shadow: none !important;
}

.home-values-browser .value-card,
.home-values-browser .value-grid-card,
.home-values-browser .value-list-row {
  border-color: rgba(214, 210, 255, .085) !important;
  background: #0c0d14 !important;
  box-shadow: none !important;
}

.home-values-browser .value-card:hover,
.home-values-browser .value-grid-card:hover,
.home-values-browser .value-list-row:hover {
  border-color: rgba(176, 162, 244, .22) !important;
  background: #10111a !important;
  transform: translateY(-2px) !important;
}

.home-market-more {
  display: flex;
  justify-content: center;
  padding: 22px 0 4px;
}

.home-market-more .btn {
  min-width: 220px;
  min-height: 44px;
  border-radius: 11px !important;
  color: #d8d6e5 !important;
}

/* Responsive */
@media (max-width: 1180px) {
  .home-cinematic-hero {
    grid-template-columns: minmax(340px, .8fr) minmax(0, 1.2fr);
  }

  .home-cinematic-hero .market-home-head {
    padding-inline: 28px !important;
  }

  .home-cinematic-hero .market-home-head h1 {
    font-size: clamp(49px, 5.6vw, 66px) !important;
  }
}

@media (max-width: 1080px) {
  .home-cinematic-hero {
    height: auto;
    min-height: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto 520px 176px;
    grid-template-areas: "intro" "feature" "pulse";
  }

  .home-cinematic-hero .market-home-head {
    min-height: 440px !important;
    padding: 46px !important;
  }

  .home-cinematic-hero .market-home-head h1 { max-width: 720px; }
  .home-cinematic-hero .market-home-head > p { max-width: 610px; }
  .home-cinematic-hero .home-spotlight-card { height: 520px !important; }
}

@media (max-width: 900px) {
  .home-cinematic-hero {
    grid-template-rows: auto 420px 184px;
    gap: 10px;
    padding: 10px;
    border-radius: 24px;
  }

  .home-cinematic-hero .market-home-head {
    min-height: 370px !important;
    padding: 34px 38px !important;
  }

  .home-cinematic-hero .market-home-head h1 {
    font-size: clamp(52px, 7.2vw, 64px) !important;
  }

  .home-cinematic-hero .home-spotlight-card { height: 420px !important; }
  .home-cinematic-hero .home-pulse-panel { height: 184px !important; }

  .home-browser-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .home-browser-head-tools { align-items: flex-start; }
}

@media (max-width: 680px) {
  .home-cinematic-hero {
    grid-template-rows: auto 420px 196px;
    gap: 8px;
    margin-inline: -1px;
    padding: 8px;
    border-radius: 20px;
  }

  .home-cinematic-hero .market-home-head {
    min-height: 380px !important;
    justify-content: flex-start;
    padding: 28px 20px !important;
  }

  .home-market-label-row { margin-bottom: 24px; }

  .home-cinematic-hero .market-home-head h1 {
    font-size: clamp(46px, 13.7vw, 62px) !important;
    line-height: .93 !important;
  }

  .home-cinematic-hero .market-home-head > p {
    margin-top: 19px !important;
    width: 100%;
    max-width: 100%;
    white-space: normal !important;
    overflow-wrap: anywhere;
    font-size: 14px !important;
    line-height: 1.55;
  }

  .home-cinematic-hero .market-head-actions {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: center;
    margin-top: 22px;
  }

  .home-cinematic-hero .market-head-actions .home-trade-cta {
    width: 100%;
  }

  .home-cinematic-hero .market-head-actions .btn:not(.home-trade-cta) {
    align-self: flex-start;
    min-height: 36px !important;
    padding-left: 0 !important;
    border-color: transparent !important;
    background: transparent !important;
  }

  .home-trust-row { margin-top: 20px; }

  .home-cinematic-hero .home-spotlight-card {
    height: 420px !important;
    border-radius: 16px !important;
  }

  .home-cinematic-hero .home-spotlight-art {
    padding: 18px 0 115px 34px !important;
  }

  .home-cinematic-hero .home-spotlight-image {
    padding: 24px 0 102px 20px !important;
    object-position: 56% 38%;
  }

  .home-cinematic-hero .home-spotlight-copy {
    right: 20px;
    bottom: 22px;
    left: 20px;
  }

  .home-cinematic-hero .home-spotlight-copy h2 {
    max-width: 250px;
    font-size: 38px !important;
  }

  .home-cinematic-hero .home-spotlight-value strong {
    font-size: 54px !important;
  }

  .home-cinematic-hero .home-pulse-panel {
    height: 196px !important;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    padding: 18px !important;
    border-radius: 16px !important;
  }

  .home-cinematic-hero .home-pulse-head {
    grid-column: 1;
    grid-row: 1;
  }

  .home-cinematic-hero .home-pulse-stats {
    grid-column: 1;
    grid-row: 2;
    min-height: 62px;
  }

  .home-cinematic-hero .home-trend-head {
    grid-column: 1;
    grid-row: 3;
    align-self: end;
    padding-top: 8px;
    border-top: 1px solid var(--home-line);
  }

  .home-cinematic-hero .home-trend-chart,
  .home-cinematic-hero .home-trend-labels { display: none; }

  .home-cinematic-hero .home-spotlight-tabs {
    left: auto !important;
    transform: none !important;
  }

  .home-cinematic-hero .home-spotlight-details {
    display: inline-flex !important;
  }

  .home-values-browser { margin-top: 32px !important; }
  .home-browser-head h2 { font-size: 44px; }
  .home-browser-status span:nth-child(n + 2) { display: none; }
}

@media (max-width: 900px) {
  .home-browser-head-tools { width: 100%; }
}

@media (max-width: 520px) {
  .dstn-list-badge {
    width: 100%;
    min-height: 70px;
    grid-template-columns: 56px minmax(0, 1fr);
    padding: 7px 11px 7px 7px;
  }

  .dstn-list-icon {
    width: 56px;
    height: 56px;
    border-radius: 10px;
  }

  .dstn-list-title b { font-size: 20px; }
  .dstn-list-copy small { white-space: normal; }
}

@media (max-width: 430px) {
  .home-cinematic-hero { grid-template-rows: auto 400px 192px; }
  .home-cinematic-hero .market-home-head { min-height: 380px !important; }
  .home-cinematic-hero .market-home-head h1 { font-size: 44px !important; }
  .home-cinematic-hero .home-spotlight-card { height: 400px !important; }
  .home-cinematic-hero .home-pulse-panel { height: 192px !important; }
  .home-cinematic-hero .home-spotlight-copy h2 { font-size: 34px !important; }
  .home-cinematic-hero .home-spotlight-value strong { font-size: 49px !important; }
  .home-trust-row span { font-size: 7px; }
}

@media (prefers-reduced-motion: reduce) {
  .home-feature-tab::before { animation: none !important; }
}

/* V2.30.34.3.8.69 - simplify DSTN status row */
.home-browser-status {
  width: 100%;
  justify-content: center;
}

.home-browser-status span {
  justify-content: center;
  text-align: center;
}