/* =========================================================
   BLACK HOLE — INDICATOR PRODUCT PAGE
   Professional, restrained trading SaaS presentation.
   ========================================================= */

:root {
  --ind-green: #55bfa0;
  --ind-red: #d06d79;
  --ind-panel: #0c0f15;
  --ind-panel-2: #0f1219;
  --ind-line: rgba(255,255,255,.075);
}

html { scroll-behavior: smooth; }

.bh-indicator-hero {
  position: relative;
  padding: 142px 0 78px;
  overflow: hidden;
  border-bottom: 1px solid rgba(255,255,255,.05);
}
.bh-indicator-hero__glow {
  position: absolute;
  width: 740px;
  height: 740px;
  left: 59%;
  top: -390px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(118,93,255,.13) 0%, rgba(91,65,190,.055) 37%, transparent 68%);
  filter: blur(6px);
  pointer-events: none;
}
.bh-indicator-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, .9fr) minmax(520px, 1.1fr);
  gap: clamp(50px, 7vw, 100px);
  align-items: center;
}
.bh-indicator-copy { max-width: 610px; }
.bh-indicator-badge,
.bh-indicator-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--bh-font-mono);
  font-size: 10px;
  font-weight: 650;
  letter-spacing: .16em;
  color: #9a91c9;
}
.bh-indicator-badge {
  border: 1px solid rgba(142,124,255,.18);
  background: rgba(142,124,255,.045);
  border-radius: 999px;
  padding: 7px 11px;
}
.bh-indicator-badge span,
.bh-indicator-access__status span,
.bh-indicator-live span {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #7d6bea;
  box-shadow: 0 0 12px rgba(125,107,234,.6);
}
.bh-indicator-copy h1 {
  font-family: var(--bh-font-display);
  font-size: clamp(3rem, 5.5vw, 5.15rem);
  line-height: .98;
  letter-spacing: -.055em;
  margin: 23px 0 22px;
  color: #f4f5f8;
}
.bh-indicator-copy h1 span {
  color: #989eaa;
  font-weight: 570;
}
.bh-indicator-lead {
  max-width: 590px;
  color: #979eaa;
  line-height: 1.78;
  font-size: 1.02rem;
}
.bh-indicator-actions {
  margin-top: 31px;
  display: flex;
  align-items: center;
  gap: 22px;
  flex-wrap: wrap;
}
.bh-indicator-primary { padding-inline: 22px; }
.bh-indicator-text-link {
  color: #b6bbc5;
  font-size: 13px;
  text-decoration: none;
  transition: color .18s ease;
}
.bh-indicator-text-link:hover { color: #fff; }
.bh-indicator-text-link span { color: #7367b9; margin-left: 4px; }
.bh-indicator-trust {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  margin-top: 29px;
  padding-top: 21px;
  border-top: 1px solid rgba(255,255,255,.06);
}
.bh-indicator-trust span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: var(--bh-font-mono);
  font-size: 9px;
  letter-spacing: .06em;
  color: #6f7581;
}
.bh-indicator-trust i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #535965;
}

