:root {
  --brand: #f5a623;
  /* Deliberate override. style.css uses --mint 54 times for green, and the landing page
     re-tints all of it to brand amber. Prefer --brand in new rules: --mint is kept only
     because renaming it here would turn those 54 inherited uses back to green. */
  --mint: var(--brand);
  --mint2: #d98910;
  --indigo: #4a72ff;
  --gold: #ffc45d;
  --up: #23b26d;
}

body.lx-page {
  background:
    radial-gradient(rgba(255,255,255,.022) 1px, transparent 1px) 0 0/28px 28px,
    radial-gradient(980px 640px at 85% -8%, rgba(74,114,255,.17), transparent 62%),
    radial-gradient(900px 580px at 5% 8%, rgba(245,166,35,.13), transparent 58%),
    radial-gradient(720px 520px at 50% 108%, rgba(245,166,35,.07), transparent 60%),
    #07090d;
}

html.js .rv { opacity: 1; transform: none; }

.lx-nav.stuck { background: rgba(7,9,13,.84); }
.lx-brand .dex { color: var(--mint); }
.lx-primary,
.swap-go,
.step .n {
  color: #17100a;
  background: linear-gradient(135deg, #ffd889, #f5a623 58%, #d98910);
  box-shadow: 0 12px 34px rgba(245,166,35,.2), inset 0 1px rgba(255,255,255,.38);
}
.lx-primary:hover { box-shadow: 0 16px 44px rgba(245,166,35,.28); }
.lx-tg { color: #fff; background: linear-gradient(180deg, #2aa7e6, #1d8fce); box-shadow: 0 10px 30px rgba(42,167,230,.23); }
.lx-hero h1 .g { background-image: linear-gradient(100deg, #ffc45d, #f5a623 44%, #4a72ff); }
.eyebrow,
.kicker { color: var(--mint); }
.eyebrow { border-color: rgba(245,166,35,.28); background: rgba(245,166,35,.09); }
.eyebrow .dot,
.hc-live i,
.cxfoot-badge i { background: var(--mint); }

.lx-hero { min-height: 650px; display: grid; align-items: center; }
.lx-hero::before {
  opacity: .74;
  filter: saturate(.85) contrast(1.08);
  -webkit-mask-image: linear-gradient(90deg, transparent 4%, rgba(0,0,0,.38) 34%, #000 68%);
  mask-image: linear-gradient(90deg, transparent 4%, rgba(0,0,0,.38) 34%, #000 68%);
}
.lx-card {
  border-color: rgba(245,166,35,.14);
  background: linear-gradient(150deg, rgba(26,32,43,.94), rgba(10,14,20,.96));
  box-shadow: 0 38px 100px rgba(0,0,0,.56), 0 0 70px rgba(74,114,255,.06), inset 0 1px rgba(255,255,255,.06);
}
.hc-glow { background: radial-gradient(420px 220px at 72% 0%, rgba(74,114,255,.2), transparent 60%); }
.hc-ic { background: #f5a623; }
.swap-mid span { color: var(--mint); }

.fcard,
.step,
.mkt-wrap,
.band,
.cta-band {
  border-color: rgba(255,255,255,.085);
  background: linear-gradient(160deg, rgba(20,25,34,.86), rgba(9,13,19,.84));
  box-shadow: inset 0 1px rgba(255,255,255,.025);
}
.fcard:hover,
.step:hover { border-color: rgba(245,166,35,.22); box-shadow: 0 26px 64px rgba(0,0,0,.42); }
.mkt-row.d:hover { background: rgba(245,166,35,.045); }
.mkt-foot b { color: var(--mint); }

.lx-page svg [stroke="#3ddc97"] { stroke: #f5a623; }
.lx-page svg [fill="#3ddc97"] { fill: #f5a623; }
.lx-page svg [stroke="#7c8cff"] { stroke: #4a72ff; }
.lx-page svg [fill="#7c8cff"] { fill: #4a72ff; }
.up { color: var(--up); }

.lx-foot nav { align-items: center; flex-wrap: wrap; justify-content: flex-end; }
.lx-appbar { border-top-color: rgba(245,166,35,.16); background: rgba(7,9,13,.92); backdrop-filter: blur(18px); }

input,
textarea,
select { font-size: max(16px, 1em); }

@media (max-width: 760px) {
  .lx-hero { min-height: auto; padding-top: 38px; }
  .lx-hero::before { opacity: .38; background-position: 68% center; }
  .lx-hero .in { gap: 32px; }
  .lx-card { transform: none; animation: none; }
  .lx-foot .in { padding-bottom: calc(88px + var(--sab)); }
  .lx-foot nav { justify-content: flex-start; }
}

@media (prefers-reduced-motion: reduce) {
  .lx-card,
  .lx-hero::before,
  .tick-track,
  .fcard.in,
  .step.in { animation: none !important; }
}

/* Touch targets on phones. A named list, never a blanket rule on a or button: a global
   minimum inflates inline links inside prose and every dense row. Heights only, so
   nothing reflows sideways. */
@media (max-width: 880px) {
  .lx-brand { min-height: 36px; display: inline-flex; align-items: center; }
  nav a { min-height: 36px; display: inline-flex; align-items: center; }
}