@import"https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap";:root{--bg: #131210;--card: #1e1c19;--card2: #272420;--line: rgba(255, 255, 255, .07);--text: #f3f0e8;--muted: #8f8b81;--mint: #bfd3c2;--yellow: #f2c33a;--coral: #e9563d;--green: #4bd07f;--ink: #161513;--radius: 12px;--radius-sm: 10px;--radius-pill: 999px;--ease: cubic-bezier(.22, .68, 0, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;font-family:Archivo,sans-serif;-webkit-tap-highlight-color:transparent}html,body{width:100%;min-height:100vh;background:var(--bg);color:var(--text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit;color:inherit}.mono{font-family:Space Mono,monospace}#root{max-width:430px;margin:0 auto;min-height:100dvh;padding:16px 15px 0;position:relative}.app-shell{min-height:100dvh}.app-main{padding-bottom:100px}.loading{text-align:center;color:var(--muted);padding:3rem 0;font-size:.9rem;text-transform:uppercase;letter-spacing:.02em;font-weight:700}.top{display:flex;align-items:center;justify-content:center;margin:6px 4px 2px;min-height:44px;position:relative;z-index:5}.brand{font-size:17px;font-weight:800;color:var(--text);letter-spacing:-.4px;text-transform:uppercase}.circ{width:40px;height:40px;border-radius:50%;background:var(--card2);display:flex;align-items:center;justify-content:center;flex:none;border:none;cursor:pointer}.circ svg{width:19px;height:19px;stroke:var(--text);stroke-width:2;fill:none}.circ.back svg{width:17px;height:17px}.hero{position:relative;height:312px;margin:0 0 4px}.hero .glow{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);width:340px;height:330px;background:radial-gradient(circle,#ff963c6b,#ff5a3224 40%,#13121000 68%);z-index:0}.hero .duck{position:absolute;left:50%;top:0;transform:translate(-50%);height:312px;width:auto;z-index:2;filter:drop-shadow(0 16px 26px rgba(0,0,0,.55)) drop-shadow(0 0 22px rgba(255,150,70,.25))}.tag{position:absolute;font-family:Space Mono,monospace;font-weight:700;font-size:11px;padding:6px 11px;border-radius:var(--radius-pill);z-index:3;white-space:nowrap}.tag.a{top:34px;left:6px;transform:rotate(-7deg);background:var(--text);color:var(--ink)}.tag.b{top:56px;right:2px;transform:rotate(6deg);background:#221f1b;color:var(--text);border:1px solid var(--line)}.tag.c{bottom:96px;left:4px;transform:rotate(5deg);background:#221f1b;color:var(--text);border:1px solid var(--line)}.tag.d{bottom:132px;right:4px;transform:rotate(-5deg);background:var(--yellow);color:var(--ink)}.head{padding:0 4px;margin-bottom:14px;position:relative;z-index:4}.head .st{font-family:Space Mono,monospace;font-size:11px;letter-spacing:1px;color:var(--green);text-transform:uppercase;display:flex;align-items:center;gap:7px;font-weight:700}.head .st.warn{color:var(--coral)}.head .st b{width:8px;height:8px;border-radius:50%;background:currentColor;display:inline-block;box-shadow:0 0 8px currentColor}.head .big{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 12px;margin-top:6px}.head h1{font-weight:900;font-size:clamp(40px,13vw,56px);line-height:.82;letter-spacing:-2.5px;color:var(--text)}.head .sub{font-size:14px;font-weight:600;color:var(--muted);margin-top:8px}.key{background:none;padding:16px 2px 0;margin-bottom:18px;border-top:1px solid var(--line);position:relative;z-index:6}.home-screen .key{background:var(--card);border-top:none;border-radius:var(--radius);padding:16px;margin:6px 0 18px}.key .kl{font-family:Space Mono,monospace;font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:12px}button.kl{background:none;border:none;width:100%;text-align:left;cursor:pointer}.krow{display:flex;align-items:center;gap:8px;background:var(--card2);border-radius:var(--radius-sm);padding:12px 14px;margin-bottom:12px}.krow span{flex:1;font-family:Space Mono,monospace;font-size:12px;color:#cfccc3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.krow button{border:none;background:#3a3833;color:#fff;border-radius:8px;padding:7px 9px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex:none}.krow button svg{width:15px;height:15px;stroke:#fff;stroke-width:2;fill:none}.key .open{width:100%;border:none;background:var(--mint);color:var(--ink);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:-.3px;border-radius:var(--radius-sm);padding:15px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:9px;transition:transform .3s var(--ease)}.key .open:active{transform:scale(.98)}.key .open i{width:22px;height:22px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;flex:none}.key .open i svg{width:12px;height:12px;stroke:#fff;stroke-width:2.4;fill:none;stroke-linecap:round;stroke-linejoin:round}.key .apps{text-align:center;font-family:Space Mono,monospace;font-size:10.5px;color:#726f66;margin-top:10px}.empty-note{font-size:13.5px;line-height:1.5;color:var(--muted);margin-bottom:14px}.sec{font-family:Space Mono,monospace;font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin:2px 4px 9px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.item{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:20px;min-height:128px;background:var(--card);border:none;border-radius:var(--radius);padding:18px 16px;cursor:pointer;text-align:left;width:100%;transition:transform .2s var(--ease)}.item:active{transform:scale(.98)}.item .ic{width:30px;height:30px;background:none;display:flex;align-items:center;justify-content:center;flex:none}.item .ic svg{width:27px;height:27px;stroke:var(--text);stroke-width:1.8;fill:none}.item .tt{font-weight:800;font-size:18px;color:var(--text);letter-spacing:-.4px}.item .cp{font-size:11.5px;color:var(--muted);margin-top:3px}.item.c-yellow{background:radial-gradient(120% 90% at 18% 22%,#f2c33a29,#f2c33a00 60%),var(--card)}.item.c-yellow .ic svg{stroke:var(--yellow)}.item.c-blue{background:radial-gradient(120% 90% at 18% 22%,#7aaae029,#7aaae000 60%),var(--card)}.item.c-blue .ic svg{stroke:#7aaae0}.item.c-green{background:radial-gradient(120% 90% at 18% 22%,#4bd07f26,#4bd07f00 60%),var(--card)}.item.c-green .ic svg{stroke:var(--green)}.item.c-coral{background:radial-gradient(120% 90% at 18% 22%,#e9563d29,#e9563d00 60%),var(--card)}.item.c-coral .ic svg{stroke:var(--coral)}.bottom-nav{position:fixed;bottom:14px;left:50%;transform:translate(-50%);width:calc(100% - 30px);max-width:400px;display:flex;align-items:center;gap:4px;background:var(--card);border:none;border-radius:14px;padding:6px;z-index:40;box-shadow:0 16px 40px #00000073}.nav-item{flex:1;height:46px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--muted);font-weight:700;font-size:11px;background:none;border:none;cursor:pointer;transition:background .2s ease,color .2s ease}.nav-item svg{width:20px;height:20px;stroke:currentColor;stroke-width:2;fill:none}.nav-item.active{background:var(--mint);color:var(--ink)}.tab-screen{padding-top:4px}.tab-header{display:flex;align-items:center;gap:12px;margin:6px 4px 18px}.tab-title{font-weight:900;font-size:40px;letter-spacing:-2px;text-transform:uppercase;line-height:.9}.tab-sub{font-size:13px;font-weight:600;color:var(--muted);margin:-8px 4px 22px}.card{background:none;border-radius:0;padding:16px 2px 0;margin-bottom:18px;border-top:1px solid var(--line)}.card-label{font-family:Space Mono,monospace;font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;margin-bottom:14px}.hint{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.4}.seg{display:flex;gap:22px;background:none;padding:0}.seg button{flex:0 0 auto;padding:4px 0 8px;font-weight:800;font-size:17px;letter-spacing:-.4px;text-transform:uppercase;color:var(--muted);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:color .2s ease,border-color .2s ease}.seg button.on{color:var(--text);border-bottom-color:var(--mint)}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.device-card{background:var(--card);border:none;border-radius:var(--radius-sm);padding:18px 6px;text-align:center;cursor:pointer;transition:background .2s ease,transform .3s var(--ease)}.device-card:active{transform:scale(.97)}.device-card.on{background:var(--mint)}.device-card .num{font-size:28px;font-weight:900;color:var(--text);letter-spacing:-1px}.device-card .lbl{font-family:Space Mono,monospace;font-size:9.5px;color:var(--muted);text-transform:uppercase;margin-top:4px;letter-spacing:.4px}.device-card.on .num,.device-card.on .lbl{color:var(--ink)}.price-row{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.price-num{font-size:56px;font-weight:900;letter-spacing:-2.5px;line-height:.9}.price-old{font-size:15px;font-weight:700;color:var(--muted);text-decoration:line-through;margin-left:8px}.price-per{font-size:12px;color:var(--muted);font-weight:600}.save-tag{display:inline-block;background:var(--green);color:var(--ink);font-family:Space Mono,monospace;font-size:10px;font-weight:700;padding:4px 9px;border-radius:var(--radius-pill);margin-top:10px}.promo-row{display:flex;gap:12px;align-items:center;margin-top:18px}.promo-row input{flex:1;min-width:0;background:none;border:none;border-bottom:2px solid var(--line);border-radius:0;padding:10px 2px;font-family:Space Mono,monospace;font-size:14px;color:var(--text);text-transform:uppercase;transition:border-color .2s ease}.promo-row input::placeholder{color:var(--muted);text-transform:none}.promo-row input:focus{outline:none;border-bottom-color:var(--mint)}.promo-row button{background:var(--text);color:var(--ink);border:none;border-radius:var(--radius-sm);padding:12px 16px;font-weight:800;font-size:12px;text-transform:uppercase;cursor:pointer;flex:none}.promo-ok{color:var(--green);font-family:Space Mono,monospace;font-size:11.5px;margin-top:8px;font-weight:700}.promo-err{color:var(--coral);font-family:Space Mono,monospace;font-size:11.5px;margin-top:8px;font-weight:700}.btn-primary{width:100%;border:none;background:var(--mint);color:var(--ink);font-weight:800;font-size:15px;text-transform:uppercase;letter-spacing:-.3px;border-radius:var(--radius-sm);padding:16px;cursor:pointer;transition:transform .3s var(--ease)}.btn-primary:active{transform:scale(.98)}.btn-primary.inline{width:auto;padding:12px 18px}.client-item{display:flex;align-items:center;gap:14px;background:none;border:none;border-bottom:1px solid var(--line);border-radius:0;padding:15px 2px;cursor:pointer;width:100%;text-align:left;transition:opacity .2s ease}.client-item:last-child{border-bottom:none}.client-item:active{opacity:.6}.client-item .ic{width:28px;height:28px;border-radius:8px;background:none;display:flex;align-items:center;justify-content:center;flex:none;font-size:20px}.client-item.primary .ic{position:relative}.client-name{font-size:16px;font-weight:800;color:var(--text);letter-spacing:-.3px}.client-hint{font-size:11.5px;color:var(--muted);margin-top:1px}.client-arrow{margin-left:auto;color:#565249;font-size:18px;flex:none}.pill-tag{font-family:Space Mono,monospace;font-size:9px;font-weight:700;text-transform:uppercase;color:var(--ink);background:var(--mint);padding:2px 8px;border-radius:var(--radius-pill);margin-left:8px;vertical-align:middle}.qr-wrap{display:flex;justify-content:flex-start;padding:0;background:none}.qr-inner{background:#fff;padding:12px;border-radius:10px;line-height:0}.usage-head{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:8px}.usage-track{height:8px;background:var(--card2);border-radius:var(--radius-pill);overflow:hidden}.usage-fill{height:100%;background:var(--mint);border-radius:var(--radius-pill)}.device-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}.device-row:last-child{border-bottom:none}.device-row .dot{width:8px;height:8px;border-radius:50%;background:var(--green);flex:none}.device-row .dot.off{background:#565249}.device-row .name{font-weight:700;font-size:13.5px}.device-row .meta{font-size:11px;color:var(--muted)}.steps{display:flex;flex-direction:column;gap:10px;margin-top:14px}.hint.tight{margin-top:0}.krow.mt{margin-top:12px}.step{display:flex;gap:12px}.step .n{width:26px;height:26px;border-radius:50%;background:var(--card2);color:var(--text);font-family:Space Mono,monospace;font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;flex:none}.step .tx{font-size:13.5px;line-height:1.5;color:var(--text);padding-top:2px}.support-row{display:flex;align-items:center;gap:13px}.support-row .info{flex:1}.support-row .name{font-weight:700;font-size:15px}.support-row .handle{font-family:Space Mono,monospace;font-size:12px;color:var(--mint);margin-top:2px}.toast{position:fixed;left:50%;bottom:calc(88px + env(safe-area-inset-bottom));transform:translate(-50%);background:var(--text);color:var(--ink);font-size:12.5px;font-weight:800;text-transform:uppercase;padding:10px 18px;border-radius:var(--radius-pill);z-index:50;box-shadow:0 20px 40px #0006;animation:toast-in .3s var(--ease);white-space:nowrap}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,10px)}}