/* Welcy — brand layer on top of the cloned shell. Keeps the donor's type scale and spacing. */

/* ── Robinhood palette on baked-in pixels ───────────────────────────────
   The hero video and the Rive icons carry the donor's blue inside the media
   itself, so the hue is rotated at paint time. White and grey have no
   saturation and come through untouched. */
.hero-section video,
.w-background-video video,
.home-industry_icon,
.background_intro {
  filter: hue-rotate(-96deg) saturate(1.35);
}

/* ── wordmark (replaces the donor's logo image) ─────────────────────────── */
.wl-wordmark {
  display: inline-flex;
  align-items: center;
  gap: 0.34em;
  font-family: "TWK Everett", Arial, sans-serif;
  font-weight: 500;
  font-size: 26px;
  letter-spacing: -0.02em;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  white-space: nowrap;
}
.wl-wordmark .wl-mark {
  width: 22px;
  height: 22px;
  flex: 0 0 auto;
  display: block;
}
.wl-wordmark:hover { color: #fff; }

/* ── contract bar living in the donor's pencil banner ───────────────────── */
/* the donor caps that slot at 264px for its marquee text; the address needs the full row */
.pencil_layout .mw-264 { max-width: none; width: 100%; }
.pencil_layout .w-layout-hflex.gap-8.align-center { flex: 1 1 auto; }

.wl-ca-bar {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  min-height: 26px;
  font-family: "TWK Everett Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  letter-spacing: 0.04em;
  color: #fff;
}
.wl-ca-label {
  opacity: 0.72;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  font-size: 11px;
}
.wl-ca-value {
  appearance: none;
  border: 1px solid rgba(255, 255, 255, 0.34);
  background: rgba(0, 0, 0, 0.16);
  color: #fff;
  border-radius: 999px;
  padding: 3px 12px;
  font: inherit;
  cursor: pointer;
  max-width: min(58vw, 480px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background 0.15s ease, border-color 0.15s ease;
}
.wl-ca-value:hover { background: rgba(0, 0, 0, 0.3); border-color: #fff; }
.wl-ca-value.is-copied { background: #fff; color: #0b0b0b; border-color: #fff; }
.wl-ca-value[data-state="soon"] { cursor: default; letter-spacing: 0.18em; }

.wl-x-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid rgba(255, 255, 255, 0.34);
  color: #fff;
  flex: 0 0 auto;
  transition: background 0.15s ease, color 0.15s ease;
}
.wl-x-btn:hover { background: #fff; color: #019206; }
.wl-x-btn svg { width: 11px; height: 11px; display: block; }

/* ── prize table ────────────────────────────────────────────────────────── */
.wl-odds {
  background: #081108;
  padding: 120px 0 130px;
  color: #fff;
  position: relative;
  z-index: 2;
}
.wl-odds-head { max-width: 900px; margin-bottom: 54px; }
.wl-odds-head h2 { margin: 0 0 22px; }
.wl-odds-sub {
  font-size: 18px;
  line-height: 1.5;
  color: #9aa3ad;
  max-width: 62ch;
  margin: 0;
}
.wl-odds-sub code {
  font-family: "TWK Everett Mono", ui-monospace, monospace;
  font-size: 0.92em;
  color: #02ff0a;
}
.wl-odds-scroll { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.wl-odds-table {
  width: 100%;
  min-width: 720px;
  border-collapse: collapse;
  font-family: "TWK Everett Mono", ui-monospace, monospace;
  font-size: 15px;
}
.wl-odds-table th {
  text-align: right;
  font-weight: 400;
  font-size: 11px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #6b727c;
  padding: 0 0 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.14);
  white-space: nowrap;
}
.wl-odds-table th:first-child { text-align: left; }
.wl-odds-table td {
  text-align: right;
  padding: 18px 0;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.1);
  color: #d4d4d4;
  white-space: nowrap;
}
.wl-odds-table td:first-child { text-align: left; color: #fff; }
.wl-odds-tier { display: flex; align-items: center; gap: 10px; }
.wl-odds-dot { width: 8px; height: 8px; border-radius: 50%; background: #00df07; flex: 0 0 auto; }
.wl-odds-dot[data-tier="0"] { background: #5a6470; }
.wl-odds-dot[data-tier="1"] { background: #7c8998; }
.wl-odds-dot[data-tier="2"] { background: #00df07; }
.wl-odds-dot[data-tier="3"] { background: #00f308; }
.wl-odds-dot[data-tier="4"] { background: #ffb020; }
.wl-odds-dot[data-tier="5"] { background: #fff; box-shadow: 0 0 10px rgba(255, 255, 255, 0.8); }
.wl-odds-row.is-jackpot td { color: #fff; }
.wl-odds-foot {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin-top: 56px;
}
.wl-odds-stat { display: flex; flex-direction: column; gap: 8px; }
.wl-odds-stat-value {
  font-family: "TWK Everett", Arial, sans-serif;
  font-size: 38px;
  line-height: 1;
  letter-spacing: -0.02em;
}
.wl-odds-stat-label { font-size: 14px; line-height: 1.35; color: #6b727c; }
.wl-odds-note {
  margin: 44px 0 0;
  font-size: 15px;
  line-height: 1.5;
  color: #6b727c;
  max-width: 70ch;
}

@media (max-width: 991px) {
  .wl-odds { padding: 80px 0 84px; }
  .wl-odds-foot { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
  .wl-odds-stat-value { font-size: 30px; }
}
@media (max-width: 600px) {
  .wl-odds-foot { grid-template-columns: 1fr; }
  .wl-odds-sub { font-size: 16px; }
  .wl-odds-table { font-size: 13px; min-width: 620px; }
}

/* ── stat tiles (replace the donor's event video cells) ─────────────────── */
.wl-stat-tile {
  position: relative;
  height: 100%;
  min-height: 210px;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 10px;
  padding: 26px;
  border-radius: 12px;
  background:
    radial-gradient(120% 120% at 12% 0%, rgba(0, 223, 7, 0.28), transparent 62%),
    linear-gradient(180deg, #091009, #081108);
  border: 1px solid rgba(255, 255, 255, 0.1);
  overflow: hidden;
}
.wl-stat-label {
  font-family: "TWK Everett Mono", ui-monospace, monospace;
  font-size: 12px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #02ff0a;
}
.wl-stat-value {
  font-family: "TWK Everett", Arial, sans-serif;
  font-size: 44px;
  line-height: 1;
  letter-spacing: -0.02em;
  color: #fff;
}
.wl-stat-note {
  font-size: 14px;
  line-height: 1.4;
  color: #9aa3ad;
  max-width: 34ch;
}

/* ── ticker rack (replaces the donor's partner logo marquee) ────────────── */
.wl-ticker {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: "TWK Everett Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  font-weight: 500;
  font-size: 26px;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #0b0b0b;
  white-space: nowrap;
  opacity: 0.82;
}
.home-hero_marquee-ltem { display: flex; align-items: center; justify-content: center; }

@media (max-width: 767px) {
  .wl-ticker { font-size: 20px; }
  .wl-ca-bar { gap: 7px; font-size: 11px; }
  .wl-ca-label { display: none; }
  .wl-ca-value { max-width: 62vw; padding: 2px 10px; }
  .wl-wordmark { font-size: 22px; }
  .wl-wordmark .wl-mark { width: 19px; height: 19px; }
}

/* X glyph reused in the loop tile and the footer social slot */
.wl-x-glyph { display: inline-flex; align-items: center; justify-content: center; color: #fff; }
.home-stack_discord-link .wl-x-glyph { width: 54px; height: 54px; }
.footer_social-block.wl-x-glyph { width: 34px; height: 34px; padding: 8px; }
.footer_social-block.wl-x-glyph svg { width: 100%; height: 100%; }

/* stills that replaced the donor live Rive canvases */
.riveicon-static { display: block; width: 100%; height: 100%; object-fit: contain; }
.riveicon-static.is-empty { background: transparent; }