:root{--ink:#0f172a;--sub:#64748b;--line:#e2e8f0;--bg:#f8fafc;--acc:#4f46e5;--acc2:#eef2ff;--ok:#059669;--okbg:#ecfdf5;--warn:#b45309;--warnbg:#fffbeb;--bad:#dc2626;--badbg:#fef2f2}*{box-sizing:border-box;margin:0}body{font-family:-apple-system,Segoe UI,Inter,sans-serif;background:var(--bg);color:var(--ink);font-size:14px}header{background:#fff;border-bottom:1px solid var(--line);padding:14px 28px;gap:14px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.logo,header{display:flex;align-items:center}.logo{width:30px;height:30px;border-radius:8px;background:var(--acc);color:#fff;justify-content:center;font-weight:800;font-size:15px}.logo.big{width:44px;height:44px;font-size:22px;border-radius:12px;margin:0 auto 14px}header h1{font-size:15px;font-weight:700}header .tag{font-size:11px;color:var(--sub)}.demo-badge{margin-left:auto;font-size:11px;font-weight:700;color:var(--warn);background:var(--warnbg);border:1px solid #fde68a;border-radius:99px;padding:4px 12px}.reset{font-size:12px;color:var(--sub);background:none;border:1px solid var(--line);border-radius:8px;padding:6px 12px;cursor:pointer}.steps{display:flex;gap:4px;background:#fff;border-bottom:1px solid var(--line);padding:0 28px;overflow-x:auto}.step{padding:12px 16px;font-size:12.5px;font-weight:600;color:var(--sub);border-bottom:2px solid transparent;white-space:nowrap}.step.active{color:var(--acc);border-bottom-color:var(--acc)}.step.done{color:var(--ok)}main{max-width:1160px;margin:0 auto;padding:26px 28px 90px}h2{font-size:19px;margin-bottom:4px}.sub{color:var(--sub)}.statrow,.sub{margin-bottom:18px}.statrow{display:flex;gap:12px;flex-wrap:wrap}.stat{background:#fff;border:1px solid var(--line);border-radius:10px;padding:10px 16px;font-size:12.5px;color:var(--sub)}.stat b{display:block;font-size:18px;color:var(--ink)}.toolbar{display:flex;gap:10px;margin-bottom:14px;flex-wrap:wrap;align-items:center}.toolbar input{flex:1 1;min-width:220px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;font-size:13.5px}.chip{font-size:12px;font-weight:600;padding:7px 13px;border-radius:99px;border:1px solid var(--line);background:#fff;color:var(--sub);cursor:pointer}.chip.on{background:var(--acc);border-color:var(--acc);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));grid-gap:13px;gap:13px}.card{background:#fff;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;position:relative;transition:border-color .12s}.card:hover{border-color:#c7d2fe}.card.sel{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc2)}.thumbwrap{height:135px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumbwrap img{width:100%;height:100%;object-fit:contain}.noimg{font-size:11px;color:var(--sub)}.cbody{padding:10px 12px}.cname{font-size:12.5px;font-weight:600;line-height:1.35;height:34px;overflow:hidden}.ccode{font-size:11px;color:var(--sub);margin-top:3px}.badges{display:flex;gap:5px;flex-wrap:wrap;margin-top:7px}.b{font-size:10px;font-weight:700;padding:2px 7px;border-radius:99px}.b.red{background:var(--badbg);color:var(--bad)}.b.amber{background:var(--warnbg);color:var(--warn)}.b.grey{background:#f1f5f9;color:var(--sub)}.b.demo{background:var(--acc2);color:var(--acc)}.check{position:absolute;top:9px;left:9px;width:20px;height:20px;border-radius:6px;border:1.5px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff}.card.sel .check{background:var(--acc);border-color:var(--acc)}.footbar{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--line);padding:12px 28px;display:flex;align-items:center;gap:14px;z-index:10}.footbar .info{font-size:13px;color:var(--sub)}.btn{border:none;border-radius:9px;padding:10px 20px;font-size:13.5px;font-weight:700;cursor:pointer}.btn.p{background:var(--acc);color:#fff}.btn.p:disabled{background:#c7d2fe;cursor:not-allowed}.btn.s{background:#fff;color:var(--ink);border:1px solid var(--line)}.spacer{flex:1 1}.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-top:6px}.tier{background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:20px}.tier.on{border-color:var(--acc);box-shadow:0 0 0 2px var(--acc2)}.tier.locked{opacity:.62;background:#f8fafc}.tier h3{font-size:15px;display:flex;align-items:center;gap:8px;margin-bottom:4px;flex-wrap:wrap}.tier .price{font-size:11px;font-weight:700;border-radius:99px;padding:3px 10px}.tier ul{margin:12px 0 0 17px;color:var(--sub);font-size:13px;line-height:1.85}.switch{margin-top:14px;display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;cursor:pointer}.sw{width:38px;height:21px;border-radius:99px;background:#cbd5e1;position:relative;transition:background .15s}.sw:after{content:"";position:absolute;top:2.5px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s}.sw.on{background:var(--acc)}.sw.on:after{left:19px}.prog{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin-bottom:12px}.prog .row{display:flex;align-items:center;gap:12px}.prog .nm{font-weight:600;font-size:13px;flex:1 1}.bar{height:7px;background:#e2e8f0;overflow:hidden;margin-top:10px}.bar,.bar i{border-radius:99px}.bar i{display:block;height:100%;background:var(--acc);transition:width .5s}.bar i.anim{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%{opacity:.55}50%{opacity:1}to{opacity:.55}}.pstat{font-size:12px;font-weight:700}.pair{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;margin-bottom:18px}.pairhead{display:flex;align-items:center;gap:10px;margin-bottom:4px;flex-wrap:wrap}.pairhead h3{font-size:14.5px}.tb{font-size:10.5px;font-weight:800;padding:3px 9px;border-radius:99px;text-transform:uppercase;letter-spacing:.4px}.tb.core{background:var(--acc2);color:var(--acc)}.tb.premium{background:#fdf4ff;color:#a21caf}.tb.beta{background:var(--warnbg);color:var(--warn)}.pairsub{font-size:12px;color:var(--sub);margin-bottom:13px}.imgs{display:grid;grid-template-columns:1fr 1fr;grid-gap:13px;gap:13px}.imgs figure{min-width:0}.imgs .ph{border:1px solid var(--line);border-radius:10px;background:#fff;width:100%;height:295px;object-fit:contain;display:block}figcaption{font-size:11.5px;color:var(--sub);margin-top:5px;font-weight:600}.warnbox{font-size:12.5px;color:var(--warn);background:var(--warnbg);border:1px solid #fde68a;border-radius:9px;padding:9px 13px;margin-top:12px}.acts{display:flex;gap:9px;margin-top:14px;align-items:center;flex-wrap:wrap}.btn.ok{background:var(--ok);color:#fff}.btn.no{background:#fff;color:var(--bad);border:1.5px solid #fecaca}.decided{font-size:12.5px;font-weight:800;border-radius:9px;padding:8px 14px}.decided.y{background:var(--okbg);color:var(--ok)}.decided.n{background:var(--badbg);color:var(--bad)}.rejsel{font-size:12.5px;padding:7px 10px;border:1px solid var(--line);border-radius:8px}.simband{background:var(--warnbg);border:1.5px solid #fde68a;color:var(--warn);font-weight:700;font-size:13px;border-radius:11px;padding:12px 17px;margin-bottom:18px;line-height:1.55}.paycard{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 19px;margin-bottom:15px}.paycard h4{font-size:13.5px;margin-bottom:9px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ep{font-size:10.5px;font-weight:800;color:#7dd3fc;border-radius:6px;padding:3px 8px;font-family:ui-monospace,monospace}.ep,pre{background:#0f172a}pre{color:#e2e8f0;border-radius:10px;padding:13px 15px;font-size:11.5px;line-height:1.65;overflow-x:auto;font-family:ui-monospace,SFMono-Regular,monospace}.k{color:#7dd3fc}.v{color:#86efac}.n2{color:#fca5a5}.sumrow{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0 22px}.note{border:1px solid var(--line);border-radius:10px;padding:11px 15px;margin-top:14px;line-height:1.6}.note,.skipbox{font-size:12.5px;color:var(--sub);background:#fff}.skipbox{border:1px dashed var(--line);border-radius:10px;padding:10px 14px;margin-top:10px;line-height:1.7}.loginwrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.loginbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:36px;max-width:400px;width:100%;text-align:center}.loginbox h1{font-size:17px;margin-bottom:4px}.loginbox p{font-size:12.5px;color:var(--sub);margin-bottom:20px}.loginbox input{width:100%;padding:11px 13px;border:1px solid var(--line);border-radius:9px;font-size:14px;margin-bottom:12px}.loginbox .btn{width:100%}.loginerr{font-size:12.5px;color:var(--bad);margin-bottom:10px}.loginnote{font-size:11px;color:var(--sub);margin-top:16px;line-height:1.6}@media(max-width:760px){.imgs{grid-template-columns:1fr}}