/* ===== RH Dark — Robinhood signature: warm near-black + Robin Neon ===== */
:root {
  --font-display: 'Fraunces','Georgia',serif;
  --font-head: 'Space Grotesk','Inter',sans-serif;
  --font-body: 'Inter',system-ui,sans-serif;
  --font-num: 'Space Mono','SFMono-Regular',monospace;
  --head-transform: none; --head-ls: -0.01em; --head-weight: 600;
  --h1-size: clamp(38px, 5vw, 66px);
  --radius: 20px; --btn-radius: 999px;

  --bg: #0d0f13; --soft: #161a22;
  --ink: #e6e8ec; --ink-2: #c5c8cc; --muted: #8b94a3; --line: #1e232d;
  --primary: #22c55e; --primary-2: #16a34a; --primary-ink: #04130a;
  --blue: #0593ff; --blue-2: #5cb3ff;
  /* Upper-left blue page glow removed per direction — lime is the only ambient
     accent now. Set the alpha back to .33 to restore it. */
  --glow-blue-rgb: 5, 147, 255; --glow-blue-a: 0;
  --grad: linear-gradient(100deg, #4ade80, #22c55e);
  --shadow: 0 1px 2px rgba(0,0,0,.5), 0 22px 46px -20px rgba(0,0,0,.85);
  --shadow-sm: 0 1px 2px rgba(0,0,0,.45), 0 12px 28px -16px rgba(0,0,0,.75);
  --hero-bg: radial-gradient(1000px 560px at 84% -12%, rgba(34,197,94,.30) 0%, rgba(34,197,94,.10) 38%, transparent 68%);
  --nav-bg: rgba(13,15,19,.8);
  --panel-bg: #181c26;
  --pill-bg: rgba(34,197,94,.14); --pill-fg: #22c55e;
  --tick-fg: #04130a;

  --score-a-bg: #22c55e; --score-a-fg: #04130a;
  --score-b-bg: rgba(207,185,125,.18); --score-b-fg: #dcc88f;
  --score-c-bg: rgba(255,255,255,.07); --score-c-fg: #8b94a3;

  --dark-bg: #090b0f; --dark-fg: #e6e8ec; --dark-muted: #c5c8cc; --dark-line: rgba(255,255,255,.10);
  --footer-bg: #090b0f; --footer-fg: #8b94a3; --footer-head: #e6e8ec; --footer-muted: #6b7280; --footer-line: rgba(255,255,255,.08);
}
.email__tag, .dossier__email { color: #22c55e; }

.hero {
  background:
    linear-gradient(to bottom, transparent 90%, #0d0f13 100%),
    linear-gradient(rgba(34,197,94,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,197,94,.05) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
}
/* Upper-right lime bloom as ADDED LIGHT (screen) rather than a film over the
   warm base — keeps it true brand lime instead of olive. The grid + bottom
   fade stay on the .hero box; this layer just adds the glow above them and
   below the content (.v sits at z-index 1). */
.hero > .v { position: relative; z-index: 1; }
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
  /* Brand lime (same rgb as the buttons), kept low so screen stays a soft lime
     light — at high alpha the green channel maxes out and it blows to yellow.
     Origin pushed into the corner so there's no bright hotspot on-canvas. */
  background: radial-gradient(760px 500px at 96% -18%, rgba(34,197,94,.26) 0%, rgba(34,197,94,.08) 40%, transparent 62%);
  mix-blend-mode: screen;
}

/* Reusable page background: the hero's lime glow + grid mesh, for content pages
   that should match section one. Painted on a ::before so it can fade to true
   transparent (via mask) without fading the page content. Like the home hero,
   the texture lives in a top band (~one screen) and fades out over a fixed band
   near the bottom of it — so the fade is "just as fast" as the hero regardless
   of how long the page is. */
.texbg { position: relative; }
/* Page content sits above the glow layer (same trick as .hero > .v). */
.texbg > * { position: relative; z-index: 1; }
.texbg::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: min(720px, 100%);
  z-index: 0;
  pointer-events: none;
  /* Identical mechanism to the home hero: a screen-blended lime glow + grid that
     blends against the dark page behind it, so it reads as true brand lime on
     every page (not olive). No isolation here — screen has to reach the page
     background; content is lifted above via .texbg > * instead. Blue glow gone. */
  background:
    radial-gradient(760px 500px at 96% -18%, rgba(34,197,94,.26) 0%, rgba(34,197,94,.08) 40%, transparent 62%),
    linear-gradient(rgba(34,197,94,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(34,197,94,.05) 1px, transparent 1px);
  background-size: auto, 40px 40px, 40px 40px;
  background-repeat: no-repeat, repeat, repeat;
  mix-blend-mode: screen;
  -webkit-mask-image: linear-gradient(to bottom, #000 calc(100% - 80px), transparent);
  mask-image: linear-gradient(to bottom, #000 calc(100% - 80px), transparent);
}