.pn-stage{position:relative}.pn-stage:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);filter:blur(40px);pointer-events:none;z-index:-1;height:70%;position:absolute;bottom:-40px;left:10%;right:25%}.showcase.pn-stage .shot.panel6{height:540px}.m6 .panel6:hover{transform:none}.panel6{border-color:color-mix(in srgb, var(--line-strong) 70%, var(--accent));box-shadow:0 40px 100px -30px #000000b3,inset 0 0 0 1px #ffffff08}.panel6 .shot-bar{background:color-mix(in srgb, var(--surface) 60%, var(--bg));justify-content:flex-start}.panel6 .shot-bar .url{background:var(--bg);border:1px solid var(--line-subtle);border-radius:999px;margin:0 auto;padding:4px 14px;transform:translate(-24px)}.panel6 .shot-side{width:196px}.panel6 .shot-side .n{cursor:pointer;text-align:left;width:100%;height:30px;font:500 12.5px var(--font-sans);background:0 0;border:0;transition:background-color .15s,color .15s}.panel6 .shot-side .n:hover{background:color-mix(in srgb, var(--hover) 60%, transparent);color:var(--text)}.panel6 .shot-side .n.on{background:var(--hover);color:var(--text)}.panel6 .shot-side .n i{transition:background-color .2s ease, transform .25s var(--ease-out)}.panel6 .shot-side .n:hover i{transform:rotate(45deg)scale(.85)}.panel6 .shot-side .n:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pn-main{flex-direction:column;flex:1;gap:14px;min-width:0;padding:16px 20px 18px;display:flex;overflow:hidden}.pn-head{align-items:center;gap:10px;display:flex}.pn-head b{font:600 15px var(--font-sans);letter-spacing:-.01em}.pn-live{background:color-mix(in srgb, var(--success) 14%, transparent);height:22px;color:var(--success);font:500 11px var(--font-sans);border-radius:999px;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.pn-live i,.pn-on i{background:var(--success);border-radius:3px;width:6px;height:6px;animation:1.8s ease-out infinite pn-pulse}@keyframes pn-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--success) 60%, transparent)}to{box-shadow:0 0 0 7px #0000}}.pn-pill{border:1px solid var(--line);height:24px;font:500 11px var(--font-sans);color:var(--text-muted);border-radius:7px;align-items:center;padding:0 10px;display:inline-flex}.pn-view{min-height:0;animation:pn-in .35s var(--ease-out) both;flex-direction:column;flex:1;gap:14px;display:flex}@keyframes pn-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.panel6 .shot-kpi{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:12px 14px;display:grid;position:relative}.panel6 .shot-kpi>span{grid-area:1/1}.panel6 .shot-kpi b{text-overflow:ellipsis;grid-area:2/1/auto/-1;font-size:21px;overflow:hidden}.pn-up,.pn-on{font:500 11px var(--font-sans);color:var(--success);white-space:nowrap;grid-area:1/2;align-items:center;gap:5px;font-style:normal;display:inline-flex}.pn-on{color:var(--text-muted)}.pn-ping{color:var(--accent);animation:pn-ping 2.4s var(--ease-out) both;font-size:11px;font-style:normal;position:absolute;bottom:12px;right:12px}@keyframes pn-ping{0%{opacity:0;transform:translateY(6px)}15%,70%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}.pn-chart{border:1px solid var(--line-subtle);background:linear-gradient(var(--line-subtle) 1px, transparent 1px) 0 25% / 100% 25%, var(--surface);cursor:crosshair;border-radius:10px;flex:1;min-height:130px;position:relative;overflow:hidden}.pn-plot{width:100%;height:calc(100% - 34px);position:absolute;inset:10px 0 24px}.panel6[data-phase=armed] .pn-plot{clip-path:inset(0 100% 0 0)}.panel6[data-phase=seen] .pn-plot{animation:1.6s cubic-bezier(.4,0,.2,1) both pn-draw}@keyframes pn-draw{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}.pn-guide,.pn-dot,.pn-tip{pointer-events:none;transition:left .12s,top .12s,opacity .2s;position:absolute}.pn-guide{background:color-mix(in srgb, var(--accent) 45%, transparent);opacity:0;width:1px;top:10px;bottom:24px}.pn-chart:hover .pn-guide{opacity:1}.pn-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--surface), 0 0 14px var(--accent);border-radius:5px;margin-left:-5px;transform:translateY(-5px)}.pn-dot.today{animation:2s ease-in-out infinite pn-dot}@keyframes pn-dot{50%{box-shadow:0 0 0 3px var(--surface), 0 0 22px 4px var(--accent)}}.panel6[data-phase=armed] .pn-dot,.panel6[data-phase=armed] .pn-tip{opacity:0}.panel6[data-phase=seen] .pn-dot,.panel6[data-phase=seen] .pn-tip{animation-delay:1.4s}.pn-tip{background:var(--surface-raised);border:1px solid var(--line);box-shadow:var(--shadow-pop);white-space:nowrap;border-radius:8px;flex-direction:column;gap:1px;padding:6px 10px;display:flex;transform:translate(-50%,calc(-100% - 14px))}.pn-tip[data-edge=end]{transform:translate(calc(-100% - 14px),-50%)}.pn-tip[data-edge=start]{transform:translate(14px,-50%)}.pn-tip[data-below]{transform:translate(-50%,14px)}.pn-tip[data-below][data-edge=end]{transform:translate(calc(-100% - 14px),-50%)}.pn-tip[data-below][data-edge=start]{transform:translate(14px,-50%)}.pn-tip span{font:400 10px var(--font-sans);color:var(--text-muted)}.pn-tip b{font-size:13px;font-weight:500}.pn-x{font:400 10px var(--font-sans);color:var(--text-faint);justify-content:space-between;display:flex;position:absolute;bottom:6px;left:10px;right:10px}.pn-rows div{padding:9px 12px}.pn-rows div>:nth-child(3){text-overflow:ellipsis;min-width:0;overflow:hidden}.pn-rows div>.mono,.pn-rows div>.pn-m,.pn-rows div>b{flex:none}.pn-rows div.in{animation:pn-row .5s var(--ease-out) both}@keyframes pn-row{0%{opacity:0;background:color-mix(in srgb, var(--accent) 16%, transparent);transform:translateY(-100%)}40%{opacity:1;transform:none}to{background:0 0}}.pn-m{font:500 10px var(--font-sans);color:var(--text-muted);border:1px solid var(--line);border-radius:5px;padding:1px 6px}.pn-main{container-type:inline-size}.pn-list{border:1px solid var(--line-subtle);border-radius:10px;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,.8fr) auto;column-gap:12px;display:grid;overflow:hidden}.pn-list>div{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--line-subtle);font:400 12px var(--font-sans);color:var(--text-muted);animation:pn-in .35s var(--ease-out) both;align-items:center;padding:12px 14px;display:grid}.pn-list>div>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pn-list>div>span:last-child{justify-self:end;overflow:visible}@container (max-width:470px){.pn-list{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.pn-list>div>span:nth-child(3){display:none}}@container (max-width:360px){.pn-list{grid-template-columns:minmax(0,1fr) auto}.pn-list>div>span:nth-child(2){display:none}}.pn-list>div:first-child{border-top:0}.pn-list>div:nth-child(2){animation-delay:40ms}.pn-list>div:nth-child(3){animation-delay:80ms}.pn-list>div:nth-child(4){animation-delay:.12s}.pn-list>div:nth-child(5){animation-delay:.16s}.pn-list>div>span:first-child{color:var(--text);font-weight:500}.pn-list>div:hover{background:color-mix(in srgb, var(--hover) 55%, transparent)}.pn-tag{height:22px;font:500 11px var(--font-sans);white-space:nowrap;background:var(--hover);color:var(--text-muted);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.pn-tag.ok{background:color-mix(in srgb, var(--success) 16%, transparent);color:var(--success)}.pn-tag.wait{background:var(--accent-soft);color:var(--accent)}.pn-tag.warn{background:color-mix(in srgb, var(--danger) 16%, transparent);color:var(--danger)}.pn-acts{gap:6px;display:inline-flex}.pn-acts button{border:1px solid var(--line);background:var(--surface);height:24px;color:var(--text);font:500 11px var(--font-sans);cursor:pointer;border-radius:7px;padding:0 9px;transition:background-color .15s,border-color .15s}.pn-acts button:first-child{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.pn-acts button:hover{border-color:var(--line-strong)}.pn-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.pn-card{border:1px solid var(--line-subtle);background:var(--surface);font:500 12px var(--font-sans);animation:pn-in .35s var(--ease-out) both;transition:border-color .2s ease, transform .25s var(--ease-out);border-radius:10px;flex-direction:column;gap:3px;padding:10px;display:flex}.pn-card:hover{border-color:var(--accent);transform:translateY(-2px)}.pn-card .mono{color:var(--accent);font-size:12px}.pn-card .sm{font-size:11px}.pn-art{background:radial-gradient(60% 60% at 50% 60%, var(--accent-soft), transparent), repeating-conic-gradient(color-mix(in srgb, var(--accent) 12%, transparent) 0 25%, transparent 0 50%) 0 0 / 14px 14px, var(--bg);border-radius:7px;height:74px;margin-bottom:6px}@media (max-width:1099px){.showcase.pn-stage .shot.panel6{height:500px}.panel6 .shot-side{width:160px}.pn-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.pn-cards .pn-card:nth-child(n+5){display:none}}@media (max-width:899px){.pn-m{display:none}}.grid.g3>.cell{--r:calc(var(--radius-xl) - 1px)}@media (min-width:1100px){.grid.g3>.cell:first-child{border-top-left-radius:var(--r)}.grid.g3>.cell:nth-child(3){border-top-right-radius:var(--r)}.grid.g3>.cell:nth-child(4){border-bottom-left-radius:var(--r)}.grid.g3>.cell:nth-child(6){border-bottom-right-radius:var(--r)}}@media (min-width:640px) and (max-width:1099px){.grid.g3>.cell:first-child{border-top-left-radius:var(--r)}.grid.g3>.cell:nth-child(2){border-top-right-radius:var(--r)}.grid.g3>.cell:nth-child(5){border-bottom-left-radius:var(--r)}.grid.g3>.cell:nth-child(6){border-bottom-right-radius:var(--r)}}@media (max-width:639px){.grid.g3>.cell:first-child{border-radius:var(--r) var(--r) 0 0}.grid.g3>.cell:last-child{border-radius:0 0 var(--r) var(--r)}}.tiers-wrap{flex-direction:column;align-items:center;gap:32px;width:100%;display:flex}.bill{border:1px solid var(--line);background:var(--surface);border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:grid;position:relative}.bill button{z-index:1;height:36px;font:500 14px var(--font-sans);color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;transition:color .25s;display:inline-flex;position:relative}.bill button[aria-checked=true]{color:var(--on-primary)}.bill button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.bill em{font:600 11px var(--font-sans);color:var(--accent);font-style:normal}.bill button[aria-checked=true] em{color:var(--on-primary)}.bill-pill{background:var(--primary);width:calc(50% - 4px);transform:translateX(calc(var(--i,0) * 100%));transition:transform .4s var(--ease-out);border-radius:999px;position:absolute;top:4px;bottom:4px;left:4px}.tiers{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;width:100%;display:grid}.tier{border:1px solid var(--line);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 100%, transparent), var(--bg));transition:border-color .2s ease, transform .3s var(--ease-out), box-shadow .3s ease;border-radius:20px;flex-direction:column;gap:20px;padding:32px 28px;display:flex;position:relative}.tier:hover{border-color:var(--line-strong);transform:translateY(-4px)}.tier.hl{border-color:color-mix(in srgb, var(--accent) 70%, transparent);background:radial-gradient(120% 60% at 50% 0%, color-mix(in srgb, var(--accent) 16%, transparent), transparent 60%), var(--surface);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent) inset, 0 40px 90px -40px var(--accent)}.tier.hl:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset, 0 50px 110px -40px var(--accent)}.tier-badge{background:var(--accent);height:24px;color:var(--on-accent);font:600 12px var(--font-sans);white-space:nowrap;box-shadow:0 6px 20px -6px var(--accent);border-radius:999px;align-items:center;padding:0 12px;display:inline-flex;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.tier-top{flex-direction:column;gap:6px;display:flex}.tier-name{font:600 20px/26px var(--font-sans);letter-spacing:-.015em;margin:0}.tier.hl .tier-name{color:var(--accent)}.tier-top .p{min-height:44px;font-size:15px;line-height:22px}.tier-price{animation:pn-in .3s var(--ease-out) both;align-items:flex-end;gap:8px;display:flex}.tier-price .amt{font:600 52px/48px var(--font-sans);letter-spacing:-.045em}.tier-price .per{font:400 13px/16px var(--font-sans);color:var(--text-muted);padding-bottom:2px}.tier-note{font:400 13px var(--font-sans);color:var(--text-faint);margin-top:-12px}.tier .zo-btn{width:100%}.tier-feats{border-top:1px solid var(--line-subtle);flex-direction:column;gap:14px;padding-top:20px;display:flex}.tier-feats ul{flex-direction:column;gap:11px;margin:0;padding:0;list-style:none;display:flex}.tier-feats li{font:400 15px/22px var(--font-sans);color:var(--text);gap:10px;display:flex}.tier-feats li .zo-ic{width:18px;height:18px;color:var(--success);background:color-mix(in srgb, var(--success) 14%, transparent);border-radius:9px;flex:none;margin-top:2px;padding:2px}.tier.hl .tier-feats li .zo-ic{color:var(--accent);background:var(--accent-soft)}@media (max-width:1099px){.tiers{grid-template-columns:minmax(0,1fr);gap:24px;max-width:520px}.tier-top .p{min-height:0}}@media (max-width:639px){.tier{padding:28px 22px}.tier-price .amt{font-size:44px;line-height:42px}}.cta-bit.s1{width:14px;top:90px;left:18%}.cta-bit.s2{width:9px;top:150px;left:24%}.cta-bit.s3{width:16px;top:110px;right:20%}.cta-bit.s4{width:8px;top:180px;right:15%}.cta-bit{animation:7s ease-in-out infinite bit-float}.cta-bit.s2{animation-duration:9s;animation-delay:-3s}.cta-bit.s3{animation-duration:6s;animation-delay:-1.5s}.cta-bit.s4{animation-duration:8s;animation-delay:-5s}@media (max-width:639px){.cta-bit.s1{top:18px;left:6%}.cta-bit.s2{top:auto;bottom:22px;left:12%}.cta-bit.s3{top:26px;right:8%}.cta-bit.s4{top:auto;bottom:30px;right:14%}}.ban{width:90%}.ban>span:not(.swap){white-space:nowrap}.hero-art.isl{animation:isl-in 1.4s var(--ease-out) both}.isl-float{animation:9s ease-in-out infinite isl-float}.isl-img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(90deg,#0000001f 8%,#0000008c 32%,#000 58%);mask-image:linear-gradient(90deg,#0000001f 8%,#0000008c 32%,#000 58%)}@keyframes isl-in{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:none}}@keyframes isl-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bit.pt{left:var(--x);top:var(--y);z-index:1;animation:pt-rise var(--t) cubic-bezier(.3, .2, .4, 1) var(--d) infinite;opacity:0;position:absolute}.bit.pt.bob{opacity:1;animation:bit-float var(--t) ease-in-out var(--d) infinite}@keyframes pt-rise{0%{opacity:0;transform:translate(0)scale(.4)rotate(0)}12%{opacity:1}70%{opacity:.9}to{transform:translate(var(--dx), var(--dy)) scale(1) rotate(160deg);opacity:0}}.spark{left:var(--x);top:var(--y);opacity:0;width:3px;height:3px;animation:spark var(--t) ease-out var(--d) infinite;background:#ff9cc8;border-radius:1px;position:absolute;box-shadow:0 0 6px 1px #ea4a8e}@keyframes spark{0%{opacity:0;transform:translate(0)}15%{opacity:1}to{opacity:0;transform:translate(24px,-160px)}}.hero-bits{display:none}@media (max-width:639px){.hero-art.isl{display:none}.hero-bits{z-index:-1;pointer-events:none;display:block;position:absolute;inset:-40px -20px -90px}.ghero .split{margin-bottom:64px}.hero-bits .bit.pt{opacity:1;animation:bit-float var(--t) ease-in-out var(--d) infinite}.hero-bits .spark{animation-duration:calc(var(--t) * 1.4)}.showcase.pn-stage{margin-top:0;display:flex}.showcase.pn-stage .shot.panel6{height:auto}.panel6 .pn-chart{flex:none;height:140px}}.showcase.pn-stage .phone{border-radius:40px;width:280px;height:540px;padding:9px}.showcase.pn-stage .phone .scr{border-radius:32px;gap:12px;padding:18px 14px}.showcase.pn-stage .phone .hero{height:128px}.showcase.pn-stage .phone .pk{gap:10px}.showcase.pn-stage .phone .pk div{height:122px;padding:10px;font-size:12px}.showcase.pn-stage .phone .pk div span{font-size:12px}.showcase.pn-stage .phone .buy{border-radius:12px;height:42px;font-size:13px}@media (max-width:1099px){.showcase.pn-stage .phone{width:250px;height:500px}.showcase.pn-stage .phone .pk div{height:104px}}.nav-burger{display:none}.nav-burger path{transform-box:fill-box;transform-origin:50%;transition:transform .25s var(--ease-out), opacity .2s ease}.nav-burger[aria-expanded=true] .l1{transform:translateY(5px)rotate(45deg)}.nav-burger[aria-expanded=true] .l2{opacity:0}.nav-burger[aria-expanded=true] .l3{transform:translateY(-5px)rotate(-45deg)}@media (max-width:959px){.nav-burger{flex:none;margin-right:-8px;display:inline-flex}}@media (max-width:639px){[data-product=games] .m6-nav{gap:8px}[data-product=games] .m6-nav .logo .zo-mark{width:auto;height:18px}.nav-burger{width:40px;height:40px}}@media (max-width:369px){[data-product=games] .m6-nav .nav-m{display:none}}.drawer>a.dl .zo-ic{color:var(--text-muted);transition:transform .25s var(--ease-out), color .2s ease}.drawer>a.dl:hover .zo-ic{color:var(--text);transform:translate(3px)}.drawer>a.dl[aria-current=page]{color:var(--accent)}.drawer>a.dl:last-of-type{color:var(--text-muted);font-size:15px}.drawer.open>a.dl{animation:pn-in .35s var(--ease-out) both}.drawer.open>a.dl:nth-child(2){animation-delay:30ms}.drawer.open>a.dl:nth-child(3){animation-delay:60ms}.drawer.open>a.dl:nth-child(4){animation-delay:90ms}.drawer.open>a.dl:nth-child(5){animation-delay:.12s}@media (prefers-reduced-motion:reduce){.drawer,.drawer *,.nav-burger path{transition:none!important;animation:none!important}}.panel6{container:panel/inline-size}@container panel (max-width:639px){.panel6 .shot-body{flex-direction:column}.panel6 .shot-side{border-right:0;border-bottom:1px solid var(--line-subtle);scrollbar-width:none;overscroll-behavior-x:contain;flex-direction:row;gap:4px;width:auto;padding:8px 10px;position:relative;overflow-x:auto}.panel6 .shot-side::-webkit-scrollbar{display:none}.panel6 .shot-side>:is(.zo-mark,span){display:none}.panel6 .shot-side .n{white-space:nowrap;flex:none;width:auto;padding:0 10px}.pn-main{gap:12px;padding:14px 16px 16px}.pn-view{gap:12px}}@container panel (max-width:460px){.panel6 .shot-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.panel6 .shot-kpi:nth-child(3),.pn-m{display:none}}