:root{
  --green:#0c2a22; --green2:#103a2e; --ink:#0a1410; --cream:#f3efe4; --cream2:#e7e1cf;
  --brass:#c9a44e; --brass-d:#9c7d30; --accent:#37d39a; --dim:#8aa093; --paper:#faf7ee;
}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--green);scroll-behavior:smooth}
body{font-family:Manrope,system-ui,sans-serif;color:var(--cream);font-size:16px;line-height:1.6;
  background:radial-gradient(ellipse 90% 60% at 80% -10%, rgba(201,164,78,.12), transparent 55%), linear-gradient(180deg,var(--green) 0%, var(--ink) 100%);min-height:100vh}
.serif{font-family:Fraunces,Georgia,serif}
.seg{font-family:"JetBrains Mono",ui-monospace,monospace;font-variant-numeric:tabular-nums}
a{color:var(--brass);text-decoration:none}
::selection{background:var(--brass);color:var(--ink)}

.topbar{display:flex;align-items:center;gap:14px;padding:14px 22px;border-bottom:1px solid rgba(201,164,78,.18);position:sticky;top:0;z-index:30;background:rgba(10,20,16,.6);backdrop-filter:blur(10px)}
.brand{font-family:Fraunces,serif;font-weight:600;font-size:19px;letter-spacing:.04em;display:flex;align-items:center;gap:9px;color:var(--cream)}
.brand .mk{height:28px;width:28px;object-fit:contain;mix-blend-mode:screen}
.badge{font-family:"JetBrains Mono",monospace;font-size:10px;letter-spacing:.16em;color:var(--brass);border:1px solid var(--brass-d);border-radius:999px;padding:3px 10px}
.topbar .sp{flex:1}
.topbar .tl{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--dim)}
.topbar .tl:hover{color:var(--cream)}
.topbar .join{background:var(--brass);color:var(--ink);font-weight:700;font-size:13px;padding:8px 16px;border-radius:8px;font-family:Manrope}
.topbar .join:hover{background:#dab85f}
main{max-width:1040px;margin:0 auto;padding:0 22px 60px}

.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:34px;align-items:center;padding:54px 0 30px}
.kick{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.18em;color:var(--brass)}
.hero h1{font-family:Fraunces,serif;font-weight:600;font-size:clamp(40px,7vw,72px);line-height:1.02;margin-top:12px}
.hero h1 .i{font-style:italic;color:var(--accent)}
.lede{color:var(--dim);font-size:17px;margin-top:16px;max-width:48ch}
.ctarow{display:flex;align-items:center;gap:16px;margin-top:24px;flex-wrap:wrap}
.cta{background:var(--accent);color:var(--ink);font-weight:700;padding:13px 26px;border-radius:10px;font-size:15px;box-shadow:0 8px 28px rgba(55,211,154,.3)}
.cta:hover{filter:brightness(1.08)}
.tokenline{font-family:"JetBrains Mono",monospace;font-size:12.5px;color:var(--dim)}
.hart img{width:100%;border-radius:16px;filter:drop-shadow(0 24px 60px rgba(0,0,0,.5))}

