:root{
  --bg:#14070a; --bg2:#1d0b0e; --lac:#2a0f13; --red:#c8282b; --red2:#e0443c;
  --jade:#22a874; --jade2:#3fd39a; --jadeD:#0f4f37; --jadeBg:#0e2a20;
  --gold:#e6b450; --gold2:#f5d27a; --ink:#f6ead2; --ink2:#c9b79a; --line:rgba(230,180,80,.22); --line2:rgba(230,180,80,.4);
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,"Noto Sans SC","PingFang SC","Microsoft YaHei",monospace;
  --serif:"Noto Serif SC","Songti SC","STSong","SimSun",Georgia,serif;
  --sans:"PingFang SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
}
*{box-sizing:border-box}html,body{margin:0}html{scroll-behavior:smooth}
body{background:radial-gradient(1100px 520px at 70% -10%,#4a1016 0%,transparent 60%),radial-gradient(800px 500px at 0% 30%,#26090d 0%,transparent 60%),var(--bg);
  color:var(--ink);font:15px/1.7 var(--sans);min-height:100vh;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}
code,.mono{font-family:var(--mono);font-size:.92em}
code{background:rgba(230,180,80,.1);border:1px solid var(--line);border-radius:6px;padding:0 5px;color:var(--gold2);word-break:break-all}
.wrap{max-width:1120px;margin:0 auto;padding:0 18px}
.sky{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}
.sky i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--gold);opacity:.0;box-shadow:0 0 10px 2px rgba(230,180,80,.6);animation:ember 12s linear infinite}
.sky i:nth-child(1){left:8%;animation-delay:0s}.sky i:nth-child(2){left:24%;animation-delay:3s;animation-duration:14s}.sky i:nth-child(3){left:47%;animation-delay:6s}
.sky i:nth-child(4){left:66%;animation-delay:1.5s;animation-duration:10s}.sky i:nth-child(5){left:82%;animation-delay:4.5s}.sky i:nth-child(6){left:93%;animation-delay:8s;animation-duration:15s}
@keyframes ember{0%{transform:translateY(105vh);opacity:0}15%{opacity:.8}100%{transform:translateY(-10vh) translateX(30px);opacity:0}}
@media (prefers-reduced-motion:reduce){.sky{display:none}html{scroll-behavior:auto}}
nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:rgba(20,7,10,.86);border-bottom:1px solid var(--line)}
.nav{display:flex;align-items:center;gap:14px;padding:10px 18px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font:700 16px/1 var(--mono);letter-spacing:.06em;color:var(--ink)}
.brand em{font-style:normal;color:var(--jade2);margin-left:4px}.brand:hover{text-decoration:none}
.seal{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;background:var(--red);color:#fff3d6;font:700 20px/1 var(--serif);box-shadow:inset 0 0 0 2px #f5d27a55,0 2px 10px rgba(200,40,43,.5)}
.navlinks{display:flex;gap:14px;flex-wrap:wrap}.navlinks a{color:var(--ink2);font-size:14px}.navlinks a:hover{color:var(--gold2);text-decoration:none}
.spacer{flex:1}
.pill{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:99px;padding:4px 11px;font:12.5px var(--mono);color:var(--ink2)}
.pill b{color:var(--ink)}.dot{width:7px;height:7px;border-radius:50%;background:var(--jade2);box-shadow:0 0 8px var(--jade2)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1304;border:0;border-radius:10px;padding:9px 16px;font:700 14px var(--sans);cursor:pointer;text-decoration:none;white-space:nowrap}
.btn:hover{filter:brightness(1.06);text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}
.btn.ghost{background:transparent;color:var(--gold2);border:1px solid var(--line2)}
.btn.big{padding:12px 22px;font-size:15px}.btn.sm{padding:6px 11px;font-size:13px}.btn.block{width:100%;margin-top:10px}
.btn.conn{background:var(--jadeBg);color:var(--jade2);border:1px solid var(--jadeD)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:28px;align-items:center;padding-top:34px;padding-bottom:10px;position:relative;z-index:1}
.kicker{font:12px var(--mono);letter-spacing:.14em;color:var(--jade2)}
h1{font:800 clamp(34px,5.4vw,58px)/1.12 var(--serif);margin:12px 0 14px;letter-spacing:.02em}
h1 .g{background:linear-gradient(90deg,var(--gold2),var(--jade2));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{color:var(--ink2);font-size:16px;max-width:560px}.lede b{color:var(--ink)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.chip{border:1px solid var(--line);border-radius:99px;padding:4px 11px;font-size:12.5px;color:var(--ink2);background:rgba(42,15,19,.6)}.chip b{color:var(--ink);margin-left:3px}
.chip.free{border-color:var(--jade);color:var(--jade2);background:rgba(34,168,116,.1)}.chip.free b{color:var(--jade2)}
.hero-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.hero-art img{width:100%;height:auto;border-radius:18px;border:1px solid var(--line2);box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 80px rgba(34,168,116,.18);display:block}
.freebar{position:relative;z-index:1;margin:22px 0 6px;border:1px solid var(--jadeD);background:linear-gradient(90deg,rgba(14,42,32,.95),rgba(42,15,19,.9));border-radius:14px;padding:12px 16px;font-size:14px;color:var(--ink2)}
.freebar b{color:var(--jade2)}.freebar.exhausted{border-color:var(--line)}.freebar.exhausted b{color:var(--gold2)}
main{position:relative;z-index:1}
.grid{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;margin-top:10px}
section{margin:26px 0}
h2{font:700 21px/1.3 var(--serif);margin:0 0 12px;display:flex;align-items:center;gap:10px}
.num{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--red);color:#fff3d6;font:700 14px var(--serif)}
.card{background:linear-gradient(180deg,rgba(42,15,19,.92),rgba(29,11,14,.92));border:1px solid var(--line);border-radius:16px;padding:16px 18px}
.receipt{position:relative;background:linear-gradient(170deg,#123a2b,#0c241b 60%,#0a1d16);border:1px solid #2f8e66;border-radius:18px;padding:18px 18px 16px;box-shadow:0 0 0 4px rgba(230,180,80,.12),0 18px 50px rgba(0,0,0,.5);overflow:hidden}
.receipt:before{content:"";position:absolute;inset:8px;border:1px dashed rgba(230,180,80,.35);border-radius:12px;pointer-events:none}
.receipt .hd{display:flex;justify-content:space-between;font:12px var(--mono);color:#9fd9bf;letter-spacing:.06em}
.serial{font:700 28px var(--mono);color:var(--gold2);margin-top:4px;letter-spacing:.06em}
.chop{position:absolute;right:20px;top:46px;transform:rotate(-12deg);border:2px solid var(--red2);color:var(--red2);border-radius:8px;padding:2px 10px;font:700 15px var(--serif);opacity:.85}
.chop.ok{border-color:var(--jade2);color:var(--jade2)}
.rows{display:flex;flex-direction:column;margin-top:10px}
.r{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-bottom:1px dashed rgba(230,180,80,.16);font-size:14px}
.r:last-child{border-bottom:0}.r>span{color:var(--ink2);flex-shrink:0}.r>b,.r>code{text-align:right;font-weight:600;word-break:break-all}
.r b.big{font-size:17px;color:var(--gold2)}
.ok{color:var(--jade2)}.no{color:#ff8a7a}.dim{color:var(--ink2);font-weight:400}
.picker{margin-top:12px}.lbl{font:12px var(--mono);color:#9fd9bf;margin-bottom:6px}
.sharebtns{display:grid;grid-template-columns:repeat(10,1fr);gap:6px}
.sb{background:rgba(0,0,0,.25);border:1px solid #2f8e66;color:var(--ink);border-radius:8px;padding:8px 0;font:700 14px var(--mono);cursor:pointer}
.sb.on{background:var(--gold);color:#2a1304;border-color:var(--gold)}.sb:disabled{opacity:.35;cursor:not-allowed}
.bar{height:8px;border-radius:99px;background:rgba(0,0,0,.35);margin-top:14px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--jade),var(--gold));border-radius:99px}
.mini{font:12.5px var(--mono);color:#9fd9bf;margin-top:6px}
.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.note{margin-top:12px;font-size:13.5px;color:var(--ink2);background:rgba(0,0,0,.22);border-left:3px solid var(--gold);border-radius:8px;padding:9px 12px}
.note b{color:var(--ink)}
.calldata{margin-top:12px;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:13px}
.calldata .k{color:var(--ink2);font-size:12px;margin-top:8px}.calldata .v{font:12px var(--mono);word-break:break-all;color:var(--gold2);display:flex;gap:8px;align-items:flex-start;justify-content:space-between}
.calldata .v button{flex-shrink:0}
.sub{margin:2px 0 10px;color:var(--ink2);font-size:14px}.sub b{color:var(--ink)}
.flow,.steps{margin:0;padding-left:22px}.flow li,.steps li{margin:8px 0;font-size:14px}
.flow li b,.steps li b{display:block;color:var(--ink)}.flow li span{color:var(--ink2)}.steps li{color:var(--ink2)}.steps li b{display:inline}
.tabs{display:flex;gap:6px;margin-bottom:10px}
.tab{background:transparent;border:1px solid var(--line);color:var(--ink2);border-radius:99px;padding:5px 14px;cursor:pointer;font:13px var(--sans)}
.tab.on{background:var(--red);border-color:var(--red);color:#fff3d6}
table{width:100%;border-collapse:collapse;font-size:13.5px}th{color:var(--ink2);font-weight:500;text-align:left;padding:6px 4px;border-bottom:1px solid var(--line)}
td{padding:7px 4px;border-bottom:1px dashed rgba(230,180,80,.12)}td.mono{font-size:12.5px}
.empty{color:var(--ink2);text-align:center;padding:18px 6px;font-size:14px}
.prompt{display:flex;gap:10px;align-items:center;justify-content:space-between;background:rgba(0,0,0,.25);border:1px dashed var(--line2);border-radius:10px;padding:10px 12px;font-size:13.5px;margin-top:10px}
footer{position:relative;z-index:1;border-top:1px solid var(--line);margin-top:30px;padding:22px 18px 40px;color:var(--ink2);font-size:13px}
.flinks{margin-top:6px}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%) translateY(30px);background:#0e2a20;color:var(--ink);border:1px solid var(--jade);border-radius:12px;padding:10px 16px;font-size:14px;opacity:0;pointer-events:none;transition:.25s;z-index:200;max-width:92vw}
.toast.on{opacity:1;transform:translateX(-50%) translateY(0)}
/* wallet modal */
.wm{position:fixed;inset:0;z-index:120;display:grid;place-items:center}.wm[hidden]{display:none}
.wm-bg{position:absolute;inset:0;background:rgba(5,2,3,.72);backdrop-filter:blur(3px)}
.wm-card{position:relative;width:min(400px,92vw);max-height:88vh;overflow:auto;background:#1d0b0e;border:1px solid var(--line2);border-radius:18px;padding:14px 16px 16px;box-shadow:0 30px 80px rgba(0,0,0,.6)}
body.wm-lock{overflow:hidden}
.wm-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.wm-head h3{margin:0;font:700 17px var(--serif)}
.wm-ic{background:transparent;border:0;color:var(--ink2);font-size:24px;line-height:1;cursor:pointer;width:30px}.wm-ic-sp{width:30px}
.wm-sub{color:var(--ink2);font-size:13.5px;margin:4px 0 10px}.wm-c{text-align:center}
.wm-lbl{font:12px var(--mono);color:var(--ink2);margin:12px 0 6px;letter-spacing:.05em}
.wm-list{display:flex;flex-direction:column;gap:6px}
.wm-row{display:flex;align-items:center;gap:10px;width:100%;background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:12px;padding:10px 12px;color:var(--ink);cursor:pointer;text-align:left;font:14px var(--sans);text-decoration:none}
.wm-row:hover{border-color:var(--gold);text-decoration:none}
.wm-logo{width:30px;height:30px;border-radius:8px;flex-shrink:0}.wm-dot{display:grid;place-items:center;background:var(--c);color:#111;font-weight:800}
.wm-nm{flex:1;display:flex;flex-direction:column}.wm-nm small{color:var(--ink2);font-size:12px}
.wm-tag{font:11px var(--mono);color:var(--jade2);border:1px solid var(--jadeD);border-radius:99px;padding:1px 8px}.wm-go{color:var(--ink2);font-size:20px}
.wm-empty{color:var(--ink2);font-size:13.5px;margin:4px 0}
.wm-qr,.baw-qr{position:relative;background:#fff;border-radius:14px;padding:12px;width:240px;height:240px;margin:8px auto;display:grid;place-items:center}
.wm-qr svg,.baw-qr svg{width:100%;height:100%}.wm-load{color:#333;font-size:13px}
.baw-qr.dead svg{opacity:.15}.baw-over{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#222}
.baw-code{display:flex;justify-content:center;gap:10px;align-items:center;font-size:13px;color:var(--ink2)}.baw-code b{color:var(--gold2);font-size:18px;letter-spacing:.12em}
.baw-link{display:block;text-align:center;font-size:13.5px;margin:4px 0}.baw-cd{text-align:center;font:12.5px var(--mono);color:var(--jade2)}
.wm-note{font-size:12.5px;color:var(--ink2);background:rgba(0,0,0,.25);border-radius:8px;padding:8px 10px}
.wm-link{display:block;margin:10px auto 0;background:none;border:0;color:var(--gold2);cursor:pointer;font-size:13px}
.wm-acct{background:rgba(0,0,0,.25);border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:6px}
.wm-addr{font-size:18px;font-weight:700;color:var(--gold2)}.wm-st{display:flex;align-items:center;gap:6px;font-size:13px;margin:6px 0}
.wm-st i{width:8px;height:8px;border-radius:50%;background:var(--jade2)}.wm-st.bad i{background:var(--red2)}.wm-st.bad{color:#ff8a7a}
.wm-kv{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2);padding:3px 0}.wm-kv b{color:var(--ink)}
.wm-btns{display:flex;gap:8px;margin-top:12px}.wm-btns .btn{flex:1}
@media (max-width:900px){.hero,.grid{grid-template-columns:1fr}.hero-art{order:-1}.navlinks{display:none}}
@media (max-width:520px){.sharebtns{grid-template-columns:repeat(5,1fr)}.pill{display:none}h1{font-size:34px}.serial{font-size:23px}.chop{top:40px;right:14px;font-size:13px}}