:root{--bg:#eeede9;--card:#fff;--line:#e2e1dc;--line2:#d0cfc8;--ink:#0e0f12;--ink2:#3b3b38;--dim:#77766f;--or:#ff5a1f;--or2:#ff7a45;--green:#16a34a;--red:#dc2626;
  --alu1:#f1f1ee;--alu2:#dcdcd7;--desk:#17181b;--desk2:#202125;--ub:'Unbounded',system-ui,sans-serif;--in:'Inter',system-ui,sans-serif;--mono:'JetBrains Mono',ui-monospace,monospace;--dot:'Doto','JetBrains Mono',monospace;--hand:'Permanent Marker',cursive}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--ink);font:15px/1.55 var(--in);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit;background:none;border:0}input,textarea{font:inherit;color:var(--ink)}code{font-family:var(--mono)}
.top{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:28px;padding:12px 32px;background:rgba(238,237,233,.86);backdrop-filter:blur(12px);border-bottom:1px solid transparent;transition:border-color .2s}
.top.scrolled{border-bottom-color:var(--line)}
.logo{display:flex;align-items:center;gap:10px;font:800 25px var(--ub);letter-spacing:-.03em}.logo canvas{width:34px;height:34px}.logo.small{font-size:17px}.logo.small canvas{width:24px;height:24px}
.top nav{display:flex;gap:22px;font-weight:600;color:var(--ink2)}.top nav a:hover{color:var(--ink)}
.top nav b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:10px;background:var(--or);color:#fff;font-size:11px;padding:0 6px;margin-left:4px}
.top-r{margin-left:auto;display:flex;gap:10px;align-items:center}
.ca-chip{display:flex;gap:8px;align-items:center;border:1px solid var(--line2);background:#fff;border-radius:999px;padding:8px 14px;font-weight:600}.ca-chip span{color:var(--dim);font-size:13px}.ca-chip b{font:600 13px var(--mono)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:999px;padding:9px 18px;font-weight:700;font-size:14px;border:1px solid var(--line2);background:#fff;white-space:nowrap;transition:transform .12s,background .15s}
.btn:hover{transform:translateY(-1px)}.btn.dark{background:var(--ink);color:#fff;border-color:var(--ink)}.btn.small{padding:7px 13px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
main{max-width:1320px;margin:0 auto;padding:0 32px}
.hero{text-align:center;padding:54px 0 30px;display:flex;flex-direction:column;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:13px;color:var(--ink2);background:#fff;border:1px solid var(--line);border-radius:999px;padding:6px 12px}
.eyebrow .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px rgba(22,163,74,.15)}
h1{font:800 76px/1 var(--ub);letter-spacing:-.045em;margin:18px 0 16px}h1 em{font-style:normal;color:var(--or)}
.lede{font-size:19px;color:var(--ink2);max-width:640px}
.hero-ca{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:8px 8px 8px 14px;margin-top:22px;max-width:100%}
.hero-ca span{font:700 13px var(--ub)}.hero-ca code{font-size:13px;color:var(--ink2)}
.device{position:relative;border-radius:34px;padding:22px 24px 16px;background:linear-gradient(180deg,var(--alu1),var(--alu2));box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(0,0,0,.06),0 2px 0 #c4c3bc,0 40px 80px rgba(30,28,20,.18),0 8px 20px rgba(30,28,20,.08);margin-bottom:50px}
.device:before{content:'';position:absolute;inset:0;border-radius:34px;pointer-events:none;opacity:.5;background:repeating-linear-gradient(90deg,rgba(255,255,255,0) 0 2px,rgba(255,255,255,.35) 2px 3px)}
.screws i{position:absolute;width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fdfdfb,#b9b8b1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.12)}
.screws i:after{content:'';position:absolute;left:2px;right:2px;top:5px;height:2px;background:rgba(0,0,0,.25);transform:rotate(35deg)}
.screws i:nth-child(1){top:12px;left:12px}.screws i:nth-child(2){top:12px;right:12px}.screws i:nth-child(3){bottom:12px;left:12px}.screws i:nth-child(4){bottom:12px;right:12px}
.dev-top{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center;margin:0 6px 18px}
.dev-brand{display:flex;gap:10px;align-items:center}.dev-brand canvas{width:30px;height:30px}.dev-brand b{display:block;font:800 18px var(--ub);letter-spacing:-.03em}.dev-brand span{font:600 10px var(--mono);color:var(--dim);letter-spacing:.1em}
.lcd{display:flex;justify-content:space-between;gap:16px;align-items:center;background:#1b2a17;border-radius:12px;padding:10px 16px;box-shadow:inset 0 2px 8px rgba(0,0,0,.6),0 1px 0 #fff;color:#b6ff6a;overflow:hidden;position:relative}
.lcd:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px);pointer-events:none}
.lcd-l{display:flex;gap:12px;align-items:baseline;min-width:0;overflow:hidden}.lcd-k{font:700 10px var(--mono);color:#5f8f3a;letter-spacing:.1em}
.lcd-v{font:900 22px/1 var(--dot);letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 8px rgba(182,255,106,.55)}
.lcd-r{display:flex;gap:10px;align-items:baseline}.lcd.bad .lcd-r .lcd-v{color:#ff9b6a;text-shadow:0 0 8px rgba(255,120,60,.6)}
.dev-leds{display:flex;gap:14px;font:600 10px var(--mono);color:var(--dim);letter-spacing:.08em}.dev-leds span{display:flex;gap:6px;align-items:center}
.led{width:9px;height:9px;border-radius:50%;background:#bdbcb5;box-shadow:inset 0 1px 2px rgba(0,0,0,.3)}.led.on{background:#4ade80;box-shadow:0 0 8px #4ade80}.led.or{background:var(--or);box-shadow:0 0 8px var(--or)}
.dev-body{position:relative;display:grid;grid-template-columns:1fr 560px;gap:18px}
.deck{background:rgba(255,255,255,.35);border-radius:22px;padding:14px;box-shadow:inset 0 1px 3px rgba(0,0,0,.08);min-width:0}
.banks{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:4px}.banks::-webkit-scrollbar{display:none}
.bank{flex:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 10px 6px;border-radius:10px;background:linear-gradient(#fdfdfb,#ecebe6);box-shadow:0 2px 0 #c8c7c0,inset 0 1px 0 #fff;font:700 10.5px var(--mono);letter-spacing:.04em;color:var(--ink2);transition:transform .08s}
.bank i{width:16px;height:4px;border-radius:2px;background:#cfcec7}.bank.on{transform:translateY(2px);box-shadow:inset 0 1px 3px rgba(0,0,0,.15);background:#e7e6e0}.bank.on i{background:var(--c);box-shadow:0 0 8px var(--c)}
.bank b{background:var(--or);color:#fff;border-radius:6px;padding:0 4px;font-size:9px;margin-left:2px}
.bank-meta{display:flex;gap:10px;align-items:baseline;margin:12px 4px 10px}.bank-meta b{font:700 16px var(--ub)}.bank-meta span{font-size:13px;color:var(--dim)}
.pads{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}
.pad{position:relative;aspect-ratio:1/.92;border-radius:16px;background:linear-gradient(180deg,#ffffff,#f1f0ec);box-shadow:0 4px 0 #cdccc5,0 6px 12px rgba(0,0,0,.06),inset 0 1px 0 #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:8px;transition:transform .08s,box-shadow .08s}
.pad:hover{box-shadow:0 4px 0 #cdccc5,0 10px 18px rgba(0,0,0,.09),inset 0 1px 0 #fff}
.pad:active,.pad.on{transform:translateY(3px)}
.pad.on{background:linear-gradient(180deg,#fff,#f6f5f1);box-shadow:0 1px 0 #cdccc5,0 0 0 2px var(--c),0 0 22px color-mix(in srgb,var(--c) 45%,transparent)}
.glyph,.gi{display:block;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;background:var(--c)}
.pad .glyph{width:34px;height:34px}
.pad .nm{font:600 11.5px var(--in);color:var(--ink2);text-align:center;line-height:1.15;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pad .lamp{position:absolute;top:9px;right:9px;width:7px;height:7px;border-radius:50%;background:#d8d7d0;box-shadow:inset 0 1px 1px rgba(0,0,0,.2)}
.pad.on .lamp{background:var(--c);box-shadow:0 0 8px var(--c)}
.pad .pc{position:absolute;top:7px;left:9px;font:700 11px var(--mono);color:var(--ink)}
.desk{background:linear-gradient(180deg,var(--desk2),var(--desk));border-radius:22px;padding:14px 14px 12px;color:#e9e8e3;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 2px 0 rgba(0,0,0,.25);display:flex;flex-direction:column;min-width:0}
.desk-h{display:flex;justify-content:space-between;font:600 10.5px var(--mono);letter-spacing:.12em;color:#8b8a84;margin:0 4px 10px}
.strips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 10px;flex:1;scrollbar-width:thin;scrollbar-color:#3a3b40 transparent}
.ch{flex:0 0 84px;min-width:0;max-width:84px;background:linear-gradient(180deg,#26272c,#1d1e22);border-radius:14px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.ch .cap-ic{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:#111215;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06)}
.ch .cap-ic .gi{width:17px;height:17px}
.ch .read{font:900 19px/1 var(--dot);color:var(--or2);text-shadow:0 0 8px rgba(255,110,50,.55);background:#0d0e10;border-radius:6px;padding:5px 6px;width:100%;text-align:center;letter-spacing:.04em}
.ch .rail{position:relative;display:flex;gap:7px;height:200px;align-items:stretch;justify-content:center;width:100%;cursor:ns-resize;touch-action:none}
.ch .vu{display:flex;flex-direction:column-reverse;gap:3px;padding:4px 0}.ch .vu i{width:6px;flex:1;border-radius:2px;background:#2d2e33}
.ch .vu i.on{background:#4ade80;box-shadow:0 0 5px #4ade80}.ch .vu i.on.y{background:#facc15;box-shadow:0 0 5px #facc15}.ch .vu i.on.r{background:#f87171;box-shadow:0 0 5px #f87171}
.ch .slot{position:relative;width:12px;border-radius:6px;background:#0b0c0e;box-shadow:inset 0 2px 4px rgba(0,0,0,.8)}
.ch .ticks{position:absolute;left:-12px;right:-12px;top:0;bottom:0;background:repeating-linear-gradient(0deg,transparent 0 9.5%,rgba(255,255,255,.12) 9.5% 10%);pointer-events:none}
.ch .knob{position:absolute;left:50%;width:44px;height:26px;margin-left:-22px;border-radius:7px;background:linear-gradient(180deg,#fafaf7,#cfcec8);box-shadow:0 3px 0 #8f8e88,0 8px 14px rgba(0,0,0,.55);transform:translateY(50%);transition:bottom .25s cubic-bezier(.2,.8,.2,1)}
.ch .knob:after{content:'';position:absolute;left:7px;right:7px;top:12px;height:2px;background:var(--c);border-radius:1px}
.ch.drag .knob{transition:none}
.ch .pm{display:flex;gap:4px}.ch .pm button{width:26px;height:22px;border-radius:6px;background:#2d2e33;color:#cfcec8;font-weight:700;line-height:1;box-shadow:0 2px 0 #111}
.ch .pm button:active{transform:translateY(2px);box-shadow:none}
.ch .tape{display:block;width:100%;background:#f3ead1;color:#1c1b17;font:400 12.5px/1.15 var(--hand);text-align:center;padding:5px 4px 4px;border-radius:2px;transform:rotate(-2deg);box-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch .rm{font:600 10px var(--mono);color:#77766f;letter-spacing:.06em}.ch .rm:hover{color:#f87171}
.ch.empty{opacity:.55}.ch.empty .rail{cursor:default}.ch.empty .read{color:#3a3b40;text-shadow:none}.ch.empty .tape{background:#2d2e33;color:#77766f;font-family:var(--mono);font-size:10px;transform:none}
.master{display:flex;justify-content:space-between;gap:12px;align-items:end;border-top:1px solid #2d2e33;padding-top:12px;flex-wrap:wrap}
.presets>span{display:block;font:600 10px var(--mono);letter-spacing:.12em;color:#8b8a84;margin-bottom:6px}#presets{display:flex;gap:5px;flex-wrap:wrap;max-width:330px}
#presets button{background:#2a2b30;color:#d6d5cf;border-radius:7px;padding:5px 9px;font:600 11px var(--in);box-shadow:0 2px 0 #111}#presets button:hover{background:#34353b}#presets button:active{transform:translateY(2px);box-shadow:none}
.master-r{display:flex;gap:6px}
.key{display:inline-grid;place-items:center;height:40px;padding:0 14px;border-radius:10px;background:linear-gradient(#3a3b40,#2a2b30);color:#e9e8e3;font:700 11px var(--mono);letter-spacing:.08em;box-shadow:0 3px 0 #0b0c0e,inset 0 1px 0 rgba(255,255,255,.08)}
.key:active{transform:translateY(3px);box-shadow:none}.key.go{background:linear-gradient(var(--or2),var(--or));color:#fff;box-shadow:0 3px 0 #b8380b,0 0 18px rgba(255,90,31,.35)}
.dev-foot{display:flex;justify-content:space-between;gap:12px;font:600 10.5px var(--mono);color:var(--dim);letter-spacing:.04em;margin:14px 8px 0;flex-wrap:wrap}
.sec-h{margin:10px 0 24px}.sec-h h2{font:800 40px/1.05 var(--ub);letter-spacing:-.035em;margin-top:10px}.sec-h p{color:var(--dim);margin-top:6px;max-width:640px}
.tape{display:inline-block;background:#f3ead1;color:#1c1b17;font:400 15px var(--hand);padding:4px 12px 3px;transform:rotate(-2deg);box-shadow:0 1px 3px rgba(0,0,0,.15)}
.card{background:#fff;border:1px solid var(--line);border-radius:20px}
.build{padding:30px 0 60px}.build-grid{display:grid;grid-template-columns:1fr 400px;gap:24px;align-items:start}
.coin-card{display:flex;gap:16px;align-items:center;padding:16px}
.img-drop{width:84px;height:84px;border-radius:20px;background:var(--ink);color:#fff;display:grid;place-items:center;font:600 12px var(--mono);cursor:pointer;overflow:hidden;flex:none}.img-drop img{width:100%;height:100%;object-fit:cover}
.coin-f{flex:1;display:grid;grid-template-columns:1.4fr 1fr;gap:12px}
.coin-f label{font:600 11px var(--in);letter-spacing:.08em;color:var(--dim);display:flex;flex-direction:column;gap:6px}
.coin-f input,.more textarea,.row2 input,.rt input{background:#f4f3ef;border:1px solid transparent;border-radius:11px;padding:11px 12px;font-size:15px;outline:none;width:100%}
.coin-f input:focus,.more textarea:focus,.row2 input:focus,.rt input:focus{border-color:var(--ink);background:#fff}
.tick{display:flex;align-items:center;background:#f4f3ef;border-radius:11px}.tick span{padding-left:12px;color:var(--dim);font-weight:700}.tick input{background:none}
.more{margin-top:10px;padding:0 16px}.more summary{cursor:pointer;padding:14px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between}.more summary:after{content:'⌄';color:var(--dim)}
.more textarea{resize:vertical;margin-bottom:10px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.buy-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;padding-bottom:16px}.buy-row span{font-size:13px;color:var(--dim);margin-right:6px}
.buy-row button{border:1px solid var(--line2);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:600}.buy-row button.on{background:var(--ink);color:#fff;border-color:var(--ink)}
.routes-card{margin-top:10px;padding:16px}.rc-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.rc-h b{font:700 16px var(--ub)}.rc-h span{font:600 12px var(--mono);color:var(--dim)}
.rt{display:grid;grid-template-columns:36px 1fr 1.4fr 56px;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}
.rt .ic{width:36px;height:36px;border-radius:11px;background:#f4f3ef;display:grid;place-items:center}.rt .ic .gi{width:18px;height:18px}
.rt b{display:block;font-size:14px}.rt span{font:600 10.5px var(--mono);color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.rt .p{font:800 16px var(--ub);text-align:right}
.rt input{font-size:13px;padding:9px 11px}.rt input.bad{border-color:var(--red);background:#fff5f5}.rt .none{font-size:12px;color:var(--dim)}
.rc-empty{border:1.5px dashed var(--line2);border-radius:14px;padding:20px;text-align:center;color:var(--dim);font-size:14px}
.ticket{position:sticky;top:84px;background:var(--ink);color:#fff;border-radius:24px;padding:20px;box-shadow:0 30px 60px rgba(14,15,18,.22)}
.tk-h{display:flex;justify-content:space-between;font:600 10.5px var(--mono);letter-spacing:.12em;color:#8b8a84}
.tk-coin{display:flex;gap:12px;align-items:center;margin:14px 0}.tk-coin img{width:52px;height:52px;border-radius:16px;background:#26272c;object-fit:cover}.tk-coin b{display:block;font:800 20px var(--ub);letter-spacing:-.02em}.tk-coin span{font-size:12px;color:#8b8a84}
.tk-mix{font:900 22px/1.2 var(--dot);color:#b6ff6a;background:#1b2a17;border-radius:12px;padding:12px 14px;text-shadow:0 0 8px rgba(182,255,106,.5);min-height:50px;word-break:break-word}
.meter{display:flex;height:8px;border-radius:4px;overflow:hidden;background:#26272c;margin:12px 0}.meter i{display:block;height:100%;transition:width .3s}
.tk-rows{display:grid;gap:6px;margin-bottom:14px}.tk-rows div{display:flex;justify-content:space-between;font-size:13px;color:#cfcec8}.tk-rows b{font:700 13px var(--mono);color:#fff}
.launch{width:100%;padding:16px;border-radius:14px;font:800 16px var(--ub);letter-spacing:-.01em;color:#fff;background:linear-gradient(var(--or2),var(--or));box-shadow:0 4px 0 #b8380b,0 0 26px rgba(255,90,31,.35);transition:transform .08s}
.launch:active{transform:translateY(3px);box-shadow:0 1px 0 #b8380b}.launch:disabled{opacity:.6;cursor:wait}
.steps{display:flex;gap:6px;list-style:none;margin:14px 0 0}.steps li{flex:1;text-align:center;font:600 10.5px var(--mono);color:#77766f;border-top:3px solid #2d2e33;padding-top:5px}
.steps li.on{border-color:var(--or);color:#fff}.steps li.done{border-color:#4ade80;color:#4ade80}
.tk-note{text-align:center;font-size:12px;color:#8b8a84;margin-top:8px}.tk-note.err{color:#fca5a5}
.live,.claim,.token,.how{padding:40px 0}
.coins{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.coin{background:#fff;border:1px solid var(--line);border-radius:20px;padding:14px;display:flex;flex-direction:column;gap:8px;text-align:left;transition:transform .12s,box-shadow .2s}
.coin:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(14,15,18,.08)}
.coin .r{display:flex;justify-content:space-between;align-items:start}.coin img{width:52px;height:52px;border-radius:14px;object-fit:cover;background:#eee}
.coin .onair{font:700 10px var(--mono);color:#fff;background:var(--red);border-radius:6px;padding:3px 7px;letter-spacing:.06em}
.coin h4{font:800 19px var(--ub);letter-spacing:-.02em;margin-top:12px}.coin .nm{font-size:12px;color:var(--dim)}
.coin .bars{display:flex;height:6px;border-radius:3px;overflow:hidden;background:#eee}.coin .bars i{height:100%}
.coin .mx{font:700 12px var(--mono);color:var(--ink2)}
.coin .f{display:flex;justify-content:space-between;font:600 13px var(--mono);border-top:1px solid var(--line);padding-top:8px}.up{color:var(--green)}.down{color:var(--red)}
.coin.slot{border:1.5px dashed var(--line2);background:rgba(255,255,255,.5);align-items:center;justify-content:center;min-height:210px;color:var(--dim);font-size:13px;text-align:center}
.coin.slot b{font:900 30px var(--dot);color:#cfcec7}
.claim-card{padding:28px;max-width:780px;margin:0 auto}
.claim-icons{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-bottom:18px}
.claim-icons button{aspect-ratio:1;border-radius:12px;background:linear-gradient(#fff,#f1f0ec);box-shadow:0 3px 0 #d6d5ce;display:grid;place-items:center}
.claim-icons button .gi{width:20px;height:20px}.claim-icons button.on{transform:translateY(2px);box-shadow:0 0 0 2px var(--c)}
.claim-f{display:flex;gap:8px}.claim-f input{flex:1;border:1px solid var(--line2);border-radius:999px;padding:12px 18px;font-size:15px;outline:none}.claim-f input:focus{border-color:var(--ink)}
.cl-res{margin-top:16px;display:grid;gap:8px}.cl-row{display:flex;gap:12px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:10px 12px}
.cl-row img{width:40px;height:40px;border-radius:10px;object-fit:cover;background:#eee}.cl-row .mono{font:600 12px var(--mono);color:var(--dim)}.cl-row .sh{margin-left:auto;text-align:right}
.cl-note{color:var(--dim);font-size:13px;margin-top:12px;text-align:center}.cl-req{display:flex;gap:8px;margin-top:12px}.cl-req input{flex:1;border:1px solid var(--line2);border-radius:999px;padding:10px 16px;font:13px var(--mono);outline:none}
.tok{display:grid;grid-template-columns:300px 1fr;gap:16px}
.tok-art{background:linear-gradient(#ff6a2e,#f2480f);border-radius:24px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;color:#fff;font:800 16px var(--ub);min-height:330px}.tok-art canvas{width:100%;height:auto}
.tok-r{padding:16px;display:flex;flex-direction:column;gap:12px}
.tok-ca{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tok-ca code{background:#f4f3ef;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600}
.tok-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tok-stats div{background:#f4f3ef;border-radius:12px;padding:10px 12px}.tok-stats span{font-size:12px;color:var(--dim)}.tok-stats b{display:block;font:700 20px var(--ub);letter-spacing:-.02em}
.tok-chart{flex:1;min-height:300px;background:#f4f3ef;border-radius:14px;display:grid;place-items:center;color:var(--dim);font-size:13px;overflow:hidden}.tok-chart iframe{width:100%;height:100%;min-height:360px;border:0}
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.how-grid .card{padding:18px}.how-grid span{font:600 11px var(--mono);letter-spacing:.08em;color:var(--or)}
.how-grid h4{font-weight:800;font-size:16px;margin:6px 0}.how-grid p{font-size:14px;color:var(--ink2)}
.foot{max-width:1320px;margin:40px auto 0;padding:26px 32px 40px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.foot p{color:var(--dim);font-size:13px;flex:1}.foot-r{display:flex;gap:16px;font-weight:600;font-size:13px}.foot-r a{cursor:pointer}.foot-r a:hover{text-decoration:underline}
.modal{position:fixed;inset:0;z-index:70;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}
.scrim{position:absolute;inset:0;background:rgba(14,15,18,.45);backdrop-filter:blur(4px)}
.sheet{position:relative;background:#fff;border-radius:24px;padding:26px;width:min(620px,100%);max-height:88vh;overflow-y:auto;box-shadow:0 40px 90px rgba(0,0,0,.3)}
.sheet .x{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;background:#f1f0ec}
.sheet h3{font:800 26px var(--ub);letter-spacing:-.02em}.sheet .sub{color:var(--dim);margin:4px 0 14px}
.kv{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.kv div{background:#f4f3ef;border-radius:12px;padding:9px 12px}.kv span{font-size:11px;color:var(--dim)}.kv b{display:block;font:700 16px var(--ub)}
.routes{display:grid;gap:6px;margin:12px 0}.route{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:8px 10px}
.route .ic{width:30px;height:30px;border-radius:9px;background:#f4f3ef;display:grid;place-items:center}.route .ic .gi{width:16px;height:16px}
.route b{font-size:14px}.route span{font-size:12px;color:var(--dim)}.route .p{margin-left:auto;font:700 14px var(--mono)}
.sweep{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.sweep h5{font:700 15px var(--ub)}.sweep .row{display:flex;gap:8px;margin-top:8px}
.sweep input{flex:1;border:1px solid var(--line2);border-radius:999px;padding:10px 16px;font:14px var(--mono);outline:none}
.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,90px);background:var(--ink);color:#fff;font-weight:600;padding:11px 18px;border-radius:999px;transition:.25s;z-index:90;opacity:0}.toast.on{transform:translate(-50%,0);opacity:1}
@media (max-width:1240px){.dev-body{grid-template-columns:1fr}.pads{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}}
@media (max-width:1100px){.top nav{display:none}.build-grid{grid-template-columns:1fr}.ticket{position:static}.tok{grid-template-columns:1fr}.how-grid{grid-template-columns:1fr 1fr}.dev-top{grid-template-columns:1fr}.dev-leds{display:none}}
@media (max-width:680px){
  .top{padding:10px 16px;gap:10px}.ca-chip{display:none}main{padding:0 12px}
  h1{font-size:44px}.lede{font-size:16px}.hero{padding-top:30px}.hero-ca code{display:none}
  .device{border-radius:24px;padding:16px 12px 12px}.device:before{border-radius:24px}.screws{display:none}
  .pads{grid-template-columns:repeat(3,1fr);gap:8px}.pad .glyph{width:28px;height:28px}
  .ch{flex-basis:76px}.ch .rail{height:170px}.master{flex-direction:column;align-items:stretch}.master-r .key{flex:1}
  .coin-f{grid-template-columns:1fr}.row2{grid-template-columns:1fr}.rt{grid-template-columns:36px 1fr 52px}.rt .tg{grid-column:1/-1}
  .claim-icons{grid-template-columns:repeat(6,1fr)}.claim-card{padding:18px}.sec-h h2{font-size:28px}.tok-stats{grid-template-columns:1fr 1fr}.how-grid{grid-template-columns:1fr}.kv{grid-template-columns:1fr 1fr}
}

@media (max-width:680px){.banks{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.ch{max-width:76px}}

@media (max-width:680px){.lcd{padding:9px 12px}.lcd-v{font-size:16px}.lcd-k{display:none}}