@import url('https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Space+Grotesk:wght@300;400;500;600;700&display=swap');

:root {
  --gold: #F0B90B;
  --gold-hi: #FFE79A;
  --gold-lo: #B98900;
  --ink: #070708;
  --ink-2: #0C0C0E;
  --panel: rgba(255,255,255,.02);
  --hair: rgba(240,185,11,.16);
  --hair-2: rgba(240,185,11,.09);
  --hair-w: rgba(255,255,255,.08);
  --up: #34D399;
  --down: #F87171;
  --white: #F5F5F3;
  --grey: #C6C6C2;
  --grey-2: #8C8C88;
  --grey-3: #5A5A57;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  background: var(--ink);
  color: var(--white);
  font-family: 'Space Grotesk', sans-serif;
  font-size: 16px; line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  position: relative;
}

body::before {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 50% at 50% -5%, rgba(240,185,11,.10), transparent 55%),
    radial-gradient(ellipse 60% 50% at 85% 20%, rgba(240,185,11,.05), transparent 50%),
    radial-gradient(ellipse 70% 60% at 15% 80%, rgba(240,185,11,.05), transparent 55%);
}
body::after {
  content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none; opacity: .6;
  background-image:
    radial-gradient(1px 1px at 12% 22%, rgba(255,255,255,.4), transparent),
    radial-gradient(1px 1px at 68% 14%, rgba(240,185,11,.5), transparent),
    radial-gradient(1px 1px at 42% 66%, rgba(255,255,255,.3), transparent),
    radial-gradient(1px 1px at 88% 54%, rgba(240,185,11,.35), transparent),
    radial-gradient(1px 1px at 24% 84%, rgba(255,255,255,.3), transparent),
    radial-gradient(1px 1px at 76% 88%, rgba(240,185,11,.3), transparent);
  background-size: 520px 520px;
  animation: drift 90s linear infinite;
}
@keyframes drift { to { background-position: 520px 260px; } }
main, header, footer { position: relative; z-index: 2; }

