:root{--acc: #d8a72f;--acc-hi: color-mix(in oklab, #d8a72f, #fff 22%);--acc-lo: color-mix(in oklab, #d8a72f, #000 26%);--acc-dim: color-mix(in srgb, var(--acc) 12%, transparent);--acc-brd: color-mix(in srgb, var(--acc) 34%, transparent);--grad: linear-gradient(135deg, var(--acc-hi), var(--acc-lo));--btn-glow: 0 10px 34px -12px color-mix(in srgb, var(--acc) 62%, transparent);--bg: #0a0a0d;--panel: #101015;--panel-2: #16161d;--elev: #1d1d26;--oc-bg: #0d0d0d;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .05);--ink: #edece6;--ink2: #c2c0b6;--mut: #8a887e;--faint: #5a5850;--green: #3ecf8e;--danger: #e5484d;--spk1: #4f9cf9;--spk2: #3ecf8e;--spk3: #e0b84f;--spk4: #e5715a;--spk5: #b98cf0;--disp: "Space Grotesk", "Be Vietnam Pro", sans-serif;--body: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--accent: var(--acc);--accent-deep: var(--acc-lo);--accent-2: var(--green);--accent-2-deep: color-mix(in srgb, var(--green), #000 18%);--text: var(--ink);--muted: var(--mut);--card: var(--panel);--line-strong: rgba(255, 255, 255, .16);--surface-deep: var(--oc-bg);--font-sans: var(--body);--font-mono: var(--mono);--r-xs: 4px;--r-sm: 8px;--r-md: 10px;--r-lg: 14px;--r-xl: 18px;--r-full: 9999px;--sp-xxs: 2px;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 12px;--sp-lg: 16px;--sp-xl: 24px;--sp-xxl: 32px;--sp-huge: 64px;--shadow-1: 0 1px 3px rgba(0, 0, 0, .3);--shadow-2: 0 18px 50px -20px rgba(0, 0, 0, .65);--shadow-3: 0 30px 80px -30px rgba(0, 0, 0, .8)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--body);font-size:16px;line-height:1.5;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,svg{display:block;max-width:100%}a{color:var(--acc);text-decoration:none}a:hover{color:var(--acc-hi)}::selection{background:color-mix(in srgb,var(--acc) 42%,transparent);color:#fff}h1{font-family:var(--disp);font-size:34px;font-weight:700;line-height:1.1;letter-spacing:-.025em;margin:0 0 var(--sp-sm);color:var(--ink)}h2{font-family:var(--disp);font-size:26px;font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0 0 var(--sp-sm);color:var(--ink)}h3{font-family:var(--disp);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 var(--sp-xs);color:var(--ink)}h4{font-family:var(--disp);font-size:16px;font-weight:600;line-height:1.4;margin:0 0 var(--sp-xs);color:var(--ink)}p{margin:0 0 var(--sp-md)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}::-webkit-scrollbar-track{background:transparent}.container{max-width:1080px;margin:0 auto;padding:var(--sp-xxl) var(--sp-xl) var(--sp-huge)}.grid{display:grid;gap:var(--sp-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.row{display:flex;gap:var(--sp-md);align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--mut)}.mono{font-family:var(--mono)}.card{background:linear-gradient(180deg,var(--panel),#0d0d12);border:1px solid var(--line);border-radius:var(--r-xl);padding:var(--sp-xl);box-shadow:var(--shadow-1)}a.card{color:var(--ink);transition:transform .3s cubic-bezier(.2,.6,.2,1),border-color .3s;display:block}a.card:hover{transform:translateY(-3px);border-color:var(--acc-brd)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-sm);background:var(--grad);color:#181203;border:1px solid transparent;padding:0 20px;min-height:44px;border-radius:var(--r-md);font-family:var(--disp);font-size:14px;font-weight:700;line-height:1;cursor:pointer;text-decoration:none;box-shadow:var(--btn-glow);transition:transform .2s ease,filter .2s ease,background-color .2s ease,border-color .2s ease}.btn:hover{transform:translateY(-1px);filter:brightness(1.07);color:#181203}.btn.secondary{background:var(--panel);border-color:var(--line);color:var(--ink);box-shadow:none}.btn.secondary:hover{background:var(--elev);border-color:var(--acc-brd);color:var(--ink)}.btn.green{background:var(--green);color:#08140d;box-shadow:0 10px 30px -14px color-mix(in srgb,var(--green) 70%,transparent)}.btn.green:hover{filter:brightness(1.06)}.btn.ghost{background:transparent;border-color:var(--line);color:var(--ink);box-shadow:none}.btn.ghost:hover{background:var(--elev);border-color:var(--acc-brd)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.btn:focus-visible{outline:2px solid var(--acc);outline-offset:2px}input,select,textarea{background:var(--panel-2);border:1px solid var(--line);color:var(--ink);padding:var(--sp-sm) var(--sp-md);min-height:40px;border-radius:var(--r-sm);font-family:inherit;font-size:14px}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--acc);outline-offset:-1px}.price{font-family:var(--disp);font-size:28px;font-weight:700;letter-spacing:-.02em;color:var(--ink)}.strike{text-decoration:line-through;color:var(--mut);font-size:14px;margin-left:var(--sp-sm)}.plan{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--panel);padding:var(--sp-lg) var(--sp-xl);margin-bottom:var(--sp-md);transition:border-color .3s,transform .3s}.plan:hover{border-color:var(--acc-brd);transform:translateY(-2px)}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px var(--sp-sm);border-radius:var(--r-full);font-size:12px;font-weight:600;line-height:1.4;border:1px solid transparent}.badge.active,.badge.paid,.badge.online{background:color-mix(in srgb,var(--green) 14%,transparent);color:color-mix(in srgb,var(--green),#fff 16%);border-color:color-mix(in srgb,var(--green) 34%,transparent)}.badge.pending,.badge.new{background:var(--acc-dim);color:var(--acc);border-color:var(--acc-brd)}.badge.expired,.badge.offline{background:#ffffff0f;color:var(--mut);border-color:var(--line)}.badge.revoked,.badge.refunded{background:color-mix(in srgb,var(--danger) 14%,transparent);color:color-mix(in srgb,var(--danger),#fff 18%);border-color:color-mix(in srgb,var(--danger) 34%,transparent)}.qr{background:#fff;padding:var(--sp-md);border-radius:var(--r-lg);display:inline-block}.key-box{font-family:var(--mono);font-size:22px;letter-spacing:2px;background:var(--oc-bg);border:1px dashed var(--acc-brd);color:var(--acc);padding:var(--sp-lg);border-radius:var(--r-sm);text-align:center}.nav{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-lg) var(--sp-xl);border-bottom:1px solid var(--line)}.brand{font-family:var(--disp);font-weight:700;font-size:20px;letter-spacing:-.02em;color:var(--ink)}@media (prefers-reduced-motion: reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}@media (max-width: 767px){h1{font-size:27px}h2{font-size:22px}.container{padding:var(--sp-lg) var(--sp-lg) var(--sp-xxl)}}:root{--acc: #d8a72f;--acc-hi: color-mix(in oklab, #d8a72f, #fff 22%);--acc-lo: color-mix(in oklab, #d8a72f, #000 26%);--acc-dim: color-mix(in srgb, var(--acc) 12%, transparent);--acc-brd: color-mix(in srgb, var(--acc) 34%, transparent);--grad: linear-gradient(135deg, var(--acc-hi), var(--acc-lo));--btn-glow: 0 10px 34px -12px color-mix(in srgb, var(--acc) 62%, transparent);--bg: #0a0a0d;--panel: #101015;--panel-2: #16161d;--elev: #1d1d26;--line: rgba(255, 255, 255, .08);--line2: rgba(255, 255, 255, .05);--ink: #edece6;--ink2: #c2c0b6;--mut: #8a887e;--faint: #5a5850;--green: #3ecf8e;--danger: #e5484d;--oc-bg: #0d0d0d;--spk1: #4f9cf9;--spk2: #3ecf8e;--spk3: #e0b84f;--spk4: #e5715a;--spk5: #b98cf0;--disp: "Space Grotesk", "Be Vietnam Pro", sans-serif;--body: "Be Vietnam Pro", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}.material-symbols-rounded{font-family:Material Symbols Rounded;font-weight:400;font-style:normal;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"opsz" 24}.mkscroll::-webkit-scrollbar{width:6px;height:6px}.mkscroll::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}.mkscroll::-webkit-scrollbar-track{background:transparent}@keyframes floatGlow{0%,to{transform:translate(0) scale(1)}50%{transform:translateY(-26px) scale(1.05)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes mockIn{0%{opacity:0;transform:translateY(12px) scale(.996)}to{opacity:1;transform:none}}@keyframes faqIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}@keyframes phMove{0%{left:6%}to{left:94%}}@keyframes eqbar{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes dgDot{0%{transform:translate(0);opacity:0}12%,78%{opacity:1}to{transform:translate(var(--tx, 60px),var(--ty, 0px));opacity:0}}@keyframes dgGrow{0%{transform:scaleX(0);opacity:1}38%,88%{transform:scaleX(1);opacity:1}97%,to{transform:scaleX(1);opacity:0}}@keyframes dgSeq{0%{opacity:0;transform:translateY(4px)}9%,84%{opacity:1;transform:none}94%,to{opacity:0}}@keyframes dgOn{0%,16%{opacity:0}26%,72%{opacity:1}82%,to{opacity:0}}@keyframes dgPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes dgFade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){#dc-root *,#dc-root{animation:none!important;scroll-behavior:auto!important;transition:none!important}}