:root{
  /* Black + fluro/apple green theme */
  --bg:#000000;
  --card:#07100a; /* very dark greenish-black */
  --muted:#a8fb2c; /* provided fluro green */
  --accent:#a8fb2c; /* provided fluro green */
  --accent-2:#a8fb2c; /* same neon accent for consistency */
  --glass: rgba(168,251,44,0.04);
  --maxw:1100px;
  color-scheme: dark;
}
*{box-sizing:border-box}
html{
  scroll-behavior:smooth;
  /* scroll-padding-top is set dynamically via JS to match the sticky header height */
}

body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial; background:linear-gradient(180deg,var(--bg),#020201); color:var(--muted); -webkit-font-smoothing:antialiased}
.container{max-width:var(--maxw);margin:0 auto;padding:28px}
.site-header{backdrop-filter:blur(6px);position:sticky;top:0;z-index:40;background:linear-gradient(180deg, rgba(11,19,32,0.6), rgba(11,19,32,0.3));border-bottom:1px solid rgba(255,255,255,0.03)}
.header-inner{display:flex;align-items:center;justify-content:center;position:relative}
.brand{display:flex;align-items:center;text-decoration:none;color:inherit}
.brand-img{height:44px}
.nav{display:flex;gap:18px;align-items:center;justify-content:center}
.nav a{color:var(--muted);text-decoration:none}
.nav .btn{padding:8px 14px;border-radius:8px}
.nav-toggle{display:none;background:none;border:0;color:inherit;font-size:20px}

/* Ensure header Buy button text is dark for readability on green background */
.nav a.btn-primary{ color: #000000; }

.hero{padding:64px 0}
.hero-grid{display:grid;grid-template-columns:1fr 360px;gap:32px;align-items:center}
.hero h1{font-size:2.2rem;margin:0 0 12px}
.lead{color:var(--muted);line-height:1.5}
.hero-media img{width:100%;border-radius:12px;border:1px solid rgba(255,255,255,0.04)}
.hero-ctas{margin:20px 0;display:flex;gap:12px;justify-content:center}
.btn{display:inline-block;background:var(--glass);border:1px solid rgba(255,255,255,0.04);padding:10px 14px;border-radius:10px;color:inherit;text-decoration:none;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:0;color:#031605}
.btn-cta{background:linear-gradient(90deg,var(--accent-2),var(--accent));color:#031605;box-shadow:0 8px 28px rgba(168,251,44,0.12)}
.btn-outline{background:transparent;border:1px solid rgba(168,251,44,0.08);color:var(--muted)}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.06)}

.quick-info{display:flex;gap:18px;margin-top:12px;color:var(--muted)}
.quick-info div{background:rgba(168,251,44,0.04);padding:10px;border-radius:8px}

.features{padding:40px 0}
.features h2, .tokenomics h2{ text-align:center; color:var(--muted); margin-bottom:18px }

/* Make most on-page text use the neon green accent. Buttons that intentionally
  use black-on-green explicitly override this and will keep their styles. */
h1,h2,h3,h4,p,li,span,a,strong,em,summary{ color:var(--muted) }
.features .cards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.card{background:linear-gradient(180deg, rgba(9,18,12,0.6), rgba(7,10,8,0.4));padding:18px;border-radius:12px;border:1px solid rgba(168,251,44,0.04)}

.tokenomics{padding:40px 0}
.tokenomics .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.box{background:linear-gradient(180deg, rgba(9,18,12,0.45), rgba(7,10,8,0.25));padding:18px;border-radius:12px;text-align:center;border:1px solid rgba(168,251,44,0.03)}
.contract{margin-top:18px}
.contract-row{display:flex;gap:8px}
.contract input{flex:1;padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit}

.roadmap, .faq{padding:32px 0}
.faq details{background:rgba(168,251,44,0.03);padding:12px;border-radius:8px;margin-bottom:8px}

.site-footer{border-top:1px solid rgba(168,251,44,0.04);padding:28px 0;margin-top:28px}
.footer-grid{display:flex;justify-content:space-between;gap:18px}
.attribution{text-align:center;color:var(--muted);padding-top:12px}

@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr}
  .header-inner{gap:12px}
  .nav{display:none}
  .nav-toggle{display:block;position:absolute;right:28px;top:50%;transform:translateY(-50%)}
  .features .cards{grid-template-columns:1fr}
  .tokenomics .grid{grid-template-columns:1fr 1fr}
  .footer-grid{flex-direction:column;align-items:flex-start}
}