:root{--accent:#0076ff;--accent-press:#0062d6;--accent-soft:#0076ff1a;--on-accent:#fff;--bg:#f5f5f7;--surface:#fff;--surface-2:#f2f2f7;--text:#1d1d1f;--text-2:#6e6e73;--text-3:#8e8e93;--line:#00000014;--line-strong:#00000024;--good:#1f9d55;--good-soft:#1f9d551f;--bad:#d93025;--bad-soft:#d930251a;--shadow:0 1px 2px #0000000a, 0 8px 24px #0000000d;--overlay:#00000059;--font:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-card:20px;--r-ctl:14px;--ease:cubic-bezier(.32, .72, 0, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--accent:#2d8cff;--accent-press:#5aa4ff;--accent-soft:#2d8cff29;--bg:#000;--surface:#1c1c1e;--surface-2:#2c2c2e;--text:#f5f5f7;--text-2:#a1a1a6;--text-3:#8e8e93;--line:#ffffff1a;--line-strong:#ffffff2e;--good:#32d583;--good-soft:#32d58324;--bad:#ff6b60;--bad-soft:#ff6b6024;--shadow:0 0 0 transparent;--overlay:#0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100dvh;margin:0;font-size:17px;line-height:1.4}button,input{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 55%, transparent);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}.shell{width:100%;max-width:480px;padding:calc(env(safe-area-inset-top) + 14px) 16px calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}.topbar{justify-content:flex-end;align-items:center;gap:8px;height:40px;display:flex}.chip-btn{background:var(--surface);min-width:34px;height:34px;color:var(--text-2);letter-spacing:.02em;box-shadow:inset 0 0 0 1px var(--line);border:0;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:600;transition:background .2s,color .2s;display:inline-flex}.chip-btn:hover{color:var(--text)}.seg{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;padding:2px;display:inline-flex}.seg button{letter-spacing:.04em;height:30px;color:var(--text-2);background:0 0;border:0;border-radius:999px;padding:0 11px;font-size:12px;font-weight:700}.seg button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.hero{flex-direction:column;align-items:flex-start;gap:14px;padding:18px 4px 22px;display:flex}.logo{background:var(--accent);width:60px;height:60px;color:var(--on-accent);letter-spacing:-.02em;box-shadow:var(--shadow);border-radius:16px;place-items:center;font-size:26px;font-weight:700;display:grid;overflow:hidden}.logo img{object-fit:cover;width:100%;height:100%;display:block}.hero h1{letter-spacing:-.03em;margin:0;font-size:32px;font-weight:700;line-height:1.08}.hero p{color:var(--text-2);margin:6px 0 0;font-size:17px}.section-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-3);margin:6px 4px 10px;font-size:13px;font-weight:600}.stack{flex-direction:column;gap:12px;display:flex}.card{background:var(--surface);border-radius:var(--r-card);box-shadow:var(--shadow), inset 0 0 0 1px var(--line)}.pkg{text-align:left;background:var(--surface);border-radius:var(--r-card);width:100%;box-shadow:var(--shadow), inset 0 0 0 1px var(--line);transition:transform .25s var(--ease), box-shadow .25s;border:0;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px 16px 16px 18px;display:grid;position:relative}.pkg:active{transform:scale(.985)}.pkg[data-featured=true]{box-shadow:var(--shadow), inset 0 0 0 1.5px var(--accent)}.pkg .name{letter-spacing:-.01em;flex-wrap:wrap;align-items:center;gap:8px;font-size:17px;font-weight:600;display:flex}.pkg .dur{color:var(--text-2);margin-top:2px;font-size:15px}.pkg .right{align-items:center;gap:14px;display:flex}.price{text-align:right;line-height:1.1}.price .cur{color:var(--text-3);letter-spacing:.04em;font-size:12px;font-weight:600;display:block}.price .amt{letter-spacing:-.02em;font-size:22px;font-weight:700}.pill{background:var(--accent);color:var(--on-accent);border:0;border-radius:999px;height:38px;padding:0 20px;font-size:15px;font-weight:600;transition:background .2s}.pkg:hover .pill,.pkg:focus-visible .pill{background:var(--accent-press)}.badge{background:var(--accent-soft);height:22px;color:var(--accent);letter-spacing:.01em;border-radius:999px;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.notice{border-radius:var(--r-ctl);background:var(--surface-2);color:var(--text-2);align-items:flex-start;gap:10px;padding:14px 16px;font-size:15px;display:flex}.notice.warn{background:var(--bad-soft);color:var(--bad)}.lookup{flex-direction:column;gap:12px;padding:16px;display:flex}.lookup h2{letter-spacing:-.01em;margin:0;font-size:17px;font-weight:600}.row{gap:8px;display:flex}.input{border-radius:var(--r-ctl);background:var(--surface-2);border:0;outline:none;width:100%;height:50px;padding:0 16px;font-size:17px;transition:box-shadow .2s,background .2s}.input::placeholder{color:var(--text-3)}.input:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);background:var(--surface)}.input.code{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase}.btn{border-radius:var(--r-ctl);background:var(--accent);height:50px;color:var(--on-accent);letter-spacing:-.01em;transition:background .2s, opacity .2s, transform .2s var(--ease);border:0;justify-content:center;align-items:center;gap:8px;padding:0 20px;font-size:17px;font-weight:600;display:inline-flex}.btn:hover:not(:disabled){background:var(--accent-press)}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.block{border-radius:16px;width:100%;height:54px}.btn.ghost{background:var(--surface-2);color:var(--accent)}.btn.ghost:hover:not(:disabled){background:var(--accent-soft)}.link-btn{color:var(--accent);background:0 0;border:0;padding:10px;font-size:16px;font-weight:600}.err{color:var(--bad);margin:0;font-size:14px}.result{border-radius:var(--r-ctl);background:var(--surface-2);padding:4px 14px}.kv{justify-content:space-between;gap:12px;padding:11px 0;font-size:15px;display:flex}.kv+.kv{box-shadow:inset 0 1px 0 var(--line)}.kv span:first-child{color:var(--text-2)}.kv span:last-child{text-align:right;font-weight:600}.status{align-items:center;gap:6px;font-weight:700;display:inline-flex}.status:before{content:"";background:var(--text-3);border-radius:50%;width:8px;height:8px}.status[data-s=unused]:before,.status[data-s=active]:before{background:var(--good)}.status[data-s=used]:before,.status[data-s=expired]:before,.status[data-s=revoked]:before{background:var(--bad)}.resume{border-radius:var(--r-ctl);background:var(--accent-soft);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.resume b{font-size:15px;display:block}.resume small{color:var(--text-2);font-size:13px}.footer{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:14px;margin-top:26px;font-size:14px;display:flex}.footer a.call{background:var(--surface);height:44px;box-shadow:inset 0 0 0 1px var(--line);color:var(--accent);border-radius:999px;align-items:center;gap:8px;padding:0 20px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex}.device{font-family:var(--mono);color:var(--text-3);font-size:12px;line-height:1.7}.secure{color:var(--text-3);align-items:center;gap:6px;font-size:13px;display:inline-flex}.scrim{background:var(--overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40;animation:fade .25s var(--ease);position:fixed;inset:0}.sheet{z-index:41;background:var(--surface);max-width:520px;padding:10px 20px calc(env(safe-area-inset-bottom) + 22px);animation:rise .4s var(--ease);border-radius:28px 28px 0 0;max-height:92dvh;margin:0 auto;position:fixed;bottom:0;left:0;right:0;overflow:auto;box-shadow:0 -12px 48px #0000002e}.grabber{background:var(--line-strong);border-radius:3px;width:38px;height:5px;margin:0 auto 14px}.sheet h2{letter-spacing:-.02em;text-align:center;margin:0;font-size:22px;font-weight:700}.sheet .sub{text-align:center;color:var(--text-2);margin:6px 0 0;font-size:15px}.summary{border-radius:var(--r-ctl);background:var(--surface-2);justify-content:space-between;align-items:center;gap:12px;margin:18px 0;padding:14px 16px;display:flex}.summary b{letter-spacing:-.01em;font-size:17px}.summary small{color:var(--text-2);margin-top:1px;font-size:14px;display:block}.summary .amt{letter-spacing:-.02em;font-size:20px;font-weight:700}.field-label{color:var(--text-2);margin:0 4px 8px;font-size:13px;font-weight:600;display:block}.phone{border-radius:var(--r-ctl);background:var(--surface-2);align-items:center;height:56px;transition:box-shadow .2s,background .2s;display:flex;overflow:hidden}.phone:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 45%, transparent);background:var(--surface)}.phone .cc{color:var(--text-2);box-shadow:inset -1px 0 0 var(--line);place-items:center;height:100%;padding:0 14px 0 16px;font-size:18px;font-weight:600;display:grid}.phone input{letter-spacing:.02em;background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;padding:0 14px;font-size:22px;font-weight:500}.hint{color:var(--text-3);margin:8px 4px 0;font-size:13px}.actions{flex-direction:column;gap:6px;margin-top:18px;display:flex}.center{text-align:center;flex-direction:column;align-items:center;gap:6px;padding:14px 0 4px;display:flex}.ring{border:5px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:64px;height:64px;margin:8px 0 10px;animation:.9s linear infinite spin}.badge-icon{width:68px;height:68px;animation:pop .5s var(--ease);border-radius:50%;place-items:center;margin:6px 0 10px;display:grid}.badge-icon.ok{background:var(--good-soft);color:var(--good)}.badge-icon.no{background:var(--bad-soft);color:var(--bad)}.codebox{background:var(--surface-2);text-align:center;border-radius:18px;margin:18px 0 6px;padding:18px 12px}.codebox small{color:var(--text-2);letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.codebox .code{font-family:var(--mono);letter-spacing:.16em;-webkit-user-select:all;user-select:all;word-break:break-all;font-size:32px;font-weight:600}.pulse{color:var(--text-3);font-size:14px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes rise{0%{transform:translateY(100%)}to{transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
