.vg3 .vg3-pw{position:relative}.vg3 .vg3-pw-togglewrap{justify-content:center;margin-top:28px;display:flex}.vg3 .vg3-pw-toggle{background:linear-gradient(#0a111ae6,#070c12eb);border:1px solid #66e0ff24;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0d,0 10px 26px -18px #000000a6}.vg3 .vg3-pw-thumb{width:calc(50% - 4px);transition:transform .35s var(--vg3-ease);pointer-events:none;background:linear-gradient(#14212ef7,#0b121bfa) padding-box padding-box,linear-gradient(#00e5ff6b,#00e5ff6b) border-box;border:1.5px solid #0000;border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px;transform:translate(0);box-shadow:inset 0 1px #ffffff14,0 0 18px -8px #00e5ff80}.vg3 .vg3-pw-toggle[data-interval=year] .vg3-pw-thumb{transform:translate(100%)}:is(.vg3 .vg3-pw-toggle[data-interval=month]:has(.vg3-pw-opt:first-of-type:hover) .vg3-pw-thumb,.vg3 .vg3-pw-toggle[data-interval=year]:has(.vg3-pw-opt:last-of-type:hover) .vg3-pw-thumb){background:linear-gradient(180deg, #14212ef7, #0b121bfa) padding-box, conic-gradient(from var(--vg3-angle), #5ac8ebbf 0deg, var(--vg2-cyan,#00e5ff) 55deg, #ffffffe6 90deg, #a855f7 125deg, #5ac8ebbf 200deg, #5ac8ebbf 360deg) border-box;animation:2.2s linear infinite vg3-bordersweep}@media (prefers-reduced-motion:reduce){:is(.vg3 .vg3-pw-toggle[data-interval=month]:has(.vg3-pw-opt:first-of-type:hover) .vg3-pw-thumb,.vg3 .vg3-pw-toggle[data-interval=year]:has(.vg3-pw-opt:last-of-type:hover) .vg3-pw-thumb){background:linear-gradient(#14212ef7,#0b121bfa) padding-box padding-box,linear-gradient(#00e5ff80,#00e5ff80) border-box;animation:none}}.vg3 .vg3-pw-opt{z-index:1;cursor:pointer;letter-spacing:.02em;color:var(--vg2-muted);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:12px;transition:color .25s;position:relative}.vg3 .vg3-pw-opt[aria-pressed=true]{color:#eafcff;font-weight:700}.vg3 .vg3-pw-opt:focus-visible{outline-offset:2px;outline:2px solid #00e5ff99}.vg3 .vg3-pw-wall{grid-template-rows:44px auto auto auto auto auto minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1.1fr) minmax(0,1fr);align-items:stretch;column-gap:20px;max-width:1080px;margin:40px auto 0;display:grid}.vg3 .vg3-pw-card:first-child{grid-column:1}.vg3 .vg3-pw-card:nth-child(2){grid-column:2}.vg3 .vg3-pw-card:nth-child(3){grid-column:3}.vg3 .vg3-pw-card{grid-row:2/-1;grid-template-rows:subgrid;transition:box-shadow .35s ease, border-color .3s ease, transform .35s var(--vg3-ease);--pw-mc:var(--vg2-cyan);--a:var(--pw-mc);background:linear-gradient(#0a111ac7,#070c12d9);border:1px solid #66e0ff1a;border-radius:16px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff0b,0 18px 40px -24px #000c,0 6px 16px -12px #0000008c}.vg3 .vg3-pw-card[data-plan=professional]{--pw-mc:#a855f7}.vg3 .vg3-pw-card[data-plan=agency]{--pw-mc:gold}.vg3 .vg3-pw-card--hero{box-shadow:inset 0 1px 0 #ffffff0f, 0 0 0 1px color-mix(in srgb, var(--pw-mc) 12%, transparent), 0 24px 60px -28px #000000e6, 0 12px 48px -16px color-mix(in srgb, var(--pw-mc) 14%, transparent), 0 0 80px -26px color-mix(in srgb, var(--pw-mc) 20%, transparent);background:linear-gradient(#0a111aeb,#070c12f0);border-color:#0000;grid-row:1/-1}.vg3 .vg3-pw-card--hero:hover{box-shadow:inset 0 1px 0 #ffffff12, inset 0 0 90px -46px color-mix(in srgb, var(--pw-mc) 12%, transparent), 0 0 0 1px color-mix(in srgb, var(--pw-mc) 16%, transparent), 0 28px 64px -28px #000000eb, 0 14px 52px -16px color-mix(in srgb, var(--pw-mc) 18%, transparent), 0 0 90px -24px color-mix(in srgb, var(--pw-mc) 24%, transparent)}.vg3 .vg3-pw-card:not(.vg3-pw-card--hero):hover{border-color:color-mix(in srgb, var(--a,#00e5ff) 45%, transparent);box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 120px -30px color-mix(in srgb, var(--a,#00e5ff) 30%, transparent), 0 24px 48px -26px #000000d9, 0 14px 48px -14px color-mix(in srgb, var(--a,#00e5ff) 22%, transparent)}.vg3 .vg3-pw-cap{border-bottom:1px solid color-mix(in srgb, var(--pw-mc) 18%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--pw-mc) 12%, transparent), color-mix(in srgb, var(--pw-mc) 3%, transparent));min-height:44px;font-family:var(--vg2-mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb, var(--pw-mc) 60%, #fff);border-radius:15px 15px 0 0;justify-content:center;align-items:center;gap:9px;font-size:10px;display:flex}.vg3 .vg3-pw-name{align-items:center;gap:11px;padding:24px 26px 0;display:flex}.vg3 .vg3-pw-name h3{letter-spacing:-.01em;font-size:18px;font-weight:600}.vg3 .vg3-pw-icon{border:1px solid color-mix(in srgb, var(--pw-mc) 30%, transparent);background:color-mix(in srgb, var(--pw-mc) 9%, transparent);width:30px;height:30px;color:var(--pw-mc);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.vg3 .vg3-pw-desc{color:var(--vg2-muted);padding:10px 26px 0;font-size:13.5px;line-height:1.55}.vg3 .vg3-pw-price{padding:18px 26px 0}.vg3 .vg3-pw-amount{animation:vg3-pw-in .4s var(--vg3-ease);align-items:baseline;gap:7px;display:flex}.vg3 .vg3-pw-num{letter-spacing:-.03em;font-variant-numeric:tabular-nums;color:var(--vg2-fg);font-size:46px;font-weight:650;line-height:1}.vg3 .vg3-pw-card--hero .vg3-pw-num{font-size:56px}.vg3 .vg3-pw-per{color:var(--vg2-muted);font-size:13px}.vg3 .vg3-pw-sub{letter-spacing:.02em;min-height:16px;color:var(--vg2-faint);margin-top:7px;font-size:11.5px}.vg3 .vg3-pw-badge{border:1px solid color-mix(in srgb, var(--pw-mc,#00e5ff) 45%, transparent);color:var(--pw-mc,#00e5ff);letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border-radius:999px;margin-left:auto;padding:4px 9px;font-size:9px}.vg3 .vg3-pw-strap{letter-spacing:-.01em;color:var(--pw-mc,#00e5ff);margin-top:10px;font-size:12.5px;font-weight:600}.vg3 .vg3-pw-card[data-value=true]{border-color:color-mix(in srgb, var(--pw-mc) 26%, transparent);box-shadow:inset 0 1px 0 #ffffff0d, 0 18px 40px -24px #000c, 0 0 60px -30px color-mix(in srgb, var(--pw-mc) 40%, transparent)}@keyframes vg3-pw-in{0%{opacity:0;transform:translateY(5px)}}.vg3 .vg3-pw-meterzone{flex-direction:column;padding:16px 26px 0;display:flex}.vg3 .vg3-pw-meterhead{letter-spacing:.14em;text-transform:uppercase;color:var(--vg2-muted);margin-bottom:8px;font-size:10.5px}.vg3 .vg3-pw-meter{background:#ffffff0e;border-radius:999px;height:6px;margin-top:auto;position:relative;box-shadow:inset 0 1px 2px #00000080}.vg3 .vg3-pw-meter-fill{width:var(--w,50%);background:linear-gradient(90deg, color-mix(in srgb, var(--pw-mc) 28%, transparent), color-mix(in srgb, var(--pw-mc) 80%, transparent) 70%, color-mix(in srgb, var(--pw-mc) 90%, #fff));box-shadow:0 0 8px -3px color-mix(in srgb, var(--pw-mc) 30%, transparent);border-radius:999px;position:absolute;inset:0 auto 0 0;overflow:hidden}.vg3 .vg3-pw-meter-fill:before{content:"";background:linear-gradient(100deg,#0000 30%,#ffffff4d 50%,#0000 70%);animation:4.6s ease-in-out infinite vg3-pw-sheen;position:absolute;inset:0;transform:translate(-130%)}.vg3 .vg3-pw-meter-tip{left:var(--w,50%);background:color-mix(in srgb, var(--pw-mc) 75%, #fff);width:7px;height:7px;box-shadow:0 0 5px 1px color-mix(in srgb, var(--pw-mc) 30%, transparent);border-radius:999px;animation:2.8s ease-in-out infinite vg3-pw-tip;position:absolute;top:50%;transform:translate(-60%,-50%)}@keyframes vg3-pw-sheen{0%,55%{transform:translate(-130%)}85%,to{transform:translate(130%)}}@keyframes vg3-pw-tip{0%,to{opacity:.55}50%{opacity:1}}.vg3 .vg3-pw-cta{padding:20px 26px 0}.vg3 .vg3-pw-cta .vg2-btn{text-align:center;justify-content:center;width:100%;display:inline-flex}.vg3 .vg3-pw-feats{background:linear-gradient(90deg,#0000,#66e0ff29,#0000) top/calc(100% - 52px) 1px no-repeat;flex-direction:column;gap:10px;margin:20px 0 0;padding:18px 26px 26px;list-style:none;display:flex}.vg3 .vg3-pw-feats li{color:var(--vg2-fg);align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;display:flex}.vg3 .vg3-pw-feats li[data-new=true]{border:1px solid color-mix(in srgb, var(--pw-mc) 24%, transparent);background:color-mix(in srgb, var(--pw-mc) 8%, transparent);border-radius:10px;margin:2px -10px;padding:7px 10px;font-weight:600}.vg3 .vg3-pw-new{border:1px solid color-mix(in srgb, var(--pw-mc) 45%, transparent);background:color-mix(in srgb, var(--pw-mc) 16%, transparent);color:var(--pw-mc);letter-spacing:.14em;text-transform:uppercase;border-radius:6px;flex-shrink:0;align-self:center;margin-left:auto;padding:2px 6px;font-size:8.5px;font-weight:700}.vg3 .vg3-pw-check{border:1px solid color-mix(in srgb, var(--pw-mc) 35%, transparent);background:color-mix(in srgb, var(--pw-mc) 10%, transparent);width:15px;height:15px;color:var(--pw-mc);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2.5px;display:inline-flex;box-shadow:inset 0 1px #ffffff0d}.vg3 .vg3-pw-foot{text-align:center;margin-top:26px}.vg3 .vg3-pw-foot-credits{letter-spacing:.02em;color:var(--vg2-muted);font-size:12px}.vg3 .vg3-pw-foot-note{color:var(--vg2-faint);margin-top:8px;font-size:11.5px}@supports not (grid-template-rows:subgrid){.vg3 .vg3-pw-card{flex-direction:column;display:flex}.vg3 .vg3-pw-card:not(.vg3-pw-card--hero){margin-top:44px}.vg3 .vg3-pw-desc{min-height:112px}.vg3 .vg3-pw-price{min-height:100px}.vg3 .vg3-pw-feats{flex:1}}@media (max-width:920px){.vg3 .vg3-pw-wall{flex-direction:column;gap:18px;max-width:460px;display:flex}.vg3 .vg3-pw-card{flex-direction:column;display:flex}.vg3 .vg3-pw-card:not(.vg3-pw-card--hero){margin-top:0}.vg3 .vg3-pw-card--hero{order:-1}.vg3 .vg3-pw-desc,.vg3 .vg3-pw-price{min-height:0}.vg3 .vg3-pw-card--hero .vg3-pw-num{font-size:50px}.vg3 .vg3-pw-feats{flex:1}}@media (prefers-reduced-motion:reduce){.vg3 .vg3-pw *,.vg3 .vg3-pw :before,.vg3 .vg3-pw :after{transition:none!important;animation:none!important}.vg3 .vg3-pw-card:hover{transform:none!important}}.vg3 .vg3-pw-card:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--a,#00e5ff) 60%, transparent), transparent);opacity:.25;height:1px;transition:opacity .4s;position:absolute;top:0;left:10%;right:10%}.vg3 .vg3-pw-card:hover{border-color:color-mix(in srgb, var(--a,#00e5ff) 42%, transparent);box-shadow:inset 0 1px 0 #ffffff14, inset 0 0 110px -36px color-mix(in srgb, var(--a,#00e5ff) 36%, transparent), 0 24px 48px -26px #000000d9, 0 14px 46px -16px color-mix(in srgb, var(--a,#00e5ff) 28%, transparent)}.vg3 .vg3-pw-card:hover:before{opacity:1}.vg3 .vg3-pw-card:hover .vg3-pw-icon{border-color:color-mix(in srgb, var(--a,#00e5ff) 45%, transparent);box-shadow:0 0 16px -4px color-mix(in srgb, var(--a,#00e5ff) 60%, transparent)}.vg3 .vg3-pw-icon{transition:border-color .3s,box-shadow .35s}@media (prefers-reduced-motion:reduce){.vg3 .vg3-pw-card,.vg3 .vg3-pw-icon{transition:none}}
