/* ========== Base ========== */
:root{
  --bg:#0e0f10;
  --text:#e8edf1;
  --muted:#a7b0b6;
  --brand:#ffd166;
  --brand2:#06d6a0;
  --card:#15181b;
  --stroke:#23272b;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial,sans-serif;line-height:1.55}
.container{width:min(1100px,92%);margin:0 auto}

/* ========== Nav ========== */
.nav{position:sticky;top:0;z-index:100;background:rgba(14,15,16,.6);backdrop-filter:saturate(120%) blur(10px);border-bottom:1px solid var(--stroke)}
.nav__inner{display:flex;align-items:center;justify-content:space-between;padding:.8rem 0}
.brand{font-family:"Space Grotesk",Inter,system-ui,sans-serif;font-weight:800;letter-spacing:.5px}
.brand span{color:var(--brand)}
.links a{color:var(--text);text-decoration:none;margin-left:1rem;font-weight:600}
.links .btn{margin-left:1rem}

/* ========== Buttons ========== */
.btn{display:inline-block;background:var(--brand);color:#111;padding:.8rem 1.1rem;border-radius:.7rem;font-weight:800;text-decoration:none;border:2px solid var(--brand);transition:.2s}
.btn:hover{transform:translateY(-1px)}
.btn--ghost{background:transparent;color:var(--text);border-color:var(--stroke)}

/* ========== Hero ========== */
.hero{position:relative;min-height:86vh;display:grid;place-items:center;text-align:center;overflow:hidden}
.hero__bg{
  position:absolute;inset:0;
  background:
    linear-gradient(180deg, rgba(0,0,0,.45), rgba(0,0,0,.55)),
    url('lazyape_bg.jpg') center/cover no-repeat;
}
.hero__inner{position:relative;z-index:2;padding:6rem 0 2rem}
.hero h1{font-size:clamp(2rem,5vw,3.8rem);margin:0 0 .6rem;font-family:"Space Grotesk",Inter,sans-serif}
.hero h1 span{color:var(--brand)}
.tagline{color:var(--muted);font-size:clamp(1rem,2.2vw,1.25rem);margin:.2rem 0 1.2rem}
.hero .cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.chimp{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:min(380px,58vw);max-width:520px;}

/* ========== Sections ========== */
section{padding:4rem 0;border-top:1px solid var(--stroke)}
h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin:.2rem 0 1rem}
.about .pillars{display:flex;gap:.6rem;flex-wrap:wrap;padding:0;margin:1rem 0 0;list-style:none}
.about .pillars li{background:var(--card);border:1px solid var(--stroke);padding:.5rem .8rem;border-radius:999px}

.tokenomics .grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-top:1rem}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:1rem;padding:1rem}
.big{font-size:1.8rem;font-weight:800;color:var(--brand)}

.alloc{list-style:none;padding:0;margin:.4rem 0 0}
.alloc li{display:flex;gap:.6rem;align-items:center;margin:.3rem 0}
.alloc li span{display:inline-grid;place-items:center;min-width:3.2ch;height:1.9rem;border-radius:.5rem;background:#1e2126;border:1px solid var(--stroke);font-weight:800;color:var(--brand)}

.linkslist{list-style:none;padding:0;margin:.4rem 0 0}
.linkslist li{margin:.35rem 0}
.linkslist a{color:var(--text);text-decoration:none;border-bottom:1px dashed var(--stroke)}
.linkslist a:hover{border-color:var(--brand)}

.roadmap .steps{counter-reset:step;list-style:none;padding:0;margin:1rem 0 0}
.roadmap .steps li{margin:.7rem 0;padding:.8rem 1rem;background:var(--card);border:1px solid var(--stroke);border-radius:.8rem}

/* ========== CTA Final & Footer ========== */
.cta-final{text-align:center}
.footer{padding:1.2rem 0;background:#0b0c0d;border-top:1px solid var(--stroke)}
.foot__inner{display:flex;gap:.8rem;justify-content:space-between;flex-wrap:wrap}
small{color:#99a3aa}

.hide-sm{display:none}
@media (min-width:640px){.hide-sm{display:inline}}
Fix image path