@media (max-width: 560px) {
            .zg-footer .zg-footer__inner {
                grid-template-columns: minmax(0, 1fr);
            }
        }
        @media (max-width: 1023px) {
            .zg-wrap {
                width: calc(100% - 30px);
            }
            .zg-mq {
                height: 40px;
                margin: 14px 0 -3px;
                box-shadow: 0 0 30px -2px rgba(105, 0, 255, .6);
            }
            .zg-mq__track {
                animation-duration: 42s;
            }
            .zg-mq__i {
                font-size: 11.5px;
                line-height: 17px;
            }
            .zg-nav {
                --zg-nav-k: 1;
                height: 79.35px;
            }
            .zg-nav__band {
                inset: -3px auto 0 -26.12%;
                width: 149.5%;
                border: 0;
                border-image: none;
                background-image: var(--zg-svg-mo-nav);
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
            .zg-nav__inner {
                display: none;
            }
            .zg-nav-mobile {
                position: relative;
                width: 100%;
                max-width: 430px;
                height: 79.35px;
                margin-inline: auto;
                display: grid;
                grid-template-columns: clamp(82px, 25.65vw, 100px) repeat(2, clamp(38px, 10.77vw, 42px)) clamp(82px, 25.65vw, 100px);
                align-items: center;
                justify-content: center;
                column-gap: clamp(8px, 2vw, 12px);
                padding: 0 clamp(8px, 4vw, 22px);
                box-sizing: border-box;
            }
            .zg-nav-mobile__brand {
                display: flex;
                width: clamp(44px, 13vw, 53px);
                max-width: 100%;
                min-width: 0;
                height: clamp(44px, 13vw, 53px);
                margin-right: 0;
                align-items: center;
                justify-content: center;
                justify-self: center;
            }
            .zg-nav-mobile__brand .zg-brandicon {
                display: block;
                width: 100%;
                max-width: 100%;
                height: 100%;
                flex: none;
            }
            .zg-nav-mobile__login {
                margin-left: 0;
                width: min(100%, 100px);
                padding: 0;
            }
            .zg-nav-mobile__icon {
                width: clamp(38px, 11vw, 42px);
                height: clamp(38px, 11vw, 42px);
                flex: none;
                border-radius: 999px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: var(--zg-pill);
            }
            .zg-nav-mobile__icon--accent {
                display: flex;
                background: var(--zg-grad-pill);
            }
            .zg-nav-mobile .zg-nav__profile {
                height: 42px;
                justify-self: center;
            }
            .zg-nav-mobile [data-profile-button] {
                gap: 0;
            }
            .zg-nav-mobile [data-profile-button]>div:not(.zg-navpic),
            .zg-nav-mobile [data-profile-button]>i {
                display: none;
            }
            .zg-nav-mobile__login {
                display: inline-flex;
                flex: none;
                justify-self: center;
                align-items: center;
                justify-content: center;
                gap: clamp(3px, 1.5vw, 6px);
                height: clamp(38px, 11vw, 42px);
                padding: 0 clamp(4px, 2vw, 14px);
                border-radius: 999px;
                background: var(--zg-grad-pill);
                font-family: var(--zg-ui);
                font-weight: 700;
                font-size: clamp(12px, 3.8vw, 15px);
                color: #fff;
                white-space: nowrap;
            }
            @media (max-width: 279px) {
                .zg-nav-mobile {
                    grid-template-columns: clamp(44px, 22vw, 60px) repeat(2, 38px) clamp(44px, 22vw, 60px);
                    column-gap: 4px;
                }
                .zg-nav-mobile__login {
                    width: clamp(38px, 15vw, 42px);
                    border-radius: 999px;
                }
                .zg-nav-mobile__login span {
                    display: none;
                }
            }
            .zg-hero {
                padding-top: 7px;
            }
            .zg-hero__grid {
                display: block;
                --zg-w: 372px;
                transform: none;
            }
            .zg-shape-hero {
                margin-top: 0;
                --zg-hero-r: 12px;
            }
            .zg-hero__side {
                margin-top: 12px;
            }
            .zg-tag {
                height: 41.861px;
                background-image: var(--zg-svg-mo-banner);
                padding-left: 78px;
                gap: 9px;
                font-size: 17.904px;
                line-height: 21.485px;
                margin-bottom: 11.14px;
                margin-inline: -6px;
            }
            .zg-dot {
                width: 11.5px;
                height: 11.5px;
                box-shadow: 0 0 0 2.4px rgba(105, 0, 255, .23);
            }
            .zg-topgames {
                display: flex;
                margin-inline: -15px;
                padding-inline: 15px;
                scroll-padding-inline: 15px;
                gap: 11px;
                overflow-x: auto;
                scroll-snap-type: x mandatory;
                -webkit-overflow-scrolling: touch;
                scrollbar-width: none;
                padding-block: 6px;
                align-items: flex-start;
            }
            .zg-topgames::-webkit-scrollbar {
                display: none;
            }
            .zg-gamecard {
                flex: 0 0 257px;
                aspect-ratio: 257 / 147;
                border-radius: 12px;
                scroll-snap-align: start;
            }
            .zg-gamecard__name {
                left: 17.79px;
                top: 25.94px;
                font-size: 25px;
            }
            .zg-search {
                width: min(367.664px, calc(100% - 30px));
                height: 46px;
                margin-top: 12.6px;
                border: 0;
                border-image: none;
                background-image: var(--zg-svg-mo-search);
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
            .zg-search__icon {
                left: 24.82px;
                width: 18.714px;
                height: 18.714px;
            }
            .zg-search input {
                padding: 0 34px 0 52.53px;
                font-size: 13.341px;
                line-height: 16.009px;
            }
            .zg-trust {
                --zg-w: 100%;
                width: 100%;
                margin-top: 17px;
                display: flex;
                gap: 21.47px;
                padding-inline: 16px;
            }
            .zg-trust .zg-badge--shield {
                display: none;
            }
            .zg-badge {
                flex: 1 1 0;
                min-width: 0;
                height: 49px;
                border-radius: 5px;
                padding: 8.708px 46px 0 9.561px;
            }
            .zg-badge__title {
                font-size: 13.5px;
                line-height: 18px;
            }
            .zg-badge__sub {
                font-size: 7.1px;
                line-height: 8.2px;
            }
            .zg-badge--shield .zg-badge__icon {
                right: 2px;
                top: 0;
                width: 44.4px;
                height: 49.9px;
            }
            .zg-badge--truck .zg-badge__icon {
                right: 1.3px;
                top: .2px;
                width: 48px;
                height: 48px;
            }
            .zg-badge--support .zg-badge__icon {
                right: -1.8px;
                top: .4px;
                width: 56.4px;
                height: 55.5px;
            }
            .zg-featured {
                display: none;
            }
            .zg-choose-mobile {
                display: flex;
                align-items: center;
                justify-content: center;
                gap: 21px;
                margin-top: 15px;
            }
            .zg-chev-pair {
                display: flex;
                align-items: center;
                color: #fff;
                flex: none;
            }
            .zg-chev-pair svg:first-child {
                width: 9.453px;
                height: 16.543px;
            }
            .zg-chev-pair svg+svg {
                width: 13.089px;
                height: 22.905px;
                margin-left: -.54px;
            }
            .zg-chev-pair--flip {
                transform: scaleX(-1);
            }
            .zg-choose {
                position: static;
                transform: none;
                width: 216px;
                height: 52.258px;
                border-radius: 25.96px;
                border-width: .885px;
                font-size: 15.807px;
                line-height: 23.711px;
                letter-spacing: 0;
                gap: 9.3px;
            }
            .zg-choose__chevrons {
                display: none;
            }
            .zg-perks-panel {
                margin-top: 24px;
                margin-inline: -2px;
                border-radius: 43px;
                border: .9px solid var(--zg-purple);
                background: var(--zg-bg);
                padding: 31px 14px 60px;
                transform: none;
            }
            .zg-perks-band {
                position: relative;
            }
            .zg-perks-band__wash {
                display: block;
                position: absolute;
                inset: 0;
                z-index: -1;
                background: rgba(105, 0, 255, .0823);
                pointer-events: none;
            }
            .zg-home {
                overflow-x: clip;
            }
            .zg-perks-panel::after {
                content: '';
                position: absolute;
                pointer-events: none;
                left: 50%;
                transform: translateX(-50%);
                top: 0;
                width: 158px;
                height: 6px;
                border-radius: 999px;
                background: var(--zg-purple);
            }
            .zg-secttl {
                --zg-w: 100%;
                width: 100%;
                grid-template-columns: 1fr;
                gap: 0;
                transform: none;
                position: relative;
            }
            .zg-secttl__line {
                display: block;
                position: absolute;
                top: 28.5px;
                width: 70px;
            }
            .zg-secttl__line--l {
                left: -12.5px;
            }
            .zg-secttl__line--r {
                right: -12px;
            }
            .zg-secttl__chev {
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: 23.5px;
                color: #fff;
            }
            .zg-title {
                font-size: 34.863px;
                line-height: 29.38px;
                max-width: 253px;
                margin-inline: auto;
            }
            .zg-sub {
                font-size: 10.857px;
                line-height: 9.149px;
            }
            .zg-secttl__sub {
                margin-top: 6.5px;
            }
            .zg-perks {
                --zg-w: 100%;
                width: 100%;
                margin-top: 16px;
                transform: none;
            }
            .zg-perks__rail,
            .zg-perk__chev {
                display: none;
            }
            .zg-perk {
                border-radius: 17.36px;
                border: .868px solid var(--zg-line);
                background: var(--zg-panel);
                height: auto;
                padding: 0 0 20.6px;
                display: flex;
                flex-direction: column;
                justify-content: flex-end;
            }
            .zg-perk+.zg-perk {
                margin-top: 29px;
            }
            .zg-perk+.zg-perk.zg-perk--tall {
                margin-top: 28px;
            }
            .zg-perk--row {
                min-height: 265px;
                padding-left: 22px;
                padding-right: 22px;
            }
            .zg-perk--slim {
                min-height: 141px;
            }
            .zg-perk--tall {
                min-height: 265px;
                padding-left: 22px;
                padding-right: 22px;
            }
            .zg-perk__title {
                font-size: 27.053px;
                line-height: 22.799px;
            }
            .zg-perk--slim .zg-perk__title {
                font-size: 23.187px;
                line-height: 19.54px;
            }
            .zg-perk__sub {
                font-size: 9.5px;
                line-height: 8px;
                margin-top: 9.3px;
            }
            .zg-perk--tall .zg-perk__title {
                font-size: 27.053px;
                line-height: 22.799px;
            }
            .zg-perk--tall .zg-perk__sub {
                margin-top: 9.3px;
            }
            .zg-perk--row .zg-btn-dark,
            .zg-perk--tall .zg-btn-dark,
            .zg-perk--slim .zg-btn-dark {
                position: static;
                width: 164.961px;
                height: 32.031px;
                font-size: 11.318px;
                line-height: 13.582px;
                margin-top: 16.5px;
                padding: 0;
            }
            .zg-perk--slim .zg-btn-dark {
                width: 141.386px;
                height: 27.454px;
                font-size: 9.701px;
            }
            .zg-perk__orbs {
                display: none;
            }
            .zg-perk--banner {
                display: block !important;
                min-height: 0 !important;
                height: auto !important;
                padding: 0 !important;
                border: none !important;
                background: transparent !important;
                backdrop-filter: none !important;
            }
            .zg-perk--banner+.zg-perk--banner {
                margin-top: 14px !important;
            }
            .zg-faq {
                --zg-w: 100%;
                width: calc(100% - 30px);
                margin-top: 74px;
                transform: none;
            }
            .zg-faq__head {
                position: relative;
                left: 0;
                top: 0;
                width: auto;
                max-width: none;
                text-align: center;
                margin-bottom: 32.2px;
            }
            .zg-faq__line {
                display: block;
                position: absolute;
                width: 188px;
                height: 1px;
                background: var(--zg-purple);
            }
            .zg-faq__line--l {
                left: -132px;
                top: 31px;
            }
            .zg-faq__line--r {
                right: -130px;
                top: 24px;
            }
            .zg-faq__title {
                font-size: 36.165px;
                line-height: 30.846px;
                max-width: 260px;
                margin-inline: auto;
            }
            .zg-faq__sub {
                font-size: 11.459px;
                line-height: 9.657px;
                margin-top: 15px;
                text-align: center;
            }
            .zg-faq__list {
                gap: 11px;
            }
            .zg-faq__item+.zg-faq__item,
            .zg-faq__item:first-child+.zg-faq__item {
                margin-top: 0;
            }
            .zg-faq__item {
                border-radius: 5.524px;
                border-color: transparent;
            }
            .zg-faq__item:first-child {
                width: 100%;
                margin-left: 0;
                margin-bottom: 0;
            }
            .zg-faq__btn,
            .zg-faq__item:first-child .zg-faq__btn {
                min-height: 47px;
                padding: 0 22px 0 24.24px;
                gap: 12.9px;
            }
            .zg-faq__dot {
                width: 10.138px;
                height: 10.138px;
                box-shadow: 0 0 0 2.1px rgba(105, 0, 255, .23);
            }
            .zg-faq__label {
                font-size: 12.95px;
                line-height: 10.914px;
            }
            .zg-faq__panel p {
                font-size: 12.5px;
                padding: 0 22px 18px 47px;
            }
            .zg-testi {
                margin-top: 0;
                padding: 27px 0 117px;
                background: var(--zg-bg);
            }
            .zg-testi::before {
                scale: none;
                background: linear-gradient(90deg, rgba(105, 0, 255, .78) 0%, rgba(105, 0, 255, .68) 13%, rgba(105, 0, 255, 0) 26%, rgba(105, 0, 255, 0) 74%, rgba(105, 0, 255, .3) 100%);
            }
            .zg-testi::after {
                background: linear-gradient(90deg, rgba(105, 0, 255, 1) 0%, rgba(105, 0, 255, 1) 38%, rgba(105, 0, 255, .55) 57%, rgba(105, 0, 255, .1) 82%, rgba(105, 0, 255, .06) 100%);
            }
            .zg-testi__head {
                --zg-w: 100%;
                width: calc(100% - 30px);
                text-align: center;
                position: static;
                padding-left: 0;
            }
            .zg-testi__title {
                font-size: 34.718px;
                line-height: 29.613px;
                max-width: 290px;
                margin-inline: auto;
            }
            .zg-testi__sub {
                font-size: 10.393px;
                line-height: 8.759px;
                margin-top: 13px;
            }
            .zg-testi__nav {
                left: 0;
                right: 0;
                top: auto;
                bottom: 45.5px;
                justify-content: center;
                gap: 15px;
            }
            .zg-testi__arrow {
                width: 44px;
                height: 44px;
            }
            .zg-testi__track {
                --zg-w: 100%;
                width: calc(100% - 30px);
                margin-top: 29px;
            }
            .zg-card {
                min-height: 314px;
            }
            .zg-card__in {
                padding: 37.3px 30.28px 0;
            }
            .zg-card__stars svg {
                width: 15.485px;
                height: 15.485px;
            }
            .zg-card__stars {
                gap: 5.7px;
            }
            .zg-card__rule {
                width: 178.918px;
                margin-top: 9.5px;
            }
            .zg-card__title {
                font-size: 16.32px;
                line-height: 13.754px;
                margin-top: 14px;
            }
            .zg-card__text {
                font-size: 13.311px;
                line-height: 16.152px;
                margin-top: 24px;
            }
            .zg-card__foot {
                padding-bottom: 35px;
                gap: 9.6px;
            }
            .zg-card__avatar {
                width: 45.112px;
                height: 45.806px;
                font-size: 16px;
            }
            .zg-card__name {
                font-size: 13.026px;
                line-height: 10.978px;
            }
            .zg-card__date {
                font-size: 8.893px;
                line-height: 7.494px;
                margin-top: 4.3px;
            }
            .zg-watermark {
                height: 235px;
            }
            .zg-watermark span {
                font-size: 172px;
                line-height: 145px;
                top: 100.85px;
                transform: translateX(-50%);
            }
            .zg-footer__inner {
                grid-template-columns: 1fr 1fr;
                gap: 36px 16px;
                padding-top: 40px;
                transform: none;
            }
            .zg-footer__inner> :last-child {
                grid-column: 1 / -1;
            }
            .zg-footer {
                padding-bottom: 32px;
            }
            .zg-copy {
                height: auto;
                padding: 20px 0;
                margin-top: 32px;
            }
            .zg-copy__inner {
                flex-direction: column;
                align-items: flex-start;
                gap: 14px;
                transform: none;
                font-size: 13px;
            }
            .zg-seals {
                gap: 16px;
            }
            .zg-seals__img--sb {
                height: 26px;
            }
            .zg-seals__img--ra {
                height: 28px;
            }
            .zg-store {
                margin-top: 48px;
            }
            .zg-store h3 {
                font-size: 22px;
            }
            .zg-cat {
                gap: 11px;
            }
            .zg-cat__plate {
                min-height: 44px;
                padding: 9px 14px 9px 16px;
                gap: 10px;
                border-radius: 10px;
                font-size: 19px;
            }
            .zg-cat__count {
                min-width: 22px;
                padding: 0 6px;
                font-size: 11px;
                line-height: 20px;
            }
            .zg-dot {
                flex: none;
            }
            .zg-faq-band {
                position: relative;
                display: flow-root;
                padding-bottom: 40px;
            }
            .zg-faq-band__wash {
                display: block;
                position: absolute;
                inset: 0;
                z-index: -1;
                background: rgba(105, 0, 255, .0823);
                pointer-events: none;
            }
            .zg-trust-solo {
                display: block;
                width: min(374px, calc(100% - 26px));
                margin-top: 34px;
            }
            .zg-trust-solo .zg-badge {
                flex: none;
                width: 100%;
                height: 54px;
                border-radius: 5.222px;
                padding: 10px 42% 0 33px;
                background: linear-gradient(24.573deg, #3d0093 -66.9%, #13002d 46.6%);
            }
            .zg-trust-solo .zg-badge__title {
                font-size: 14.754px;
                line-height: 22.132px;
            }
            .zg-trust-solo .zg-badge__sub {
                font-size: 7px;
                line-height: 6.2px;
            }
            .zg-trust-solo .zg-badge--shield .zg-badge__icon {
                left: 56.68%;
                right: auto;
                top: 0;
                width: 19.6%;
                height: auto;
                aspect-ratio: 73.3 / 82;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .zg-faq__panel {
                transition: none;
            }
        }

        body {
            font-family: 'Red Hat Display', system-ui, sans-serif;
        }

        .zg-home {
            position: relative;
            z-index: 0;
        }

        body {
            position: relative;
        }

        .zg-page-bg {
            position: fixed;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            background-color: var(--zg-bg);
            background-image: url('https://zyongg.pro/assets/fundo-mobile.webp');
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        @media (min-width: 1024px) {
            .zg-page-bg {
                background-image: url('https://zyongg.pro/assets/fundo-pc.webp');
            }
        }

        @media (min-width: 1024px) {
            .zg-trust-solo,
            .zg-faq-band__wash,
            .zg-perks-band__wash,
            .zg-faq__line {
                display: none;
            }
        }

        .zg-perks-panel,
        .zg-faq {
            position: relative;
            z-index: 0;
        }

        .zg-hero {
            position: relative;
            z-index: 5;
        }

        @media (min-width: 1024px) {
            .zg-perks-panel,
            .zg-faq {
                overflow-x: clip;
            }
        }

        .zg-shape-hero {
            position: relative;
        }

        .zg-shape-hero>.keen-slider.zg-fill {
            display: flex;
        }

        .zg-shape-hero .keen-slider__slide {
            height: auto;
        }

        .zg-shape-hero #hero-banner-dots button {
            width: 8px;
            height: 8px;
            border-radius: 999px;
            background: rgba(255, 255, 255, .35);
        }

        .zg-shape-hero #hero-banner-dots button[aria-current='true'] {
            background: #fff;
            width: 20px;
        }

        .zg-nav__profile {
            display: inline-flex;
            align-items: center;
            height: 50px;
        }

        .zg-testi__track .keen-slider {
            align-items: stretch;
        }

        .zg-testi__track .keen-slider__slide {
            height: auto;
            min-height: 430.764px;
        }

        @media (max-width: 1023px) {
            .zg-testi__track .keen-slider__slide {
                min-height: 312.698px;
            }
        }

        .zg-brandcompact {
            display: none;
            object-fit: contain;
            flex: none;
        }

        @media (min-width: 1024px) and (max-width: 1279px),
        (min-width: 1024px) and (min-resolution: 1.25dppx) {
            .zg-nav__brand {
                width: 64px;
                left: 0;
                margin-left: -84px;
            }
            .zg-nav__brand .zg-brandmark {
                display: none;
            }
            .zg-nav__brand .zg-brandcompact {
                display: block;
                width: 50px;
                height: 50px;
                margin: auto;
            }
        }

        :root {
            --zg-ease: cubic-bezier(.22, .61, .36, 1);
            --zg-out: cubic-bezier(.16, 1, .3, 1);
            --zg-back: cubic-bezier(.34, 1.5, .64, 1);
            --zg-t-fast: 140ms;
            --zg-t: 280ms;
            --zg-t-slow: 620ms;
        }

        @media (prefers-reduced-motion: no-preference) {
            html {
                scroll-behavior: smooth;
            }
        }

        .zg-nav__glass {
            position: absolute;
            top: -3px;
            bottom: 0;
            left: max(-11px, calc(50% - 971px));
            width: min(1934px, calc(100% + 14px));
            pointer-events: none;
        }

        .zg-nav__glass>i {
            position: absolute;
            top: 0;
            bottom: 0;
            opacity: 0;
            transition: opacity 460ms var(--zg-out);
            backdrop-filter: blur(22px) saturate(160%);
            -webkit-backdrop-filter: blur(22px) saturate(160%);
            background-image: var(--zg-svg-nav-glass);
            background-size: var(--zg-nav-art) 100%;
            background-repeat: no-repeat;
            -webkit-mask-image: var(--zg-svg-nav);
            mask-image: var(--zg-svg-nav);
            -webkit-mask-size: var(--zg-nav-art) 100%;
            mask-size: var(--zg-nav-art) 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
        }

        .zg-nav__glass>.zg-nav__glass-l {
            left: 0;
            width: var(--zg-nav-shoulder);
            background-position: left top;
            -webkit-mask-position: left top;
            mask-position: left top;
        }

        .zg-nav__glass>.zg-nav__glass-r {
            right: 0;
            width: var(--zg-nav-shoulder);
            background-position: right top;
            -webkit-mask-position: right top;
            mask-position: right top;
        }

        .zg-nav .zg-nav__glass-m {
            left: var(--zg-nav-shoulder);
            right: var(--zg-nav-shoulder);
            background: rgba(19, 0, 45, .74);
            border-top: 1px solid rgba(50, 0, 121, .5);
            border-bottom: 1px solid rgba(50, 0, 121, .5);
            -webkit-mask-image: none;
            mask-image: none;
        }

        .zg-nav__band {
            transition: opacity 460ms var(--zg-out);
        }

        .zg-nav.is-scrolled .zg-nav__band {
            opacity: 0;
        }

        .zg-nav.is-scrolled .zg-nav__glass>i {
            opacity: 1;
        }

        .zg-nav.is-hidden {
            translate: none;
        }

        .zg-nav__inner,
        .zg-nav-mobile {
            transition: translate var(--zg-t-slow) var(--zg-out);
        }

        .zg-nav.is-scrolled .zg-nav__inner,
        .zg-nav.is-scrolled .zg-nav-mobile {
            translate: 0 -2px;
        }

        @media (max-width: 1023px) {
            .zg-nav__glass {
                inset: -3px auto 0 -26.12%;
                width: 149.5%;
                opacity: 0;
                transition: opacity 460ms var(--zg-out);
                backdrop-filter: blur(22px) saturate(160%);
                -webkit-backdrop-filter: blur(22px) saturate(160%);
                background-image: var(--zg-svg-mo-nav-glass);
                background-size: 100% 100%;
                background-repeat: no-repeat;
                -webkit-mask-image: var(--zg-svg-mo-nav);
                mask-image: var(--zg-svg-mo-nav);
                -webkit-mask-size: 100% 100%;
                mask-size: 100% 100%;
                -webkit-mask-repeat: no-repeat;
                mask-repeat: no-repeat;
            }
            .zg-nav__glass>i {
                display: none;
            }
            .zg-nav.is-scrolled .zg-nav__glass {
                opacity: 1;
            }
        }

        @keyframes zg-rise {
            from {
                opacity: 0;
                translate: 0 26px;
                scale: .975;
            }
        }

        @keyframes zg-rise-soft {
            from {
                opacity: 0;
                translate: 0 22px;
                scale: .97;
            }
        }

        @keyframes zg-rise-deep {
            from {
                opacity: 0;
                translate: 0 54px;
            }
        }

        @keyframes zg-slide-l {
            from {
                opacity: 0;
                translate: -36px 0;
            }
        }

        @keyframes zg-slide-r {
            from {
                opacity: 0;
                translate: 36px 0;
            }
        }

        @keyframes zg-zoom {
            from {
                opacity: 0;
                scale: 1.045;
            }
        }

        @keyframes zg-grow-x {
            from {
                opacity: 0;
                scale: 0 1;
            }
        }

        @keyframes zg-grow-y {
            from {
                opacity: 0;
                scale: 1 0;
            }
        }

        .js-motion [data-reveal]:not(.is-in),
        .js-motion [data-reveal-stagger]:not(.is-in)>* {
            opacity: 0;
        }

        .js-motion [data-reveal].is-in {
            animation: zg-rise 620ms var(--zg-out) var(--zg-d, 0ms) backwards;
        }

        .js-motion [data-reveal="left"].is-in {
            animation-name: zg-slide-l;
        }

        .js-motion [data-reveal="right"].is-in {
            animation-name: zg-slide-r;
        }

        .js-motion [data-reveal="deep"].is-in {
            animation-name: zg-rise-deep;
            animation-duration: 820ms;
        }

        .js-motion [data-reveal="zoom"].is-in {
            animation-name: zg-zoom;
            animation-duration: 900ms;
        }

        .js-motion [data-reveal-stagger].is-in>* {
            animation: zg-rise-soft 560ms var(--zg-out) calc(var(--zg-d, 0ms) + var(--zg-i, 0) * 52ms) backwards;
        }

        .js-motion [data-reveal-stagger="left"].is-in>* {
            animation-name: zg-slide-l;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(2) {
            --zg-i: 1;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(3) {
            --zg-i: 2;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(4) {
            --zg-i: 3;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(5) {
            --zg-i: 4;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(6) {
            --zg-i: 5;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(7) {
            --zg-i: 6;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(8) {
            --zg-i: 7;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(9) {
            --zg-i: 8;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(10) {
            --zg-i: 9;
        }

        .js-motion [data-reveal-stagger].is-in> :nth-child(n + 11) {
            --zg-i: 10;
        }

        .js-motion .zg-perks.is-in>.zg-perk {
            animation-name: zg-rise;
        }

        .js-motion .zg-secttl:not(.is-in) .zg-secttl__line,
        .js-motion .zg-faq__head:not(.is-in) .zg-faq__line,
        .js-motion .zg-cat:not(.is-in) .zg-cat__line {
            opacity: 0;
        }

        .js-motion .zg-secttl.is-in .zg-secttl__line,
        .js-motion .zg-faq__head.is-in .zg-faq__line,
        .js-motion .zg-cat.is-in .zg-cat__line {
            animation: zg-grow-x 900ms var(--zg-out) 130ms backwards;
        }

        .zg-secttl__line--l,
        .zg-faq__line--l {
            transform-origin: 100% 50%;
        }

        .zg-secttl__line--r,
        .zg-faq__line--r,
        .zg-cat__line {
            transform-origin: 0 50%;
        }

        .js-motion .zg-perks.is-in>.zg-perks__rail {
            animation-name: zg-grow-y;
            animation-duration: 1050ms;
            transform-origin: 50% 0;
        }

        .zg-badge,
        .zg-perk,
        .zg-faq__item,
        .zg-card,
        .zg-choose,
        .zg-support {
            --zg-mx: 50%;
            --zg-my: 50%;
        }

        .zg-badge::after,
        .zg-perk::after,
        .zg-faq__item::after,
        .zg-card__in::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 0;
            border-radius: inherit;
            background: radial-gradient(var(--zg-lume, 260px) circle at var(--zg-mx) var(--zg-my), rgba(150, 82, 255, .32), rgba(105, 0, 255, .12) 42%, rgba(105, 0, 255, 0) 72%);
            opacity: 0;
            transition: opacity var(--zg-t) var(--zg-ease);
            pointer-events: none;
        }

        .zg-badge:hover::after,
        .zg-perk:hover::after,
        .zg-faq__item:hover::after,
        .zg-card:hover .zg-card__in::after {
            opacity: 1;
        }

        .zg-badge::before,
        .zg-perk::before,
        .zg-faq__item::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 3;
            border-radius: inherit;
            padding: var(--zg-edge, 1px);
            background: radial-gradient(170px circle at var(--zg-mx) var(--zg-my), rgba(196, 156, 255, .95), rgba(105, 0, 255, .5) 36%, rgba(105, 0, 255, 0) 68%);
            -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            -webkit-mask-composite: xor;
            mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
            mask-composite: exclude;
            opacity: 0;
            transition: opacity var(--zg-t) var(--zg-ease);
            pointer-events: none;
        }

        .zg-badge:hover::before,
        .zg-perk:hover::before,
        .zg-faq__item:hover::before {
            opacity: 1;
        }

        .zg-perk {
            --zg-edge: .856px;
        }

        .zg-badge {
            --zg-lume: 180px;
        }

        .zg-faq__item {
            --zg-lume: 300px;
        }

        .zg-faq__item,
        .zg-card,
        .zg-card__in {
            position: relative;
        }

        .zg-pkg .zg-cta__knob {
            transition: translate var(--zg-t) var(--zg-back);
        }

        .zg-pkg:hover .zg-cta__knob {
            translate: 2px -2px;
        }

        .js-motion .package-list>.reveal-fade-up {
            opacity: 1;
            transform: none;
            transition: none;
        }

        @keyframes zg-ping {
            0% {
                scale: 1;
                opacity: .55;
            }
            70%,
            100% {
                scale: 2.6;
                opacity: 0;
            }
        }

        .zg-dot,
        .zg-faq__dot {
            position: relative;
        }

        .zg-dot::after,
        .zg-faq__dot::after {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: var(--zg-purple);
            animation: zg-ping 2.4s var(--zg-out) infinite;
            pointer-events: none;
        }

        .zg-gamecard__name,
        .zg-wide__frame,
        .zg-wide__name {
            z-index: 1;
        }

        .zg-cta__knob {
            z-index: 2;
        }

        .zg-badge__title,
        .zg-badge__sub,
        .zg-perk__title,
        .zg-perk__sub,
        .zg-faq__btn,
        .zg-faq__panel,
        .zg-card__in>* {
            position: relative;
            z-index: 1;
        }

        .zg-badge__icon,
        .zg-perk__chev,
        .zg-perk .zg-btn-dark {
            z-index: 1;
        }

        /* O banner acompanha o cursor de leve, sem sombra nem brilho por cima. */

        .zg-hero-link .zg-fill {
            transition: scale var(--zg-t-slow) var(--zg-out), translate 260ms var(--zg-out), filter var(--zg-t) ease;
        }

        .zg-hero-link:hover .zg-fill {
            scale: 1.015;
            translate: calc(var(--zg-px, 0) * 8px) calc(var(--zg-py, 0) * 8px);
            filter: brightness(1.05);
        }

        .zg-gamecard__img {
            transition: scale var(--zg-t-slow) var(--zg-out), translate 260ms var(--zg-out);
        }

        .zg-gamecard:hover .zg-gamecard__img {
            scale: 1.07;
            translate: calc(var(--zg-px, 0) * 10px) calc(var(--zg-py, 0) * 10px);
        }

        .zg-gamecard__name {
            transition: translate var(--zg-t) var(--zg-out), text-shadow var(--zg-t) ease;
        }

        .zg-gamecard:hover .zg-gamecard__name {
            translate: calc(var(--zg-px, 0) * -6px) calc(var(--zg-py, 0) * -6px);
            text-shadow: 0 2px 18px rgba(105, 0, 255, .85);
        }

        .zg-wide__img {
            transition: scale 720ms var(--zg-out), translate 300ms var(--zg-out);
        }

        .zg-wide:hover .zg-wide__img {
            scale: 1.05;
            translate: calc(var(--zg-px, 0) * 12px) calc(var(--zg-py, 0) * 12px);
        }

        .zg-wide__frame {
            transition: filter var(--zg-t) var(--zg-ease);
        }

        .zg-wide:hover .zg-wide__frame {
            filter: brightness(1.7);
        }

        .zg-wide__name {
            transition: translate var(--zg-t) var(--zg-out), text-shadow var(--zg-t) ease;
        }

        .zg-wide:hover .zg-wide__name {
            translate: calc(var(--zg-px, 0) * -8px) calc(var(--zg-py, 0) * -8px);
            text-shadow: 0 2px 22px rgba(105, 0, 255, .9);
        }

        .zg-badge__icon {
            transition: scale 480ms var(--zg-out), translate 320ms var(--zg-out), color var(--zg-t) ease;
        }

        .zg-badge:hover .zg-badge__icon {
            scale: 1.08;
            translate: calc(var(--zg-px, 0) * -10px) calc(var(--zg-py, 0) * -8px);
            color: #453e84;
        }

        .zg-perk__chev {
            transition: translate var(--zg-t) var(--zg-back);
        }

        .zg-perk:hover .zg-perk__chev {
            translate: 7px 0;
        }

        .zg-perk__orb {
            transition: translate 420ms var(--zg-out), scale 620ms var(--zg-out);
        }

        .zg-perk:hover .zg-perk__orb--a {
            scale: 1.05;
            translate: calc(var(--zg-px, 0) * -26px) calc(var(--zg-py, 0) * -18px);
        }

        .zg-perk:hover .zg-perk__orb--b {
            scale: 1.05;
            translate: calc(var(--zg-px, 0) * -40px) calc(var(--zg-py, 0) * -28px);
        }

        .zg-perk--banner {
            transform: perspective(1400px);
            transform-origin: 50% 60%;
            filter: saturate(1) brightness(1) drop-shadow(0 0 0 rgba(0, 0, 0, 0)) drop-shadow(0 0 0 rgba(105, 0, 255, 0));
            transition: transform var(--zg-t-slow) var(--zg-out), filter var(--zg-t-slow) var(--zg-ease);
        }

        @media (hover: hover) and (pointer: fine) {
            .zg-perk--banner:hover {
                transform: perspective(1400px) rotateX(calc(var(--zg-py, 0) * -2.8deg)) rotateY(calc(var(--zg-px, 0) * 3.8deg)) translate3d(0, -6px, 0) scale(1.016);
                filter: saturate(1.06) brightness(1.06) drop-shadow(calc(var(--zg-px, 0) * -8px) calc(8px + var(--zg-py, 0) * -4px) 10px rgba(6, 0, 20, .55)) drop-shadow(calc(var(--zg-px, 0) * -22px) calc(18px + var(--zg-py, 0) * -10px) 30px rgba(105, 0, 255, .45));
                transition-duration: 170ms, var(--zg-t);
            }
            .zg-perk--banner:active {
                transform: perspective(1400px) translate3d(0, -1px, 0) scale(.995);
                transition-duration: 90ms, var(--zg-t);
            }
        }

        .zg-faq__item {
            transition: background-color var(--zg-t) ease;
        }

        .zg-faq__item:hover {
            background: #180037;
        }

        .zg-faq__dot {
            transition: scale var(--zg-t) var(--zg-back), box-shadow var(--zg-t) var(--zg-ease);
        }

        .zg-faq__item:hover .zg-faq__dot,
        .zg-faq__item[data-open="true"] .zg-faq__dot {
            scale: 1.18;
            box-shadow: 0 0 0 6px rgba(105, 0, 255, .22);
        }

        .zg-faq__label {
            transition: translate var(--zg-t) var(--zg-out);
        }

        .zg-faq__item:hover .zg-faq__label {
            translate: 4px 0;
        }

        .zg-faq__chev {
            transition: transform var(--zg-t) var(--zg-out);
        }

        .zg-card {
            position: relative;
            --zg-mx: 50%;
            --zg-my: 50%;
        }

        .zg-card::before {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 3;
            background: radial-gradient(260px circle at var(--zg-mx) var(--zg-my), rgba(220, 196, 255, 1), rgba(150, 82, 255, .9) 34%, rgba(105, 0, 255, 0) 68%);
            -webkit-mask-image: var(--zg-svg-card-line);
            mask-image: var(--zg-svg-card-line);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            opacity: 0;
            transition: opacity var(--zg-t) var(--zg-ease);
            pointer-events: none;
        }

        .zg-card:hover::before {
            opacity: 1;
        }

        .zg-card__stars svg {
            transition: scale 420ms var(--zg-back), translate 420ms var(--zg-back), filter 300ms ease;
        }

        .zg-card__stars svg path {
            transition: fill 300ms ease;
        }

        .zg-card:hover .zg-card__stars svg {
            scale: 1.14;
            translate: 0 -3px;
            filter: drop-shadow(0 0 6px rgba(160, 96, 255, .9));
        }

        .zg-card:hover .zg-card__stars svg path {
            fill: #fff;
        }

        .zg-card:hover .zg-card__stars svg:nth-child(2) {
            transition-delay: 45ms;
        }

        .zg-card:hover .zg-card__stars svg:nth-child(3) {
            transition-delay: 90ms;
        }

        .zg-card:hover .zg-card__stars svg:nth-child(4) {
            transition-delay: 135ms;
        }

        .zg-card:hover .zg-card__stars svg:nth-child(5) {
            transition-delay: 180ms;
        }

        .zg-card__avatar {
            transition: scale var(--zg-t) var(--zg-back), box-shadow var(--zg-t) var(--zg-ease);
        }

        .zg-card:hover .zg-card__avatar {
            scale: 1.07;
            box-shadow: 0 0 0 6px rgba(105, 0, 255, .2);
        }

        .zg-card__rule {
            transition: width 420ms var(--zg-out), background-color var(--zg-t) ease;
        }

        .zg-card:hover .zg-card__rule {
            background: rgba(150, 82, 255, .9);
        }

        .zg-testi__arrow {
            transition: filter .18s ease, scale var(--zg-t) var(--zg-back);
        }

        .zg-testi__arrow svg {
            transition: translate var(--zg-t) var(--zg-back);
        }

        .zg-testi__arrow:hover {
            scale: 1.09;
        }

        .zg-testi__arrow:active {
            scale: .94;
        }

        .zg-testi__arrow--next:hover svg {
            translate: 3px 0;
        }

        .zg-testi__arrow--prev:hover svg {
            translate: -3px 0;
        }

        .zg-pill,
        .zg-btn-dark,
        .zg-support {
            position: relative;
        }

        .zg-gamecard::after,
        .zg-wide::after,
        .zg-pill::after,
        .zg-btn-dark::after,
        .zg-support::after,
        .zg-choose::after {
            content: '';
            position: absolute;
            inset: 0;
            z-index: 1;
            border-radius: inherit;
            background: linear-gradient(100deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 50%, rgba(255, 255, 255, 0) 100%);
            background-size: 60% 100%;
            background-repeat: no-repeat;
            background-position: -150% 0;
            pointer-events: none;
        }

        .zg-gamecard:hover::after,
        .zg-wide:hover::after,
        .zg-pill:hover::after,
        .zg-btn-dark:hover::after,
        .zg-support:hover::after,
        .zg-choose:hover::after {
            background-position: 250% 0;
            transition: background-position 760ms var(--zg-out);
        }

        .zg-pill {
            transition: filter .18s ease, background-color .18s ease, scale var(--zg-t) var(--zg-back);
        }

        .zg-pill:hover {
            scale: 1.03;
        }

        .zg-pill:active {
            scale: .975;
        }

        .zg-btn-dark {
            transition: filter .18s ease, scale var(--zg-t) var(--zg-back), box-shadow var(--zg-t) var(--zg-ease);
        }

        .zg-btn-dark:hover {
            scale: 1.04;
            box-shadow: 0 12px 26px -14px rgba(105, 0, 255, .95);
        }

        .zg-btn-dark:active {
            scale: .985;
        }

        .zg-support {
            transition: filter .18s ease, scale var(--zg-t) var(--zg-back), box-shadow var(--zg-t) var(--zg-ease);
        }

        .zg-support:hover {
            scale: 1.035;
            box-shadow: 0 16px 32px -18px rgba(105, 0, 255, .95);
        }

        .zg-support:active {
            scale: .99;
        }

        .zg-choose {
            transition: filter var(--zg-t-fast) ease, box-shadow var(--zg-t) var(--zg-ease);
            --zg-lume: 220px;
        }

        .zg-choose:hover {
            filter: brightness(1.12);
            box-shadow: 0 18px 40px -18px rgba(105, 0, 255, .95);
        }

        .zg-choose svg {
            transition: translate 520ms var(--zg-out);
        }

        .zg-choose:hover svg {
            translate: 0 4px;
        }

        .zg-choose:hover svg:nth-child(2) {
            transition-delay: 60ms;
        }

        .zg-cta__knob {
            transition: translate var(--zg-t) var(--zg-back), rotate var(--zg-t) var(--zg-back);
        }