/* ============ Nexadon shared design system ============ */
:root{
  --gold-1:#e0e7ff;
  --gold-2:#818cf8;
  --gold-3:#4338ca;
  --silver-1:#f5f7fa;
  --silver-2:#c3c9d1;
  --silver-3:#7d8894;
  --bg-0:#05060a;
  --bg-1:#0a0d16;
  --bg-2:#10141f;
  --line:rgba(99,102,241,0.18);
  --text-dim:#9aa2b1;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  background:var(--bg-0);
  color:#eef1f6;
  font-family:'Poppins','Segoe UI',system-ui,-apple-system,Helvetica,Arial,sans-serif;
  overflow-x:hidden;
  position:relative;
}

/* ---------- background layers ---------- */
.bg-fixed{position:fixed;inset:0;z-index:-3;background:
  radial-gradient(ellipse 80% 50% at 50% -10%, rgba(99,102,241,0.14), transparent 60%),
  radial-gradient(ellipse 60% 40% at 90% 20%, rgba(120,140,255,0.08), transparent 60%),
  radial-gradient(ellipse 60% 40% at 10% 80%, rgba(99,102,241,0.06), transparent 60%),
  linear-gradient(180deg,#05060a 0%,#0a0d16 40%,#0a0d16 60%,#05060a 100%);
}
#particles{position:fixed;inset:0;z-index:-2;pointer-events:none;}
.grid-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(rgba(99,102,241,0.035) 1px,transparent 1px),
                    linear-gradient(90deg,rgba(99,102,241,0.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(ellipse 70% 60% at 50% 20%, black, transparent 75%);
}

a{color:inherit;text-decoration:none;}
section{position:relative;padding:110px 8vw;}
.eyebrow{
  display:inline-flex;align-items:center;gap:7px;
  font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--gold-2);border:1px solid var(--line);
  padding:6px 14px;border-radius:999px;background:rgba(99,102,241,0.06);
  backdrop-filter:blur(6px);
}
.eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 8px var(--gold-2);animation:pulse 1.8s ease-in-out infinite;}
.eyebrow i{font-size:.78rem;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:.4;transform:scale(.7);}}

h1,h2,h3{font-weight:700;letter-spacing:-.02em;}
.section-head{max-width:720px;margin:0 auto 56px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;}
.section-head h2{font-size:clamp(1.8rem,3.6vw,2.6rem);}
.section-head p{color:var(--text-dim);font-size:1.02rem;line-height:1.6;font-weight:300;}

