/* ============================================================
   SPACE PUMP: GO VERSE! — landing page (pixel-art theme)
   ============================================================ */
body.landing{overflow-x:hidden}
.land{min-height:100%;position:relative;background:
  radial-gradient(900px 600px at 80% -5%, rgba(63,169,52,.28), transparent 60%),
  radial-gradient(800px 500px at 12% 110%, rgba(139,224,60,.16), transparent 55%),
  var(--space)}
/* twinkling pixel star layer */
.land-grid{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.6;
  background-image:
    radial-gradient(1.5px 1.5px at 20% 30%, var(--lime) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 70% 60%, #fff 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 40% 80%, var(--lime-2) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 88% 18%, #fff 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 55% 22%, var(--lime) 50%, transparent 50%),
    radial-gradient(2px 2px at 33% 50%, var(--earth) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 12% 65%, #fff 50%, transparent 50%);
  background-size:300px 300px,250px 250px,400px 400px,350px 350px,200px 200px,500px 500px,280px 280px;
  animation:twinkle 5s steps(6) infinite}
@keyframes twinkle{50%{opacity:.3}}

.nav{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;
  padding:16px 24px;border-bottom:3px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;font-weight:400;font-family:'Press Start 2P',monospace;
  font-size:13px;color:var(--lime);text-shadow:2px 2px 0 var(--green-d)}
.nav-links{display:flex;gap:22px;font-size:21px;color:var(--ink-2);font-family:'VT323',monospace}
.nav-links a{transition:.1s}
.nav-links a:hover{color:var(--lime);text-shadow:0 0 8px var(--lime)}
.nav-tag{font-size:11px;color:var(--space);background:var(--lime);padding:6px 10px;font-family:'Press Start 2P',monospace}
.nav-right{display:flex;align-items:center;gap:12px}
.nav-x{width:38px;height:38px;display:grid;place-items:center;color:var(--lime);
  border:2px solid var(--line);background:var(--panel);transition:.1s}
.nav-x:hover{border-color:var(--lime);background:var(--lime);color:var(--forest);box-shadow:0 0 12px rgba(139,224,60,.4)}
.nav-buy{font-family:'Press Start 2P',monospace;font-size:11px;color:var(--forest);background:var(--yellow);
  padding:11px 16px;transition:.1s;box-shadow:4px 4px 0 var(--green-d);display:inline-flex;align-items:center;gap:8px}
.nav-buy::before{content:"◎";font-size:14px}
.nav-buy:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--green-d);background:var(--lime-2)}

.hero{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:24px;
  padding:60px 24px 44px;max-width:1280px;margin:0 auto;width:100%;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:'Press Start 2P',monospace;
  font-size:11px;color:var(--yellow);letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px;
  background:var(--panel);border:2px solid var(--line);padding:8px 12px}
.eyebrow .dot{width:8px;height:8px;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:pulse 1.2s steps(2) infinite}
.hero h1{font-family:'Press Start 2P',monospace;font-size:clamp(26px,4.4vw,52px);line-height:1.15;
  margin-bottom:8px;color:var(--ink);text-shadow:4px 4px 0 var(--green-d)}
.hero h1 .lit{color:var(--lime);text-shadow:4px 4px 0 var(--forest),0 0 18px rgba(139,224,60,.5)}
.hero h1 .yel{color:var(--yellow);text-shadow:4px 4px 0 var(--green-d)}
.lead{font-size:23px;color:var(--ink-2);max-width:520px;line-height:1.4;margin:26px 0 32px;font-family:'VT323',monospace}
.cta-row{display:flex;gap:16px;flex-wrap:wrap;align-items:center}
.btn{padding:16px 28px;font-size:13px;font-family:'Press Start 2P',monospace;
  display:inline-flex;align-items:center;gap:12px;transition:.1s;text-transform:uppercase}
.btn-primary{background:var(--lime);color:var(--forest);box-shadow:5px 5px 0 var(--green-d)}
.btn-primary:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--green-d)}
.btn-ghost{border:3px solid var(--lime);color:var(--lime);background:var(--panel)}
.btn-ghost:hover{background:var(--lime);color:var(--forest)}
.hero-stats{display:flex;gap:30px;margin-top:44px;flex-wrap:wrap}
.stat .n{font-family:'Press Start 2P',monospace;font-size:22px;color:var(--lime);text-shadow:2px 2px 0 var(--green-d)}
.stat .n .u{color:var(--yellow);font-size:14px}
.stat .l{font-size:17px;color:var(--ink-3);text-transform:uppercase;margin-top:6px;font-family:'VT323',monospace}

