:root{
  --bg1:#1a0b2e; /* deep purple */
  --bg2:#0b1f4a; /* sapphire blue */
  --ink:#eaf2ff;
  --muted:#0f1230;
  --glass:#101432a6;
  --line:#2a2e5a;
  --a1:#8b5cf6; /* violet */
  --a2:#ec4899; /* pink */
  --a3:#06b6d4; /* cyan */
}


*{box-sizing:border-box}
html,body{margin:0;padding:0;background:linear-gradient(135deg,var(--bg1),var(--bg2));min-height:100%;color:var(--ink);font-family:'Inter',system-ui,Segoe UI,Roboto,Arial,sans-serif}

a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.container{width:min(1120px,92%);margin:0 auto}
.section{padding:72px 0;border-top:1px solid #1b2148}
.section.muted{background:linear-gradient(180deg,transparent,rgba(15,18,48,.35));}

.site-header{position:sticky;top:0;background:rgba(5,8,28,.55);backdrop-filter:blur(10px);z-index:50;border-bottom:1px solid #1b2148}
.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.brand{display:flex;align-items:center;gap:10px;font-weight:800}
.logo{filter:drop-shadow(0 8px 24px rgba(0,0,0,.4))}
.brand-text{letter-spacing:.5px}
.nav-links{display:flex;gap:18px;align-items:center}
.nav-links .btn.small{padding:8px 12px}

.hamburger{display:none;background:transparent;border:0;color:var(--ink);font-size:22px}

.hero{padding:84px 0;background:
  radial-gradient(1200px 600px at 0% 20%, rgba(139,92,246,.28), transparent 60%),
  radial-gradient(1000px 600px at 100% -10%, rgba(6,182,212,.28), transparent 60%);
}
.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}
.hero-copy h1{font-size:clamp(36px,6vw,64px);line-height:1.05;margin:0 0 10px}
.glow{text-shadow:0 6px 30px rgba(139,92,246,.35), 0 2px 10px rgba(6,182,212,.25)}
.lead{font-size:clamp(16px,2.2vw,18px);opacity:.95}
.tiny{font-size:15px;opacity:.9}

.cta-row{display:flex;gap:12px;margin:18px 0 10px;flex-wrap:wrap}
.btn{
  background:linear-gradient(90deg,var(--a1),var(--a2),var(--a3));
  border:0;color:#fff;font-weight:800;padding:12px 18px;border-radius:12px;cursor:pointer;
  box-shadow:0 10px 24px rgba(0,0,0,.35);
}
.btn.ghost{background:transparent;border:1px dashed #4b4f88}

.contract{opacity:.85;font-size:14px}
.hero-art{display:flex;justify-content:center}
.hero-img{width:min(520px,90%);filter: drop-shadow(0 30px 60px rgba(0,0,0,.5))}

.section-title{font-size:28px;margin:0 0 14px;letter-spacing:.4px}
.row-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.row-cards.four{grid-template-columns:repeat(4,1fr)}
.card{
  background:var(--glass);
  border:1px solid var(--line);
  border-radius:16px;
  padding:16px;
  backdrop-filter:blur(8px);
  transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.card:hover{transform:translateY(-3px);border-color:#4f56b1;box-shadow:0 14px 40px rgba(0,0,0,.35)}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;opacity:.9}

.join-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:14px;align-items:center}
.contract-box{
  background:var(--glass);border:1px dashed #52578e;border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:8px
}
.contract-box span{opacity:.8}
.contract-box code{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace}

.site-footer{border-top:1px solid #1b2148;padding:28px 0;background:rgba(5,8,28,.55)}
.foot{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.foot-link{opacity:.9;border-bottom:1px dotted #7aa9ff}

@media (max-width: 980px){
  .nav-links{position:fixed;inset:60px 0 auto 0;background:rgba(5,8,28,.95);
    border-bottom:1px solid #1b2148;display:none;flex-direction:column;padding:12px}
  .nav-links.open{display:flex}
  .hamburger{display:block}
  .hero-grid, .join-grid{grid-template-columns:1fr}
  .row-cards{grid-template-columns:1fr}
  .row-cards.four{grid-template-columns:1fr}
}


/* Dexscreener quote pill */
.quote{
  display:flex; align-items:center; gap:10px;
  padding:8px 12px; border:1px solid #2a2e5a; border-radius:999px;
  background:rgba(16,20,50,.55); backdrop-filter:blur(8px);
  font-weight:700;
}
.q-label{
  background:linear-gradient(90deg,#8b5cf6,#ec4899,#06b6d4);
  -webkit-background-clip:text; background-clip:text; color:transparent;
  letter-spacing:.4px
}
.q-price{opacity:.95}
.q-cap{opacity:.8; font-weight:600}

/* keep header layout tight on small screens */
@media (max-width: 980px){
  .nav { row-gap:10px; flex-wrap:wrap }
  .quote{order:3; width:100%; justify-content:center}
}

.social-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.social-links a {
  opacity: .9;
  border-bottom: 1px dotted transparent;
  transition: all .2s ease;
}

.social-links a:hover {
  opacity: 1;
  border-color: #7aa9ff;
}