.wrap { max-width: 1160px; margin: 0 auto; padding: 0 28px; }
.section { padding: 120px 0; }
.section.tight { padding: 84px 0; }
.eyebrow { font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.32em; text-transform:uppercase; color:var(--gold); }
.kicker  { font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.28em; text-transform:uppercase; color:var(--grey-2); }
.display { font-weight:300; font-size:clamp(34px,5.4vw,74px); line-height:1.02; letter-spacing:-.02em; color:#fff; }
.display b { font-weight:700; }
.gold-txt {
  font-weight:700;
  background: linear-gradient(100deg, var(--gold-hi) 0%, var(--gold) 42%, #FFF3C6 50%, var(--gold) 58%, var(--gold-lo) 100%);
  background-size: 200% auto; -webkit-background-clip:text; background-clip:text; color:transparent;
  animation: shimmer 5.5s linear infinite; filter: drop-shadow(0 0 24px rgba(240,185,11,.28));
}
@keyframes shimmer { to { background-position: 200% center; } }
h2.display { margin-bottom: 18px; }
.lead { font-size:clamp(16px,1.5vw,19px); line-height:1.7; color:var(--grey); max-width:600px; }
.lead b { color:#fff; font-weight:500; }
.muted { color: var(--grey-2); }
.tiny { font-size:12px; color:var(--grey-3); }
.up { color: var(--up); } .down { color: var(--down); }
.mono { font-family:'Space Mono',monospace; font-variant-numeric:tabular-nums; }
.center { text-align:center; }
a { color: var(--gold); text-decoration: none; }

.nav { position:sticky; top:0; z-index:50; background:rgba(7,7,8,.72); backdrop-filter:blur(14px); border-bottom:1px solid var(--hair-2); }
.nav__in { display:flex; align-items:center; gap:22px; max-width:1160px; margin:0 auto; padding:16px 28px; }
.nav__logo { display:flex; align-items:center; gap:11px; font-weight:700; font-size:19px; letter-spacing:.02em; color:#fff; }
.nav__logo .t { color:#fff; } .nav__logo .t b { color:var(--gold); }
.nav__links { display:flex; gap:26px; margin-left:14px; }
.nav__links a { font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:var(--grey-2); }
.nav__links a:hover { color:var(--gold); }
.nav__right { margin-left:auto; display:flex; align-items:center; gap:14px; }
.nav__pb { font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.14em; color:var(--grey-3); text-transform:uppercase; display:flex; align-items:center; gap:6px; }
.nav__pb b { color:var(--grey); }

.btn {
  font-family:'Space Mono',monospace; font-size:13px; letter-spacing:.1em; text-transform:uppercase; font-weight:700;
  padding:14px 26px; border-radius:7px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:9px;
  border:1px solid var(--gold-hi); color:#0A0A0A;
  background:linear-gradient(135deg, var(--gold-hi) 0%, var(--gold) 46%, var(--gold-lo) 100%);
  box-shadow:0 6px 20px rgba(240,185,11,.28), inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
  position:relative; overflow:hidden; isolation:isolate;
}
.btn:hover { transform:translateY(-2px); filter:brightness(1.05); box-shadow:0 12px 34px rgba(240,185,11,.5), inset 0 1px 0 rgba(255,255,255,.5); }
.btn:active { transform:translateY(0); }

.btn:not(.ghost)::before {
  content:""; position:absolute; top:0; left:-130%; width:55%; height:100%; z-index:1;
  background:linear-gradient(100deg, transparent, rgba(255,255,255,.6), transparent); transform:skewX(-18deg);
}
.btn:not(.ghost):hover::before { animation:sheen .85s ease; }
@keyframes sheen { to { left:135%; } }
.btn.ghost {
  background:rgba(240,185,11,.05); color:var(--gold); border-color:var(--hair); box-shadow:none;
}
.btn.ghost:hover { border-color:var(--gold); background:rgba(240,185,11,.12); box-shadow:0 0 28px rgba(240,185,11,.22); }
.btn.sm { font-size:11px; padding:10px 16px; border-radius:6px; }
.btn.lg { font-size:14.5px; padding:18px 34px; letter-spacing:.12em; border-radius:9px; }
.btn .arrow { font-weight:400; font-size:16px; line-height:1; transition:transform .2s ease; }
.btn:hover .arrow { transform:translate(3px,-3px); }

.pill { font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.12em; text-transform:uppercase; color:var(--grey); border:1px solid var(--hair); padding:6px 12px; border-radius:999px; background:rgba(240,185,11,.02); display:inline-flex; align-items:center; gap:7px; }
.pill .dot { width:7px; height:7px; border-radius:50%; background:var(--up); box-shadow:0 0 8px var(--up); }
.pill.live .dot { animation:blink 1.4s steps(2) infinite; }
@keyframes blink { 50% { opacity:.3; } }

.card { border:1px solid var(--hair); background:var(--panel); border-radius:6px; padding:26px; transition:all .2s ease; }
.card:hover { border-color:var(--hair); box-shadow:0 0 40px rgba(240,185,11,.07); transform:translateY(-2px); }
.card .cn { font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--grey-3); }
.card h3 { font-weight:600; font-size:20px; margin:14px 0 8px; color:#fff; }
.card p { color:var(--grey-2); font-size:14.5px; }

.stat { border:1px solid var(--hair); background:var(--panel); border-radius:5px; padding:16px 18px; }
.stat .n { font-family:'Space Mono',monospace; font-weight:700; font-size:clamp(18px,2vw,24px); color:#fff; }
.stat .l { font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--grey-2); margin-top:6px; }

.grid { display:grid; gap:22px; }
.g2 { grid-template-columns:repeat(2,1fr); }
.g3 { grid-template-columns:repeat(3,1fr); }
.g4 { grid-template-columns:repeat(4,1fr); }

.stage { position:relative; display:flex; align-items:center; justify-content:center; }
.stage .orbit { position:absolute; border:1px solid var(--hair-2); border-radius:50%; }
.stage .o1 { width:320px; height:320px; animation:spin 40s linear infinite; }
.stage .o2 { width:420px; height:420px; border-style:dashed; animation:spin 60s linear infinite reverse; }
.stage .glow { position:absolute; width:360px; height:360px; border-radius:50%; background:radial-gradient(circle, rgba(240,185,11,.18), transparent 62%); animation:breathe 6s ease-in-out infinite; }
@keyframes spin { to { transform:rotate(360deg); } }
@keyframes breathe { 50% { opacity:.55; transform:scale(1.07); } }
.bull3d { position:relative; z-index:3; width:min(360px,74vw); animation:float 6s ease-in-out infinite; filter:drop-shadow(0 22px 40px rgba(0,0,0,.6)) drop-shadow(0 0 30px rgba(240,185,11,.25)); }
@keyframes float { 50% { transform:translateY(-14px); } }
.orbit-coin { position:absolute; z-index:4; width:26px; height:26px; }

.ticker { border-top:1px solid var(--hair); border-bottom:1px solid var(--hair); background:rgba(240,185,11,.02); overflow:hidden; white-space:nowrap; }
.ticker .track { display:inline-block; padding:14px 0; animation:marq 40s linear infinite; }
.ticker:hover .track { animation-play-state:paused; }
.ticker .it { font-family:'Space Mono',monospace; font-size:13px; letter-spacing:.05em; color:var(--grey); padding:0 32px; }
.ticker .it b { color:var(--gold); } .ticker .it .w { color:#fff; }
@keyframes marq { to { transform:translateX(-50%); } }

.step { position:relative; }
.step .idx { font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.2em; color:var(--gold); }
.step h3 { font-weight:600; font-size:22px; margin:12px 0 8px; }
.step p { color:var(--grey-2); font-size:15px; }
.step .ic { width:52px; height:52px; }

.mega { font-weight:700; font-size:clamp(90px,20vw,240px); line-height:.85; letter-spacing:-.04em; }

.chart-card { border:1px solid var(--hair); background:rgba(255,255,255,.015); border-radius:6px; padding:18px; }
.chart-card .h { display:flex; justify-content:space-between; align-items:center; }
.chart-card .sym { font-family:'Space Mono',monospace; font-size:12px; letter-spacing:.12em; color:#fff; }
.chart-card .lv { font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.2em; color:var(--up); display:inline-flex; gap:6px; align-items:center; }
.chart-card .lv .d { width:6px; height:6px; border-radius:50%; background:var(--up); animation:blink 1.4s steps(2) infinite; }
.chart-card .delta { font-family:'Space Mono',monospace; font-weight:700; font-size:24px; color:var(--up); margin:12px 0 8px; }
.candles { display:flex; align-items:flex-end; gap:3px; height:110px; }
.candles .c { flex:1; position:relative; display:flex; align-items:flex-end; justify-content:center; color:var(--up); }
.candles .c.dn { color:var(--down); }
.candles .c .body { width:64%; background:var(--up); box-shadow:0 0 8px rgba(52,211,153,.35); }
.candles .c.dn .body { background:var(--down); box-shadow:none; }
.candles .c .wick { position:absolute; top:0; width:1px; background:currentColor; opacity:.4; }
.chart-card .f { display:flex; justify-content:space-between; font-family:'Space Mono',monospace; font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--grey-3); margin-top:12px; }

.miles { border:1px solid var(--hair); border-radius:8px; background:var(--panel); padding:32px; }
.miles__track { position:relative; height:10px; background:rgba(255,255,255,.05); border-radius:999px; overflow:hidden; }
.miles__fill { height:100%; background:linear-gradient(90deg,var(--gold-lo),var(--gold),var(--gold-hi)); box-shadow:0 0 20px rgba(240,185,11,.6); border-radius:999px; }
.miles__nodes { display:flex; justify-content:space-between; margin-top:22px; gap:6px; }
.miles__node { text-align:center; flex:1; }
.miles__node .dot { width:12px; height:12px; border-radius:50%; margin:0 auto 10px; background:rgba(255,255,255,.14); }
.miles__node.hit .dot { background:var(--gold); box-shadow:0 0 12px var(--gold); }
.miles__node.cap .dot { background:var(--up); box-shadow:0 0 12px var(--up); }
.miles__node .k { font-family:'Space Mono',monospace; font-weight:700; font-size:15px; color:#fff; }
.miles__node.hit .k { color:var(--gold); } .miles__node.cap .k { color:var(--up); }
.miles__node .u { font-family:'Space Mono',monospace; font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--grey-3); margin-top:5px; display:block; }

.feed { display:flex; flex-direction:column; gap:8px; max-height:360px; overflow:hidden; }
.feed .row { display:flex; justify-content:space-between; align-items:center; border:1px solid var(--hair-2); border-radius:5px; padding:12px 14px; background:rgba(255,255,255,.012); animation:rise .3s ease; }
.feed .row.gold { border-color:var(--hair); background:rgba(240,185,11,.06); }
@keyframes rise { from { opacity:0; transform:translateY(-8px); } }
.feed .a { font-family:'Space Mono',monospace; font-size:13px; color:#fff; }
.feed .m { font-size:12px; color:var(--grey-2); }
.feed .amt { font-family:'Space Mono',monospace; font-weight:700; color:var(--gold); }

.inp { font-family:'Space Mono',monospace; font-size:14px; background:rgba(255,255,255,.03); color:#fff; border:1px solid var(--hair); border-radius:4px; padding:14px 16px; width:100%; outline:none; }
.inp:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(240,185,11,.12); }

.fm { display:inline-flex; align-items:center; gap:9px; font-family:'Space Mono',monospace; font-weight:700; letter-spacing:.02em; color:#fff; }
.fm .mark { width:22px; height:22px; border-radius:5px; background:linear-gradient(135deg,var(--gold-hi),var(--gold),var(--gold-lo)); display:inline-flex; align-items:center; justify-content:center; color:#0A0A0A; font-size:12px; font-weight:700; box-shadow:0 0 14px rgba(240,185,11,.4); }
.fm .mark span { transform:translateY(-1px); }

.footer { border-top:1px solid var(--hair-2); padding:64px 0 40px; }
.footer__grid { display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:40px; }
.footer h4 { font-family:'Space Mono',monospace; font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--grey-2); margin-bottom:16px; }
.footer a.fl { display:block; color:var(--grey); font-size:14px; margin-bottom:10px; }
.footer a.fl:hover { color:var(--gold); }
.footer__bottom { display:flex; justify-content:space-between; align-items:center; margin-top:48px; padding-top:24px; border-top:1px solid var(--hair-2); flex-wrap:wrap; gap:12px; }

.shead { max-width:640px; }
.shead.c { margin:0 auto; text-align:center; }

@media (max-width:900px){
  .g4 { grid-template-columns:repeat(2,1fr); }
  .g3 { grid-template-columns:1fr; }
  .nav__links { display:none; }
  .footer__grid { grid-template-columns:1fr; gap:28px; }
  .hero-cols { grid-template-columns:1fr !important; }
}
@media (max-width:600px){
  .g2,.g4 { grid-template-columns:1fr; }
  .section { padding:80px 0; }
  .miles__node .u { display:none; }
}
@media (prefers-reduced-motion:reduce){ *,*::before,*::after { animation:none !important; } }

@property --a { syntax:'<angle>'; inherits:false; initial-value:0deg; }

#fx-particles { position:fixed; inset:0; z-index:0; pointer-events:none; }
#fx-spark { position:fixed; inset:0; z-index:70; pointer-events:none; }

.spotlight { position:relative; }
.spotlight::before {
  content:""; position:absolute; inset:0; border-radius:inherit; pointer-events:none;
  opacity:var(--sp,0); transition:opacity .35s ease;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%), rgba(240,185,11,.14), transparent 62%);
}

.star-border { position:relative; isolation:isolate; }
.star-border::after {
  content:""; position:absolute; inset:-1.5px; border-radius:inherit; padding:1.5px; z-index:-1;
  background:conic-gradient(from var(--a), transparent 0 66%, var(--gold) 80%, #FFF7D6 88%, var(--gold) 94%, transparent 100%);
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
  animation:starRot 3.2s linear infinite;
}
@keyframes starRot { to { --a:360deg; } }

.aurora {
  position:absolute; top:-120px; left:50%; transform:translateX(-50%);
  width:120%; height:420px; z-index:0; pointer-events:none; filter:blur(60px); opacity:.55;
  background:
    radial-gradient(40% 60% at 30% 50%, rgba(240,185,11,.35), transparent 70%),
    radial-gradient(40% 60% at 70% 40%, rgba(255,231,154,.22), transparent 70%),
    radial-gradient(30% 50% at 50% 60%, rgba(240,185,11,.28), transparent 70%);
  background-size:200% 100%; animation:auroraShift 12s ease-in-out infinite;
}
@keyframes auroraShift { 50% { background-position:100% 0; opacity:.8; } }

#bull3dMount { width:100%; height:440px; position:relative; z-index:3; }
#bull3dMount canvas { display:block; }
@media (max-width:900px){ #bull3dMount { height:360px; } }

.reveal { opacity:0; transform:translateY(26px); transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1); }
.reveal.in { opacity:1; transform:none; }
.reveal.d1{ transition-delay:.08s; } .reveal.d2{ transition-delay:.16s; } .reveal.d3{ transition-delay:.24s; } .reveal.d4{ transition-delay:.32s; }
.tilt { transition:transform .12s ease; will-change:transform; }

.floaters { position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.fcoin { position:absolute; width:34px; height:34px; animation:floatY 7s ease-in-out infinite; }
.fcoin .spin { width:100%; height:100%; animation:coinspin 4.5s linear infinite; transform-style:preserve-3d; }
@keyframes floatY { 50%{ transform:translateY(-22px); } }
@keyframes coinspin { to{ transform:rotateY(360deg); } }

.nav__ic { display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border:1px solid var(--hair); border-radius:8px; color:var(--grey); transition:.15s; }
.nav__ic:hover { color:var(--gold); border-color:var(--gold); box-shadow:0 0 16px rgba(240,185,11,.2); }
.nav__ic svg { display:block; }

.poweredby { display:flex; align-items:center; justify-content:center; gap:14px; flex-wrap:wrap; }
.pb-chip { display:inline-flex; align-items:center; gap:9px; border:1px solid var(--hair); border-radius:999px; padding:8px 16px; background:rgba(240,185,11,.02); color:#fff; font-family:'Space Mono'; font-size:13px; letter-spacing:.02em; }
.pb-chip .lbl { color:var(--grey); }

.flow { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:36px; }
.flow::before { content:""; position:absolute; top:38px; left:8%; right:8%; height:2px; background:repeating-linear-gradient(90deg, var(--hair) 0 8px, transparent 8px 16px); z-index:0; }
.flow .node { position:relative; z-index:1; text-align:center; }
.flow .orb { width:76px; height:76px; margin:0 auto 16px; border-radius:50%; border:1px solid var(--hair); background:radial-gradient(circle at 35% 30%, rgba(240,185,11,.22), rgba(255,255,255,.02) 60%); display:flex; align-items:center; justify-content:center; box-shadow:0 0 30px rgba(240,185,11,.12), inset 0 0 20px rgba(240,185,11,.08); animation:orbPulse 4s ease-in-out infinite; }
.flow .orb .num { font-family:'Space Grotesk'; font-weight:700; font-size:26px; color:var(--gold); }
.flow .node:nth-child(2) .orb{ animation-delay:.6s; } .flow .node:nth-child(3) .orb{ animation-delay:1.2s; } .flow .node:nth-child(4) .orb{ animation-delay:1.8s; }
@keyframes orbPulse { 50%{ box-shadow:0 0 44px rgba(240,185,11,.26), inset 0 0 26px rgba(240,185,11,.14); transform:translateY(-4px); } }
.flow h4 { font-weight:600; font-size:17px; margin-bottom:6px; }
.flow p { color:var(--grey2); font-size:13.5px; }
@media(max-width:820px){ .flow{ grid-template-columns:1fr; } .flow::before{ display:none; } }

.xdiv { display:flex; align-items:center; justify-content:center; gap:18px; max-width:960px; margin:0 auto; padding:10px 28px; }
.xdiv::before, .xdiv::after { content:""; flex:1; height:1px; background:linear-gradient(90deg, transparent, var(--hair) 45%, var(--hair) 55%, transparent); }
.xdiv .m { width:30px; height:30px; display:inline-flex; animation:floatY 6s ease-in-out infinite; filter:drop-shadow(0 0 10px rgba(243,186,47,.35)); }
.xdiv .d { width:5px; height:5px; border-radius:50%; background:var(--gold); box-shadow:0 0 8px var(--gold); opacity:.7; }

@media (max-width:560px){
  .wrap { padding:0 16px; }
  .section { padding:56px 0; }
  .footer { padding:44px 0 28px; }
  :target { scroll-margin-top:74px; }
  .display { font-size:clamp(30px,8vw,44px); }
  .lead { font-size:16px; }

  .nav__in { padding:12px 16px; gap:12px; }
  .nav__logo { font-size:16px; }
  .nav__right { gap:8px; flex-wrap:wrap; justify-content:flex-end; }
  .nav__right .btn.sm { font-size:10px; padding:11px 13px; letter-spacing:.06em; }
  .nav__ic { width:40px; height:40px; }
  .btn.sm { padding:11px 15px; }

  .hero-cols .stage { min-height:300px !important; }
  #bull3dMount { height:300px; }
  .stage .o1 { width:210px; height:210px; }
  .stage .o2 { width:290px; height:290px; }
  .stage .glow { width:250px; height:250px; }
  #bullFallback img { max-width:62vw; height:auto; }
  .xdiv { padding:10px 12px; gap:12px; }

  #give .stage { min-height:210px !important; }
  #give .stage .glow { width:270px !important; height:270px !important; }
  #give .stage .o1 { width:190px !important; height:190px !important; }
  #give .stage .o2 { width:270px !important; height:270px !important; }
  .mega { font-size:clamp(72px,26vw,120px); }
}