/* Live dataset scene. Plain CSS is shared with the exported homepage. */
.gr-intelligence-flow.is-live { overflow: visible; background: transparent; }
.gr-intelligence-flow.is-live > picture,
.gr-intelligence-flow.is-live > .gr-intelligence-flow__mobile-sources { display: none; }
.gr-intelligence-flow.is-live .gr-intelligence-flow__canvas {
  inset: 5% 0 9% 44%; width: 56%; height: 86%; clip-path: none;
  opacity: 1; mix-blend-mode: normal; pointer-events: auto; touch-action: pan-y;
}
.gr-intelligence-flow__live {
  position: absolute; inset: 5% 0 9% 44%; z-index: 3;
  font-family: inherit; pointer-events: none;
}
.gr-intelligence-flow__inputs { position: absolute; inset: 0; }
.gr-intelligence-flow__inputs button {
  position: absolute; left: -1%; transform: translateY(-50%); width: 13%; min-width: 56px; min-height: 44px;
  border: 1px solid transparent; border-radius: 6px; padding: 5px 7px;
  background: rgba(8,13,18,.82); color: #acbbc5; font-family: inherit; font-weight: 600; font-size: clamp(10px, .8vw, 13px); line-height: 1.3; white-space: nowrap;
  text-align: left; cursor: pointer; pointer-events: auto; transition: color .18s, border-color .18s, background .18s;
}
.gr-intelligence-flow__inputs button:hover,
.gr-intelligence-flow__inputs button[aria-pressed="true"] { color: #ffd1a6; border-color: #a26038; background: #23170f; }
.gr-intelligence-flow__live button:focus-visible { outline: 2px solid #ffc389; outline-offset: 4px; }
.gr-intelligence-flow__stages { position: absolute; inset: 14% 0 auto; display: block; }
.gr-intelligence-flow__stages span {
  position: absolute; transform: translateX(-28%); color: #c7d0d7; font-size: clamp(9px, .77vw, 12px);
  font-weight: 500; letter-spacing: .08em; text-transform: uppercase;
}
.gr-intelligence-flow__stages span:nth-child(1) { left: 28%; }
.gr-intelligence-flow__stages span:nth-child(2) { left: 40.5%; }
.gr-intelligence-flow__stages span:nth-child(3) { left: 53%; }
.gr-intelligence-flow__output { position: absolute; top: var(--flow-output-top, 30%); right: 10%; width: 24%; text-align: center; }
.gr-intelligence-flow__output > span { display: block; color: #a4b3bd; font-size: clamp(8px, .7vw, 11px); letter-spacing: .06em; text-transform: uppercase; }
.gr-intelligence-flow__output strong { display: inline-flex; align-items: center; gap: 6px; margin-top: 7px; color: #ffc589; font-size: clamp(9px, .8vw, 12px); font-weight: 500; }
.gr-intelligence-flow__output i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: #ffb57e; }
.gr-intelligence-flow__formula { position: absolute; top: 84%; left: 12%; right: 1%; display: flex; align-items: center; justify-content: center; gap: 10px; white-space: nowrap; font-size: clamp(11px, 1vw, 16px); color: #cdd5dc; }
.gr-intelligence-flow__formula b { color: #67747e; font-weight: 400; }
.gr-intelligence-flow__formula strong { padding: 8px 10px; border: 1px solid #804125; border-radius: 7px; background: rgba(255,107,44,.06); color: #ff985e; font-weight: 600; }
.gr-intelligence-flow__toolbar { position: absolute; top: 99%; left: 5%; right: 2%; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 8px 12px; color: #a1b0ba; font-size: 10px; }
.gr-intelligence-flow__toolbar button { pointer-events: auto; min-height: 32px; min-width: 54px; padding: 5px 9px; border: 1px solid #33414b; border-radius: 5px; background: #0b1219; color: #bbc7cf; font: inherit; cursor: pointer; }
.gr-intelligence-flow__toolbar button:hover { border-color: #a26038; color: #ffcb9c; }
.gr-intelligence-flow__toolbar button:disabled { cursor: default; color: #84949f; }
@media (max-width: 1050px) {
  .has-live-flow .gr-intelligence-foundation__copy { position: relative; top: auto; left: auto; width: 100%; max-width: 660px; margin-bottom: 38px; }
  .gr-intelligence-flow.is-live { aspect-ratio: auto; width: 100%; height: clamp(350px, 65vw, 520px); }
  .gr-intelligence-flow.is-live .gr-intelligence-flow__canvas,
  .gr-intelligence-flow__live { inset: 0 0 14%; width: 100%; height: 86%; }
  .gr-intelligence-flow__formula { gap: 9px; font-size: 13px; }
  .gr-intelligence-flow__toolbar { top: 103%; }
  .gr-intelligence-flow.is-live:before { top: 1%; left: 0; right: 0; }
  .gr-intelligence-flow.is-live:after { bottom: 0; left: 0; right: 0; }
}
@media (max-width: 767px) {
  .gr-intelligence-flow.is-live { aspect-ratio: auto; height: clamp(350px, 68vw, 480px); }
  .gr-intelligence-flow.is-live .gr-intelligence-flow__canvas,
  .gr-intelligence-flow__live { inset: 0 0 14%; width: 100%; height: 86%; }
  .gr-intelligence-flow__inputs button { left: 0; font-size: 10px; min-width: 52px; padding-left: 4px; }
  .gr-intelligence-flow__stages span { font-size: 9px; letter-spacing: 0; text-transform: none; }
  .gr-intelligence-flow__output { right: 9.5%; width: 25%; }
  .gr-intelligence-flow__output > span { font-size: 8px; letter-spacing: 0; }
  .gr-intelligence-flow__output strong { font-size: 10px; margin-top: 4px; }
  .gr-intelligence-flow__formula { top: 87%; left: 0; right: 0; font-size: 11px; gap: 7px; }
  .gr-intelligence-flow__formula strong { padding: 7px; }
  .gr-intelligence-flow__toolbar { top: 103%; left: 0; right: 0; font-size: 10px; }
  .gr-intelligence-flow.is-live:before { top: 1%; left: 0; right: 0; }
  .gr-intelligence-flow.is-live:after { bottom: 0; left: 0; right: 0; }
}
@media (prefers-reduced-motion: reduce) {
  .gr-intelligence-flow__inputs button { transition: none; }
}

.gr-intelligence-flow__actions { display: inline-flex; gap: 7px; flex-shrink: 0; }
.gr-intelligence-flow__toolbar [data-flow-boost] { border-color: #a0542b; background: #2e1a0e; color: #ffc18a; }
.gr-intelligence-flow__toolbar [data-flow-boost]:hover { background: #4b2812; border-color: #ff9e57; }
.gr-intelligence-flow__toolbar [data-flow-boost]:disabled { background: #0b1219; border-color: #33414b; color: #84949f; }
@media (max-width: 420px) {
  .gr-intelligence-flow__toolbar > [data-flow-caption] { max-width: 54%; font-size: 9px; }
  .gr-intelligence-flow__toolbar button { padding: 5px 7px; min-width: 44px; }
}