/* Braden's Values — verified-data homepage refinement */

:root {
  --bv2-page: #000000;
  --bv2-panel: #050505;
  --bv2-panel-deep: #020202;
  --bv2-panel-soft: #090909;
  --bv2-line: rgba(255, 255, 255, .095);
  --bv2-line-soft: rgba(255, 255, 255, .055);
}

body,
body[data-layout="classic"] { background: #000 !important; }

.topbar,
body[data-theme="light"] .topbar,
body[data-layout="classic"] .topbar {
  border-bottom-color: #17131d !important;
  background: rgba(2, 2, 3, .985) !important;
}

.topbar::after { background: #17131d !important; }
.global-search input { border-color: #1b1720 !important; background: #070708 !important; }
.top-online-pill,
.top-coin-button,
.top-square-button,
.top-profile-button { border-color: #1b1720 !important; background: #070708 !important; }

/* Premium top-right control cluster. */
.topbar-controls {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px !important;
}

.top-online-pill {
  min-width: 122px !important;
  height: 44px !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  padding: 0 13px !important;
  border: 1px solid rgba(82, 219, 139, .13) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(17, 24, 21, .92), rgba(7, 9, 9, .98)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 9px 26px rgba(0, 0, 0, .22) !important;
}

.top-online-pill .presence-dot {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px;
  background: #55ec87 !important;
  box-shadow: 0 0 0 4px rgba(85, 236, 135, .08), 0 0 13px rgba(85, 236, 135, .65) !important;
}

.top-live-copy,
.top-profile-copy {
  min-width: 0;
  display: grid;
  gap: 2px;
  line-height: 1;
  text-align: left;
}

.top-live-copy small,
.top-profile-copy small {
  color: #777d8e;
  font-size: 7px;
  font-weight: 760;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.top-online-pill .top-live-copy strong {
  color: #f1f5f2 !important;
  font-size: 10px !important;
  font-weight: 820 !important;
  letter-spacing: .035em !important;
  text-transform: none;
}

.top-utility-cluster {
  height: 44px;
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 3px;
  border: 1px solid rgba(168, 139, 229, .12);
  border-radius: 13px;
  background: linear-gradient(145deg, rgba(12, 11, 15, .96), rgba(6, 6, 7, .98));
  box-shadow: inset 0 1px rgba(255, 255, 255, .022), 0 9px 26px rgba(0, 0, 0, .22);
}

.top-utility-cluster .top-square-button {
  position: relative;
  width: 36px !important;
  min-width: 36px !important;
  height: 36px !important;
  border: 0 !important;
  border-radius: 9px !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #c7c4cf !important;
}

.top-utility-cluster .top-square-button + .top-square-button:before {
  content: '';
  position: absolute;
  top: 7px;
  bottom: 7px;
  left: -2px;
  width: 1px;
  background: rgba(255, 255, 255, .07);
}

.top-utility-cluster .top-square-button:hover,
.top-utility-cluster .top-square-button:focus-visible {
  background: rgba(151, 105, 236, .11) !important;
  color: #e5d9ff !important;
  transform: translateY(-1px);
}

.top-utility-cluster .top-square-button img,
.top-utility-cluster .top-square-button svg {
  width: 17px !important;
  height: 17px !important;
  opacity: .9;
}

.top-profile-button.guest-identity {
  width: auto !important;
  min-width: 154px !important;
  max-width: 194px !important;
  height: 44px !important;
  gap: 9px !important;
  padding: 0 11px 0 7px !important;
  overflow: visible !important;
  border: 1px solid rgba(160, 113, 237, .17) !important;
  border-radius: 13px !important;
  background: linear-gradient(145deg, rgba(22, 17, 29, .96), rgba(8, 7, 10, .99)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .03), 0 9px 28px rgba(0, 0, 0, .24) !important;
}

.top-profile-button .top-profile-avatar {
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  border: 1px solid rgba(178, 129, 255, .42) !important;
  border-radius: 9px !important;
  background: #171020 !important;
  box-shadow: 0 0 0 3px rgba(146, 91, 232, .06), 0 0 16px rgba(146, 91, 232, .18) !important;
}

.top-profile-copy { flex: 1 1 auto; }
.top-profile-copy .guest-name {
  max-width: 92px !important;
  color: #f2eff6 !important;
  font-size: 10px !important;
  font-weight: 780 !important;
  line-height: 1.05;
}

.top-profile-button .top-chevron {
  width: 12px !important;
  height: 12px !important;
  margin-left: auto;
  color: #777181 !important;
}

.top-profile-button.guest-identity:hover,
.top-profile-button.guest-identity:focus-visible,
.top-profile-button.guest-identity[aria-expanded="true"] {
  border-color: rgba(176, 128, 255, .36) !important;
  background: linear-gradient(145deg, rgba(31, 22, 43, .98), rgba(10, 8, 13, .99)) !important;
  transform: translateY(-1px);
}

.top-online-pill:focus-visible,
.top-utility-cluster .top-square-button:focus-visible,
.top-profile-button:focus-visible {
  outline: 2px solid rgba(181, 141, 255, .62) !important;
  outline-offset: 2px;
}

@media (max-width: 1000px) {
  .top-profile-button.guest-identity { width: 44px !important; min-width: 44px !important; padding: 0 6px !important; }
  .top-profile-copy,
  .top-profile-button .top-chevron { display: none !important; }
}

@media (max-width: 767px) {
  .top-utility-cluster { display: contents !important; }
  .top-utility-cluster .top-square-button {
    width: 40px !important;
    min-width: 40px !important;
    height: 40px !important;
    border: 1px solid #1b1720 !important;
    border-radius: 11px !important;
    background: #070708 !important;
  }
  .top-utility-cluster .top-square-button + .top-square-button:before { display: none; }
  .top-profile-button.guest-identity { width: 40px !important; min-width: 40px !important; height: 40px !important; }
  .top-profile-button .top-profile-avatar { width: 27px !important; height: 27px !important; flex-basis: 27px !important; }
}

.sidebar,
body[data-theme="light"] .sidebar,
body[data-layout="classic"] .sidebar {
  border-right-color: #17131d !important;
  background: rgba(2, 2, 3, .992) !important;
}

.sidebar-support-card { border-color: #1b1720 !important; background: #050506 !important; }
.sidebar-footer-links { border-color: #1b1720 !important; background: #020203 !important; }

.bv2-reference-home {
  --home-violet: #a66cff;
  --home-green: #55ec87;
  --home-red: #ff5f72;
  --home-cyan: #a66cff;
  --bv2-cyan: #a66cff;
}

/* Keep the immersive hero safely below the fixed toolbar. */
#page-home { margin-top: -16px !important; }

.bv2-hero {
  height: 368px;
  min-height: 368px;
  border-bottom-color: rgba(151, 92, 255, .22);
  background: #000;
  box-shadow: inset 0 -48px 90px rgba(0, 0, 0, .72);
}

.bv2-hero-scene {
  background-image:
    linear-gradient(90deg, rgba(0, 0, 0, .91) 0%, rgba(0, 0, 0, .92) 25%, rgba(0, 0, 0, .46) 54%, rgba(0, 0, 0, .1) 84%),
    linear-gradient(180deg, rgba(0, 0, 0, .02) 44%, rgba(0, 0, 0, .96) 100%),
    url("./assets/ui/bradens-values-main-background.webp");
  background-position: center, center, center 64%;
  background-size: cover, cover, cover;
  filter: saturate(1.08) contrast(1.14) brightness(.9);
}

.bv2-hero-scene::before {
  background:
    radial-gradient(circle at 76% 42%, rgba(166, 88, 255, .38), transparent 24%),
    radial-gradient(ellipse at 72% 106%, rgba(116, 54, 220, .24), transparent 46%),
    linear-gradient(90deg, rgba(0, 0, 0, .92) 0%, rgba(0, 0, 0, .84) 30%, rgba(0, 0, 0, .16) 66%, rgba(0, 0, 0, .06));
}

.bv2-hero-scene::after { height: 52%; background: linear-gradient(180deg, transparent, #000 100%); }
.bv2-hero-ridge { opacity: .32; }
.bv2-hero-ridge-back { background: rgba(19, 7, 39, .72); }
.bv2-hero-ridge-front { background: linear-gradient(180deg, rgba(18, 8, 35, .72), #000); }
.bv2-hero-ground { opacity: .58; }

.bv2-hero-orb {
  top: 17px;
  right: 13%;
  width: 322px;
  height: 322px;
  border-width: 2px;
  background: radial-gradient(circle at 45% 40%, rgba(101, 48, 170, .16), rgba(18, 7, 38, .76) 66%, #020203 100%);
  box-shadow: 0 0 6px rgba(188, 107, 255, .8), 0 0 28px rgba(154, 77, 255, .55), 0 0 92px rgba(104, 42, 203, .34), inset 0 0 54px rgba(122, 50, 218, .2);
}

.bv2-hero-copy {
  width: 650px;
  padding-top: 38px;
}

.bv2-hero-copy > p { max-width: 470px; }

.bv2-hero-dino-wrap {
  top: 2px;
  right: 14px;
  width: min(58%, 780px);
  height: 360px;
}

.bv2-hero-dino {
  --hero-art-scale: 1;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: translate3d(36px, 8px, 0) scale(var(--hero-art-scale));
  transform-origin: 54% 54%;
  will-change: opacity, transform, filter;
  transition:
    opacity .88s cubic-bezier(.2, .72, .2, 1),
    transform 1.08s cubic-bezier(.18, .76, .2, 1),
    filter .8s ease;
}

.bv2-hero-dino.is-current {
  z-index: 3;
  opacity: 1;
  transform: translate3d(0, 0, 0) scale(var(--hero-art-scale));
}

.bv2-hero-dino.is-entering {
  z-index: 4;
  opacity: 0;
  transform: translate3d(38px, 8px, 0) scale(var(--hero-art-scale));
}

.bv2-hero-dino.is-exiting {
  z-index: 2;
  opacity: 0;
  transform: translate3d(-30px, -3px, 0) scale(var(--hero-art-scale));
}

.bv2-hero-dino[data-item="nightcrawler"] {
  --hero-art-scale: 1;
  object-position: 52% 50%;
  filter: brightness(1.18) contrast(1.08) saturate(.88) drop-shadow(0 32px 30px rgba(0, 0, 0, .86)) drop-shadow(0 0 28px rgba(150, 76, 235, .34));
}

.bv2-hero-dino[data-item="megavore"] {
  --hero-art-scale: .94;
  object-position: 54% 52%;
  filter: brightness(1.12) contrast(1.1) saturate(.9) drop-shadow(0 32px 30px rgba(0, 0, 0, .88)) drop-shadow(0 0 26px rgba(137, 82, 233, .28));
}

.bv2-hero-dino[data-item="albino-terror"] {
  --hero-art-scale: .97;
  object-position: 53% 50%;
  filter: brightness(1.16) contrast(1.06) saturate(.82) drop-shadow(0 32px 30px rgba(0, 0, 0, .88)) drop-shadow(0 0 28px rgba(190, 151, 255, .27));
}

.bv2-hero-dino-wrap.is-transitioning::after {
  content: "";
  position: absolute;
  z-index: 1;
  inset: 14% 10% 8% 18%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(151, 88, 245, .13), transparent 66%);
  filter: blur(18px);
  animation: bv2HeroTransitionGlow 1.05s ease both;
}

.bv2-hero-feature {
  transition: opacity .26s ease, transform .32s cubic-bezier(.2, .72, .2, 1), border-color .35s ease, box-shadow .35s ease;
}

.bv2-hero-feature.is-copy-out {
  opacity: 0;
  transform: translate3d(0, 7px, 0) scale(.985);
}

.bv2-hero-feature.is-copy-in {
  animation: bv2HeroFeatureIn .54s cubic-bezier(.18, .75, .2, 1) both;
}

@keyframes bv2HeroTransitionGlow {
  0%, 100% { opacity: 0; transform: scale(.88); }
  42% { opacity: 1; transform: scale(1.04); }
}

@keyframes bv2HeroFeatureIn {
  from { opacity: 0; transform: translate3d(0, 8px, 0) scale(.985); }
  to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}

.bv2-hero-feature {
  position: absolute;
  z-index: 6;
  right: 24px;
  bottom: 18px;
  min-width: 190px;
  padding: 10px 13px;
  border: 1px solid rgba(184, 135, 255, .18);
  border-radius: 11px;
  background: rgba(4, 3, 6, .8);
  box-shadow: 0 14px 36px rgba(0, 0, 0, .42), inset 0 1px rgba(255, 255, 255, .035);
  backdrop-filter: blur(14px);
}

.bv2-hero-feature > span { display: block; color: #a68dbf; font-size: 8px; font-weight: 760; letter-spacing: .15em; text-transform: uppercase; }
.bv2-hero-feature > strong { display: block; margin-top: 4px; color: #fff; font-size: 15px; letter-spacing: -.02em; }
.bv2-hero-feature > small { display: flex; align-items: center; gap: 5px; margin-top: 4px; color: #8d8796; font-size: 9px; }
.bv2-hero-feature b { color: #cbb0ff; font-weight: 720; }
.bv2-hero-feature i { width: 3px; height: 3px; border-radius: 50%; background: #7450a8; }

.bv2-hero-data {
  position: absolute;
  z-index: 7;
  top: 307px;
  left: 65px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin: 0;
  color: #a9a7b6;
  font-size: 10px;
  font-weight: 650;
}

.bv2-hero-data > span {
  min-height: 27px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 9px;
  border: 1px solid rgba(198, 180, 255, .12);
  border-radius: 999px;
  background: rgba(4, 4, 5, .72);
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
  backdrop-filter: blur(12px);
}

.bv2-secondary-action { border-color: #242026 !important; background: rgba(6, 6, 7, .88) !important; }

.bv2-hero-data strong { color: #f4f2fa; font-size: 11px; }
.bv2-hero-data i { width: 6px; height: 6px; border-radius: 50%; background: #8861ec; box-shadow: 0 0 8px rgba(148, 91, 255, .7); }
.bv2-hero-data i.is-green { background: var(--home-green); box-shadow: 0 0 8px rgba(85, 236, 135, .65); }

.bv2-dashboard {
  width: min(calc(100% - 64px), 1560px) !important;
  position: relative;
  z-index: 8;
  margin: 14px auto 0 !important;
}

/* The secondary tools disclosure should read like navigation, not a stray card. */
.sidebar .nav-more {
  margin: 12px 8px 5px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.sidebar .nav-more summary {
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  padding: 0 4px !important;
  border: 0 !important;
  border-radius: 7px !important;
  background: transparent !important;
  color: #777d90 !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  letter-spacing: .13em !important;
  text-transform: uppercase !important;
}

.sidebar .nav-more summary:hover { color: #c8c5d2 !important; }
.sidebar .nav-more summary::after { display: none !important; content: none !important; }
.nav-more-label { width: auto !important; display: inline-flex; align-items: center; gap: 9px; text-align: left !important; }
.nav-more-label img { width: 16px !important; height: 16px !important; opacity: .64; filter: brightness(0) invert(1); }
.nav-more-chevron { width: auto !important; color: #686e80; font-size: 16px; line-height: 1; transition: transform .18s ease; }
.sidebar .nav-more[open] .nav-more-chevron { transform: rotate(90deg); }
.sidebar .nav-more[open] summary { color: #d4cedf !important; }
.sidebar .nav-more-body {
  margin: 5px -3px 7px !important;
  padding: 6px !important;
  border: 1px solid rgba(151, 122, 236, .1);
  border-radius: 11px;
  background: rgba(6, 5, 7, .96);
}

@media (min-width: 981px) {
  .sidebar,
  body[data-theme="light"] .sidebar,
  body[data-layout="classic"] .sidebar {
    padding-bottom: 8px !important;
  }

  .sidebar-support-card { margin-top: auto !important; }
  .sidebar-footer-links { flex: 0 0 44px; margin-bottom: 0 !important; }
}

.bv2-dashboard-main { grid-template-rows: 134px 360px 90px; }
.bv2-dashboard-side { grid-template-rows: 232px 364px; }
.bv2-dashboard.is-baseline-market .bv2-dashboard-main { grid-template-rows: 134px 244px 90px; }
.bv2-dashboard.is-baseline-market .bv2-dashboard-side { grid-template-rows: 232px 248px; }

/* Keep the three community shortcuts centered beneath the support card. */
.sidebar-footer-links {
  display: grid !important;
  grid-template-columns: repeat(3, 51px) !important;
  justify-content: center !important;
}
.bv2-panel,
.bv2-quick-tools > button {
  border-color: rgba(255, 255, 255, .09) !important;
  background: linear-gradient(180deg, rgba(8, 8, 9, .99), rgba(3, 3, 4, .99)) !important;
  box-shadow: 0 18px 48px rgba(0, 0, 0, .38), inset 0 1px rgba(255, 255, 255, .018);
}

.bv2-quick-tools > button:hover { background: #0a090c !important; }
.bv2-spotlight.home-spotlight-card { background: linear-gradient(180deg, #080809, #030304) !important; }
.bv2-spotlight.home-spotlight-card .bv2-spotlight-art { background: radial-gradient(circle at 52% 45%, rgba(112, 67, 184, .13), transparent 66%), #050506 !important; }
.bv2-trending-row em { background: #0b0a0d !important; }
.bv2-trending-row > img,
.bv2-demand-changes img { background: #040405 !important; }

.bv2-panel-head h2 { font-size: 13px; letter-spacing: .07em; }
.bv2-panel-head button { font-size: 11px; }

.bv2-kpi { padding-top: 18px; padding-bottom: 18px; }
.bv2-kpi-copy > strong { font-size: 25px; }
.bv2-kpi-copy small { max-width: 180px; overflow: hidden; color: #858b9d; text-overflow: ellipsis; }
.bv2-kpi-charted {
  grid-template-columns: 44px minmax(120px, 1fr) 82px;
  gap: 10px;
  padding-inline: 14px;
}
.bv2-kpi-charted .bv2-kpi-icon { width: 44px; height: 44px; }
.bv2-kpi-charted .bv2-kpi-copy small { max-width: none; overflow: visible; font-size: 9px; text-overflow: clip; }
.bv2-kpi-chart-stack {
  width: 82px;
  min-width: 0;
  display: grid;
  justify-items: end;
  align-content: center;
  gap: 5px;
}
.bv2-kpi-chart-stack .bv2-tier-bar { width: 82px; }
.bv2-kpi-chart-stack .bv2-kpi-change {
  position: static;
  display: block;
  color: #b8a0ff;
  font-size: 9px;
  line-height: 1.15;
  white-space: nowrap;
}
.bv2-live-chip > span { color: inherit; }
.bv2-live-chip.is-cached { background: rgba(255, 190, 80, .1); color: #ffc56f; }
.bv2-live-chip.is-offline { background: rgba(255, 95, 114, .1); color: #ff8190; }

.bv2-tier-bar {
  width: 84px;
  height: 31px;
  display: flex;
  align-items: end;
  gap: 3px;
  padding: 3px 1px;
}

.bv2-tier-bar span {
  min-width: 4px;
  flex: 1 1 0;
  height: var(--tier-height, 12px);
  border-radius: 3px 3px 1px 1px;
  background: linear-gradient(180deg, rgba(177, 119, 255, .98), rgba(106, 67, 207, .34));
  box-shadow: 0 0 9px rgba(144, 83, 244, .13);
}

.bv2-tier-bar span:nth-child(2n) { background: linear-gradient(180deg, rgba(211, 158, 255, .92), rgba(123, 69, 204, .3)); }
.bv2-kpi-change { bottom: 16px; color: #b8a0ff; }

/* A single violet accent language keeps the homepage premium and cohesive. */
.bv2-tool-icon,
.bv2-tool-icon.is-blue,
.bv2-tool-icon.is-purple {
  background: linear-gradient(145deg, rgba(164, 99, 255, .18), rgba(109, 62, 214, .09)) !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, .035);
}

.bv2-tool-icon.is-pink {
  background: linear-gradient(145deg, rgba(204, 91, 255, .17), rgba(129, 62, 214, .09)) !important;
}

.bv2-spotlight-value i { color: var(--home-violet) !important; }

.bv2-intelligence-grid { min-height: 0; grid-template-columns: minmax(0, 1.72fr) minmax(235px, 1fr); overflow: hidden; }
.bv2-market-chart {
  position: relative;
  height: 100%;
  min-height: 0;
  grid-template-rows: 70px minmax(210px, 1fr);
  padding: 0 19px 40px;
}
.bv2-intelligence.is-baseline .bv2-intelligence-grid { height: calc(100% - 45px); }
.bv2-intelligence.is-baseline .bv2-market-chart {
  min-height: 0;
  grid-template-rows: 70px minmax(0, 1fr);
  padding-bottom: 14px;
}
.home-market-baseline[hidden] { display: none; }
.home-market-baseline {
  min-height: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  align-content: center;
  gap: 9px;
  padding: 12px;
  border: 1px solid rgba(154, 113, 245, .14);
  border-radius: 12px;
  background:
    radial-gradient(circle at 8% 50%, rgba(148, 92, 246, .12), transparent 30%),
    linear-gradient(135deg, rgba(24, 17, 35, .72), rgba(8, 8, 10, .84));
  box-shadow: inset 0 1px rgba(255, 255, 255, .025);
}
.home-market-baseline-lead { min-width: 0; display: grid; grid-template-columns: 42px minmax(0, 1fr); align-items: center; gap: 13px; }
.home-market-baseline-icon {
  width: 42px;
  height: 42px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(167, 112, 255, .22);
  border-radius: 12px;
  background: rgba(131, 74, 226, .12);
  color: #bb8cff;
  font-size: 20px;
  box-shadow: 0 0 24px rgba(123, 69, 224, .09);
}
.home-market-baseline-lead > div { min-width: 0; }
.home-market-baseline-lead > div strong { display: block; color: #eeeaf6; font-size: 12px; letter-spacing: -.01em; }
.home-market-baseline-lead > div p { max-width: 470px; margin: 5px 0 0; color: #898494; font-size: 10px; line-height: 1.45; }
.home-market-baseline-flow { grid-column: 1; display: grid; grid-template-columns: minmax(0, 1fr) 18px minmax(0, 1fr); align-items: center; gap: 7px; }
.home-market-baseline-flow > span { min-width: 0; min-height: 43px; display: grid; grid-template-columns: 25px minmax(0, 1fr); grid-template-rows: auto auto; align-content: center; column-gap: 8px; padding: 7px 9px; border: 1px solid rgba(255,255,255,.065); border-radius: 10px; background: rgba(255,255,255,.022); }
.home-market-baseline-flow > span > i { width: 25px; height: 25px; grid-row: 1 / 3; display: grid; place-items: center; align-self: center; border-radius: 8px; color: #8b8594; background: rgba(255,255,255,.04); font-size: 7px; font-style: normal; font-weight: 900; }
.home-market-baseline-flow > span.is-complete { border-color: rgba(85,236,135,.13); background: rgba(44,183,100,.045); }
.home-market-baseline-flow > span.is-complete > i { color: #bff5d0; background: rgba(64,222,128,.11); }
.home-market-baseline-flow b { overflow: hidden; color: #c9c4d1; font-size: 9px; text-overflow: ellipsis; white-space: nowrap; }
.home-market-baseline-flow small { overflow: hidden; color: #666170; font-size: 8px; text-overflow: ellipsis; white-space: nowrap; }
.home-market-baseline-flow > em { color: #6f6878; font-size: 13px; font-style: normal; text-align: center; }
.home-market-baseline-status {
  min-width: 0;
  display: grid;
  grid-template-columns: 7px 1fr;
  grid-column: 1;
  grid-row: auto;
  align-items: center;
  gap: 2px 7px;
  padding-top: 7px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.home-market-baseline-status i { width: 7px; height: 7px; grid-row: 1 / 3; border-radius: 50%; background: #55ec87; box-shadow: 0 0 9px rgba(85, 236, 135, .45); }
.home-market-baseline-status b { color: #c8f6d5; font-size: 9px; text-transform: uppercase; letter-spacing: .06em; }
.home-market-baseline-status small { color: #746f7e; font-size: 8px; }
.bv2-market-chart-head span b { color: inherit; font-size: inherit; font-weight: 560; }
.bv2-market-chart-head strong { font-size: 26px; }
.bv2-market-chart-head small {
  min-height: 20px;
  display: inline-flex;
  align-items: center;
  margin-left: 9px;
  padding: 0 7px;
  border: 1px solid rgba(85, 236, 135, .13);
  border-radius: 999px;
  background: rgba(85, 236, 135, .055);
}

.bv2-chart-stage { position: relative; min-width: 0; min-height: 210px; overflow: hidden; }
.bv2-chart-stage canvas { cursor: crosshair; touch-action: pan-y; }
.bv2-chart-detail-bar {
  position: absolute;
  z-index: 2;
  top: 4px;
  right: 16px;
  left: 64px;
  display: flex;
  justify-content: space-between;
  gap: 12px;
  pointer-events: none;
  color: #7f8598;
  font-size: 9px;
  letter-spacing: .02em;
}
.bv2-chart-detail-bar span { display: inline-flex; align-items: center; gap: 6px; }
.bv2-chart-detail-bar i { width: 6px; height: 6px; border-radius: 50%; background: #a475f4; box-shadow: 0 0 8px rgba(164, 117, 244, .45); }
.bv2-chart-detail-bar b { color: #9d94b4; font-weight: 650; }
.bv2-chart-tooltip {
  position: absolute;
  z-index: 5;
  width: 188px;
  display: grid;
  gap: 3px;
  padding: 10px 11px;
  border: 1px solid rgba(190, 158, 255, .23);
  border-radius: 11px;
  background: rgba(9, 8, 12, .94);
  box-shadow: 0 12px 30px rgba(0, 0, 0, .38);
  pointer-events: none;
  backdrop-filter: blur(12px);
}
.bv2-chart-tooltip[hidden] { display: none; }
.bv2-chart-tooltip strong { color: #aaa1bb; font-size: 9px; font-weight: 650; text-transform: uppercase; letter-spacing: .08em; }
.bv2-chart-tooltip b { color: #f4f0ff; font-size: 14px; }
.bv2-chart-tooltip span,
.bv2-chart-tooltip small { color: #9c93ad; font-size: 9px; }
.bv2-chart-labels {
  position: absolute;
  right: 19px;
  bottom: 7px;
  left: 83px;
  height: 24px;
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(var(--chart-points, 5), minmax(0, 1fr));
  align-items: center;
  color: #7f8598;
  font-size: 10px;
}
.bv2-chart-labels span { text-align: center; }
.bv2-chart-labels span:first-child { text-align: left; }
.bv2-chart-labels span:last-child { text-align: right; }
.bv2-chart-labels span:last-child { color: #bbb4d4; }

.bv2-trending-row { grid-template-columns: 26px 38px minmax(0, 1fr) 52px 104px; }
.bv2-trending-row canvas { width: 104px; height: 36px; }

.home-values-browser .value-grid-card { display: flex; flex-direction: column; }
.value-grid-chart {
  position: relative;
  min-height: 62px;
  margin: 0 10px 10px;
  padding: 7px 8px 6px;
  border: 1px solid rgba(166, 139, 235, .1);
  border-radius: 10px;
  background: linear-gradient(180deg, rgba(147, 110, 238, .045), rgba(0, 0, 0, .08));
}
.value-grid-chart-head { display: flex; align-items: center; justify-content: space-between; gap: 8px; margin-bottom: 2px; color: #777d90; font-size: 8px; }
.value-grid-chart-head span { display: inline-flex; align-items: center; gap: 5px; }
.value-grid-chart-head span:before { content: ''; width: 5px; height: 5px; border-radius: 50%; background: var(--card-chart-color, #a78bf5); }
.value-grid-chart-head b { color: #a7a0b6; font-size: 8px; font-weight: 650; }
.value-grid-chart canvas { width: 100%; height: 36px; }

.bv2-demand-changes { padding-top: 12px; }
.bv2-demand-changes h3 { margin-bottom: 8px; font-size: 11px; }
.home-change-list { display: grid; }
.home-change-list .home-data-loading { min-height: 140px; }
.home-demand-empty {
  min-height: 0;
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 14px;
  border: 1px solid rgba(154, 113, 245, .1);
  border-radius: 12px;
  background: linear-gradient(145deg, rgba(25, 17, 36, .58), rgba(9, 8, 12, .88));
}
.home-demand-empty-lead { min-width: 0; display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 10px; }
.home-demand-empty-lead > span { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 10px; background: rgba(151, 91, 242, .1); color: #b684ff; font-size: 16px; }
.home-demand-empty strong { display: block; color: #e4dfed; font-size: 11px; }
.home-demand-empty p { margin: 4px 0 0; color: #777382; font-size: 9px; line-height: 1.45; }
.home-demand-empty-status { display: flex; align-items: center; gap: 9px; padding: 9px 10px; border: 1px solid rgba(85,236,135,.1); border-radius: 10px; background: rgba(49,190,105,.035); }
.home-demand-empty-status > i { width: 7px; height: 7px; flex: 0 0 7px; border-radius: 50%; background: #55ec87; box-shadow: 0 0 9px rgba(85,236,135,.4); }
.home-demand-empty-status span { min-width: 0; }
.home-demand-empty-status b { display: block; color: #bcf2cc; font-size: 8px; letter-spacing: .05em; text-transform: uppercase; }
.home-demand-empty-status small { display: block; margin-top: 2px; color: #666170; font-size: 7px; }
.home-change-list button { height: 32px; }
.home-change-list b.is-down { color: var(--home-red); }
.home-change-list b.is-flat { color: #a8adbd; }

.home-data-loading {
  min-height: 100%;
  display: grid;
  place-items: center;
  padding: 18px;
  color: #777d90;
  font-size: 11px;
  line-height: 1.5;
  text-align: center;
}

.bv2-spotlight.home-spotlight-card { --bv2-spotlight-height: 232px; }
.bv2-spotlight.home-spotlight-card .bv2-spotlight-body {
  grid-template-columns: 39% minmax(0, 1fr) !important;
  gap: 16px !important;
  padding-bottom: 12px !important;
}

.bv2-spotlight-copy h3 {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: clip;
  white-space: normal;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.bv2-spotlight-value { margin-top: 13px; }
.bv2-spotlight-value span { font-size: 10px; }
.home-spotlight-reason {
  max-width: 210px;
  margin: 9px 0 0;
  overflow: hidden;
  color: #858b9c;
  font-size: 9px;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bv2-trending-list > .home-data-loading { grid-row: 1 / -1; }
.bv2-trending-row > span { display: grid; gap: 2px; }
.bv2-trending-row > span small {
  overflow: hidden;
  color: #777d90;
  font-size: 8px;
  font-weight: 520;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.bv2-trend-static {
  justify-self: end;
  color: #8d93a6;
  font-size: 9px;
  font-style: normal;
}

.home-data-methodology {
  width: min(calc(100% - 64px), 1560px) !important;
  display: flex;
  align-items: center;
  gap: 9px 18px;
  flex-wrap: wrap;
  margin: 12px auto 0 !important;
  padding: 10px 14px;
  border: 1px solid rgba(151, 122, 236, .08);
  border-radius: 10px;
  background: rgba(5, 5, 6, .82);
  color: #757b8d;
  font-size: 9px;
  line-height: 1.4;
}

.home-data-methodology > span { display: inline-flex; align-items: center; gap: 6px; }
.home-data-methodology > span:first-child { color: #969bad; }
.home-data-methodology i { width: 6px; height: 6px; border-radius: 50%; background: var(--home-green); box-shadow: 0 0 8px rgba(85, 236, 135, .5); }
.home-data-methodology b { color: #c6c4d0; }
#homeDataTimestamp { margin-left: auto; color: #9d91c0; }

#page-home > .home-values-browser,
#page-home > .home-changes-drawer {
  width: min(calc(100% - 64px), 1560px) !important;
  margin-right: auto !important;
  margin-left: auto !important;
}

#page-home > .home-values-browser { margin-top: 48px !important; }

.home-values-browser .values-search-wrap,
.home-values-browser .values-toolbar .field,
.home-values-browser .values-toolbar .btn,
.home-values-browser .collector-toggle,
.home-values-browser .smart-search-row button { background: #070708 !important; }

.home-values-browser .value-grid-card,
.home-values-browser .value-list-row { background: #060607 !important; }

.home-values-browser .value-grid-card:hover,
.home-values-browser .value-list-row:hover { background: #0b090d !important; }

.update-ready-toast {
  inset: auto 18px 18px auto !important;
  transform: none !important;
  max-width: min(360px, calc(100vw - 36px));
}

@media (max-width: 1500px) {
  .bv2-hero-copy { padding-left: 48px; }
  .bv2-hero-data { left: 48px; }
  .bv2-hero-dino-wrap { right: 4px; width: min(58%, 740px); }
  .bv2-tier-bar { display: none; }
  .bv2-kpi-charted {
    grid-template-columns: 44px minmax(0, 1fr);
    grid-template-rows: auto auto;
    column-gap: 10px;
    row-gap: 3px;
  }
  .bv2-kpi-charted .bv2-kpi-icon { grid-row: 1 / 3; }
  .bv2-kpi-charted .bv2-kpi-copy {
    grid-column: 2;
    grid-row: 1;
  }
  .bv2-kpi-chart-stack {
    grid-column: 2;
    grid-row: 2;
    width: auto;
    justify-items: start;
    align-content: start;
    gap: 0;
  }
  .home-data-methodology { width: calc(100% - 64px) !important; }
}

@media (max-width: 1200px) {
  .bv2-hero { height: 388px; min-height: 388px; }
  .bv2-hero-dino-wrap { top: 24px; right: -32px; width: 62%; height: 354px; }
  .bv2-dashboard-main { grid-template-rows: 134px 360px 90px; }
  .bv2-dashboard-side { grid-template-rows: 304px; }
  .bv2-dashboard-side .bv2-spotlight { --bv2-spotlight-height: 304px; }
  .home-data-methodology { width: calc(100% - 64px) !important; }
}

@media (max-width: 980px) {
  #page-home { margin-top: -8px !important; }
  .bv2-dashboard,
  #page-home > .home-values-browser,
  #page-home > .home-changes-drawer,
  .home-data-methodology { width: calc(100% - 28px) !important; margin-right: 14px !important; margin-left: 14px !important; }
  .bv2-hero-copy { width: 590px; padding: 40px 0 0 36px; }
  .bv2-hero-data { left: 36px; }
  .bv2-hero-dino-wrap { right: -68px; width: 66%; opacity: 1; }
  .bv2-hero-feature { display: none; }
}

@media (max-width: 720px) {
  #page-home { margin-top: -6px !important; }
  .bv2-dashboard-main,
  .bv2-dashboard-side { grid-template-rows: auto; }
  .bv2-hero { height: 646px; min-height: 646px; }
  .bv2-hero-copy { width: auto; padding: 37px 22px 0; }
  .bv2-hero-copy > p { max-width: 350px; }
  .bv2-hero-data {
    top: auto;
    right: 14px;
    bottom: 14px;
    left: 14px;
    gap: 6px;
    margin: 0;
    padding: 8px;
    border: 1px solid rgba(192, 170, 255, .13);
    border-radius: 14px;
    background: rgba(5, 5, 6, .82);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .28);
    backdrop-filter: blur(16px);
  }
  .bv2-hero-data > span { min-height: 25px; padding-inline: 8px; background: rgba(255, 255, 255, .025); }
  .bv2-hero-dino-wrap { top: 315px; right: -7%; width: 112%; height: 278px; opacity: 1; }
  .bv2-hero-orb { top: 302px; right: 2%; }
  .bv2-dashboard { margin-top: 10px; }
  .bv2-kpi { min-height: 90px; padding: 14px 16px; }
  .bv2-kpi-icon { width: 43px; height: 43px; }
  .bv2-kpi-copy > strong { margin-top: 8px; font-size: 23px; }
  .bv2-kpi-copy small { margin-top: 7px; }
  .bv2-kpi-change { right: 17px; bottom: 16px; }
  .bv2-intelligence-grid { grid-template-columns: 1fr; }
  .bv2-market-chart { height: auto; min-height: 286px; }
  .bv2-intelligence.is-baseline .bv2-market-chart { min-height: 0; padding: 0 14px 14px; }
  .home-market-baseline { grid-template-columns: 1fr; min-height: 0; }
  .home-market-baseline-lead { grid-template-columns: 38px minmax(0, 1fr); }
  .home-market-baseline-icon { width: 38px; height: 38px; }
  .home-market-baseline-flow { grid-column: 1; }
  .home-market-baseline-status { grid-column: 1; grid-row: auto; min-width: 0; padding: 9px 0 0; border-top: 1px solid rgba(255, 255, 255, .06); border-left: 0; }
  .bv2-demand-changes { padding: 13px 16px 14px; }
  .home-change-list button { height: 36px; }
  .bv2-dashboard-side .bv2-spotlight { --bv2-spotlight-height: 260px; }
  .home-data-methodology { align-items: flex-start; flex-direction: column; margin-top: 10px; padding: 11px 12px; font-size: 10px; }
  #homeDataTimestamp { margin-left: 0; }
  #page-home > .home-values-browser { margin-top: 34px !important; }
  .update-ready-toast { right: 10px !important; bottom: calc(82px + env(safe-area-inset-bottom, 0px)) !important; left: 10px !important; max-width: none; }

  /* Let stacked dashboard content define its own height on phones. */
  #page-home .bv2-dashboard.is-baseline-market .bv2-dashboard-main,
  #page-home .bv2-dashboard.is-baseline-market .bv2-dashboard-side {
    grid-template-rows: auto !important;
  }

  #page-home .bv2-kpi-strip {
    height: auto !important;
    min-height: 0 !important;
  }

  #page-home .bv2-kpi {
    min-height: 88px !important;
    padding: 13px 14px !important;
  }

  #page-home .bv2-kpi-charted {
    grid-template-rows: auto auto !important;
  }

  #page-home .bv2-intelligence.is-baseline {
    height: auto !important;
    min-height: 0 !important;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-intelligence-grid {
    height: auto !important;
    min-height: 0 !important;
    display: block !important;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart {
    height: auto !important;
    min-height: 0 !important;
    display: grid !important;
    grid-template-rows: auto auto !important;
    gap: 14px;
    padding: 15px !important;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head {
    min-height: 0;
    align-items: start;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head > div {
    width: 100%;
    min-width: 0;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 6px 9px;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head span {
    grid-column: 1 / -1;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head strong {
    grid-column: 1;
    margin: 0;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head small {
    grid-column: 2;
    justify-self: start;
    margin: 0;
  }

  #page-home .bv2-intelligence.is-baseline .home-market-baseline {
    min-height: 0;
    padding: 13px;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-demand-changes {
    display: none !important;
  }
}

@media (max-width: 460px) {
  .bv2-hero { height: 664px; min-height: 664px; }
  .bv2-hero-copy { padding-inline: 19px; }
  .bv2-hero-copy h1 { font-size: 41px; }
  .bv2-hero-dino-wrap { top: 336px; right: -10%; width: 118%; height: 272px; }
  .bv2-hero-data > span:last-child { width: 100%; justify-content: center; }
  .bv2-quick-tools { grid-template-columns: 1fr 1fr; }
  .bv2-quick-tools > button { min-height: 82px; padding: 11px; }
  .bv2-quick-tools > button { grid-template-columns: 36px minmax(0, 1fr); gap: 8px; }
  .bv2-tool-icon { width: 36px; height: 36px; }
  .bv2-trending-row { grid-template-columns: 22px 34px minmax(0, 1fr) 44px 64px; gap: 6px; }
  .bv2-trending-row canvas { display: block; width: 64px; height: 30px; }
  .bv2-chart-detail-bar { left: 52px; }
  .bv2-chart-detail-bar b { display: none; }
  .bv2-chart-labels { left: 71px; }
  .value-grid-chart { min-height: 54px; margin: 0 7px 7px; padding-inline: 5px; }
  .value-grid-chart-head b { display: none; }
  .value-grid-chart canvas { height: 31px; }
  .bv2-spotlight.home-spotlight-card .bv2-spotlight-body { grid-template-columns: 40% minmax(0, 1fr) !important; gap: 11px !important; padding-inline: 11px !important; }
  .home-spotlight-reason { max-width: 160px; }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head > div {
    grid-template-columns: 1fr;
  }

  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head strong,
  #page-home .bv2-intelligence.is-baseline .bv2-market-chart-head small {
    grid-column: 1;
  }
}

@media (min-width: 1201px) {
  .bv2-dashboard.is-baseline-market .bv2-dashboard-main { grid-template-rows: 112px 292px 84px !important; }
  .bv2-dashboard.is-baseline-market .bv2-dashboard-side { grid-template-rows: 232px 270px !important; }
}

@media (max-width: 520px) {
  .home-market-baseline-flow { grid-template-columns: 1fr; }
  .home-market-baseline-flow > em { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .bv2-hero-data i,
  .home-data-methodology i { box-shadow: none; }

  .bv2-hero-dino,
  .bv2-hero-feature {
    animation: none !important;
    transition: none !important;
  }
}

/* V2.30.34.3.4 — center the compact mobile toolbar with equal safe-area gutters. */
@media (max-width: 767px) {
  .topbar,
  body[data-theme="light"] .topbar,
  body[data-layout="classic"] .topbar {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    justify-content: center !important;
    padding-right: max(16px, env(safe-area-inset-right, 0px)) !important;
    padding-left: max(16px, env(safe-area-inset-left, 0px)) !important;
  }

  .topbar .brand,
  .topbar .topbar-brand,
  .global-search,
  .topbar-controls {
    margin-right: 0 !important;
    margin-left: 0 !important;
    transform: none !important;
  }

  .global-search {
    left: auto !important;
  }
}

@media (max-width: 360px) {
  .topbar,
  body[data-theme="light"] .topbar,
  body[data-layout="classic"] .topbar {
    gap: 6px !important;
    padding-right: max(10px, env(safe-area-inset-right, 0px)) !important;
    padding-left: max(10px, env(safe-area-inset-left, 0px)) !important;
  }
}

/* V2.30.34.3.5 — center the complete homepage hero content on phones. */
@media (max-width: 720px) {
  .bv2-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding: 37px max(20px, env(safe-area-inset-right, 0px)) 0 max(20px, env(safe-area-inset-left, 0px)) !important;
    box-sizing: border-box !important;
    text-align: center !important;
  }

  .bv2-hero-eyebrow {
    width: 100% !important;
    justify-content: center !important;
  }

  .bv2-hero-copy h1 {
    width: 100% !important;
    text-align: center !important;
  }

  .bv2-hero-copy h1 em {
    width: auto !important;
  }

  .bv2-hero-copy > p {
    margin-right: auto !important;
    margin-left: auto !important;
    text-align: center !important;
  }

  .bv2-hero-actions {
    width: 100% !important;
    align-items: center !important;
  }

  .bv2-hero-actions button {
    margin-inline: auto !important;
  }
}

/* V2.30.34.3.8.52 — compact premium mobile hero redesign. */
@media (max-width: 720px) {
  .bv2-hero {
    height: 604px !important;
    min-height: 604px !important;
    border-bottom: 1px solid rgba(151, 92, 255, .2) !important;
    background: #000 !important;
    box-shadow:
      inset 0 -58px 90px rgba(0, 0, 0, .94),
      0 18px 54px rgba(0, 0, 0, .5) !important;
  }

  .bv2-hero-scene {
    background-image:
      linear-gradient(180deg, rgba(0, 0, 0, .96) 0%, rgba(0, 0, 0, .88) 38%, rgba(0, 0, 0, .22) 68%, #000 100%),
      radial-gradient(circle at 50% 67%, rgba(121, 57, 224, .3), transparent 38%),
      url("./assets/ui/bradens-values-main-background.webp") !important;
    background-position: center, center, 52% 72% !important;
    background-size: cover, cover, auto 72% !important;
    filter: saturate(1.08) contrast(1.12) brightness(.82) !important;
  }

  .bv2-hero-scene::before {
    background:
      linear-gradient(180deg, rgba(0, 0, 0, .34), transparent 42%),
      radial-gradient(circle at 50% 69%, rgba(153, 76, 255, .23), transparent 31%) !important;
  }

  .bv2-hero-scene::after {
    height: 45% !important;
    background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, .18) 34%, #000 100%) !important;
  }

  .bv2-hero-ridge,
  .bv2-hero-ground { display: none !important; }

  .bv2-hero-copy {
    width: 100% !important;
    max-width: 430px !important;
    margin-inline: auto !important;
    padding: 25px max(18px, env(safe-area-inset-right, 0px)) 0 max(18px, env(safe-area-inset-left, 0px)) !important;
    text-align: center !important;
  }

  .bv2-hero-eyebrow {
    width: 100% !important;
    justify-content: center !important;
    gap: 9px !important;
    margin-bottom: 10px !important;
    color: #c9a8ff !important;
    font-size: 9px !important;
    font-weight: 790 !important;
    letter-spacing: .185em !important;
  }

  .bv2-hero-eyebrow i {
    width: 11px !important;
    opacity: .88 !important;
  }

  .bv2-hero-copy h1 {
    width: 100% !important;
    margin: 0 !important;
    font-size: clamp(39px, 10.7vw, 46px) !important;
    font-weight: 830 !important;
    line-height: .93 !important;
    letter-spacing: -.052em !important;
    text-align: center !important;
  }

  .bv2-hero-copy h1 span,
  .bv2-hero-copy h1 em {
    white-space: nowrap !important;
  }

  .bv2-hero-copy h1 em {
    width: fit-content !important;
    margin: 4px auto 0 !important;
    background: linear-gradient(96deg, #bb7dff 4%, #8956ff 56%, #7447e7 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: drop-shadow(0 7px 20px rgba(123, 70, 235, .2));
  }

  .bv2-hero-copy > p {
    max-width: 370px !important;
    margin: 13px auto 0 !important;
    color: #d4d1dd !important;
    font-size: 13.5px !important;
    line-height: 1.43 !important;
    letter-spacing: -.008em !important;
    text-wrap: balance;
  }

  .bv2-hero-actions {
    width: 100% !important;
    max-width: 378px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1.06fr) minmax(0, .94fr) !important;
    gap: 9px !important;
    margin: 15px auto 0 !important;
  }

  .bv2-hero-actions button {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 48px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border-radius: 13px !important;
    font-size: 12.5px !important;
    font-weight: 760 !important;
    white-space: nowrap !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .08) !important;
  }

  .bv2-primary-action {
    justify-content: space-between !important;
    border-color: rgba(179, 124, 255, .82) !important;
    background: linear-gradient(135deg, #965eff 0%, #7a46ee 64%, #6d3bd8 100%) !important;
    box-shadow:
      0 12px 30px rgba(102, 49, 220, .28),
      inset 0 1px rgba(255, 255, 255, .22) !important;
  }

  .bv2-primary-action span {
    width: 27px;
    height: 27px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 9px;
    background: rgba(255, 255, 255, .1);
    font-size: 17px;
    line-height: 1;
  }

  .bv2-secondary-action {
    gap: 8px !important;
    border-color: rgba(209, 190, 255, .14) !important;
    background: linear-gradient(180deg, rgba(14, 12, 17, .94), rgba(7, 7, 9, .94)) !important;
    color: #e8e5ee !important;
  }

  .bv2-secondary-action img {
    width: 15px !important;
    height: 15px !important;
    opacity: .8 !important;
  }

  .bv2-hero-orb {
    top: 290px !important;
    right: 50% !important;
    width: 286px !important;
    height: 286px !important;
    transform: translateX(50%) !important;
    border-width: 1px !important;
    opacity: .72 !important;
    background: radial-gradient(circle at 48% 44%, rgba(104, 49, 170, .08), rgba(16, 6, 34, .48) 65%, rgba(0, 0, 0, .82) 100%) !important;
    box-shadow:
      0 0 2px rgba(196, 129, 255, .9),
      0 0 24px rgba(147, 74, 255, .52),
      0 0 72px rgba(97, 38, 196, .28),
      inset 0 0 46px rgba(115, 46, 202, .14) !important;
  }

  .bv2-hero-dino-wrap {
    top: 276px !important;
    right: 50% !important;
    width: min(112%, 520px) !important;
    height: 268px !important;
    transform: translateX(50%) !important;
    opacity: 1 !important;
  }

  .bv2-hero-dino-wrap::before {
    content: "";
    position: absolute;
    z-index: 0;
    right: 5%;
    bottom: 10px;
    left: 5%;
    height: 62px;
    border-radius: 50%;
    background: radial-gradient(ellipse, rgba(121, 59, 225, .25), rgba(0, 0, 0, .12) 58%, transparent 72%);
    filter: blur(8px);
  }

  .bv2-hero-dino {
    z-index: 2 !important;
    object-position: 51% 52% !important;
    filter:
      brightness(1.13)
      contrast(1.1)
      saturate(.84)
      drop-shadow(0 25px 22px rgba(0, 0, 0, .92))
      drop-shadow(0 0 22px rgba(146, 75, 235, .3)) !important;
  }

  .bv2-hero-data {
    top: auto !important;
    right: max(14px, env(safe-area-inset-right, 0px)) !important;
    bottom: 13px !important;
    left: max(14px, env(safe-area-inset-left, 0px)) !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid rgba(199, 178, 255, .15) !important;
    border-radius: 18px !important;
    background: linear-gradient(180deg, rgba(9, 8, 11, .91), rgba(3, 3, 4, .95)) !important;
    box-shadow:
      0 18px 48px rgba(0, 0, 0, .58),
      inset 0 1px rgba(255, 255, 255, .045) !important;
    backdrop-filter: blur(18px) saturate(1.16) !important;
  }

  .bv2-hero-data > span {
    width: 100% !important;
    min-height: 34px !important;
    justify-content: center !important;
    gap: 7px !important;
    padding: 0 8px !important;
    border: 1px solid rgba(214, 199, 255, .1) !important;
    border-radius: 11px !important;
    background: rgba(255, 255, 255, .027) !important;
    color: #a8a4af !important;
    font-size: 10px !important;
    font-weight: 680 !important;
    white-space: nowrap !important;
  }

  .bv2-hero-data > span:last-child {
    grid-column: 1 / -1 !important;
    min-height: 28px !important;
    padding-top: 4px !important;
    border-width: 1px 0 0 !important;
    border-color: rgba(255, 255, 255, .075) !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #96919e !important;
    font-size: 9.5px !important;
    letter-spacing: .02em !important;
  }

  .bv2-hero-data strong {
    color: #f5f2fa !important;
    font-size: 12px !important;
    font-weight: 790 !important;
  }

  .bv2-hero-data i {
    width: 7px !important;
    height: 7px !important;
    flex: 0 0 auto;
  }

  .bv2-dashboard { margin-top: 12px !important; }
}

@media (max-width: 374px) {
  .bv2-hero {
    height: 588px !important;
    min-height: 588px !important;
  }

  .bv2-hero-copy {
    padding-top: 21px !important;
    padding-inline: max(14px, env(safe-area-inset-left, 0px)) !important;
  }

  .bv2-hero-copy h1 { font-size: 38px !important; }
  .bv2-hero-copy > p { font-size: 12.5px !important; }
  .bv2-hero-actions { gap: 7px !important; }
  .bv2-hero-actions button { padding-inline: 10px !important; font-size: 11.5px !important; }
  .bv2-hero-dino-wrap { top: 268px !important; height: 254px !important; }
  .bv2-hero-orb { top: 282px !important; width: 270px !important; height: 270px !important; }
  .bv2-hero-data { right: 10px !important; bottom: 10px !important; left: 10px !important; }
  .bv2-hero-data > span { font-size: 9px !important; }
}
.home-baseline-marker {
  justify-self: end;
  color: #b9adc9;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  white-space: nowrap;
}