/* ---------- metallic text ---------- */
.metal-gold{
  background:linear-gradient(180deg,#e0e7ff 0%,#818cf8 28%,#4338ca 55%,#c7d2fe 72%,#3730a3 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(99,102,241,0.35));
}
.metal-silver{
  background:linear-gradient(180deg,#ffffff 0%,#dfe4ea 30%,#9aa3af 55%,#eef1f5 75%,#7d8894 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 2px 10px rgba(220,225,235,0.25));
}
.shine{
  position:relative;
  background-size:200% auto;
  animation:shine 4.5s linear infinite;
}
.metal-gold.shine{background-image:linear-gradient(100deg,#4338ca 0%,#e0e7ff 20%,#818cf8 35%,#4338ca 50%,#e0e7ff 65%,#818cf8 80%,#4338ca 100%);}
.metal-silver.shine{background-image:linear-gradient(100deg,#7d8894 0%,#ffffff 20%,#c3c9d1 35%,#7d8894 50%,#ffffff 65%,#c3c9d1 80%,#7d8894 100%);}
@keyframes shine{to{background-position:-200% center;}}

/* ---------- nav ---------- */
header{
  position:fixed;top:0;left:0;right:0;z-index:50;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 8vw;
  background:rgba(5,6,10,0.55);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(99,102,241,0.08);
  transition:padding .3s ease, background .3s ease;
}
.logo{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:900;letter-spacing:.02em;flex-shrink:0;}
.logo-img{height:54px;width:auto;display:block;transition:transform .25s ease;}
.logo-img:hover{transform:scale(1.03);}
.hero-logo-img{height:clamp(76px,13vw,144px);width:auto;}
.foot-logo-img{height:34px;width:auto;}
nav.links{display:flex;gap:22px;font-size:.85rem;color:#d7dae2;font-weight:400;flex-shrink:1;white-space:nowrap;}
nav.links a{position:relative;padding:4px 0;transition:color .25s;display:inline-flex;align-items:center;gap:7px;}
nav.links a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--gold-2);transition:width .3s;}
nav.links a:hover{color:var(--gold-2);}
nav.links a:hover::after{width:100%;}
.nav-cta{
  padding:10px 22px;border-radius:999px;font-weight:600;font-size:.85rem;
  background:linear-gradient(135deg,#818cf8,#4338ca);color:#f5f7ff;
  box-shadow:0 8px 24px rgba(99,102,241,0.25);
  transition:transform .25s ease, box-shadow .25s ease;
  display:inline-flex;align-items:center;gap:8px;border:none;font-family:inherit;cursor:pointer;
  flex-shrink:0;white-space:nowrap;
}
.nav-cta:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(99,102,241,0.4);}
.burger{display:none;font-size:1.4rem;color:var(--gold-2);cursor:pointer;background:none;border:none;}

/* ---------- buttons ---------- */
.hero-ctas{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;margin-top:8px;}
.btn-primary,.btn-ghost{
  padding:12px 28px;border-radius:999px;font-weight:600;font-size:.9rem;
  display:inline-flex;align-items:center;gap:9px;cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease;
  font-family:inherit;border:none;
}
.btn-primary{
  background:linear-gradient(135deg,#e0e7ff,#818cf8 40%,#4338ca);
  color:#f5f7ff;box-shadow:0 10px 30px rgba(99,102,241,0.3);
}
.btn-primary:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(99,102,241,0.45);}
.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none;}
.btn-ghost{
  border:1px solid rgba(220,225,235,0.35);color:#eef1f6;background:rgba(255,255,255,0.03);
}
.btn-ghost:hover{border-color:var(--gold-2);color:var(--gold-2);transform:translateY(-3px);}
.wallet-btn.connected{background:linear-gradient(135deg,#7CFFB2,#22c55e);color:#062712;box-shadow:0 10px 26px rgba(34,197,94,0.3);}
.wallet-btn.connecting{opacity:.7;cursor:wait;}

/* ---------- toast ---------- */
#walletToast{
  position:fixed;bottom:28px;right:28px;z-index:120;
  background:rgba(10,13,22,0.95);border:1px solid var(--line);border-radius:14px;
  padding:14px 20px;font-size:.85rem;color:#eef1f6;box-shadow:0 12px 30px rgba(0,0,0,0.4);
  display:flex;align-items:center;gap:10px;
  transform:translateY(140%);opacity:0;transition:transform .4s ease, opacity .4s ease;
  max-width:320px;
}
#walletToast.show{transform:translateY(0);opacity:1;}
#walletToast i{color:var(--gold-2);}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(36px);transition:opacity .8s ease, transform .8s ease;}
.reveal.in{opacity:1;transform:translateY(0);}

/* ---------- stat card (shared) ---------- */
.stat-card{
  padding:26px 22px;border-radius:18px;border:1px solid var(--line);
  background:linear-gradient(160deg,rgba(99,102,241,0.06),rgba(255,255,255,0.015));
  text-align:center;transition:transform .3s ease, border-color .3s ease;
}
.stat-card:hover{transform:translateY(-6px);border-color:var(--gold-2);}
.stat-card .val{font-size:1.7rem;font-weight:800;color:var(--gold-2);}
.stat-card .lab{font-size:.78rem;color:var(--text-dim);margin-top:6px;letter-spacing:.03em;font-weight:300;}

/* ---------- ticker ---------- */
.ticker-wrap{
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:rgba(99,102,241,0.03);padding:16px 0;overflow:hidden;white-space:nowrap;
}
.ticker{display:inline-flex;gap:60px;animation:ticker 26s linear infinite;padding-left:100%;}
.ticker span{font-size:.85rem;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;display:inline-flex;align-items:center;gap:10px;font-weight:300;}
.ticker span i{color:var(--gold-2);font-size:.85rem;}
.ticker span b{color:var(--gold-2);font-weight:600;}
@keyframes ticker{to{transform:translateX(-100%);}}

/* ---------- footer ---------- */
footer{
  border-top:1px solid var(--line);padding:50px 8vw 30px;
  display:flex;flex-direction:column;gap:26px;
}
.foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px;}
.foot-logo{font-size:1.3rem;font-weight:900;}
.foot-links{display:flex;gap:40px;flex-wrap:wrap;}
.foot-col h4{font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold-2);margin-bottom:12px;font-weight:600;}
.foot-col a{display:flex;align-items:center;gap:8px;font-size:.86rem;color:var(--text-dim);margin-bottom:9px;transition:color .25s;font-weight:300;}
.foot-col a:hover{color:var(--gold-2);}
.foot-bottom{
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-size:.76rem;color:var(--silver-3);border-top:1px solid var(--line);padding-top:22px;
}
.foot-risk{max-width:900px;font-size:.75rem;color:var(--silver-3);line-height:1.7;background:rgba(255,255,255,0.02);border:1px solid var(--line);border-radius:14px;padding:18px 22px;display:flex;gap:12px;align-items:flex-start;font-weight:300;}
.foot-risk i{color:var(--gold-2);margin-top:2px;flex-shrink:0;}

::selection{background:rgba(99,102,241,0.35);color:#fff;}

@media(max-width:1080px){
  nav.links{display:none;}
  .burger{display:block;}
  .nav-cta{display:none;}
}
@media(max-width:760px){
  section{padding:80px 6vw;}
}