*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#F0F0F5;color:#242428;padding-bottom:70px}
.banner{background:#ffd23f;text-align:center;font-weight:700;padding:8px;font-size:14px}
header{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#fff;border-bottom:1px solid #eee}
header b{font-size:22px}header span{color:#FC4C02}header small{color:#6D6D78}
main{max-width:480px;margin:0 auto;padding:20px}
.card{background:#fff;border-radius:18px;padding:20px;margin-bottom:16px;box-shadow:0 2px 10px #0000000d}
h1{font-size:24px;margin:0 0 12px}h2{font-size:16px;color:#6D6D78;margin:0 0 6px;font-weight:500}
.big{font-size:40px;font-weight:800;margin:4px 0}.mid{font-size:24px;font-weight:700}
label{display:block;font-size:14px;color:#6D6D78;margin:12px 0 4px}
input,select{width:100%;padding:14px;border:1px solid #ddd;border-radius:12px;font-size:16px}
input[type=range]{padding:0}
button{width:100%;padding:16px;border:0;border-radius:14px;background:#FC4C02;color:#fff;font-size:17px;font-weight:700;margin-top:14px;cursor:pointer}
button.sec{background:#F0F0F5;color:#242428}.row{display:flex;gap:10px}.row>*{flex:1}
.pill{display:inline-block;padding:4px 12px;border-radius:99px;font-size:13px;font-weight:700}
.pend{background:#fff1d6;color:#a86b00}.ok{background:#dcf7e6;color:#137a3a}
.addr{font-family:monospace;word-break:break-all;background:#F0F0F5;padding:12px;border-radius:10px;font-size:14px}
.qr{width:180px;height:180px;margin:12px auto;background:repeating-conic-gradient(#242428 0 25%,#fff 0 50%) 0 0/24px 24px;border:10px solid #fff;outline:1px solid #ddd}
.light{display:flex;gap:12px;justify-content:center;margin:10px 0}.light i{width:44px;height:44px;border-radius:50%;background:#e5e7ee;display:block}
.light i.g.on{background:#22c55e;box-shadow:0 0 14px #22c55e}.light i.y.on{background:#facc15;box-shadow:0 0 14px #facc15}.light i.r.on{background:#ef4444;box-shadow:0 0 14px #ef4444}
.kv{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:15px}
.note{font-size:13px;color:#6D6D78}.danger{color:#dc2626}
nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #eee;display:flex;overflow-x:auto}
nav a{flex:1;text-align:center;padding:14px 6px;font-size:12px;color:#6D6D78;text-decoration:none;white-space:nowrap}nav a.act{color:#FC4C02;font-weight:700}
.toast{position:fixed;top:60px;left:50%;transform:translateX(-50%);background:#242428;color:#fff;padding:12px 18px;border-radius:12px;font-size:14px;z-index:9}
body{font-family:"Helvetica Neue",Arial Black,Arial,sans-serif;background:#F0F0F5;color:#242428}
.banner{background:#242428;color:#FC4C02;letter-spacing:.5px;text-transform:uppercase;font-weight:900}
header{background:#242428;border:0}header b{color:#fff;font-weight:900;font-style:italic;letter-spacing:-.5px;font-size:24px}header small{color:#ccc}
h1{font-weight:900;letter-spacing:-.5px;text-transform:uppercase;font-size:22px}
.big{font-weight:900;letter-spacing:-1px}.card{border-radius:8px;box-shadow:0 1px 3px #0000001a}
button{border-radius:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:800}
button.sec{color:#242428;border:2px solid #242428;background:#fff}
nav a.act{border-top:3px solid #FC4C02;font-weight:800}
input[type=range]{accent-color:#FC4C02}input:focus,select:focus{outline:2px solid #FC4C02}
.hero{background:#242428;color:#fff;margin:-20px -20px 20px;padding:36px 22px 40px;border-radius:0 0 24px 24px}
.hl{font-size:38px;line-height:1.05;text-transform:none;margin:18px 0 12px}.hl em{color:#FC4C02;font-style:italic}
.sub{color:#cfcfd6;font-size:17px;line-height:1.45}.ghost{display:block;text-align:center;color:#fff;margin-top:14px;text-decoration:none;font-weight:700}
.ticker{display:inline-flex;gap:8px;align-items:center;background:#ffffff14;padding:6px 12px;border-radius:99px;font-size:14px}.ticker small{color:#aaa}
.ticker .dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.3}}
.up{color:#4ade80}.dn{color:#f87171}.big small{font-size:18px;color:#6D6D78}
.sec-t{margin:30px 0 14px}.grid{display:grid;gap:12px}
.ben{background:#fff;border-radius:8px;padding:16px;border-left:4px solid #FC4C02}.ben i{font-style:normal;font-size:26px}.ben b{display:block;margin:6px 0 2px}.ben p,.steps p,.faq p{margin:0;color:#6D6D78;font-size:15px}
.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:14px;align-items:center;background:#fff;border-radius:8px;padding:14px;margin-bottom:10px}
.ic{flex:0 0 48px;height:48px;border-radius:50%;background:#FC4C02;color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}
.faq{background:#fff;border-radius:8px;padding:16px;margin-bottom:10px}.faq summary{font-weight:800;cursor:pointer}.faq p{margin-top:10px}
.cta{text-align:center;padding:30px 0}
.fade{opacity:0;transform:translateY(24px);transition:.7s ease}.fade.in{opacity:1;transform:none}
body.landing main{max-width:none;padding:20px}
@media(min-width:900px){body.landing main>section:not(.hero){max-width:1000px;margin-left:auto;margin-right:auto}
 .hero{padding:80px max(40px,calc(50% - 500px));margin:-20px -20px 30px}.hl{font-size:64px}.sub{max-width:560px;font-size:20px}.hero button{width:auto;padding:16px 48px}.ghost{display:inline-block;margin-left:20px}
 .grid{grid-template-columns:repeat(5,1fr)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.steps li{flex-direction:column;text-align:center}
 #calc{max-width:560px!important}nav{justify-content:center}nav a{flex:0 0 110px}}