@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500 700;font-display:swap;src:url(/ibmplexmono.woff2) format("woff2")}:root{--bg: #000000;--ink: #f5f5f7;--muted: #8e8e93;--faint: #48484c;--hair: #1d1d20;--surface: #0d0d0f;--tier: #60a5fa;--tier-line: rgba(96, 165, 250, .35);--tier-fill: rgba(96, 165, 250, .12);--tier-sheen: rgba(96, 165, 250, .11);--gold: #fcd34d;--ok: #34c759;--warn: #ff9f0a;--down: #ff453a;--radius: 20px;--radius-sm: 14px;--mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}#root{min-height:100dvh}.page{min-height:100dvh;display:flex;justify-content:center;padding:clamp(16px,5vw,30px) clamp(16px,4vw,20px);padding-top:calc(clamp(16px,5vw,30px) + env(safe-area-inset-top));padding-bottom:calc(clamp(18px,5vw,30px) + env(safe-area-inset-bottom));padding-left:calc(clamp(16px,4vw,20px) + env(safe-area-inset-left));padding-right:calc(clamp(16px,4vw,20px) + env(safe-area-inset-right))}.container{width:100%;max-width:460px;display:flex;flex-direction:column}.header{display:flex;align-items:center;gap:10px;margin-bottom:clamp(18px,5vw,26px);animation:fadeDown .4s ease}.brand-logo{width:28px;height:28px;border-radius:8px;object-fit:contain;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.brand-name{font-family:var(--mono);font-size:16px;font-weight:600;letter-spacing:-.01em}.pass{display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;gap:42px}.col-left,.col-right{display:contents}.pass-card-wrap{order:0}.sec-connect{order:1}.sec-renew{order:2}.sec-devices{order:3}.st-soon .sec-renew,.st-expired .sec-renew{order:1}.st-soon .sec-connect,.st-expired .sec-connect{order:2}.card3d{perspective:1200px;cursor:pointer;outline:none}.cardIn{position:relative;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.3,.75,.25,1);transform:rotateX(var(--rx, 0deg)) rotateY(calc(var(--ry, 0deg) + var(--flip, 0deg)))}.card3d:focus-visible .cardIn{outline:2px solid var(--ink);outline-offset:4px;border-radius:24px}.face{--sheen: var(--tier-sheen);backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid #27272b;border-radius:22px;background:radial-gradient(130% 100% at var(--mx, 80%) var(--my, -20%),var(--sheen),transparent 52%),linear-gradient(165deg,#17171a,#0a0a0c 72%);overflow:hidden}.tier-pro .face{--sheen: rgba(251, 191, 36, .16);border-color:#fbbf243d}.st-expired .face{--sheen: transparent}.front{position:relative;display:flex;flex-direction:column;min-height:300px;padding:20px 20px 26px}.back{position:absolute;top:0;right:0;bottom:0;left:0;transform:rotateY(180deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px}.c-mark{position:absolute;right:-30px;top:-26px;width:190px;height:190px;object-fit:contain;opacity:.07;transform:rotate(10deg);transition:opacity .5s,filter .5s;pointer-events:none;-webkit-user-drag:none}.st-expired .c-mark{opacity:.03;filter:grayscale(1) brightness(.7)}.c-top{position:relative;display:flex;align-items:center;justify-content:space-between}.c-brand{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11.5px;letter-spacing:.1em;color:var(--muted)}.c-brand img{width:15px;height:15px;border-radius:4px;object-fit:contain;transition:filter .5s;-webkit-user-drag:none}.st-expired .c-brand img{filter:grayscale(1) brightness(.65)}.chip{font-size:10.5px;letter-spacing:.12em;font-weight:600;color:var(--tier);background:var(--tier-fill);border:1px solid var(--tier-line);border-radius:100px;padding:3.5px 10px;transition:opacity .4s}.tier-pro .chip{color:var(--gold);background:#fbbf2421;border-color:#fbbf2466}.st-expired .chip{opacity:.45}.c-num{position:relative;font-family:var(--mono);font-weight:500;font-size:clamp(62px,19vw,92px);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin:auto 0 2px}.c-wordline{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.c-word{color:var(--muted);font-size:14px}.c-key{font-family:var(--mono);font-size:11.5px;letter-spacing:.08em;color:var(--faint);white-space:nowrap}.c-bottom{position:relative;display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:22px;font-size:13px}.c-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);min-width:0}.c-dot{--pulse: rgba(120, 220, 150, .35);width:7px;height:7px;border-radius:50%;flex-shrink:0}.st-active .c-dot{animation:pulse 2.6s ease-out infinite}.st-soon .c-dot{animation:pulse 1.5s ease-out infinite}.c-status b{color:var(--ink);font-weight:600}.c-status .c-until{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-dev{font-family:var(--mono);font-size:12px;color:var(--faint);white-space:nowrap;flex-shrink:0}.c-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:#212124}.c-line i{position:absolute;inset:0 auto 0 0;display:block;border-radius:0 2px 2px 0;transition:width .8s cubic-bezier(.22,1,.36,1),background .3s}.back .qr-tile{background:#fff;border-radius:14px;padding:11px;line-height:0}.back .qr-tile svg{display:block;width:clamp(124px,42vw,156px);height:clamp(124px,42vw,156px)}.back .b-hint{font-size:13px;color:var(--muted);text-align:center;line-height:1.45}.back .b-key{font-family:var(--mono);font-size:11px;letter-spacing:.08em;color:var(--faint)}.back .b-lock{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--muted);font-size:13.5px;text-align:center;line-height:1.45}.back .b-lock svg{width:22px;height:22px;color:var(--faint)}.card-hint{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:12px;font-size:12px;color:var(--faint)}.card-hint svg{width:13px;height:13px;opacity:.7}.card3d.is-static{cursor:default}.free-col{width:100%;max-width:460px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.subscribe{display:flex;flex-direction:column}.subscribe .sec-hint{margin:6px 0 18px}.subscribe .primary+.primary{margin-top:12px}.sec-label{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0}.sec-hint{font-size:13px;color:var(--muted);margin:6px 0 0}.sec-head{margin-bottom:16px}.primary{display:block;width:100%;box-sizing:border-box;border:none;border-radius:var(--radius-sm);cursor:pointer;background:var(--ink);color:#000;font:600 16px var(--body);padding:15px 16px;text-align:center;text-decoration:none;transition:transform .12s,opacity .2s}.primary:active{transform:scale(.985)}.primary:disabled{opacity:.6;cursor:wait}.primary.is-ghost{background:none;color:var(--ink);border:1px solid #2c2c30}.primary .sum{font-family:var(--mono);font-weight:600}.primary .btn-loading{display:inline-flex;align-items:center;gap:8px}.spinner-sm{width:15px;height:15px;border:2px solid rgba(0,0,0,.18);border-top-color:#000;border-radius:50%;animation:spin .7s linear infinite}.primary-app{display:flex;align-items:center;gap:12px;text-align:left;padding:11px 14px}.pa-icon{flex:none;width:38px;height:38px;border-radius:10px;overflow:hidden;background:#fff;box-shadow:0 1px 3px #00000040,inset 0 0 0 1px #0000000f}.pa-icon img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.pa-main{display:flex;flex-direction:column;gap:1px;flex:1;min-width:0}.pa-main b{font-weight:600;font-size:16px}.pa-main small{font-size:12.5px;color:#00000080;font-weight:500}.pa-arrow{flex:none;width:18px;height:18px;color:#00000061}.primary.is-ghost .pa-main small{color:var(--muted)}.primary.is-ghost .pa-arrow{color:var(--faint)}.apps{border-top:1px solid var(--hair);margin-top:18px}.rowbtn{display:flex;align-items:center;gap:12px;width:100%;min-height:56px;background:none;border:none;border-bottom:1px solid var(--hair);padding:13px 2px;cursor:pointer;text-align:left;color:var(--ink);font:inherit;text-decoration:none}.glyph{flex:none;width:34px;height:34px;border-radius:50%;border:1px solid var(--hair);display:grid;place-items:center;color:var(--muted);overflow:hidden}.glyph img{width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.glyph-app{border-radius:9px;border:none;background:#fff;box-shadow:0 1px 3px #00000040,inset 0 0 0 1px #0000000f}.glyph-xconnect img{transform:scale(1.16)}.rowbtn .rb-main{display:flex;flex-direction:column;gap:1px;min-width:0}.rowbtn .name{font-size:15px}.rowbtn .sub{font-size:13px;color:var(--muted)}.rowbtn .chev{margin-left:auto;color:var(--faint);flex-shrink:0}.rowbtn .chev svg{display:block;width:14px;height:14px}.locknote{display:flex;align-items:center;gap:10px;border:1px solid var(--hair);border-radius:12px;padding:12px 14px;color:var(--muted);font-size:13.5px;line-height:1.4}.locknote svg{flex:none;width:15px;height:15px;color:var(--faint)}.st-expired .sec-connect .apps,.st-expired .sec-connect .copy-btn{opacity:.35;pointer-events:none}.copy-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:52px;margin-top:14px;padding:13px;background:none;border:1px solid var(--hair);border-radius:var(--radius-sm);color:var(--muted);font:600 14.5px var(--body);cursor:pointer;transition:transform .12s,color .2s}.copy-btn:active{transform:scale(.985)}.copy-btn:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border-radius:inherit;border:1px solid var(--ok);opacity:0;transition:opacity .25s;pointer-events:none}.copy-btn.is-copied{color:var(--ok);animation:copyPop .34s cubic-bezier(.22,1,.36,1)}.copy-btn.is-copied:after{opacity:1}.cb-icon{position:relative;width:18px;height:18px;flex:none}.cb-icon svg{position:absolute;top:0;right:0;bottom:0;left:0;width:18px;height:18px;transition:opacity .22s,transform .22s cubic-bezier(.22,1.4,.36,1)}.cb-check{opacity:0;transform:scale(.5);color:var(--ok)}.is-copied .cb-copy{opacity:0;transform:scale(.5)}.is-copied .cb-check{opacity:1;transform:scale(1)}.renew-toggle{border-top:1px solid var(--hair)}.renew-toggle .per{margin-left:auto;font-size:13px;color:var(--muted);white-space:nowrap}.renew-toggle .chev{margin-left:10px}.plans{border-top:1px solid var(--hair)}.plan{display:flex;align-items:center;gap:14px;width:100%;min-height:56px;background:none;border:none;border-bottom:1px solid var(--hair);padding:14px 2px;cursor:pointer;text-align:left;color:var(--ink);font:inherit}.plan .radio{flex:none;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--faint);display:grid;place-items:center;transition:border-color .15s}.plan .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--ink);transform:scale(0);transition:transform .18s cubic-bezier(.22,1.4,.36,1)}.plan[aria-checked=true] .radio{border-color:var(--ink)}.plan[aria-checked=true] .radio:after{transform:scale(1)}.pl-mid{display:flex;flex-direction:column;gap:2px;min-width:0}.plan .term{font-size:15px}.plan .per{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.plan .per em{font-style:normal;color:var(--ok)}.plan .price{margin-left:auto;font-family:var(--mono);font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.plan.is-skeleton{cursor:default;pointer-events:none}.plan.is-skeleton .sk-chip{height:14px;border-radius:7px;background:#161619;position:relative;overflow:hidden}.plan.is-skeleton .sk-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite}.plan.is-skeleton .sk-w1{width:90px}.plan.is-skeleton .sk-w2{width:54px;margin-left:auto}.renew-promo{display:flex;align-items:center;gap:8px;padding:10px 2px;margin-bottom:4px;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);font-size:13px;color:var(--muted)}.renew-promo .rp-gift{font-size:14px;line-height:1}.renew-promo .rp-text{min-width:0}.renew-promo .rp-off{margin-left:auto;font-family:var(--mono);font-weight:500;font-variant-numeric:tabular-nums;color:var(--ok);white-space:nowrap}.renew-breakdown{margin-top:12px;padding-top:11px;border-top:1px solid var(--hair);display:flex;flex-direction:column;gap:7px;font-size:13px}.renew-breakdown .rb-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.renew-breakdown .rb-key{color:var(--muted);min-width:0}.renew-breakdown .rb-val{font-family:var(--mono);font-variant-numeric:tabular-nums;color:var(--ink);white-space:nowrap}.renew-breakdown .rb-total{margin-top:2px;padding-top:9px;border-top:1px solid var(--hair)}.renew-breakdown .rb-total .rb-key{color:var(--ink);font-weight:500}.renew-breakdown .rb-total .rb-val{font-weight:600;font-size:15px}.pl-price{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:0}.pl-price-top{display:flex;align-items:center;gap:8px}.price-was{font-family:var(--mono);font-size:12px;color:var(--faint);font-variant-numeric:tabular-nums;text-decoration:line-through;white-space:nowrap}.plan-off{font-family:var(--mono);font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ok);white-space:nowrap}.renew-cta-wrap{position:sticky;bottom:0;padding:18px 0 calc(10px + env(safe-area-inset-bottom));background:linear-gradient(transparent,var(--bg) 45%)}.section-error{font-size:13px;color:var(--down);text-align:center;margin-bottom:12px;line-height:1.4}.section-note{font-size:13px;color:var(--muted);line-height:1.5;padding:14px 0;text-align:center}.devlist{border-top:1px solid var(--hair);margin-top:14px}.device{display:flex;align-items:center;gap:12px;min-height:56px;padding:13px 2px;border-bottom:1px solid var(--hair)}.device.is-blocked{opacity:.55}.device .dev-main{display:flex;flex-direction:column;gap:1px;min-width:0}.device .name{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device .sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device .ago{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--faint);white-space:nowrap;flex-shrink:0}.device .dev-tag{margin-left:auto;font-size:11px;font-weight:600;padding:3px 8px;border-radius:100px;background:#ff453a24;color:var(--down);flex-shrink:0}.slot .glyph{border-style:dashed}.slot .name{color:var(--muted)}.slot .sub{color:var(--faint)}.footer{margin-top:56px;padding-top:18px;border-top:1px solid var(--hair);animation:fadeUp .4s ease .25s both}.footer-text{font-size:12px;color:var(--faint);display:flex;align-items:center;gap:6px}.footer-text svg{width:12px;height:12px;opacity:.6}.sk-card{border:1px solid #202024;border-radius:22px;background:linear-gradient(165deg,#141417,#0a0a0c 72%);padding:22px 20px 26px;overflow:hidden;animation:fadeUp .4s ease both}.sk-block{position:relative;overflow:hidden;background:#161619;border-radius:8px}.sk-block:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:shimmer 1.4s infinite}.sk-top{display:flex;justify-content:space-between;margin-bottom:28px}.sk-num{height:78px;width:62%;border-radius:12px;margin-bottom:22px}.sk-row{height:13px;border-radius:7px}.sub-card{border:1px solid var(--hair);border-radius:var(--radius);background:var(--surface);padding:clamp(18px,5vw,26px);animation:fadeUp .4s ease both}.error-wrap{display:flex;flex-direction:column;align-items:center;padding:40px 0 20px}.error-icon-wrap{width:62px;height:62px;border-radius:50%;background:#ff453a1f;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.error-icon-wrap svg{width:27px;height:27px;color:var(--down)}.error-icon-wrap.is-expired{background:#ff9f0a1f}.error-icon-wrap.is-expired svg{color:var(--warn)}.error-title{font-size:18px;font-weight:600;margin-bottom:8px;text-align:center}.error-desc{font-size:13.5px;color:var(--muted);text-align:center;line-height:1.5;margin-bottom:26px;max-width:300px}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:12px 26px;background:none;color:var(--ink);border:1px solid #2c2c30;border-radius:var(--radius-sm);font:500 14px var(--body);cursor:pointer;transition:transform .15s,border-color .15s}.btn-secondary:active{transform:scale(.97)}@media (min-width: 900px){.container{max-width:1040px}.header{margin-bottom:40px}.layout{display:grid;grid-template-columns:400px minmax(0,1fr);column-gap:72px;align-items:start}.col-left{display:flex;flex-direction:column;gap:40px;grid-column:1;position:sticky;top:36px}.col-right{display:flex;flex-direction:column;gap:40px;grid-column:2}.st-soon .sec-renew,.st-expired .sec-renew,.st-soon .sec-connect,.st-expired .sec-connect{order:0}.front{min-height:320px;padding:24px 24px 30px}.c-num{font-size:92px}.copy-btn:hover{color:var(--ink);border-color:#2c2c30}.renew-cta-wrap{position:static;padding:18px 0 0;background:none}.footer{margin-top:22px}.rowbtn:hover .name{opacity:.85}.plan:hover .radio{border-color:var(--muted)}.plan[aria-checked=true]:hover .radio{border-color:var(--ink)}.primary:hover:not(:disabled){filter:brightness(1.04)}.btn-secondary:hover{border-color:#3a3a40}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--pulse)}70%{box-shadow:0 0 0 9px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}@keyframes copyPop{0%{transform:scale(1)}45%{transform:scale(1.035)}to{transform:scale(1)}}.fade-1{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .04s both}.fade-2{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .1s both}.fade-3{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .16s both}.fade-4{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .22s both}@media (max-width: 400px){.page{padding-left:calc(14px + env(safe-area-inset-left));padding-right:calc(14px + env(safe-area-inset-right))}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cardIn{transition:none!important}}