/* Fit the new two-line message within the original mobile hero and reveal. */
/* Give the supplied square logo enough room for its inset CRT artwork. */
header a[aria-label="Analysis home"] img{width:56px;height:56px;margin-block:-12px;object-fit:contain}
footer a[aria-label="Analysis home"] img{width:88px;height:88px;object-fit:contain}
@media(max-width:600px){#main-content h1{font-size:clamp(30px,8.4vw,48px);line-height:1.05}}
/* Keep the moving artwork on compositor scroll timelines. These are the same
   distances as the original hero, without a delayed JS scroll-event repaint. */
@supports (animation-timeline: scroll(root block)) and (animation-range: 0px 100px) {
 .native-parallax > .z-10,.native-parallax > .z-20,.native-parallax > .z-30,.native-parallax > .z-40 {
  animation-duration:auto;animation-timing-function:linear;animation-fill-mode:both;
  animation-timeline:scroll(root block);animation-range:0px var(--hero-height);
  will-change:transform;
 }
 .native-parallax > .z-10 {animation-name:desk-sky-scroll}
 .native-parallax > .z-20 {animation-name:desk-copy-scroll;will-change:transform,opacity}
 .native-parallax > .z-30 {animation-name:desk-monitor-scroll}
 .native-parallax > .z-40 {animation-name:desk-trees-scroll}
 @keyframes desk-sky-scroll {from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-60px,0)}}
 @keyframes desk-monitor-scroll {from{transform:translate3d(0,0,0)}to{transform:translate3d(0,-20px,0)}}
 @keyframes desk-trees-scroll {from{transform:translate3d(0,0,0)}83.333%,to{transform:translate3d(0,-250px,0)}}
 @keyframes desk-copy-scroll {0%{transform:translate3d(0,0,0);opacity:1}40%{opacity:0}100%{transform:translate3d(0,var(--hero-height),0);opacity:0}}
}
/* ANALYSIS BRAND THEME */
/* Analysis: crimson CRT casing, warm screen white, charcoal surroundings. */
:root {
  --copper-100:#fff0f3; --copper-200:#ffc5d2; --copper-300:#ff92ae;
  --copper-400:#ef5477; --copper-500:#c91b48; --copper-600:#8e1534;
  --copper-700:#641128; --copper-800:#3b101c; --copper-900:#260d15;
  --stone-100:#f4efe7; --stone-200:#e6e0d7; --stone-300:#cac2bc;
  --stone-400:#aaa0a2; --stone-500:#76696e; --stone-600:#48363d;
  --stone-700:#2a1e24; --stone-800:#1c1519; --stone-900:#100d10;
  --core-white:#f4efe7;
}
::selection {background:#8e1534;color:#fff0f3}
a:focus-visible,button:focus-visible,select:focus-visible {outline-color:#ff92ae}
.bg-copper-500 {color:#fff0f3}
.text-copper-500 {color:#ef5477}
.bg-copper-500:hover {background-color:#a5163b;color:#fff0f3}

/* Match the interactive workspaces without tinting screenshots or P/L data. */
#trading-root {
  --bg:#100d10; --panel:#1c1519; --paper:#f4efe7; --muted:#b3a6ac;
  --line:#49303a; --accent:#ef5477; --ink:#100d10;
}
#trading-root .window-shell {border-color:#8e1534;background:var(--bg)}
#trading-root #app-window {box-shadow:0 0 0 1px #260d15,0 0 0 3px #c91b48,8px 8px 0 #0009}
#trading-root .window-titlebar {background:#8e1534;color:#fff0f3;border-bottom-color:#ef5477}
#trading-root .title-stripes {background:repeating-linear-gradient(#ff92ae 0 1px,transparent 1px 3px)}
#trading-root .workspace-nav {background:#1c1519}
#trading-root .agent-switch.active {border-color:#ff92ae;background:#8e1534;color:#fff0f3}
#trading-root .agent-switch:hover {background:#2a1e24}
#trading-root .panel {background:#1c1519}
#trading-root .panel-title {color:#f4efe7;background:#30131f;border-bottom-color:#653044}
#trading-root .browser-toolbar {background:#2a1e24}
#trading-root .browser-address {background:#100d10;border-color:#49303a}
#trading-root .workspace-tab.active {color:#fff0f3;border-color:#ef5477}
#trading-root .tag {border-color:#65404f;color:#e6e0d7}
#trading-root .research-thumbnails .capture-thumb.active {border-color:#ef5477;box-shadow:0 0 0 1px #8e1534}
#trading-root .research-replay-controls progress {accent-color:#ef5477}
#trading-root #window-content {scrollbar-color:#8e1534 #1c1519}

#trading-root .window-titlebar button {border-color:#ff92ae;background:#641128;color:#fff0f3}
#trading-root .window-titlebar button:hover {background:#c91b48}
#trading-root .workspace-tab.active {background:#3b101c;box-shadow:inset 0 -2px #ef5477}
#trading-root #app-window,#trading-root #image-viewer {filter:none}