:root{--bg1:#0b0820;--bg2:#1a1140;--bg3:#0f0a2c;--glass:rgba(15,18,34,.94);--outline1:#6d28d9;--outline2:#22d3ee;--ink:#eef2ff;--muted:#b6c1ff;--line:#1e2550;--chip:#251b4c;--chip-b:#3b3171;--cta:#22c55e;--cta-ink:#04130a;--badge:#fde68a;--badge-ink:#3b2f06;--hot:#ef4444;--good:#22c55e}.dbx-section{position:relative;color:var(--ink);background:radial-gradient(1200px 700px at 8% -10%,rgba(124,58,237,.13) 0%,transparent 60%),radial-gradient(900px 600px at 92% 8%,rgba(6,182,212,.13) 0%,transparent 65%),linear-gradient(180deg,var(--bg1) 0%,var(--bg2) 55%,var(--bg3) 100%);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}.dbx-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:24px 24px;pointer-events:none;mask-image:linear-gradient(#000,rgba(0,0,0,.45))}.dbx-wrap{max-width:1220px;margin:0 auto;padding:clamp(22px,4vw,48px) clamp(16px,3vw,24px)}.dbx-banner{display:flex;gap:10px;align-items:center;justify-content:center;margin:6px 0 18px}.dbx-banner .pilltime{display:inline-flex;gap:10px;align-items:center;background:#0d1026;border:1px solid #242a4d;padding:8px 12px;border-radius:999px;box-shadow:0 6px 20px rgba(0,0,0,.2)}.dbx-banner .flame{width:16px;height:16px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#f59e0b 0%,#ef4444 60%,transparent 61%);animation:heat 1.6s infinite ease-in-out}@keyframes heat{0%,100%{filter:brightness(1)}50%{filter:brightness(1.35)}}.dbx-timer{display:flex;gap:8px;font-weight:900;letter-spacing:.4px}.dbx-timebox{min-width:48px;text-align:center;background:#13183a;border:1px solid #273065;border-radius:10px;padding:6px 8px}.dbx-timebox .num{font-size:16px}.dbx-timebox .lab{display:block;font-size:10px;color:#9aa5e6;margin-top:2px}.dbx-banner .note{font-size:12px;color:#c7d2fe}.dbx-head{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center;margin-bottom:14px}.dbx-eyebrow{font-weight:900;letter-spacing:.18em;color:#a78bfa;text-transform:uppercase;font-size:12px}.dbx-title{font-weight:900;font-size:clamp(22px,4vw,34px);line-height:1.15;color:#fff!important}.dbx-sub{color:var(--muted);max-width:820px}.dbx-toggle{display:flex;justify-content:center;margin:16px 0 22px}.dbx-pills{display:flex;gap:8px;background:#0d0f25;border:1px solid #242a4d;border-radius:999px;padding:6px}.pill{appearance:none;border:0;cursor:pointer;background:0 0;color:#cdd4ef;font-weight:900;font-size:14px;letter-spacing:.2px;padding:10px 14px;border-radius:999px;transition:all .2s}.pill[aria-pressed=true]{background:linear-gradient(90deg,rgba(124,58,237,.2),rgba(6,182,212,.2));box-shadow:inset 0 0 0 1px rgba(124,58,237,.47),0 6px 20px rgba(124,58,237,.13);color:#fff}.dbx-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:stretch}@media (max-width:1024px){.dbx-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.dbx-grid{grid-template-columns:1fr}}.dbx-card{position:relative;display:flex;flex-direction:column;min-height:540px;background:var(--glass);backdrop-filter:blur(10px);border-radius:18px;border:1px solid var(--line);box-shadow:0 10px 35px rgba(0,0,0,.28);padding:20px 18px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.dbx-card::before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,var(--outline1),var(--outline2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.25}.dbx-card:hover{transform:translateY(-2px);box-shadow:0 16px 44px rgba(0,0,0,.36)}.dbx-card.emph{border-color:#7c3aed}.dbx-toprow{display:flex;justify-content:space-between;align-items:center;gap:10px}.dbx-chip{background:var(--chip);border:1px solid var(--chip-b);color:#d7cfff;padding:6px 10px;border-radius:999px;font-weight:900;font-size:12px}.dbx-free{background:var(--badge);color:var(--badge-ink);border-radius:10px;padding:4px 8px;font-weight:900;font-size:12px;box-shadow:inset 0 0 0 1px #facc15}.dbx-plan{margin:8px 0 0;font-size:18px;font-weight:900;color:#fff}.dbx-price{display:flex;align-items:baseline;gap:10px;margin:6px 0}.dbx-now{font-size:32px;font-weight:900}.dbx-old{font-size:13px;color:#99a2cc;text-decoration:line-through}.dbx-per{font-size:12px;color:#c7d2fe;margin:0 0 10px}.dbx-note{color:#e9d5ff;font-weight:700;font-size:13px;margin-bottom:12px}.dbx-features{list-style:none;margin:0 0 14px;padding:0}.dbx-features li{display:flex;gap:10px;align-items:flex-start;margin:7px 0;color:#dbe4ff;font-size:14px}.dbx-tick{flex:0 0 18px;width:18px;height:18px;border-radius:6px;background:#052b1a;border:1px solid #155e36;display:grid;place-items:center;color:#34d399}.dbx-tick svg{width:12px;height:12px}.dbx-foot{margin-top:auto;display:flex;flex-direction:column;gap:10px}.dbx-cta{display:block;text-align:center;text-decoration:none!important;background:linear-gradient(90deg,#22c55e,#16a34a);color:var(--cta-ink);font-weight:900;letter-spacing:.2px;padding:12px 16px;border-radius:12px;box-shadow:0 12px 28px rgba(34,197,94,.25);transition:transform .12s ease,filter .12s ease}.dbx-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.mini-pay{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:10px 12px}.mini-pay img{display:block;max-width:210px;width:100%;height:auto;margin:0 auto}.scarcity{margin-top:6px;color:#fecaca;font-size:12px;display:flex;gap:6px;align-items:center}.scarcity .dot{width:6px;height:6px;border-radius:50%;background:var(--hot);display:inline-block;animation:pulse 1.8s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.8}50%{transform:scale(1.2);opacity:1}100%{transform:scale(.9);opacity:.8}}.arrow-nudge{position:absolute;top:10px;right:12px;display:flex;align-items:center;gap:6px;background:linear-gradient(90deg,rgba(124,58,237,.2),rgba(6,182,212,.2));border:1px solid #5b21b6;color:#fff;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.25);animation:floaty 2.5s ease-in-out infinite}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}.arrow-nudge svg{width:14px;height:14px;transform:rotate(20deg)}@media (max-width:640px){.dbx-card{min-height:600px}#tab-premium .c-12m{order:1}#tab-premium .c-6m{order:2}#tab-premium .c-1m{order:3}#tab-premium .c-3m{order:4}#tab-multi .m-12-2{order:1}#tab-multi .m-6-2{order:2}#tab-multi .m-6-3{order:3}#tab-multi .m-12-3{order:4}.dbx-banner{margin-top:0}}