.waitlist{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:18px;margin-top:30px}
.wcard,.countdown{background:rgba(243,239,228,.04);border:1px solid rgba(201,164,78,.22);border-radius:16px;padding:24px}
.wcard h2{font-family:Fraunces,serif;font-size:26px;font-weight:600}
.wsub{color:var(--dim);font-size:14px;margin-top:8px}
#wform{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}
#wemail{flex:1;min-width:220px;background:rgba(10,20,16,.6);border:1.5px solid rgba(201,164,78,.3);border-radius:10px;color:var(--cream);font:inherit;font-size:15px;padding:13px 15px;outline:none}
#wemail:focus{border-color:var(--accent)}
#wform button{background:var(--brass);color:var(--ink);border:none;border-radius:10px;font-weight:700;font-size:15px;padding:13px 22px;cursor:pointer;font-family:Manrope}
#wform button:hover{background:#dab85f}
.wmsg{font-size:13px;color:var(--dim);margin-top:10px;min-height:1.2em}
.wmsg.err{color:#ff9b7a}
.wdone{margin-top:14px;border-top:1px solid rgba(201,164,78,.2);padding-top:14px}
.wdone .seg{font-size:20px;color:var(--accent)}
.wshare{font-size:13px;color:var(--dim);margin-top:8px;word-break:break-all}
.wshare a{color:var(--brass)}
.wshare button{background:none;border:1px solid rgba(201,164,78,.3);border-radius:6px;color:var(--dim);font-family:"JetBrains Mono",monospace;font-size:11px;padding:3px 9px;cursor:pointer;margin-left:6px}
.wfoot{font-size:12px;color:var(--dim);margin-top:12px}
.countdown{text-align:center;display:flex;flex-direction:column;justify-content:center}
.countdown .cl{font-family:"JetBrains Mono",monospace;font-size:10.5px;letter-spacing:.16em;color:var(--dim)}
.countdown .seg{font-size:clamp(20px,3.4vw,30px);color:var(--cream);margin:8px 0}

section.how,section.yield,section.faq{margin-top:64px}
.sech{font-family:Fraunces,serif;font-weight:600;font-size:clamp(24px,4vw,34px);text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:26px}
.step{background:rgba(243,239,228,.04);border:1px solid rgba(201,164,78,.18);border-radius:14px;padding:20px}
.step .n{font-family:"JetBrains Mono",monospace;font-size:13px;color:var(--brass)}
.step h3{font-family:Fraunces,serif;font-size:19px;margin:10px 0 6px}
.step p{color:var(--dim);font-size:14px}
.ysub{color:var(--dim);text-align:center;max-width:60ch;margin:8px auto 0;font-size:14px}
.ywrap{max-width:520px;margin:24px auto 0;background:rgba(243,239,228,.04);border:1px solid rgba(201,164,78,.22);border-radius:16px;padding:22px}
.yrow{display:flex;align-items:center;justify-content:space-between;gap:12px}
.yrow label{color:var(--dim);font-size:14px}
.yinput{font-family:"JetBrains Mono",monospace;font-size:20px;color:var(--cream)}
.yinput input{width:140px;background:rgba(10,20,16,.6);border:1.5px solid rgba(201,164,78,.3);border-radius:8px;color:var(--cream);font:inherit;padding:8px 10px;outline:none}
.yinput input:focus{border-color:var(--accent)}
.ystat{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-bottom:1px solid rgba(201,164,78,.12)}
.ystat .yl{color:var(--dim);font-size:13px}
.ystat .yv{font-family:"JetBrains Mono",monospace;font-size:20px}
.ystat .yv.up{color:var(--accent)}
.ynote{font-family:"JetBrains Mono",monospace;font-size:11px;color:var(--dim);margin-top:12px}
.faq details{max-width:680px;margin:10px auto 0;background:rgba(243,239,228,.03);border:1px solid rgba(201,164,78,.16);border-radius:10px;padding:14px 18px}
.faq summary{cursor:pointer;font-weight:600;font-size:15px}
.faq details p{color:var(--dim);font-size:14px;margin-top:8px}
footer{margin-top:70px;border-top:1px solid rgba(201,164,78,.18);padding:26px 22px;text-align:center;color:var(--dim);font-size:13px}
footer .flinks{display:flex;gap:18px;justify-content:center;margin-bottom:10px}
footer .flinks a{color:var(--dim)} footer .flinks a:hover{color:var(--brass)}
.fmono{font-family:"JetBrains Mono",monospace;font-size:11px;margin-top:8px}
@media (max-width:820px){ .hero,.waitlist{grid-template-columns:1fr} .steps{grid-template-columns:1fr} }
