.zg-home {
            font-family: var(--zg-ui);
            color: #fff;
            overflow-x: clip;
        }

        .zg-home *,
        .zg-nav *,
        .zg-footer * {
            border-color: transparent;
        }

        .zg-display {
            font-family: var(--zg-display);
        }

        .zg-wrap {
            width: min(var(--zg-w, 1288px), 100% - 48px);
            margin-inline: auto;
        }

        .zg-title {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 47.067px;
            line-height: 39.665px;
            text-transform: uppercase;
            color: #fff;
        }

        .zg-sub {
            font-family: var(--zg-display);
            font-weight: 700;
            font-style: italic;
            font-size: 17.726px;
            line-height: 14.938px;
            letter-spacing: 0;
            text-transform: uppercase;
            color: #a4a4a4;
        }

        /* Faixa do topo (Group 150). O laco e continuo porque a trilha tem dois grupos
   identicos e a animacao anda exatamente 50%: o fim de um grupo cai no comeco
   do outro, sem salto. */

        .zg-mq {
            /* Fica parada logo abaixo da navbar e rola junto com a pagina. O z-index
     precisa passar do .zg-home (contexto em z:0) para o glow vazar por cima
     do hero, mas ficar abaixo do 40 da navbar. */
            position: relative;
            z-index: 31;
            /* O respiro de baixo ja vinha do padding-top do hero (56px). A margem
     negativa encurta esse vao sem mexer no valor do hero, que e do Figma. */
            margin: 22px 0 -14px;
            height: 57px;
            display: flex;
            align-items: center;
            overflow: hidden;
            border-top: 1px solid #6800ff;
            border-bottom: 1px solid #6800ff;
            background: linear-gradient(90deg, rgba(105, 0, 255, .64) 0%, rgba(63, 0, 153, .64) 46.635%);
            box-shadow: 0 0 44px -2px rgba(105, 0, 255, .65);
        }

        .zg-mq__track {
            display: flex;
            width: max-content;
            animation: zg-mq-run 60s linear infinite;
        }

        .zg-mq__g {
            display: flex;
        }

        .zg-mq__i {
            flex: none;
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 16.371px;
            line-height: 24.556px;
            text-transform: uppercase;
            color: #fff;
            white-space: nowrap;
        }

        .zg-mq__i::after {
            content: '-';
            padding: 0 .58em;
        }

        @keyframes zg-mq-run {
            to {
                transform: translateX(-50%);
            }
        }

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

        .zg-nav {
            position: sticky;
            top: 0;
            z-index: 40;
            height: calc(113px * var(--zg-nav-k));
            overflow-x: clip;
        }

        .zg-nav__band {
            position: absolute;
            top: -3px;
            bottom: 0;
            left: max(-11px, calc(50% - 971px));
            width: min(1934px, calc(100% + 14px));
            border: 0 solid transparent;
            border-image: var(--zg-svg-nav) 0 400 0 400 fill / 0 var(--zg-nav-shoulder) 0 var(--zg-nav-shoulder) / 0 stretch;
            pointer-events: none;
        }

        .zg-nav__inner {
            position: relative;
            height: 113px;
            display: flex;
            align-items: flex-start;
            justify-content: center;
            gap: 22px;
            padding-top: 32px;
            transform: translateX(var(--zg-drift-nav)) scale(var(--zg-nav-k));
            transform-origin: 50% 0;
        }

        .zg-nav__brand {
            position: relative;
            display: flex;
            flex: none;
            width: 140px;
            height: 50px;
            left: -26px;
            margin-left: -160px;
            align-items: center;
            justify-content: center;
        }

        .zg-nav__brand .zg-brandmark {
            display: block;
            width: 100%;
            height: auto;
        }

        .zg-pill {
            display: inline-flex;
            align-items: center;
            height: 50px;
            border-radius: 999px;
            background: var(--zg-pill);
            color: #fff;
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 17.109px;
            line-height: 20.531px;
            white-space: nowrap;
            transition: filter .18s ease, background-color .18s ease;
        }

        .zg-pill:hover {
            filter: brightness(1.25);
        }

        .zg-pill--split {
            height: 49.47px;
            width: 316px;
            padding: 0;
            position: relative;
            border-radius: 45.351px;
            font-size: 15.788px;
            line-height: 18.945px;
            gap: 0;
        }

        .zg-pill--split>.zg-pill__a {
            display: flex;
            align-items: center;
            gap: 10.94px;
            padding-left: 18.974px;
            flex: 1;
            height: 100%;
        }

        .zg-pill--split>.zg-pill__b {
            position: absolute;
            left: 182.515px;
            top: 0;
            width: 133.724px;
            height: 49.695px;
            border-radius: 24.847px;
            display: flex;
            align-items: center;
            justify-content: center;
            background: var(--zg-grad-pill);
        }

        .zg-pill--buy {
            width: 200px;
            gap: 10.055px;
            padding: 0 27.148px 0 26px;
            justify-content: center;
        }

        .zg-pill--cart {
            width: 149px;
            gap: 6.387px;
            padding-left: 25px;
        }

        .zg-pill--login {
            width: 129.2px;
            height: 50.19px;
            gap: 10.483px;
            padding: 0 28.303px;
            justify-content: center;
            font-size: 17.837px;
            line-height: 21.404px;
            background: var(--zg-grad-pill);
        }

        .zg-nav__gap-buy {
            margin-left: 0;
        }

        .zg-nav__gap-cart {
            margin-left: 31px;
        }

        .zg-nav__gap-social {
            margin-left: 6px;
        }

        .zg-nav__social {
            display: flex;
            align-items: center;
            gap: 8.428px;
            height: 50px;
        }

        .zg-nav__social a {
            width: 34.84px;
            height: 34.84px;
            border-radius: 999px;
            background: var(--zg-pill);
            display: flex;
            align-items: center;
            justify-content: center;
            transition: filter .18s ease;
        }

        .zg-nav__social a:hover {
            filter: brightness(1.35);
        }

        .zg-nav-mobile {
            display: none;
        }

        .zg-choose-mobile,
        .zg-chev-pair {
            display: none;
        }

        .zg-cartbadge {
            position: absolute;
            top: -5px;
            right: -5px;
            min-width: 21px;
            height: 21px;
            padding: 0 6px;
            border-radius: 999px;
            border: 2px solid var(--zg-bg);
            background: var(--zg-purple);
            box-shadow: 0 4px 14px -4px rgba(105, 0, 255, .9);
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 11px;
            line-height: 1;
            color: #fff;
            display: flex;
            align-items: center;
            justify-content: center;
            pointer-events: none;
        }

        /* Xandyn Dev */

        :root {
            --zg-svg-nav: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%221934%22%20height%3D%22113%22%20viewBox%3D%220%200%201934%20113%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M1617.35%2090.8681C1600.72%20105.149%201579.52%20113%201557.6%20113H390.397C368.478%20113%20347.283%20105.149%20330.653%2090.868L251.773%2023.1319C235.143%208.85147%20213.948%201%20192.028%201H0.500004C0.223861%201%200%200.776142%200%200.5C0%200.223858%200.223858%200%200.5%200H1933.5C1933.78%200%201934%200.223858%201934%200.5C1934%200.776142%201933.78%201%201933.5%201H1755.97C1734.05%201%201712.86%208.85149%201696.23%2023.132L1617.35%2090.8681Z%22%20fill%3D%22%2313002D%22%20stroke%3D%22%23320079%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
            --zg-svg-search: url("data:image/svg+xml,%3Csvg%20width%3D%221309.85%22%20height%3D%2260.3569%22%20viewBox%3D%220%200%201309.85%2060.3569%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cpath%20id%3D%22Vector%204%22%20d%3D%22M1266.44%200.5L1266.85%200.504883C1271.08%200.609611%201275.11%202.33351%201278.1%205.3291L1304.48%2031.71C1314.87%2042.0969%201307.51%2059.8562%201292.82%2059.8564H43.4029C39.0299%2059.8564%2034.8358%2058.1195%2031.7437%2055.0273L5.3638%2028.6475C-5.02313%2018.2605%202.33271%200.500138%2017.022%200.5H1266.44Z%22%20fill%3D%22%2313002D%22%20stroke%3D%22%23320079%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fsvg%3E");
            --zg-svg-banner: url("data:image/svg+xml,%3Csvg%20width%3D%22681.124%22%20height%3D%2259.863%22%20viewBox%3D%220%200%20681.124%2059.863%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22Vector%203%22%3E%20%3Cpath%20d%3D%22M38.3079%2055.7461L4.14267%2021.5809C-3.63669%2013.8015%201.87295%200.5%2012.8746%200.5H634.084C637.359%200.5%20640.5%201.80104%20642.816%204.1169L676.981%2038.2821C684.76%2046.0615%20679.251%2059.363%20668.249%2059.363H47.0399C43.7647%2059.363%2040.6238%2058.0619%2038.3079%2055.7461Z%22%20fill%3D%22%2313002D%22%2F%3E%20%3Cpath%20d%3D%22M38.3079%2055.7461L4.14267%2021.5809C-3.63669%2013.8015%201.87295%200.5%2012.8746%200.5H634.084C637.359%200.5%20640.5%201.80104%20642.816%204.1169L676.981%2038.2821C684.76%2046.0615%20679.251%2059.363%20668.249%2059.363H47.0399C43.7647%2059.363%2040.6238%2058.0619%2038.3079%2055.7461Z%22%20fill%3D%22url(%23paint0_linear_0_19)%22%2F%3E%20%3Cpath%20d%3D%22M38.3079%2055.7461L4.14267%2021.5809C-3.63669%2013.8015%201.87295%200.5%2012.8746%200.5H634.084C637.359%200.5%20640.5%201.80104%20642.816%204.1169L676.981%2038.2821C684.76%2046.0615%20679.251%2059.363%20668.249%2059.363H47.0399C43.7647%2059.363%2040.6238%2058.0619%2038.3079%2055.7461Z%22%20fill%3D%22url(%23paint1_linear_0_19)%22%2F%3E%20%3Cpath%20d%3D%22M38.3079%2055.7461L4.14267%2021.5809C-3.63669%2013.8015%201.87295%200.5%2012.8746%200.5H634.084C637.359%200.5%20640.5%201.80104%20642.816%204.1169L676.981%2038.2821C684.76%2046.0615%20679.251%2059.363%20668.249%2059.363H47.0399C43.7647%2059.363%2040.6238%2058.0619%2038.3079%2055.7461Z%22%20stroke%3D%22url(%23paint2_linear_0_19)%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M38.3079%2055.7461L4.14267%2021.5809C-3.63669%2013.8015%201.87295%200.5%2012.8746%200.5H634.084C637.359%200.5%20640.5%201.80104%20642.816%204.1169L676.981%2038.2821C684.76%2046.0615%20679.251%2059.363%20668.249%2059.363H47.0399C43.7647%2059.363%2040.6238%2058.0619%2038.3079%2055.7461Z%22%20stroke%3D%22url(%23paint3_linear_0_19)%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22paint0_linear_0_19%22%20x1%3D%2257.0618%22%20y1%3D%2278.1815%22%20x2%3D%22181.117%22%20y2%3D%22-57.8123%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%233D0093%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22paint1_linear_0_19%22%20x1%3D%22474.562%22%20y1%3D%22-129.819%22%20x2%3D%22386.992%22%20y2%3D%229.82415%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%233D0093%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22paint2_linear_0_19%22%20x1%3D%22102.562%22%20y1%3D%2270.6815%22%20x2%3D%22135.562%22%20y2%3D%220.181488%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%236900FF%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22paint3_linear_0_19%22%20x1%3D%22102.562%22%20y1%3D%2270.6815%22%20x2%3D%22641.062%22%20y2%3D%220.181512%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236900FF%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
            --zg-svg-mo-nav: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio%3D%22none%22%20width%3D%22601%22%20height%3D%2279.3525%22%20viewBox%3D%220%200%20601%2079.3525%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M601%200.5C601%200.776142%20600.776%201%20600.5%201H543.868C521.277%201%20500.807%2014.3125%20491.645%2034.9631L489.333%2040.1763C478.765%2063.9966%20455.153%2079.3525%20429.094%2079.3525H182.906C156.847%2079.3525%20133.235%2063.9966%20122.667%2040.1763L122.113%2038.9255C111.882%2015.8657%2089.0242%201%2063.7969%201H0.500002C0.22386%201%200%200.776142%200%200.5C0%200.223858%200.223858%200%200.5%200H600.5C600.776%200%20601%200.223858%20601%200.5Z%22%20fill%3D%22%230F0025%22%20stroke%3D%22%23320079%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E");
            --zg-svg-mo-banner: url("data:image/svg+xml,%3Csvg%20width%3D%22370.361%22%20height%3D%2241.8613%22%20viewBox%3D%220%200%20370.361%2041.8613%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Cg%20id%3D%22Vector%205%22%3E%20%3Cpath%20d%3D%22M18.2585%2037.3732L2.72956%2017.6443C-2.76206%2010.6674%202.20786%200.430628%2011.0868%200.430628H343.745C347.006%200.430628%20350.086%201.9261%20352.102%204.48807L367.631%2024.217C373.123%2031.1939%20368.153%2041.4306%20359.274%2041.4306H26.6157C23.3553%2041.4306%2020.275%2039.9352%2018.2585%2037.3732Z%22%20fill%3D%22%2313002D%22%2F%3E%20%3Cpath%20d%3D%22M18.2585%2037.3732L2.72956%2017.6443C-2.76206%2010.6674%202.20786%200.430628%2011.0868%200.430628H343.745C347.006%200.430628%20350.086%201.9261%20352.102%204.48807L367.631%2024.217C373.123%2031.1939%20368.153%2041.4306%20359.274%2041.4306H26.6157C23.3553%2041.4306%2020.275%2039.9352%2018.2585%2037.3732Z%22%20fill%3D%22url(%23paint0_linear_0_5)%22%2F%3E%20%3Cpath%20d%3D%22M18.2585%2037.3732L2.72956%2017.6443C-2.76206%2010.6674%202.20786%200.430628%2011.0868%200.430628H343.745C347.006%200.430628%20350.086%201.9261%20352.102%204.48807L367.631%2024.217C373.123%2031.1939%20368.153%2041.4306%20359.274%2041.4306H26.6157C23.3553%2041.4306%2020.275%2039.9352%2018.2585%2037.3732Z%22%20fill%3D%22url(%23paint1_linear_0_5)%22%2F%3E%20%3Cpath%20d%3D%22M18.2585%2037.3732L2.72956%2017.6443C-2.76206%2010.6674%202.20786%200.430628%2011.0868%200.430628H343.745C347.006%200.430628%20350.086%201.9261%20352.102%204.48807L367.631%2024.217C373.123%2031.1939%20368.153%2041.4306%20359.274%2041.4306H26.6157C23.3553%2041.4306%2020.275%2039.9352%2018.2585%2037.3732Z%22%20stroke%3D%22url(%23paint2_linear_0_5)%22%20stroke-width%3D%220.861256%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M18.2585%2037.3732L2.72956%2017.6443C-2.76206%2010.6674%202.20786%200.430628%2011.0868%200.430628H343.745C347.006%200.430628%20350.086%201.9261%20352.102%204.48807L367.631%2024.217C373.123%2031.1939%20368.153%2041.4306%20359.274%2041.4306H26.6157C23.3553%2041.4306%2020.275%2039.9352%2018.2585%2037.3732Z%22%20stroke%3D%22url(%23paint3_linear_0_5)%22%20stroke-width%3D%220.861256%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%3E%20%3ClinearGradient%20id%3D%22paint0_linear_0_5%22%20x1%3D%2229.751%22%20y1%3D%2254.5383%22%20x2%3D%22192.123%22%20y2%3D%2226.1735%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%233D0093%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22paint1_linear_0_5%22%20x1%3D%22371.18%22%20y1%3D%2236.9306%22%20x2%3D%22209.162%22%20y2%3D%22-71.4274%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%233D0093%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22paint2_linear_0_5%22%20x1%3D%2254.6965%22%20y1%3D%2249.3143%22%20x2%3D%2280.9963%22%20y2%3D%225.08961%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%236900FF%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3C%2FlinearGradient%3E%20%3ClinearGradient%20id%3D%22paint3_linear_0_5%22%20x1%3D%2254.6965%22%20y1%3D%2249.3143%22%20x2%3D%22351.835%22%20y2%3D%2218.6947%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%20%3Cstop%20stop-color%3D%22%2313002D%22%20stop-opacity%3D%220%22%2F%3E%20%3Cstop%20offset%3D%221%22%20stop-color%3D%22%236900FF%22%2F%3E%20%3C%2FlinearGradient%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E");
            --zg-svg-games: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20overflow='visible'%20width='1232'%20height='761'%20viewBox='0%200%201232%20761'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20id='Vector%201'%3E%3Cpath%20d='M100%20105V559.506C100%20571.02%20104.962%20581.976%20113.617%20589.571L143.808%20616.065C151.105%20622.469%20160.483%20626%20170.192%20626H1092C1114.09%20626%201132%20608.091%201132%20586V162.322C1132%20151.004%201127.21%20140.216%201118.81%20132.632L1055.32%2075.3104C1047.97%2068.6738%201038.41%2065%201028.51%2065H140C117.909%2065%20100%2082.9086%20100%20105Z'%20fill='url(%23paint0_radial_0_11)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient%20id='paint0_radial_0_11'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(616%20-96.4105)%20rotate(90)%20scale(722.411%201328.93)'%3E%3Cstop%20stop-color='%233D0095'/%3E%3Cstop%20offset='1'%20stop-color='%2313002F'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
            --zg-svg-games-tag: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20overflow='visible'%20width='786.712'%20height='222.624'%20viewBox='0%200%20786.712%20222.624'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20id='Group%2078'%3E%3Cg%20id='Vector%205'%3E%3Cpath%20d='M99.9471%20139.869L72.7369%2099.1482C62.9898%2084.5615%2073.4453%2065%2090.9888%2065H668.513C675.844%2065%20682.691%2068.6599%20686.765%2074.7556L713.975%20115.476C723.722%20130.063%20713.267%20149.624%20695.723%20149.624H118.199C110.868%20149.624%20104.02%20145.964%2099.9471%20139.869Z'%20fill='url(%23paint0_radial_0_6)'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient%20id='paint0_radial_0_6'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(676.418%2045.5001)%20rotate(170.463)%20scale(757.469%206344.92)'%3E%3Cstop%20stop-color='%23100027'/%3E%3Cstop%20offset='1'%20stop-color='%236900FF'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
            --zg-svg-games-mo: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20overflow='visible'%20width='525.165'%20height='477.165'%20viewBox='0%200%20525.165%20477.165'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20id='Vector%207'%3E%3Cpath%20d='M76.0825%20345.967V101.354C76.0825%2085.3471%2089.0585%2072.3712%20105.065%2072.3712H398.005C404.943%2072.3712%20411.65%2074.8599%20416.909%2079.3852L439.004%2098.3983C445.402%20103.904%20449.083%20111.926%20449.083%20120.367V368.389C449.083%20384.395%20436.106%20397.371%20420.1%20397.371H131.121C124.183%20397.371%20117.475%20394.882%20112.216%20390.357L86.1608%20367.936C79.7625%20362.43%2076.0825%20354.408%2076.0825%20345.967Z'%20fill='url(%23paint0_radial_0_11)'/%3E%3C/g%3E%3Cdefs%3E%3CradialGradient%20id='paint0_radial_0_11'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(262.583%20-21.1376)%20rotate(90)%20scale(418.509%20480.319)'%3E%3Cstop%20stop-color='%233D0095'/%3E%3Cstop%20offset='1'%20stop-color='%2313002F'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E");
            --zg-svg-games-tag-mo: url("data:image/svg+xml,%3Csvg%20preserveAspectRatio='none'%20overflow='visible'%20width='409.877'%20height='116.323'%20viewBox='0%200%20409.877%20116.323'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20id='Group%2078'%3E%3Cg%20id='Vector%205'%3E%3Cpath%20d='M52.2474%2073.0224L38.0871%2051.8313C33.0147%2044.2403%2038.4558%2034.0604%2047.5855%2034.0604H348.131C351.946%2034.0604%20355.51%2035.9651%20357.629%2039.1373L371.79%2060.3284C376.862%2067.9193%20371.421%2078.0992%20362.291%2078.0992H61.7458C57.9306%2078.0992%2054.3672%2076.1946%2052.2474%2073.0224Z'%20fill='url(%23paint0_radial_0_7)'/%3E%3Cpath%20d='M52.2474%2073.0224L38.0871%2051.8313C33.0147%2044.2403%2038.4558%2034.0604%2047.5855%2034.0604H348.131C351.946%2034.0604%20355.51%2035.9651%20357.629%2039.1373L371.79%2060.3284C376.862%2067.9193%20371.421%2078.0992%20362.291%2078.0992H61.7458C57.9306%2078.0992%2054.3672%2076.1946%2052.2474%2073.0224Z'%20stroke='url(%23paint1_linear_0_7)'%20stroke-width='0.468363'%20stroke-linejoin='round'/%3E%3Cpath%20d='M52.2474%2073.0224L38.0871%2051.8313C33.0147%2044.2403%2038.4558%2034.0604%2047.5855%2034.0604H348.131C351.946%2034.0604%20355.51%2035.9651%20357.629%2039.1373L371.79%2060.3284C376.862%2067.9193%20371.421%2078.0992%20362.291%2078.0992H61.7458C57.9306%2078.0992%2054.3672%2076.1946%2052.2474%2073.0224Z'%20stroke='url(%23paint2_linear_0_7)'%20stroke-width='0.468363'%20stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CradialGradient%20id='paint0_radial_0_7'%20cx='0'%20cy='0'%20r='1'%20gradientUnits='userSpaceOnUse'%20gradientTransform='translate(352.245%2023.9126)%20rotate(170.463)%20scale(394.19%203301.92)'%3E%3Cstop%20stop-color='%23100027'/%3E%3Cstop%20offset='1'%20stop-color='%236900FF'/%3E%3C/radialGradient%3E%3ClinearGradient%20id='paint1_linear_0_7'%20x1='85.9543'%20y1='86.5672'%20x2='116.171'%20y2='43.4318'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20stop-color='%236900FF'/%3E%3Cstop%20offset='1'%20stop-color='%2313002D'%20stop-opacity='0'%20style='stop-color:none%3Bstop-opacity:0%3B'/%3E%3C/linearGradient%3E%3ClinearGradient%20id='paint2_linear_0_7'%20x1='85.9543'%20y1='86.5673'%20x2='357.703'%20y2='62.794'%20gradientUnits='userSpaceOnUse'%3E%3Cstop%20stop-color='%2313002D'%20stop-opacity='0'%20style='stop-color:none%3Bstop-opacity:0%3B'/%3E%3Cstop%20offset='1'%20stop-color='%236900FF'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
            --zg-svg-mo-search: url("data:image/svg+xml,<svg%20width=%22367.664%22%20height=%2246%22%20viewBox=%220%200%20367.664%2046%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22>%20<path%20id=%22Vector%204%22%20d=%22M8.19321%2037.698L0.726654%2016.6315C-2.14914%208.51759%203.86872%200%2012.4772%200H347.72C353%200%20357.707%203.32571%20359.471%208.30204L366.937%2029.3685C369.813%2037.4824%20363.795%2046%20355.187%2046H19.9437C14.6641%2046%209.95696%2042.6743%208.19321%2037.698Z%22%20fill=%22url(%23paint0_linear_0_7)%22/>%20<defs>%20<linearGradient%20id=%22paint0_linear_0_7%22%20x1=%2213.332%22%20y1=%2246%22%20x2=%22220.823%22%20y2=%22-31.929%22%20gradientUnits=%22userSpaceOnUse%22>%20<stop%20stop-color=%22%233D0093%22/>%20<stop%20offset=%221%22%20stop-color=%22%23160035%22/>%20</linearGradient>%20</defs>%20</svg>");
            --zg-svg-wide-line: url("data:image/svg+xml,%3Csvg%20width%3D%22698%22%20height%3D%22248%22%20viewBox%3D%220%200%20698%20248%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M697%20154C697%20170.569%20683.569%20184%20667%20184H654C630.252%20184%20611%20203.252%20611%20227C611%20236.45%20604.576%20247%20595.126%20247H31C14.4315%20247%201%20233.569%201%20217V31C1%2014.4315%2014.4315%201%2031%201H667C683.569%201%20697%2014.4315%20697%2031V154Z%22%20fill%3D%22none%22%20stroke%3D%22%23320079%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
            --zg-svg-wide-r-line: url("data:image/svg+xml,%3Csvg%20width%3D%22698%22%20height%3D%22248%22%20viewBox%3D%220%200%20698%20248%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate%28698%2C0%29%20scale%28-1%2C1%29%22%3E%3Cpath%20d%3D%22M697%20154C697%20170.569%20683.569%20184%20667%20184H654C630.252%20184%20611%20203.252%20611%20227C611%20236.45%20604.576%20247%20595.126%20247H31C14.4315%20247%201%20233.569%201%20217V31C1%2014.4315%2014.4315%201%2031%201H667C683.569%201%20697%2014.4315%20697%2031V154Z%22%20fill%3D%22none%22%20stroke%3D%22%23320079%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            --zg-svg-wide-r: url("data:image/svg+xml,%3Csvg%20width%3D%22698%22%20height%3D%22248%22%20viewBox%3D%220%200%20698%20248%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20transform%3D%22translate(698%2C0)%20scale(-1%2C1)%22%3E%3Cpath%20d%3D%22M697%20154C697%20170.569%20683.569%20184%20667%20184H654C630.252%20184%20611%20203.252%20611%20227C611%20236.45%20604.576%20247%20595.126%20247H31C14.4315%20247%201%20233.569%201%20217V31C1%2014.4315%2014.4315%201%2031%201H667C683.569%201%20697%2014.4315%20697%2031V154Z%22%20fill%3D%22%2313002D%22%20stroke%3D%22%23320079%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
            --zg-svg-wide: url("data:image/svg+xml,%3Csvg%20width%3D%22698%22%20height%3D%22248%22%20viewBox%3D%220%200%20698%20248%22%20preserveAspectRatio%3D%22none%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M697%20154C697%20170.569%20683.569%20184%20667%20184H654C630.252%20184%20611%20203.252%20611%20227C611%20236.45%20604.576%20247%20595.126%20247H31C14.4315%20247%201%20233.569%201%20217V31C1%2014.4315%2014.4315%201%2031%201H667C683.569%201%20697%2014.4315%20697%2031V154Z%22%20fill%3D%22%2313002D%22%20stroke%3D%22%23320079%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
        }

        :root {
            --zg-bg: #13002d;
            --zg-deep: #0f0025;
            --zg-panel: #1a003f;
            --zg-pill: #1f1c3d;
            --zg-line: #320079;
            --zg-purple: #6900ff;
            --zg-ico: #302b60;
            --zg-display: 'Exo 2', 'Geist', system-ui, sans-serif;
            --zg-ui: 'Red Hat Display', 'Geist', system-ui, sans-serif;
            --zg-drift-nav: clamp(0px, (100vw - 1440px) * 0.20729, 99.5px);
            --zg-nav-k: 1;
            --zg-nav-shoulder: clamp(96px, calc((100vw - 997px * var(--zg-nav-k)) / 2 - 34px), 400px);
            --zg-nav-art: calc(var(--zg-nav-shoulder) * 4.835);
            --zg-drift-col: clamp(0px, (100vw - 1440px) * 0.07292, 35px);
            --zg-drift-foot: clamp(0px, (100vw - 1440px) * 0.18333, 88px);
            --zg-drift-hero: clamp(-2.9px, (1440px - 100vw) * 0.00604, 0px);
            --zg-grad-pill: radial-gradient(ellipse 103.2% 100% at 55.03% 0%, #6900ff 0%, #5700d5 25%, #4600aa 50%, #350080 75%, #230056 100%);
            --zg-svg-nav-glass: url("data:image/svg+xml,<svg%20preserveAspectRatio=%22none%22%20width=%221934%22%20height=%22113%22%20viewBox=%220%200%201934%20113%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22><path%20d=%22M1617.35%2090.8681C1600.72%20105.149%201579.52%20113%201557.6%20113H390.397C368.478%20113%20347.283%20105.149%20330.653%2090.868L251.773%2023.1319C235.143%208.85147%20213.948%201%20192.028%201H0.500004C0.223861%201%200%200.776142%200%200.5C0%200.223858%200.223858%200%200.5%200H1933.5C1933.78%200%201934%200.223858%201934%200.5C1934%200.776142%201933.78%201%201933.5%201H1755.97C1734.05%201%201712.86%208.85149%201696.23%2023.132L1617.35%2090.8681Z%22%20fill=%22%2313002D%22%20fill-opacity=%22.74%22%20stroke=%22%23320079%22%20stroke-opacity=%22.95%22%20stroke-width=%221%22/></svg>");
            --zg-svg-mo-nav-glass: url("data:image/svg+xml,<svg%20preserveAspectRatio=%22none%22%20width=%22601%22%20height=%2279.3525%22%20viewBox=%220%200%20601%2079.3525%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22><path%20d=%22M601%200.5C601%200.776142%20600.776%201%20600.5%201H543.868C521.277%201%20500.807%2014.3125%20491.645%2034.9631L489.333%2040.1763C478.765%2063.9966%20455.153%2079.3525%20429.094%2079.3525H182.906C156.847%2079.3525%20133.235%2063.9966%20122.667%2040.1763L122.113%2038.9255C111.882%2015.8657%2089.0242%201%2063.7969%201H0.500002C0.22386%201%200%200.776142%200%200.5C0%200.223858%200.223858%200%200.5%200H600.5C600.776%200%20601%200.223858%20601%200.5Z%22%20fill=%22%2313002D%22%20fill-opacity=%22.74%22%20stroke=%22%23320079%22%20stroke-opacity=%22.95%22%20stroke-width=%221%22/></svg>");
            --zg-svg-card: url("data:image/svg+xml,<svg%20preserveAspectRatio=%22none%22%20width=%22253.479%22%20height=%22313.708%22%20viewBox=%220%200%20253.479%20313.708%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22><path%20id=%22Vector%205%22%20d=%22M0.504752%20295.695V18.0131C0.504752%208.34349%208.3435%200.504752%2018.0131%200.504752H235.466C245.136%200.504752%20252.975%208.34347%20252.975%2018.013V269.884C252.975%20274.527%20251.13%20278.981%20247.847%20282.264L222.036%20308.075C218.752%20311.359%20214.299%20313.203%20209.655%20313.203H18.0131C8.34349%20313.203%200.504752%20305.364%200.504752%20295.695Z%22%20fill=%22url(%23paint0_linear_0_8)%22%20stroke=%22%23320079%22%20stroke-width=%221.0095%22/><defs><linearGradient%20id=%22paint0_linear_0_8%22%20x1=%22126.74%22%20y1=%22-126.374%22%20x2=%22126.74%22%20y2=%22313.016%22%20gradientUnits=%22userSpaceOnUse%22><stop%20stop-color=%22%233D0093%22/><stop%20offset=%220.54175%22%20stop-color=%22%2313002D%22/></linearGradient></defs></svg>");
            --zg-svg-card-line: url("data:image/svg+xml,<svg%20preserveAspectRatio=%22none%22%20width=%22253.479%22%20height=%22313.708%22%20viewBox=%220%200%20253.479%20313.708%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22><path%20id=%22Vector%205%22%20d=%22M0.504752%20295.695V18.0131C0.504752%208.34349%208.3435%200.504752%2018.0131%200.504752H235.466C245.136%200.504752%20252.975%208.34347%20252.975%2018.013V269.884C252.975%20274.527%20251.13%20278.981%20247.847%20282.264L222.036%20308.075C218.752%20311.359%20214.299%20313.203%20209.655%20313.203H18.0131C8.34349%20313.203%200.504752%20305.364%200.504752%20295.695Z%22%20fill=%22none%22%20stroke=%22%23320079%22%20stroke-width=%222.2%22/></svg>");
        }

        @media (max-width: 1439px) {
            :root {
                --zg-nav-k: .92;
            }
        }

        @media (max-width: 1279px) {
            :root {
                --zg-nav-k: .85;
            }
        }

        @media (max-width: 1179px) {
            :root {
                --zg-nav-k: .78;
            }
        }

        .zg-hero {
            padding-top: 56px;
        }

        .zg-hero__grid {
            --zg-w: 1571.4px;
            transform: translateX(var(--zg-drift-hero));
            display: grid;
            grid-template-columns: minmax(0, 820.79fr) minmax(0, 714fr);
            gap: 37px;
            align-items: start;
        }

        /* O banner é só a arte: sem moldura, sem fundo e sem máscara atrás dela, com o
   mesmo raio inferior dos cards de categoria. */

        .zg-shape-hero {
            --zg-hero-r: 18px;
            display: block;
            width: 100%;
            margin-top: 4.78px;
        }

        .zg-shape-hero .zg-fill,
        .zg-shape-hero .keen-slider__slide img {
            display: block;
            width: 100%;
            height: auto;
            background: transparent;
            border: 0;
            box-shadow: none;
            border-radius: 0 0 var(--zg-hero-r) var(--zg-hero-r);
            clip-path: inset(0 round 0 0 var(--zg-hero-r) var(--zg-hero-r));
        }

        .zg-hero-link {
            display: block;
        }

        .zg-hero__side {
            display: flex;
            flex-direction: column;
        }

        .zg-tag {
            height: 59.863px;
            background-image: var(--zg-svg-banner);
            background-size: 95.32% 100%;
            background-position: 50% 0;
            background-repeat: no-repeat;
            display: flex;
            align-items: center;
            gap: 15.86px;
            padding-left: 186px;
            margin-bottom: 21.32px;
            font-family: var(--zg-display);
            font-weight: 800;
            font-style: italic;
            font-size: 24.808px;
            line-height: 29.77px;
            letter-spacing: .01em;
            color: #fff;
            text-transform: uppercase;
        }

        .zg-dot {
            width: 15.958px;
            height: 15.958px;
            border-radius: 999px;
            background: var(--zg-purple);
            box-shadow: 0 0 0 3.36px rgba(105, 0, 255, .23);
            flex: none;
        }

        .zg-topgames {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            gap: 18px 24px;
            align-items: start;
        }

        .zg-gamecard {
            position: relative;
            display: block;
            aspect-ratio: 345 / 198;
            border-radius: 21px;
            border: 1px solid var(--zg-line);
            background: var(--zg-bg);
            overflow: hidden;
            transition: border-color .18s ease;
        }

        .zg-gamecard:hover {
            border-color: var(--zg-purple);
        }

        .zg-gamecard__img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .zg-gamecard__name {
            position: absolute;
            left: 24px;
            top: 22px;
            max-width: 60%;
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 30px;
            line-height: .92;
            text-transform: uppercase;
            text-shadow: 0 2px 12px rgba(0, 0, 0, .55);
        }

        .zg-cta__knob {
            position: absolute;
            right: 11.33px;
            top: 6px;
            width: 25.672px;
            height: 25.672px;
            border-radius: 999px;
            background: var(--zg-bg);
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .zg-cta__knob svg {
            width: 7.18px;
            height: 7.18px;
        }

        .zg-search {
            --zg-w: 1310px;
            position: relative;
            z-index: 20;
            height: 58.357px;
            margin-top: 16.5px;
            border: 0 solid transparent;
            border-image: var(--zg-svg-search) 0 55 0 55 fill / 0 55px 0 55px / 0 stretch;
            display: flex;
            align-items: center;
        }

        .zg-search__icon {
            position: absolute;
            left: 45px;
            top: 50%;
            transform: translateY(-50%);
            width: 24px;
            height: 24px;
            pointer-events: none;
        }

        .zg-search input {
            appearance: none;
            background: transparent;
            border: 0;
            height: 100%;
            width: 100%;
            padding: 0 60px 0 80px;
            color: #fff;
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 17.109px;
            line-height: 20.531px;
        }

        .zg-search input::placeholder {
            color: rgba(255, 255, 255, .5);
        }

        #hero-search-result {
            top: calc(100% + 9.6px);
        }

        .zg-search input:focus-visible {
            outline: none;
            box-shadow: none;
            --tw-ring-shadow: 0 0 #0000;
            --tw-ring-offset-shadow: 0 0 #0000;
        }

        .zg-search:focus-within {
            filter: drop-shadow(0 0 12px rgba(105, 0, 255, .45));
        }

        .zg-featured {
            --zg-w: 1546px;
            position: relative;
            margin-top: 19.64px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 154px;
            align-items: start;
        }

        .zg-wide {
            position: relative;
            display: block;
            aspect-ratio: 696 / 246;
            background: var(--zg-bg);
            -webkit-mask-image: var(--zg-svg-wide);
            mask-image: var(--zg-svg-wide);
            -webkit-mask-size: 100% 100%;
            mask-size: 100% 100%;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
        }

        .zg-wide--right {
            -webkit-mask-image: var(--zg-svg-wide-r);
            mask-image: var(--zg-svg-wide-r);
        }

        .zg-wide--right .zg-wide__frame {
            background-image: var(--zg-svg-wide-r-line);
        }

        .zg-wide>span {
            position: absolute;
            inset: 0;
            display: block;
        }

        .zg-wide__frame {
            position: absolute;
            inset: 0;
            background-image: var(--zg-svg-wide-line);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            pointer-events: none;
        }

        .zg-wide__img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Sem fundo opaco atrás: o PNG tem transparência e ela precisa deixar
   passar o fundo da página. */

        .zg-wide--art {
            background: transparent;
        }

        /* Mesmo hover dos cards de "Os jogos mais vendidos": zoom curto, sem parallax
   e sem o brilho que passa. Escopado no .zg-featured porque o style-motion
   carrega depois e empataria na especificidade. */

        .zg-featured .zg-wide--art::after {
            content: none;
        }

        .zg-featured .zg-wide--art .zg-wide__img {
            transition: scale var(--zg-t-slow) var(--zg-out), translate 260ms var(--zg-out);
        }

        @media (hover: hover) and (pointer: fine) {
            .zg-featured .zg-wide--art:hover .zg-wide__img {
                scale: 1.02;
                translate: 0 -3px;
            }
        }

        .zg-wide__name {
            position: absolute;
            left: 60px;
            top: 40px;
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 40px;
            line-height: .92;
            text-transform: uppercase;
            text-shadow: 0 2px 12px rgba(0, 0, 0, .55);
        }

        .zg-choose {
            position: absolute;
            left: 50%;
            bottom: -10px;
            transform: translateX(-50%);
            width: 294px;
            height: 62px;
            border-radius: 31px;
            border: .734px solid var(--zg-line);
            background: var(--zg-grad-pill);
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 15px;
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 21.207px;
            line-height: 31.811px;
            text-transform: uppercase;
            color: #fff;
            z-index: 2;
        }

        .zg-choose__chevrons {
            position: absolute;
            left: 50%;
            bottom: 66.9px;
            transform: translateX(-50%);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 0;
            pointer-events: none;
        }

        .zg-chev-down {
            display: block;
        }

        .zg-trust {
            --zg-w: 1485px;
            margin-top: 38px;
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 48px;
        }

        .zg-badge {
            position: relative;
            height: 87px;
            border-radius: 8.494px;
            border: 1px solid var(--zg-line);
            background: linear-gradient(26.6deg, #3d0093 -80%, #13002d 51%);
            overflow: hidden;
            display: flex;
            flex-direction: column;
            padding: 15.894px 36% 0 36.45px;
        }

        .zg-badge__title {
            font-family: var(--zg-display);
            font-weight: 700;
            font-size: 23.998px;
            line-height: 35.996px;
            text-transform: uppercase;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .zg-badge__sub {
            font-family: var(--zg-display);
            font-weight: 400;
            font-size: 13.299px;
            line-height: 14px;
            opacity: .5;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .zg-badge__icon {
            position: absolute;
            color: var(--zg-ico);
            pointer-events: none;
            transform: rotate(-4.61deg);
        }

        .zg-badge--shield .zg-badge__icon {
            right: 10.92%;
            top: 2.186px;
            width: 24.92%;
            aspect-ratio: 115.383 / 129.763;
        }

        .zg-badge--truck .zg-badge__icon {
            right: 12.34%;
            top: 13.104px;
            width: 25.09%;
            aspect-ratio: 1;
        }

        .zg-badge--support .zg-badge__icon {
            right: 11.78%;
            top: 2.827px;
            width: 28.6%;
            aspect-ratio: 132.405 / 130.245;
        }

        .zg-badge__icon svg {
            width: 100%;
            height: 100%;
            display: block;
        }

        .zg-secttl {
            --zg-w: 1286px;
            display: grid;
            grid-template-columns: 309px 1fr 309px;
            align-items: center;
            gap: 47px;
            text-align: center;
        }

        .zg-secttl__line {
            height: 1px;
        }

        .zg-secttl__chev {
            display: none;
        }

        .zg-secttl__line--l {
            background: linear-gradient(90deg, rgba(50, 0, 121, 0) 0%, #320079 100%);
        }

        .zg-secttl__line--r {
            background: linear-gradient(90deg, #320079 0%, rgba(50, 0, 121, 0) 100%);
        }

        .zg-secttl__sub {
            font-size: 18.699px;
            line-height: 15.758px;
            margin-top: 13.7px;
        }

        @media (min-width: 1024px) {
            .zg-perks-panel {
                margin-top: 72px;
            }
        }

        .zg-perks {
            --zg-w: 1285.545px;
            position: relative;
            margin-top: 51.5px;
            transform: translateX(calc(var(--zg-drift-col) + 1.4px));
        }

        .zg-perks__rail {
            position: absolute;
            left: -85.6px;
            top: 0;
            bottom: 0;
            width: 1px;
            background: var(--zg-line);
        }

        .zg-perk {
            position: relative;
            border-radius: 17.129px;
            border: .856px solid var(--zg-line);
            background: var(--zg-bg);
            backdrop-filter: blur(42.823px);
        }

        .zg-perk+.zg-perk {
            margin-top: 43.35px;
        }

        .zg-perk+.zg-perk.zg-perk--tall {
            margin-top: 56.2px;
        }

        .zg-perk__chev {
            position: absolute;
            left: -45.9px;
            top: 50%;
            transform: translateY(-50%);
            width: 48.726px;
            height: 28px;
            display: flex;
            align-items: center;
            color: #fff;
        }

        .zg-perk__chev svg:first-child {
            width: 11.556px;
            height: 20.222px;
        }

        .zg-perk__chev svg+svg {
            width: 16px;
            height: 28px;
        }

        .zg-perk--tall .zg-perk__chev {
            margin-top: 4.75px;
        }

        .zg-perk__title {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 35.535px;
            line-height: 29.947px;
            text-transform: uppercase;
        }

        .zg-perk__sub {
            font-family: var(--zg-display);
            font-weight: 700;
            font-style: italic;
            font-size: 15.52px;
            line-height: 13.1px;
            letter-spacing: 0;
            text-transform: uppercase;
            color: #a4a4a4;
            margin-top: 15.67px;
        }

        .zg-btn-dark {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            height: 44.086px;
            padding: 0 24.719px 0 26.452px;
            border-radius: 999px;
            background: var(--zg-pill);
            font-family: var(--zg-ui);
            font-weight: 700;
            font-size: 15.578px;
            line-height: 18.693px;
            color: #fff;
            white-space: nowrap;
            transition: filter .18s ease;
        }

        .zg-btn-dark:hover {
            filter: brightness(1.3);
        }

        .zg-perk--row {
            padding: 41.47px 59px 0 73.65px;
            height: 142.032px;
        }

        .zg-perk--row .zg-btn-dark {
            position: absolute;
            right: 56.15px;
            top: 43.81px;
            width: 227.044px;
            padding: 0;
        }

        .zg-perk--slim {
            height: 122.474px;
            padding-top: 36.8px;
        }

        .zg-perk--slim .zg-perk__title {
            font-size: 31.1px;
            line-height: 26.212px;
        }

        .zg-perk--slim .zg-perk__sub {
            margin-top: 9.07px;
        }

        .zg-perk--tall .zg-perk__title {
            font-size: 38.494px;
            line-height: 32.444px;
        }

        .zg-perk--tall .zg-perk__sub {
            margin-top: 11.3px;
        }

        .zg-perk--slim .zg-btn-dark {
            top: 32.6px;
        }

        .zg-perk--tall {
            height: 221.86px;
            padding: 52.75px 0 0 73.4px;
        }

        .zg-perk--tall .zg-btn-dark {
            margin-top: 28.24px;
            width: 227.044px;
            padding: 0;
        }

        .zg-perk__orbs {
            position: absolute;
            inset: 0;
            overflow: hidden;
            border-radius: inherit;
            pointer-events: none;
        }

        .zg-perk__orb {
            position: absolute;
            top: 26.45px;
            width: 222.65px;
            height: 222.65px;
            border-radius: 999px;
        }

        .zg-perk__orb--a {
            left: 554.8px;
            background: #302b60;
        }

        .zg-perk__orb--b {
            left: 729.3px;
            background: #655db3;
        }

        .zg-perk--banner {
            display: block;
            padding: 0;
            height: auto;
            min-height: 0;
            border: none;
            background: transparent;
            backdrop-filter: none;
            text-decoration: none;
            cursor: pointer;
        }

        .zg-perk--banner::before,
        .zg-perk--banner::after {
            display: none !important;
        }

        .zg-perk--banner+.zg-perk--banner {
            margin-top: 28px;
        }

        .zg-perk__banner-pic {
            display: block;
        }

        .zg-perk__banner-img {
            display: block;
            width: 100%;
            height: auto;
            pointer-events: none;
            user-select: none;
        }

        .zg-faq {
            --zg-w: 1287px;
            margin-top: 108px;
            position: relative;
            transform: translateX(var(--zg-drift-col));
        }

        .zg-faq__head {
            position: absolute;
            left: 18px;
            top: 3.38px;
            width: max-content;
            max-width: 520px;
            text-align: left;
        }

        .zg-faq__title {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: 44.322px;
            line-height: 37.352px;
            text-transform: uppercase;
        }

        .zg-faq__sub {
            margin-top: 12.4px;
        }