/* ROBINTRADE — overrides on top of the built stylesheet.
   Two jobs: put the hero video back (this file used to kill it in favour of
   the liquid-metal WebGL shader), and repaint the silver accent lime. */

/* ---------- HERO: video instead of the liquid-metal shader ---------- */

/* the shader is gone, so the video is the background again */
.xero-hero-video-bg video {
  display: block !important;
  /* the built rule greyscales and over-brightens the old silhouette clip —
     ours is a colour render and needs neither */
  filter: none !important;
  opacity: 1 !important;
  object-fit: cover !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute !important;
  inset: 0 !important;
}
.xero-hero-video-bg { background: #0e0c08 !important; }

/* the arc was the shader's rim-light — meaningless over footage */
.xero-hero-arc { display: none !important; }

/* readability: the clip is dark and busy, so dim the middle harder than the
   original veil did and fade hard into the page below */
.xero-hero-video-bg .xero-hero-video-tint {
  display: block !important;
  z-index: 1 !important;
  background: radial-gradient(70% 55% at 50% 46%, rgba(14, 12, 8, 0.6) 0%, rgba(14, 12, 8, 0.4) 55%, rgba(14, 12, 8, 0.72) 100%) !important;
}
.xero-hero-video-bg .xero-hero-video-veil {
  display: block !important;
  z-index: 2 !important;
  background:
    radial-gradient(54% 44% at 50% 46%, rgba(14, 12, 8, 0.5) 0 26%, transparent 76%),
    linear-gradient(180deg, rgba(14, 12, 8, 0.72) 0%, rgba(14, 12, 8, 0.1) 22%, rgba(14, 12, 8, 0.1) 58%, rgba(14, 12, 8, 0.86) 84%, #0e0c08 100%) !important;
}

/* ---------- BRAND ---------- */

/* silver -> lime */
:root {
  --xero-accent: #ccff00;
  --xero-accent-pink: #ccff00;
}

/* the solid button and hero CTA were white; make the primary action lime */
.xero-btn-solid,
.xero-cta {
  background: #ccff00 !important;
  color: #1c180d !important;
  border-color: #ccff00 !important;
}
.xero-btn-solid:hover,
.xero-cta:hover {
  background: #d9ff3d !important;
  box-shadow: 0 6px 30px rgba(204, 255, 0, 0.32) !important;
}

/* ---------- HERO HEADLINE ----------
   "Let Robin trade for you." is longer than the line this build shipped
   with, so at 720px it broke and left "you." orphaned on its own line.
   Give it room, and balance any wrap that still happens instead of
   letting a single word drop. */
.xero-hero-content { max-width: 880px !important; }
.xero-h1-thin,
.xero-h1-grad { text-wrap: balance; }
@media (max-width: 960px) {
  .xero-hero-content { max-width: 100% !important; }
}

/* ---------- MORE NEON BELOW THE FOLD ----------
   The built page goes grey once you scroll past the hero: white headings,
   white-alpha borders, grey glows. Pull lime through it. */

/* headings resolve into lime instead of fading to grey-white */
.xero-h2 {
  background: linear-gradient(#fff 30%, #ccff00 140%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

/* kicker reads as a lime pill, not grey text */
.xero-kicker {
  color: #ccff00 !important;
  border: 1px solid rgba(204, 255, 0, 0.28);
  border-radius: 999px;
  padding: 6px 16px;
  background: rgba(204, 255, 0, 0.05);
}

/* cards: lime-tinted edges + a lime lift on hover */
.xero-tor-card,
.xero-hiw-card,
.xero-bento {
  border-color: rgba(204, 255, 0, 0.14) !important;
}
.xero-tor-card:hover,
.xero-hiw-card:hover,
.xero-bento:hover {
  border-color: rgba(204, 255, 0, 0.45) !important;
  box-shadow: 0 10px 40px rgba(204, 255, 0, 0.07) !important;
}

/* icon chips get a lime well */
.xero-tor-icon,
.xero-hiw-icon {
  color: #ccff00 !important;
}
.xero-hiw-icon {
  background: rgba(204, 255, 0, 0.09) !important;
  border-color: rgba(204, 255, 0, 0.22) !important;
}

/* section dividers */
.xero-tier-list, .xero-tier, .xero-footer { border-color: rgba(204, 255, 0, 0.12) !important; }

/* the ambient glows behind the lower page — this is the grey haze */
.xero-amb-glow-1 { background: radial-gradient(circle, rgba(204, 255, 0, 0.4), transparent 70%) !important; opacity: .32 !important; }
.xero-amb-glow-2 { background: radial-gradient(circle, rgba(155, 196, 0, 0.34), transparent 70%) !important; opacity: .3 !important; }
.xero-amb-grid { opacity: .5 !important; }

/* ghost button picks up lime on hover */
.xero-cta-ghost:hover {
  border-color: rgba(204, 255, 0, 0.5) !important;
  color: #ccff00 !important;
  background: rgba(204, 255, 0, 0.07) !important;
}

/* nav links + footer links */
.xero-nav-link:hover, .xero-footer a:hover, .xero-mobile-link:hover { color: #ccff00 !important; }
.xero-nav-social:hover { color: #ccff00 !important; border-color: rgba(204, 255, 0, 0.4) !important; }

/* keep the logo mark clean */
.xero-logo-img { object-fit: contain !important; }

/* no Telegram on this project */
a[href*="t.me/"],
a[href^="https://t.me"],
img[src*="telegram"] { display: none !important; }