/* ----- Trading terminal preview ----- */
.bh-indicator-terminal {
  position: relative;
  min-width: 0;
  border: 1px solid rgba(255,255,255,.085);
  border-radius: 15px;
  background: #090b10;
  box-shadow: 0 32px 80px rgba(0,0,0,.34);
  overflow: hidden;
}
.bh-indicator-terminal::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 1px rgba(255,255,255,.035);
}
.bh-indicator-terminal__top,
.bh-indicator-terminal__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 13px 15px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.bh-indicator-symbol { display: flex; align-items: center; gap: 10px; }
.bh-indicator-symbol__mark {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid rgba(133,115,242,.22);
  border-radius: 7px;
  color: #9286d8;
  background: rgba(126,103,234,.055);
  font: 700 9px var(--bh-font-mono);
}
.bh-indicator-symbol strong,
.bh-indicator-symbol small { display: block; }
.bh-indicator-symbol strong { font: 650 12px var(--bh-font-mono); color: #e7e9ed; }
.bh-indicator-symbol small { margin-top: 2px; font-size: 9px; color: #606672; }
.bh-indicator-live {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #777e89;
  font: 650 8px var(--bh-font-mono);
  letter-spacing: .1em;
}
.bh-indicator-live span {
  width: 5px;
  height: 5px;
  background: #54ab8f;
  box-shadow: 0 0 9px rgba(84,171,143,.45);
}
.bh-indicator-chart {
  position: relative;
  height: 390px;
  background: linear-gradient(180deg, #0a0d12, #080a0e);
  overflow: hidden;
}
.bh-chart-grid {
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.032) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.032) 1px, transparent 1px);
  background-size: 100% 58px, 76px 100%;
  opacity: .7;
}
.bh-chart-price {
  position: absolute;
  right: 8px;
  color: #4e545e;
  font: 8px var(--bh-font-mono);
  z-index: 3;
}
.bh-chart-price--1 { top: 12%; }
.bh-chart-price--2 { top: 49%; }
.bh-chart-price--3 { top: 84%; }
.bh-candles { position: absolute; inset: 26px 42px 25px 15px; }
.bh-candles span {
  position: absolute;
  left: var(--x);
  top: var(--y);
  width: 7px;
  height: var(--h);
  transform: translate(-50%,-50%);
}
.bh-candles span::before {
  content: '';
  position: absolute;
  left: 3px;
  top: 0;
  width: 1px;
  height: 100%;
  background: currentColor;
  opacity: .72;
}
.bh-candles span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 7px;
  height: var(--b);
  border-radius: 1px;
  background: currentColor;
}
.bh-candles .up { color: #57ad91; }
.bh-candles .down { color: #c66f7a; }
.bh-signal {
  position: absolute;
  z-index: 4;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 5px 8px;
  border-radius: 4px;
  font: 700 8px var(--bh-font-mono);
  letter-spacing: .08em;
  backdrop-filter: blur(5px);
}
.bh-signal span { font-size: 7px; }
.bh-signal--long {
  left: 42%;
  bottom: 22%;
  color: #9ad5c2;
  border: 1px solid rgba(85,191,160,.18);
  background: rgba(52,111,94,.20);
}
.bh-signal--short {
  right: 11%;
  top: 23%;
  color: #e1a4ad;
  border: 1px solid rgba(208,109,121,.18);
  background: rgba(118,55,63,.20);
}
.bh-structure-line {
  position: absolute;
  z-index: 2;
  left: 7%;
  width: 28%;
  border-top: 1px dashed rgba(160,166,179,.14);
}
.bh-structure-line span {
  position: absolute;
  top: -15px;
  left: 0;
  font: 7px var(--bh-font-mono);
  color: #505660;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.bh-structure-line--low { top: 70%; }
.bh-structure-line--high { top: 32%; left: 54%; width: 28%; }
.bh-indicator-terminal__foot {
  border-bottom: 0;
  border-top: 1px solid rgba(255,255,255,.06);
  background: #0a0d12;
}
.bh-indicator-terminal__foot > div { flex: 1; min-width: 0; }
.bh-indicator-terminal__foot span,
.bh-indicator-terminal__foot strong { display: block; }
.bh-indicator-terminal__foot span {
  font: 8px var(--bh-font-mono);
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #535965;
}
.bh-indicator-terminal__foot strong {
  margin-top: 4px;
  font: 650 10px var(--bh-font-mono);
  color: #bdc1c9;
}

/* ----- Specification strip ----- */
.bh-indicator-specbar {
  border-bottom: 1px solid rgba(255,255,255,.055);
  background: rgba(255,255,255,.008);
}
.bh-indicator-specbar__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.bh-indicator-specbar__grid > div {
  padding: 18px 24px;
  border-left: 1px solid rgba(255,255,255,.055);
}
.bh-indicator-specbar__grid > div:last-child { border-right: 1px solid rgba(255,255,255,.055); }
.bh-indicator-specbar span,
.bh-indicator-specbar strong { display: block; }
.bh-indicator-specbar span {
  color: #535a66;
  font: 8px var(--bh-font-mono);
  letter-spacing: .13em;
}
.bh-indicator-specbar strong {
  margin-top: 5px;
  color: #aeb3bc;
  font: 600 11px var(--bh-font-mono);
}

/* ----- Shared section ----- */
.bh-indicator-section { padding-top: 105px; padding-bottom: 105px; }
.bh-indicator-section__head { max-width: 690px; margin-bottom: 43px; }
.bh-indicator-section__head h2,
.bh-indicator-workflow__copy h2,
.bh-indicator-setup__copy h2,
.bh-indicator-final h2 {
  margin: 12px 0 13px;
  font-family: var(--bh-font-display);
  font-size: clamp(2rem, 3.4vw, 3rem);
  letter-spacing: -.035em;
  color: #eceef2;
}
.bh-indicator-section__head p,
.bh-indicator-workflow__copy p,
.bh-indicator-setup__copy > p,
.bh-indicator-final p {
  color: #858c98;
  line-height: 1.75;
}
.bh-indicator-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.bh-indicator-feature {
  position: relative;
  padding: 31px 33px 35px;
  min-height: 220px;
  border-right: 1px solid rgba(255,255,255,.07);
}
.bh-indicator-feature:last-child { border-right: 0; }
.bh-indicator-feature__num {
  color: #5f566f;
  font: 700 9px var(--bh-font-mono);
  letter-spacing: .1em;
}
.bh-indicator-feature h3 {
  margin: 43px 0 10px;
  color: #d8dbe1;
  font-family: var(--bh-font-display);
  font-size: 1.06rem;
}
.bh-indicator-feature p {
  margin: 0;
  color: #747b87;
  font-size: 12.5px;
  line-height: 1.7;
}

/* ----- Workflow ----- */
.bh-indicator-workflow { padding-top: 0; padding-bottom: 105px; }
.bh-indicator-workflow__card {
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  background: #0a0d12;
  overflow: hidden;
}
.bh-indicator-workflow__copy {
  max-width: 720px;
  padding: 42px 44px 34px;
}
.bh-indicator-flow {
  display: grid;
  grid-template-columns: 1fr 34px 1fr 34px 1fr 34px 1fr;
  align-items: center;
  border-top: 1px solid rgba(255,255,255,.06);
  padding: 0 30px;
}
.bh-indicator-flow > div { padding: 29px 13px 31px; min-width: 0; }
.bh-indicator-flow > div > span {
  color: #655e7b;
  font: 700 8px var(--bh-font-mono);
}
.bh-indicator-flow strong,
.bh-indicator-flow small { display: block; }
.bh-indicator-flow strong { margin-top: 16px; color: #c7cbd2; font-size: 12px; }
.bh-indicator-flow small { margin-top: 8px; color: #69707c; line-height: 1.55; font-size: 10.5px; }
.bh-indicator-flow i { height: 1px; background: rgba(255,255,255,.08); position: relative; }
.bh-indicator-flow i::after {
  content: '';
  position: absolute;
  right: -1px;
  top: -2px;
  width: 4px;
  height: 4px;
  border-top: 1px solid #646b77;
  border-right: 1px solid #646b77;
  transform: rotate(45deg);
}

/* ----- Setup / Access ----- */
.bh-indicator-setup { padding-top: 0; padding-bottom: 110px; }
.bh-indicator-setup__grid {
  display: grid;
  grid-template-columns: minmax(0,1fr) 410px;
  gap: 58px;
  align-items: start;
}
.bh-indicator-setup__copy { padding-top: 13px; }
.bh-indicator-setting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin-top: 14px;
  padding: 17px 0;
  border-bottom: 1px solid rgba(255,255,255,.065);
}
.bh-indicator-setting:first-of-type { margin-top: 30px; border-top: 1px solid rgba(255,255,255,.065); }
.bh-indicator-setting span,
.bh-indicator-setting small { display: block; }
.bh-indicator-setting span { color: #c5c9d0; font-size: 12px; font-weight: 600; }
.bh-indicator-setting small { margin-top: 5px; color: #626974; font-size: 10.5px; }
.bh-indicator-setting > strong {
  min-width: 52px;
  text-align: right;
  color: #8d83c9;
  font: 700 11px var(--bh-font-mono);
}
.bh-indicator-access {
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 13px;
  padding: 28px;
  background: #0a0d12;
  box-shadow: 0 24px 60px rgba(0,0,0,.2);
}
.bh-indicator-access__status {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #706989;
  font: 650 8px var(--bh-font-mono);
  letter-spacing: .12em;
}
.bh-indicator-access__status span { width: 5px; height: 5px; }
.bh-indicator-access h3 {
  margin: 18px 0 10px;
  color: #e2e4e8;
  font-family: var(--bh-font-display);
  font-size: 1.35rem;
}
.bh-indicator-access > p { color: #777e8a; font-size: 12px; line-height: 1.7; }
.bh-indicator-access__steps { margin: 24px 0; }
.bh-indicator-access__steps > div {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 10px 0;
  border-top: 1px solid rgba(255,255,255,.055);
}
.bh-indicator-access__steps > div:last-child { border-bottom: 1px solid rgba(255,255,255,.055); }
.bh-indicator-access__steps span {
  flex: none;
  display: grid;
  place-items: center;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.09);
  color: #777e8b;
  font: 700 8px var(--bh-font-mono);
}
.bh-indicator-access__steps p { margin: 3px 0 0; color: #8a919c; font-size: 11px; }
.bh-indicator-access .bh-btn { width: 100%; justify-content: center; }
.bh-indicator-access > small { display: block; margin-top: 13px; color: #565d68; font-size: 9px; line-height: 1.55; }

/* ----- Final CTA ----- */
.bh-indicator-final { padding: 0 0 100px; }
.bh-indicator-final__card {
  position: relative;
  text-align: center;
  padding: 70px 25px;
  border-top: 1px solid rgba(255,255,255,.07);
  border-bottom: 1px solid rgba(255,255,255,.07);
  overflow: hidden;
}
.bh-indicator-final__card::before {
  content: '';
  position: absolute;
  width: 600px;
  height: 300px;
  left: 50%;
  bottom: -260px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(112,89,222,.13), transparent 68%);
  pointer-events: none;
}
.bh-indicator-final p { max-width: 610px; margin: 0 auto; }
.bh-indicator-final__actions {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 27px;
}

@media (max-width: 1050px) {
  .bh-indicator-hero__grid { grid-template-columns: 1fr; }
  .bh-indicator-copy { max-width: 720px; }
  .bh-indicator-terminal { max-width: 760px; }
  .bh-indicator-setup__grid { grid-template-columns: 1fr; }
  .bh-indicator-access { max-width: 560px; }
  .bh-indicator-flow { grid-template-columns: 1fr 1fr; padding: 0; }
  .bh-indicator-flow i { display: none; }
  .bh-indicator-flow > div { border-top: 1px solid rgba(255,255,255,.055); padding: 24px 30px; }
}

@media (max-width: 760px) {
  .bh-indicator-hero { padding-top: 118px; }
  .bh-indicator-copy h1 { font-size: clamp(2.65rem, 14vw, 4.1rem); }
  .bh-indicator-terminal { border-radius: 10px; }
  .bh-indicator-chart { height: 315px; }
  .bh-indicator-terminal__foot { align-items: flex-start; }
  .bh-indicator-specbar__grid { grid-template-columns: 1fr 1fr; }
  .bh-indicator-specbar__grid > div:nth-child(3) { border-top: 1px solid rgba(255,255,255,.055); }
  .bh-indicator-specbar__grid > div:nth-child(4) { border-top: 1px solid rgba(255,255,255,.055); }
  .bh-indicator-feature-grid { grid-template-columns: 1fr; }
  .bh-indicator-feature { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.07); min-height: 0; }
  .bh-indicator-feature:last-child { border-bottom: 0; }
  .bh-indicator-feature h3 { margin-top: 25px; }
  .bh-indicator-workflow__copy { padding: 30px 26px 25px; }
  .bh-indicator-flow { grid-template-columns: 1fr; }
  .bh-indicator-setting { align-items: flex-start; }
}

@media (max-width: 520px) {
  .bh-indicator-terminal__top { align-items: flex-start; }
  .bh-indicator-live { margin-top: 4px; }
  .bh-indicator-chart { height: 280px; }
  .bh-indicator-terminal__foot { display: grid; grid-template-columns: 1fr 1fr; }
  .bh-indicator-terminal__foot > div:last-child { grid-column: 1 / -1; }
  .bh-indicator-actions { align-items: flex-start; flex-direction: column; }
  .bh-indicator-actions .bh-btn { width: 100%; justify-content: center; }
  .bh-indicator-final__actions { flex-direction: column; }
  .bh-indicator-final__actions .bh-btn { width: 100%; justify-content: center; }
}

.bh-indicator-cta{padding:26px 0 84px}
.bh-indicator-cta__box{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:30px 32px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#0a0d12}
.bh-indicator-cta__box h2{font-family:var(--bh-font-display);font-size:clamp(1.5rem,2.4vw,2.2rem);margin:8px 0 7px}
.bh-indicator-cta__box p{max-width:720px;color:#858c98;line-height:1.65;margin:0}
@media(max-width:760px){.bh-indicator-cta__box{align-items:flex-start;flex-direction:column}}

/* Public indicator hero — realistic trading-terminal preview */
.bh-indicator-terminal--real{background:#090c12;border-color:rgba(255,255,255,.09);box-shadow:0 30px 80px rgba(0,0,0,.38)}
.bh-indicator-terminal__top--real{height:62px;padding:0 16px;background:#0b0e14;border-bottom:1px solid rgba(255,255,255,.07)}
.bh-terminal-topmeta{display:flex;align-items:center;gap:14px;font:600 9px var(--bh-font-mono);letter-spacing:.1em;color:#656c77}
.bh-terminal-topmeta .bh-indicator-live{display:inline-flex;align-items:center;gap:6px;color:#7f8794}
.bh-terminal-topmeta .bh-indicator-live i{width:6px;height:6px;border-radius:50%;background:#58bfa2;box-shadow:0 0 10px rgba(88,191,162,.45)}

.bh-real-chart{position:relative;height:430px;background:#111620;overflow:hidden}
.bh-real-chart__grid{position:absolute;inset:0 60px 28px 0;background:
linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),
linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);
background-size:18% 100%,100% 20%;opacity:.7}
.bh-real-chart__toolbar{position:absolute;top:10px;left:14px;display:flex;gap:4px;z-index:3}
.bh-real-chart__toolbar span{font:600 9px var(--bh-font-mono);color:#68707c;padding:4px 5px;border-radius:4px}
.bh-real-chart__toolbar .is-active{background:#1a202b;color:#d9dde4}

.bh-real-chart__price-axis{position:absolute;right:0;top:0;bottom:28px;width:60px;border-left:1px solid rgba(255,255,255,.055);background:#0d1118}
.bh-real-chart__price-axis span{position:absolute;top:var(--y);left:9px;transform:translateY(-50%);font:500 9px var(--bh-font-mono);color:#626a76}
.bh-real-chart__time-axis{position:absolute;left:0;right:60px;bottom:0;height:28px;border-top:1px solid rgba(255,255,255,.055);background:#0d1118}
.bh-real-chart__time-axis span{position:absolute;left:var(--x);top:8px;transform:translateX(-50%);font:500 9px var(--bh-font-mono);color:#5f6672}

.bh-real-chart__candles{position:absolute;inset:28px 60px 28px 0}
.bh-real-chart__candles i{position:absolute;left:var(--x);top:var(--y);width:5px;height:var(--h);transform:translate(-50%,-50%);background:linear-gradient(currentColor,currentColor) center/1px 100% no-repeat}
.bh-real-chart__candles i:after{content:"";position:absolute;width:7px;height:var(--b);left:50%;top:50%;transform:translate(-50%,-50%);background:currentColor;border-radius:1px}
.bh-real-chart__candles .up{color:#68b59f}.bh-real-chart__candles .down{color:#c86e7c}

.bh-real-signal{position:absolute;left:var(--x);top:var(--y);z-index:4;transform:translate(-50%,-50%);pointer-events:none}
.bh-real-signal span{display:inline-flex;align-items:center;padding:4px 7px;border-radius:4px;font:650 9px var(--bh-font-mono);letter-spacing:.02em;border:1px solid transparent;box-shadow:0 4px 14px rgba(0,0,0,.22)}
.bh-real-signal--long span{color:#d4eee7;background:rgba(54,126,106,.42);border-color:rgba(93,178,151,.18)}
.bh-real-signal--short span{color:#f0d9dd;background:rgba(132,58,72,.42);border-color:rgba(199,102,119,.18)}

.bh-real-chart__price-line{position:absolute;left:0;right:0;top:36%;border-top:1px dashed rgba(92,190,169,.45);z-index:2}
.bh-real-chart__price-line span{position:absolute;right:0;top:-11px;background:#3d8f7f;color:#eef9f6;padding:4px 7px;font:650 9px var(--bh-font-mono)}

.bh-indicator-terminal__foot--real{display:grid;grid-template-columns:repeat(3,1fr);padding:0;background:#0a0d12;border-top:1px solid rgba(255,255,255,.06)}
.bh-indicator-terminal__foot--real>div{padding:13px 15px;border-right:1px solid rgba(255,255,255,.055)}
.bh-indicator-terminal__foot--real>div:last-child{border-right:0}
.bh-indicator-terminal__foot--real span,.bh-indicator-terminal__foot--real strong{display:block}
.bh-indicator-terminal__foot--real span{font:600 8px var(--bh-font-mono);letter-spacing:.1em;color:#5f6672}
.bh-indicator-terminal__foot--real strong{font-size:11px;color:#cfd3da;margin-top:4px;font-weight:600}
@media(max-width:900px){.bh-real-chart{height:360px}}

/* Interactive indicator preview timeframes */
.bh-real-chart__toolbar button{appearance:none;border:0;background:transparent;font:600 9px var(--bh-font-mono);color:#68707c;padding:5px 7px;border-radius:4px;cursor:pointer;transition:background .16s ease,color .16s ease}
.bh-real-chart__toolbar button:hover{color:#b9c0cb;background:#171d27}
.bh-real-chart__toolbar button.is-active{background:#1c2330;color:#f0f2f5}
.bh-real-chart__candles,.bh-real-signal{transition:opacity .14s ease}
.bh-real-chart.is-switching .bh-real-chart__candles,.bh-real-chart.is-switching .bh-real-signal{opacity:.18}

/* Secondary hero action: intentionally not another button */
.bh-indicator-login-link{display:inline-flex;align-items:center;gap:6px;color:#858c98;text-decoration:none;font-size:12px;padding:10px 2px;transition:color .16s ease}
.bh-indicator-login-link strong{color:#cbd0d8;font-weight:600}
.bh-indicator-login-link span{color:#8271e8;transition:transform .16s ease}
.bh-indicator-login-link:hover{color:#aeb4be}
.bh-indicator-login-link:hover strong{color:#f0f2f5}
.bh-indicator-login-link:hover span{transform:translateX(3px)}


/* =========================================================
   2026-09-03 — focused Indicator page
   ========================================================= */
.bh-indicator-cta--focused {
  padding: 72px 0 96px;
  border-top: 1px solid rgba(255,255,255,.05);
}

.bh-indicator-cta--focused .bh-indicator-cta__box {
  min-height: 230px;
}

.bh-nav__links a[aria-current="page"] {
  color: #f1eff8;
}

@media (max-width: 900px) {
  .bh-indicator-hero__grid {
    grid-template-columns: 1fr;
  }

  .bh-indicator-copy {
    max-width: 720px;
  }
}


/* Indicator page correction: real feature set is LONG / SHORT signals only. */
.bh-indicator-specbar__grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
.bh-indicator-signal-spec--long { background:linear-gradient(90deg,rgba(38,117,94,.08),transparent); }
.bh-indicator-signal-spec--short { background:linear-gradient(90deg,rgba(125,48,67,.08),transparent); }
.bh-indicator-signal-spec--long span { color:#68c9aa; }
.bh-indicator-signal-spec--short span { color:#d98595; }
.bh-indicator-flow { grid-template-columns: 1fr 42px 1fr; }
.bh-indicator-flow > div.is-long { background:linear-gradient(180deg,rgba(37,112,91,.055),transparent); }
.bh-indicator-flow > div.is-short { background:linear-gradient(180deg,rgba(120,45,62,.055),transparent); }
.bh-indicator-flow > div.is-long > span { color:#64c7a8; }
.bh-indicator-flow > div.is-short > span { color:#d58192; }
.bh-indicator-setting--long > strong { color:#74d8b9; }
.bh-indicator-setting--short > strong { color:#e28c9d; }
@media(max-width:780px){.bh-indicator-specbar__grid{grid-template-columns:1fr 1fr}.bh-indicator-flow{grid-template-columns:1fr 1fr}.bh-indicator-flow i{display:none}}
@media(max-width:560px){.bh-indicator-specbar__grid,.bh-indicator-flow{grid-template-columns:1fr}}

/* =========================================================
   INDICATOR PAGE — independent natural scrolling
   The indicator marketing page imports landing.css for the shared navbar,
   but it must not inherit the landing story's scene-snap controller.
   ========================================================= */
html:has(.bh-indicator-hero),
html:has(.bh-indicator-hero) body {
  scroll-snap-type: none !important;
  scroll-padding-top: 0 !important;
  overscroll-behavior-y: auto !important;
  overflow-y: auto !important;
  height: auto !important;
  min-height: 100% !important;
}

body:has(.bh-indicator-hero) {
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
}

body:has(.bh-indicator-hero) main,
body:has(.bh-indicator-hero) .bh-indicator-hero,
body:has(.bh-indicator-hero) .bh-indicator-specbar,
body:has(.bh-indicator-hero) .bh-section,
body:has(.bh-indicator-hero) .bh-indicator-final,
body:has(.bh-indicator-hero) .bh-footer {
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
}

body:has(.bh-indicator-hero) main {
  overflow: visible !important;
}

/* The fixed navbar should not cover section headings during anchor moves. */
body:has(.bh-indicator-hero) [id] {
  scroll-margin-top: 88px;
}

@media (max-width: 700px) {
  html:has(.bh-indicator-hero) {
    scroll-behavior: smooth !important;
  }

  body:has(.bh-indicator-hero) {
    overflow-x: hidden !important;
  }
}

/* Class fallback for the same natural-scroll isolation. */
html:has(body.bh-indicator-page),
body.bh-indicator-page {
  scroll-snap-type: none !important;
  overscroll-behavior-y: auto !important;
}
body.bh-indicator-page {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  height: auto !important;
  min-height: 100% !important;
  touch-action: pan-y pinch-zoom;
  -webkit-overflow-scrolling: touch;
}
body.bh-indicator-page main { overflow: visible !important; }
body.bh-indicator-page .bh-indicator-hero,
body.bh-indicator-page .bh-indicator-specbar,
body.bh-indicator-page .bh-section,
body.bh-indicator-page .bh-indicator-final,
body.bh-indicator-page .bh-footer {
  scroll-snap-align: none !important;
  scroll-snap-stop: normal !important;
}