@import url('https://fonts.googleapis.com/css2?family=Anton&family=Space+Mono:wght@400;700&display=swap');

:root{
  --paper:#f2eee5;
  --ink:#111;
  --acid:#d9ff35;
  --line:rgba(17,17,17,.2);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Space Mono",monospace}
a{color:inherit;text-decoration:none}
.nav{position:fixed;z-index:10;top:0;left:0;right:0;height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(242,238,229,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{font:42px/1 Anton,sans-serif;letter-spacing:-1px}
.brand span{font-style:italic}
.nav-links{display:flex;gap:28px;font-size:12px;font-weight:700}
.pill,.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;border:2px solid var(--ink);transition:.2s}
.pill{padding:11px 15px;font-size:11px;background:var(--ink);color:var(--paper)}
.pill:hover,.btn:hover{transform:translateY(-3px);box-shadow:5px 5px 0 var(--ink)}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;overflow:hidden;background:#222 url("assets/debt-dog.webp") center/cover no-repeat}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.35) 52%,rgba(0,0,0,.1) 100%)}
.hero-content{position:relative;z-index:1;color:white;padding:140px 7vw 8vw;max-width:900px}
.eyebrow{display:inline-block;background:var(--acid);color:#111;padding:8px 12px;font-size:11px;font-weight:700;margin-bottom:18px}
h1,h2{font-family:Anton,sans-serif;font-weight:400;line-height:.9;letter-spacing:-1px;margin:0}
h1{font-size:clamp(72px,12vw,170px)}
h1 em,h2 em{color:var(--acid);font-style:normal}
.subtitle{font-size:16px;line-height:1.6;max-width:570px;margin:28px 0}
.buttons{display:flex;gap:12px;flex-wrap:wrap}
.btn{padding:15px 20px;font-size:12px}
.primary{background:var(--acid);color:#111}
.ghost{background:transparent;color:inherit;border-color:currentColor}
.contract{margin-top:25px;display:flex;align-items:center;gap:10px;max-width:680px;background:rgba(0,0,0,.55);padding:9px;border:1px solid rgba(255,255,255,.3);font-size:11px}
.contract span{background:var(--acid);color:#111;padding:6px;font-weight:700}
.contract code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
.contract button{background:white;border:0;padding:7px 10px;font:700 10px "Space Mono";cursor:pointer}
.section{padding:120px 7vw;border-bottom:1px solid var(--line)}
.label{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:35px}
.about{display:grid;grid-template-columns:1fr 1fr;gap:8vw}
h2{font-size:clamp(50px,7vw,100px)}
.story{font-size:18px;line-height:1.8;max-width:650px}
.story .big{font-weight:700;font-size:15px;line-height:1.5;border-left:5px solid var(--acid);padding-left:20px}
.tokenomics{background:#111;color:var(--paper)}
.tokenomics .label{color:var(--acid)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:50px}
.card{border:1px solid #555;padding:35px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between}
.card strong{font:80px/1 Anton;color:var(--acid)}
.card span{font-size:11px}
.buy{min-height:75vh;display:flex;align-items:center;justify-content:center;text-align:center;background:var(--acid)}
.buy-box{max-width:900px}
.buy .label{margin-bottom:25px}
.buy p{max-width:580px;margin:25px auto;line-height:1.7}
.buy .buttons{justify-content:center}
.buy .ghost{color:#111;border-color:#111}
footer{padding:30px 7vw;display:flex;justify-content:space-between;font-size:10px;font-weight:700}
.grain{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
@media(max-width:800px){
 .nav-links{display:none}.nav{height:64px}.brand{font-size:34px}.pill{padding:9px}
 .hero-content{padding:120px 6vw 12vw}.contract{font-size:9px}
 .about{grid-template-columns:1fr;gap:45px}.cards{grid-template-columns:1fr}
 .section{padding:85px 6vw}footer{flex-direction:column;gap:10px}
}