/* ===== Robinhood dark theme — landing page ===== */
html, body { background:#000 !important; color:#ccff00 !important; }

:root {
  --text-primary: #ccff00 !important;                /* panels below hero stay lime */
  --text-primary-12: rgba(204,255,0,.14) !important;
  --text-primary-24: rgba(204,255,0,.28) !important;
  --text-primary-32: rgba(204,255,0,.4) !important;
  --border-primary: rgba(204,255,0,.24) !important;
  --main-background-color: #000000 !important;
  --main-text-color: #ccff00 !important;
  --background-primary: #000000 !important;
  --background-primary-inverse: #0d0d0d !important;
  --text-accent-green: #ccff00 !important;
  --text-accent-blue: #ccff00 !important;
}

/* ---- HERO screen: white text, EXCEPT the "Picks that land" title (lime) ---- */
.hero-section_greating__1OyC1 { color:#ccff00 !important; }      /* title stays lime */
.hero-section_text__GA552 { color:#ffffff !important; }          /* hero body -> white */
.hero-section_scrollDown__MUcli { color:#ffffff !important; }    /* scroll hint -> white */
.styled-button_variant-header__cFrAM { color:#ffffff !important; } /* nav -> white */

/* ---- Contact ("Come place a slip"): keep lime, no blend artefacts ---- */
.contact-section_content__tDXtS,
.contact-section_mixBlend__31zv8 { mix-blend-mode: normal !important; }
.contact-section_content__tDXtS { color:#ccff00 !important; }

/* ---- Loading screen: black bg, lime % counter + segmented lime progress bar ---- */
.preloader_root__KN4wH { background-color:#000000 !important; }
.preloader_counter__1q2kg,
.preloader_value__bLGU1 {
  color:#ccff00 !important;
  font-family:"IBM Plex Mono", ui-monospace, monospace !important;
  letter-spacing:.08em;
}
.preloader_root__KN4wH::after {
  content:"";
  position:fixed; left:50%; top:calc(50% + 72px); transform:translateX(-50%);
  width:240px; height:16px; z-index:101;
  border:2px solid #ccff00; border-radius:3px;
  background-image:linear-gradient(90deg,#ccff00,#ccff00);
  background-repeat:no-repeat; background-size:0% 100%;
  animation:rh-load 1.6s steps(12,end) infinite;
}
@keyframes rh-load { from { background-size:0% 100%; } to { background-size:100% 100%; } }

/* Cursor stickers: transparent PNGs + smaller size */
.stickers_sticker__OlPpo {
  max-width: clamp(90px, 12vw, 155px) !important;
  max-height: clamp(90px, 12vw, 155px) !important;
}

/* ---- header logo mark -> Binkl green mask (React re-hydrates the old picks face SVG; override with CSS so it can't come back) ---- */
.header_logo__LRIT_{
  background:url("/landing/illustrations/logo-mark.png") center/contain no-repeat !important;
}
.header_logo__LRIT_ > *{ visibility:hidden !important; }