/* hero visual — the UFO floating in a framed viewport */
.hero-visual{position:relative;height:460px;border:3px solid var(--lime);
  background:radial-gradient(circle at 50% 40%,rgba(63,169,52,.25),transparent 65%),var(--space-2);
  overflow:hidden;box-shadow:8px 8px 0 var(--green-d)}
.hero-visual::before{content:"";position:absolute;inset:0;opacity:.5;
  background-image:
    radial-gradient(1.5px 1.5px at 25% 20%, var(--lime) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 75% 65%, #fff 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 50% 85%, var(--lime-2) 50%, transparent 50%),
    radial-gradient(1.5px 1.5px at 85% 30%, #fff 50%, transparent 50%);
  background-size:120px 120px,150px 150px,100px 100px,180px 180px;animation:twinkle 4s steps(4) infinite}
.ufo-wrap{position:absolute;inset:0;display:grid;place-items:center}
.ufo-wrap img{width:78%;max-width:440px;animation:bob 4s ease-in-out infinite;
  filter:drop-shadow(0 12px 24px rgba(0,0,0,.5)) drop-shadow(0 0 30px rgba(139,224,60,.25))}
.beam{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:200px;height:160px;
  background:linear-gradient(to bottom,rgba(139,224,60,.35),transparent);
  clip-path:polygon(38% 0,62% 0,100% 100%,0 100%);animation:pulse 2s steps(3) infinite}
.visual-hud{position:absolute;left:12px;bottom:12px;right:12px;display:flex;justify-content:space-between;
  font-family:'Press Start 2P',monospace;font-size:9px;color:var(--lime);pointer-events:none}
.visual-hud .tag{border:2px solid var(--line);padding:5px 8px;background:rgba(4,20,10,.7)}

.feat{position:relative;z-index:2;max-width:1280px;margin:0 auto;width:100%;padding:24px 24px 64px}
.feat h2,.flow h2{font-family:'Press Start 2P',monospace;font-size:13px;color:var(--yellow);
  border-bottom:3px solid var(--line);padding-bottom:16px;margin-bottom:28px;text-transform:uppercase}
.feat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fcard{background:var(--panel);border:3px solid var(--line);padding:22px 18px;transition:.1s;position:relative;min-height:200px}
.fcard:hover{border-color:var(--lime);transform:translateY(-4px);box-shadow:0 6px 0 var(--green-d)}
.fcard .idx{font-family:'Press Start 2P',monospace;font-size:12px;color:var(--lime);margin-bottom:26px}
.fcard h3{font-family:'Press Start 2P',monospace;font-size:11px;line-height:1.5;margin-bottom:12px;color:var(--ink)}
.fcard p{font-size:18px;color:var(--ink-2);line-height:1.35;font-family:'VT323',monospace}
.fcard .ico{position:absolute;right:14px;top:18px;color:var(--ink-3);font-size:22px}

.flow{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 24px 64px}
.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.step{background:var(--panel);border:3px solid var(--line);padding:20px}
.step .sn{font-family:'Press Start 2P',monospace;font-size:11px;color:var(--lime);margin-bottom:14px}
.step h4{font-family:'Press Start 2P',monospace;font-size:10px;line-height:1.5;margin-bottom:10px;color:var(--yellow)}
.step p{font-size:18px;color:var(--ink-2);line-height:1.35;font-family:'VT323',monospace}

.stack{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 24px 56px}
.stack-row{display:flex;gap:12px;flex-wrap:wrap;align-items:center;padding:20px;border:3px solid var(--line);background:var(--panel)}
.chip{font-family:'Press Start 2P',monospace;font-size:10px;padding:10px 14px;border:2px solid var(--line);
  color:var(--ink-2);display:flex;align-items:center;gap:8px}
.chip .d{width:8px;height:8px}

footer{position:relative;z-index:2;border-top:3px solid var(--line);padding:22px 24px;display:flex;
  justify-content:space-between;font-size:17px;color:var(--ink-3);flex-wrap:wrap;gap:10px;font-family:'VT323',monospace}

@media(max-width:980px){
  .feat-grid{grid-template-columns:1fr 1fr}
  .flow-steps{grid-template-columns:1fr 1fr;gap:20px}
}
@media(max-width:880px){
  .hero{grid-template-columns:1fr;padding-top:36px;gap:30px}
  .hero-visual{height:320px;order:-1}
  .nav-links{display:none}
  .hero h1{font-size:26px}
  .nav-buy{font-size:9px;padding:10px 12px}
  .nav-x{width:34px;height:34px}
}
@media(max-width:560px){
  .feat-grid{grid-template-columns:1fr}
  .flow-steps{grid-template-columns:1fr}
  .hero-stats{gap:20px}
  .brand span{display:none}
}