@media(hover:hover) {
            .zy-card:hover {
                transform: translateY(-6px);
                border-color: #9a45ff;
                box-shadow: 0 16px 40px #6900ff24, inset 0 1px 0 #ffffff12
            }
            .zy-card:hover .zy-card__buy::after,
            .zy-footer__cta:hover::after {
                animation: zy-sheen .75s ease-out both
            }
            .zy-card:hover .zy-card__sale {
                box-shadow: 0 0 18px #6900ff80
            }
            .zy-footer__nav a:hover {
                translate: 4px 0;
                color: #fff
            }
            .zy-footer__nav a:hover svg {
                transform: rotate(-8deg) scale(1.15);
                opacity: 1
            }
            .zy-footer__social a:hover {
                translate: 0 -4px;
                background: #6900ff66;
                box-shadow: 0 8px 22px #6900ff30
            }
            .zy-footer__cta:hover {
                background: #8000ff;
                box-shadow: 0 6px 25px #6900ff55
            }
            .zy-guarantee:hover svg {
                transform: scale(1.1)
            }
            .zg-nav .zg-pill:hover {
                box-shadow: 0 7px 22px #6900ff35;
                filter: brightness(1.12)
            }
            .zg-nav .zg-pill:hover svg,
            .zg-nav-mobile a:hover svg,
            .zg-nav-mobile button:hover svg {
                transform: translateY(-2px) rotate(-6deg)
            }
            .zg-nav__brand:hover svg {
                transform: scale(1.04);
                filter: drop-shadow(0 0 10px #6900ff55)
            }
            .zg-nav__social a:hover {
                translate: 0 -3px;
                box-shadow: 0 5px 18px #6900ff35
            }
            .zg-nav__social a:hover svg {
                transform: rotate(-8deg)
            }
        }

        .zy-card:active,
        .zy-footer__cta:active,
        .zy-shuffle:active,
        .zy-ticket__trigger:active {
            scale: .98
        }

        @media(max-width:1100px) {
            .zy-footer__grid {
                grid-template-columns: 1.15fr 1fr;
                gap: 36px
            }
            .zy-footer__contact {
                grid-column: auto
            }
            .zy-footer__assurance>span {
                max-width: 240px
            }
        }

        @media(max-width:600px) {
            .zy-footer>.zg-wrap {
                width: calc(100% - 32px)
            }
            .zy-footer__grid {
                grid-template-columns: 1fr 1fr;
                padding: 34px 0;
                gap: 30px 18px
            }
            .zy-footer__brand,
            .zy-footer__contact {
                grid-column: 1/-1
            }
            .zy-footer__nav h2 {
                font-size: 16px
            }
            .zy-footer__nav a {
                font-size: 13px;
                gap: 8px
            }
            .zy-footer__nav svg {
                width: 16px;
                height: 16px
            }
            .zy-footer__brand>p:not(.zy-footer__tagline) {
                font-size: 14px
            }
            .zy-footer__brand .zg-brandmark {
                width: 155px;
                height: 56px
            }
            .zy-footer__contact h2 {
                font-size: 23px
            }
            .zy-guarantee strong {
                font-size: 13px
            }
            .zy-guarantee span span {
                font-size: 11px
            }
            .zy-footer__assurance {
                padding: 22px 0
            }
            .zy-card__body h3 {
                font-size: 12px
            }
            .zy-card__buy {
                font-size: 11px;
                min-height: 42px
            }
            .zy-spotlight__head h2 {
                font-size: 26px
            }
            .zy-spotlight__head p {
                font-size: 13px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-footer *,
            .zy-card *,
            .zy-card,
            .zy-brandwall *,
            .zg-nav .zg-pill,
            .zg-nav .zg-pill *,
            .zg-nav-mobile a,
            .zg-nav-mobile button,
            .zg-nav-mobile svg,
            .zg-nav__social a,
            .zg-nav__social svg,
            .zg-nav__brand svg {
                animation: none !important;
                transition: none !important
            }
            .zy-card:hover,
            .zy-footer a:hover,
            .zg-nav svg,
            .zg-nav-mobile svg {
                transform: none !important;
                translate: none !important
            }
            .zy-card:active,
            .zy-footer__cta:active {
                scale: 1
            }
        }

        /* Shared catalog cards: only normalize media geometry in the mixed home grid. */

        .zy-spotlight__grid .zy-product>.zg-pkg {
            width: 100%;
            min-width: 0
        }

        .zy-spotlight__grid .zg-pkg .zg-pkg__media {
            aspect-ratio: 4/3;
            flex-shrink: 0
        }

        .zy-spotlight__grid .zg-pkg--video .zg-pkg__media {
            aspect-ratio: 16/9
        }

        .zy-spotlight__grid .zg-pkg[data-steam-media="true"] .zg-pkg__media {
            overflow: hidden
        }

        .zy-spotlight__grid .zg-pkg[data-steam-media="true"] .zg-pkg__img {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            object-position: center 35%
        }

        .zy-spotlight__grid:has(.zg-pkg[data-floating-media="true"]) {
            padding-top: 16px;
            row-gap: 32px
        }

        /* Zyon v5: broad violet navigation, illustrated benefits and purchase context. */

        .zy-nav-premium.zg-nav {
            height: 104px;
            overflow: visible;
            padding-top: 14px;
            isolation: isolate
        }

        .zy-nav-premium .zg-nav__band,
        .zy-nav-premium .zg-nav__glass {
            display: none
        }

        .zy-nav-premium .zg-nav__inner {
            width: min(1546px, calc(100% - 48px));
            height: 76px;
            padding: 12px 22px;
            margin: auto;
            transform: none;
            translate: none;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            border: 1px solid #a668ff70;
            border-radius: 999px;
            background: radial-gradient(ellipse at 36% 0, #6900ffb0, transparent 65%), linear-gradient(110deg, #260052, #15002e 75%);
            box-shadow: 0 12px 32px #09001755, inset 0 1px #ffffff18;
            backdrop-filter: blur(20px)
        }

        .zy-nav-premium .zg-nav__brand {
            left: 0;
            margin: 0 20px 0 0;
            width: 155px;
            height: 48px
        }

        .zy-nav-premium .zg-nav__brand .zg-brandmark {
            display: block
        }

        .zy-nav-premium .zg-nav__brand .zg-brandcompact {
            display: none
        }

        .zy-nav-premium .zg-pill {
            height: 46px;
            font: 700 14px/1.2 var(--zg-ui, Arial);
            border: 1px solid #ac72ff30;
            background: #13002dbd;
            justify-content: center;
            transition: background .22s, box-shadow .22s, transform .22s
        }

        .zy-nav-premium .zg-pill--split {
            width: auto;
            flex: none;
            gap: 4px;
            padding: 3px;
            background: #11002799;
            height: 50px
        }

        .zy-nav-premium .zg-pill__a {
            padding: 0 15px;
            gap: 8px
        }

        .zy-nav-premium .zg-pill__b {
            position: relative;
            left: auto;
            top: auto;
            width: auto;
            height: 42px;
            padding: 0 17px;
            background: linear-gradient(180deg, #8a28ff, #5900db);
            box-shadow: inset 0 1px #ffffff35
        }

        .zy-nav-premium .zg-pill--buy {
            width: auto;
            padding: 0 18px;
            gap: 8px
        }

        .zy-nav-premium .zg-pill--cart {
            width: auto;
            padding: 0 20px;
            margin-left: auto;
            gap: 9px
        }

        .zy-nav-premium .zg-pill--login {
            width: auto;
            padding: 0 20px;
            background: linear-gradient(180deg, #8a28ff, #5900db);
            box-shadow: 0 4px 18px #6900ff50, inset 0 1px #ffffff35
        }

        .zy-nav-premium .zg-nav__social {
            margin: 0;
            gap: 7px
        }

        .zy-nav-premium .zg-nav__social a {
            width: 38px;
            height: 38px;
            background: #160031;
            border: 1px solid #a668ff40
        }

        .zy-nav-premium .zg-nav__inner a:focus-visible,
        .zy-nav-premium button:focus-visible {
            outline: 2px solid white;
            outline-offset: 4px
        }

        .zy-nav-premium .zg-pill__a svg {
            color: #e1caff
        }

        .zy-spotlight {
            position: relative;
            isolation: isolate;
            padding-top: 12px
        }

        .zy-spotlight::before {
            content: '';
            position: absolute;
            inset: -20px -18px auto;
            height: 260px;
            z-index: -1;
            pointer-events: none;
            background: radial-gradient(ellipse at 30% 0, #6900ff32, transparent 70%)
        }

        .zy-spotlight__head {
            padding-bottom: 24px;
            border-bottom: 1px solid #8e37ff50;
            margin-bottom: 28px
        }

        .zy-spotlight__head h2 {
            display: block;
            font: 800 clamp(27px, 2.6vw, 42px)/1.2 var(--zg-display, 'Exo 2'), Arial;
            letter-spacing: -.035em;
            color: white
        }

        .zy-spotlight__emblem {
            display: inline-flex;
            vertical-align: middle;
            align-items: center;
            justify-content: center;
            width: 46px;
            height: 46px;
            margin-right: 12px;
            border-radius: 14px;
            background: linear-gradient(145deg, #9f3aff, #6100e2);
            border: 1px solid #d6adff66;
            box-shadow: 0 7px 26px #6900ff60, inset 0 1px #ffffff40;
            transform: rotate(-7deg)
        }

        .zy-spotlight__emblem svg {
            width: 27px;
            height: 27px;
            stroke-width: 2.5
        }

        .zy-spotlight__accent {
            color: #cba6ff
        }

        .zy-spotlight__head p {
            font: 500 14px/1.6 var(--zg-ui, Arial);
            color: #ddd3e9;
            margin-top: 12px
        }

        .zy-shuffle {
            background: #3c0088;
            border: 1px solid #a668ff70;
            font: 700 13px var(--zg-ui, Arial);
            padding: 0 20px;
            min-height: 46px;
            box-shadow: inset 0 1px #ffffff15
        }

        .zy-card {
            background: linear-gradient(160deg, #2e0062, var(--zg-panel) 70%);
            border: 1px solid #7130ba80;
            box-shadow: 0 8px 20px #09001735, inset 0 1px #ffffff08
        }

        .zy-card__body h3 {
            font: 700 14px/1.5 var(--zg-ui, Arial);
            height: 3em;
            letter-spacing: -.01em;
            color: #fff
        }

        .zy-card__buy {
            font-family: var(--zg-ui, Arial);
            background: linear-gradient(180deg, #8b1dff, #6900ff);
            box-shadow: inset 0 1px #ffffff35, 0 4px 14px #6900ff35
        }

        .zy-card__sale {
            background: #fff;
            color: #5000b8;
            border: 1px solid #d5aaff;
            font: 800 12px var(--zg-ui, Arial);
            box-shadow: 0 3px 14px #16002460
        }

        .zy-benefits {
            display: grid;
            grid-template-columns: 1.1fr 1fr 1fr;
            gap: 20px;
            margin-top: 38px
        }

        .zy-benefit {
            position: relative;
            isolation: isolate;
            display: flex;
            align-items: center;
            min-height: 154px;
            padding: 25px 26px;
            border: 1px solid #9143ed90;
            border-radius: 22px;
            background: radial-gradient(ellipse at 100% 100%, #6500d870, transparent 70%), linear-gradient(120deg, #2d005e, #1a003f);
            box-shadow: inset 0 1px #ffffff12;
            color: white;
            text-decoration: none;
            transition: transform .3s, border-color .3s, box-shadow .3s
        }

        .zy-benefit::before {
            content: '';
            position: absolute;
            inset: 0;
            border-radius: inherit;
            background: linear-gradient(115deg, transparent 20%, #ffffff12 46%, transparent 60%);
            background-size: 250% 100%;
            background-position: 100% 0;
            z-index: -1;
            transition: background-position .7s
        }

        .zy-benefit__copy {
            position: relative;
            z-index: 1;
            display: grid;
            gap: 6px;
            width: calc(100% - 70px)
        }

        .zy-benefit strong {
            font: 800 clamp(19px, 1.55vw, 25px)/1.15 var(--zg-display, 'Exo 2'), Arial;
            letter-spacing: -.02em
        }

        .zy-benefit__copy>span {
            font: 500 13px/1.5 var(--zg-ui, Arial);
            color: #e2d7ef
        }

        .zy-benefit small {
            display: flex;
            align-items: center;
            gap: 6px;
            margin-top: 9px;
            font: 700 11px var(--zg-ui, Arial);
            color: #ceb0f4
        }

        .zy-benefit small svg {
            width: 13px;
            height: 13px
        }

        .zy-benefit__art {
            position: absolute;
            right: 16px;
            top: 20px;
            width: 88px;
            height: 105px;
            display: grid;
            place-items: center;
            border-radius: 26px;
            background: linear-gradient(140deg, #ae5aff, #6900ff 65%, #420096);
            box-shadow: inset 2px 2px 2px #e8cbff77, inset -3px -4px 3px #35007b, 7px 10px 0 #19003466, 0 12px 24px #6900ff44;
            transform: rotate(10deg);
            transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s
        }

        .zy-benefit__art svg {
            width: 57px;
            height: 57px;
            stroke-width: 1.7;
            color: #fff;
            filter: drop-shadow(0 4px 0 #350073)
        }

        .zy-benefit--guarantee {
            border-color: #a969ff;
            background: radial-gradient(ellipse at 100% 100%, #6900ff99, transparent 70%), #320068
        }

        .zy-benefit--guarantee .zy-benefit__art {
            border-radius: 36px 36px 42px 42px;
            top: 12px;
            transform: rotate(10deg) translateY(-5px)
        }

        .zy-benefit:focus-visible {
            outline: 2px solid white;
            outline-offset: 5px
        }

        .zy-footer {
            background: radial-gradient(ellipse at 0 0, #5100b040, transparent 50%), radial-gradient(ellipse at 100% 50%, #49009640, transparent 55%), var(--zg-bg);
            border-top: 1px solid #9048e770
        }

        .zy-footer__assurance {
            border-bottom-color: #8235d74d;
            padding: 30px 0
        }

        .zy-footer__assurance .zy-guarantee {
            padding: 16px 22px;
            border: 1px solid #9450e45c;
            border-radius: 18px;
            background: #35006b55
        }

        .zy-footer__assurance .zy-icon {
            background: linear-gradient(150deg, #8e24ff, #5400bd);
            color: #fff;
            box-shadow: 0 4px 18px #6900ff40
        }

        .zy-footer__assurance .zy-guarantee strong {
            font: 800 19px/1.3 var(--zg-display, 'Exo 2'), Arial;
            color: white
        }

        .zy-footer__assurance .zy-guarantee span span {
            font: 500 13px/1.5 var(--zg-ui, Arial);
            color: #d6c8e5
        }

        .zy-footer__grid {
            padding: 58px 0 48px
        }

        .zy-footer__nav h2,
        .zy-footer__contact h2 {
            font-family: var(--zg-display, 'Exo 2'), Arial;
            font-weight: 800;
            color: white
        }

        .zy-footer__nav h2 {
            font-size: 21px;
            margin-bottom: 22px
        }

        .zy-footer__nav a {
            font-family: var(--zg-ui, Arial);
            color: #e2d9ed
        }

        .zy-footer__nav a svg {
            padding: 6px;
            width: 20px;
            height: 20px;
            box-sizing: content-box;
            border-radius: 11px;
            background: #38007166;
            color: #cfa6ff;
            transition: background .25s, transform .25s, color .25s
        }

        .zy-footer__contact {
            padding: 26px;
            border: 1px solid #843ad265;
            border-radius: 24px;
            background: linear-gradient(140deg, #36007280, #1a003f);
            box-shadow: inset 0 1px #ffffff0f
        }

        .zy-footer__contact .zy-eyebrow {
            color: #d4b6ff;
            font-family: var(--zg-ui, Arial)
        }

        .zy-footer__contact h2 {
            font-size: 27px;
            line-height: 1.2
        }

        .zy-footer__contact p,
        .zy-footer__brand p {
            font-family: var(--zg-ui, Arial);
            color: #d6c8e5
        }

        .zy-footer__cta {
            background: linear-gradient(180deg, #8a21ff, #6500e5);
            border-color: #b570ff88;
            border-radius: 999px;
            box-shadow: 0 6px 22px #6900ff40;
            font-family: var(--zg-ui, Arial)
        }

        .zy-review-product {
            display: flex;
            align-items: center;
            gap: 11px;
            margin: 18px 0;
            padding: 12px;
            background: #6900ff14;
            border: 1px solid #9950e644;
            border-radius: 13px;
            color: #fff;
            font-family: var(--zg-ui, Arial);
            min-width: 0
        }

        .zy-review-product>img {
            width: 44px;
            height: 44px;
            object-fit: cover;
            border-radius: 9px;
            flex: none
        }

        .zy-review-product>svg {
            width: 24px;
            height: 24px;
            flex: none;
            color: #cdaaff
        }

        .zy-review-product>span {
            display: grid;
            gap: 4px;
            min-width: 0
        }

        .zy-review-product small {
            color: #c3b4d6;
            font-size: 10px;
            font-weight: 600
        }

        .zy-review-product a,
        .zy-review-product strong {
            font-size: 12px;
            font-weight: 700;
            line-height: 1.4;
            overflow-wrap: anywhere
        }

        .zy-review-product a:hover {
            text-decoration: underline;
            text-underline-offset: 3px
        }

        .zy-review-product--compact {
            margin: 12px 0 0;
            width: fit-content
        }

        .zy-review-product {
            flex-shrink: 0
        }

        .zg-testi .zg-card__in {
            padding: 32px 28px 0;
            min-height: 100%
        }

        .zg-testi .zg-card__text {
            margin-top: 22px;
            overflow-wrap: anywhere
        }

        .zg-testi .zg-card__foot {
            padding-top: 12px;
            padding-bottom: 32px
        }

        .zy-nav-premium .zg-nav__profile {
            flex: none;
            max-width: 170px
        }

        .zy-nav-premium [data-profile-button]>div:not(.zg-navpic) {
            max-width: 100px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        @media(hover:hover) {
            .zy-nav-premium .zg-pill:hover {
                background-color: #3a006e;
                box-shadow: 0 0 22px #8e29ff55, inset 0 1px #ffffff22;
                transform: translateY(-2px)
            }
            .zy-nav-premium .zg-pill__a:hover svg {
                rotate: 80deg;
                transition: rotate .65s
            }
            .zy-nav-premium .zg-pill__b:hover {
                filter: brightness(1.2)
            }
            .zy-benefit:hover {
                transform: translateY(-5px);
                border-color: #c69aff;
                box-shadow: 0 14px 36px #6900ff33, inset 0 1px #ffffff30
            }
            .zy-benefit:hover::before {
                background-position: 0 0
            }
            .zy-benefit:hover .zy-benefit__art {
                transform: translateY(-10px) rotate(-6deg) scale(1.06);
                box-shadow: inset 2px 2px 2px #e8cbff77, inset -3px -4px 3px #35007b, 7px 14px 0 #19003466, 0 18px 30px #6900ff66
            }
            .zy-footer__nav a:hover svg {
                transform: rotate(-8deg);
                color: white;
                background: #6900ff
            }
            .zy-card:hover {
                border-color: #c08cff;
                box-shadow: 0 12px 35px #6900ff40
            }
        }

        @media(min-width:1024px) and (max-width:1250px) {
            .zy-nav-premium .zg-nav__inner {
                gap: 8px;
                padding-inline: 16px
            }
            .zy-nav-premium .zg-nav__brand {
                width: 128px;
                margin-right: 5px
            }
            .zy-nav-premium .zg-pill {
                font-size: 12px
            }
            .zy-nav-premium .zg-pill__a,
            .zy-nav-premium .zg-pill__b {
                padding-inline: 12px
            }
            .zy-nav-premium .zg-pill--buy,
            .zy-nav-premium .zg-pill--cart,
            .zy-nav-premium .zg-pill--login {
                padding-inline: 12px
            }
            .zy-nav-premium .zg-nav__social a {
                width: 32px;
                height: 32px
            }
        }

        @media(max-width:1100px) {
            .zy-benefits {
                gap: 14px;
                grid-template-columns: repeat(3, minmax(0, 1fr))
            }
            .zy-benefit {
                padding: 22px 18px;
                min-height: 180px
            }
            .zy-benefit__art {
                width: 58px;
                height: 70px;
                right: 12px;
                top: 22px;
                border-radius: 20px
            }
            .zy-benefit__art svg {
                width: 40px;
                height: 40px
            }
            .zy-benefit__copy {
                width: calc(100% - 48px)
            }
            .zy-footer__contact {
                padding: 20px
            }
        }

        @media(max-width:1023px) {
            .zy-nav-premium.zg-nav {
                height: 86px;
                padding-top: 8px
            }
            .zy-nav-premium .zg-nav__inner {
                display: none
            }
            .zy-nav-premium .zg-nav-mobile {
                width: calc(100% - 24px);
                max-width: 760px;
                height: 68px;
                border: 1px solid #a668ff70;
                border-radius: 999px;
                background: radial-gradient(ellipse at 30% 0, #6900ff99, transparent 75%), #190035ef;
                box-shadow: 0 8px 28px #11002466;
                backdrop-filter: blur(18px);
                grid-template-columns: minmax(54px, 1fr) 42px 42px minmax(76px, 1fr);
                padding: 0 14px;
                gap: 12px;
                translate: none
            }
            .zy-nav-premium .zg-nav-mobile__brand {
                justify-self: start
            }
            .zy-nav-premium .zg-nav-mobile__login,
            .zy-nav-premium .zg-nav-mobile__icon {
                border: 1px solid #ad72ff50
            }
            .zy-nav-premium .zg-nav-mobile__login {
                justify-self: end
            }
        }

        @media(max-width:700px) {
            .zy-benefits {
                grid-template-columns: 1fr;
                margin-top: 26px;
                gap: 18px
            }
            .zy-benefit {
                min-height: 130px;
                padding: 22px
            }
            .zy-benefit__copy {
                width: calc(100% - 95px)
            }
            .zy-benefit__art {
                width: 80px;
                height: 94px;
                right: 22px;
                top: 16px
            }
            .zy-benefit__art svg {
                width: 52px;
                height: 52px
            }
            .zy-benefit strong {
                font-size: 23px
            }
            .zy-spotlight__head h2 {
                font-size: 29px
            }
            .zy-spotlight__emblem {
                width: 35px;
                height: 35px;
                margin-right: 7px;
                border-radius: 11px
            }
            .zy-spotlight__emblem svg {
                width: 22px;
                height: 22px
            }
            .zy-spotlight__head {
                padding-bottom: 20px
            }
            .zy-card__body h3 {
                font-size: 12px
            }
            .zy-footer__assurance .zy-guarantee {
                padding: 16px;
                width: 100%
            }
            .zy-footer__assurance .zy-guarantee strong {
                font-size: 17px
            }
            .zy-footer__assurance .zy-guarantee span span {
                font-size: 11px
            }
            .zy-footer__nav a svg {
                width: 17px;
                height: 17px;
                padding: 4px
            }
            .zy-footer__contact {
                padding: 25px
            }
            .zy-footer__nav h2 {
                font-size: 18px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-nav-premium *,
            .zy-benefit,
            .zy-benefit *,
            .zy-benefit::before {
                animation: none !important;
                transition: none !important
            }
            .zy-benefit:hover {
                transform: none
            }
            .zy-benefit:hover .zy-benefit__art {
                transform: rotate(10deg)
            }
            .zy-nav-premium .zg-pill:hover {
                transform: none
            }
        }

        /* Zyon v7: original storefront typography and restrained supporting surfaces. */

        .zy-spotlight::before {
            display: none
        }

        .zy-spotlight__head h2 {
            font-family: var(--zg-display);
            font-weight: 900;
            font-style: italic;
            font-size: clamp(28px, 3vw, 44px);
            line-height: 1.1;
            text-transform: uppercase;
            letter-spacing: 0;
            color: #fff
        }

        .zy-spotlight__head p {
            font-family: var(--zg-ui);
            font-size: 14px;
            color: #c5bdce
        }

        .zy-spotlight__head {
            border-bottom: 0;
            padding-bottom: 0;
            margin-bottom: 32px
        }

        .zy-benefit strong {
            font-family: var(--zg-display);
            font-weight: 800;
            font-style: italic;
            text-transform: uppercase;
            font-size: clamp(19px, 1.5vw, 24px);
            line-height: 1.2;
            letter-spacing: 0
        }

        .zy-benefit__copy>span,
        .zy-benefit small {
            font-family: var(--zg-ui);
            color: #d0c7da
        }

        .zy-benefit {
            border-radius: 16px;
            background: var(--zg-panel);
            border-color: var(--zg-line);
            box-shadow: none
        }

        .zy-benefit--guarantee {
            background: var(--zg-panel);
            border-color: #6900ff88
        }

        .zy-benefit__art {
            background: linear-gradient(145deg, #7b16ff, #4800a6);
            box-shadow: inset 0 1px #ffffff30, 0 8px 18px #09001460;
            width: 76px;
            height: 90px;
            right: 20px;
            top: 24px;
            border-radius: 22px;
            transform: rotate(6deg)
        }

        .zy-benefit__art svg {
            width: 48px;
            height: 48px
        }

        .zy-benefit__copy {
            width: calc(100% - 85px)
        }

        .zy-footer__contact {
            padding: 0;
            border: 0;
            border-radius: 0;
            background: none;
            box-shadow: none
        }

        .zy-footer__contact h2 {
            font-family: var(--zg-display);
            font-size: 26px;
            font-weight: 800;
            font-style: italic;
            text-transform: uppercase;
            line-height: 1.15;
            letter-spacing: 0;
            margin-top: 15px
        }

        .zy-footer__contact p {
            font-family: var(--zg-ui);
            font-size: 14px;
            line-height: 1.6;
            color: #cec5d9
        }

        .zy-footer__contact .zy-eyebrow {
            font-family: var(--zg-ui);
            color: #c6bbd1;
            letter-spacing: .04em
        }

        .zy-footer__cta {
            width: fit-content;
            min-height: 44px;
            padding: 0 20px;
            background: var(--zg-purple);
            border: 0;
            box-shadow: none;
            font-family: var(--zg-ui);
            font-size: 14px
        }

        .zy-review-product {
            padding: 12px;
            gap: 12px;
            background: var(--zg-deep);
            border: 1px solid var(--zg-line);
            border-radius: 14px;
            box-shadow: inset 0 1px #ffffff06;
            transition: border-color .22s, background .22s
        }

        .zy-review-product>img {
            width: 52px;
            height: 52px;
            border-radius: 9px
        }

        .zy-review-product small {
            font-family: var(--zg-ui);
            font-size: 11px;
            color: #afa3bd;
            font-weight: 500;
            letter-spacing: 0
        }

        .zy-review-product a,
        .zy-review-product strong {
            font-family: var(--zg-display);
            font-size: 14px;
            font-weight: 700;
            line-height: 1.3;
            color: white
        }

        .zy-review-empty {
            color: #b7acC4;
            font-family: var(--zg-ui);
            font-size: 15px
        }

        .zy-review-pages {
            display: flex;
            align-items: center;
            justify-content: center;
            flex-wrap: wrap;
            gap: 16px;
            margin-top: 24px;
            font-family: var(--zg-ui);
            font-size: 13px;
            color: #c6bbd1
        }

        .zy-review-pages a {
            display: flex;
            align-items: center;
            gap: 8px;
            padding: 10px 16px;
            border: 1px solid var(--zg-line);
            border-radius: 999px;
            color: white;
            background: var(--zg-panel)
        }

        .zy-review-pages svg {
            width: 16px;
            height: 16px
        }

        .zy-ticket {
            left: max(24px, calc((100vw - 1546px)/2));
            bottom: 32px;
            font-family: var(--zg-ui)
        }

        .zy-ticket__trigger {
            flex-direction: row;
            gap: 9px;
            width: auto;
            height: 48px;
            padding: 0 17px;
            border-radius: 999px;
            border: 1px solid #9d57ff88;
            background: var(--zg-panel);
            box-shadow: 0 5px 18px #0004
        }

        .zy-ticket__trigger>svg {
            width: 23px;
            height: 23px;
            color: white;
            stroke-width: 2
        }

        .zy-ticket__trigger>span {
            font-family: var(--zg-ui);
            font-size: 13px;
            font-weight: 700;
            letter-spacing: 0
        }

        .zy-ticket__panel {
            left: 0;
            bottom: 62px;
            transform: translateY(8px);
            transform-origin: bottom left;
            border: 1px solid #7632c8;
            border-radius: 18px;
            box-shadow: 0 12px 35px #0005
        }

        .zy-ticket__panel h2 {
            font-family: var(--zg-display);
            font-weight: 800;
            font-style: italic;
            text-transform: uppercase;
            font-size: 23px;
            letter-spacing: 0
        }

        .zy-ticket__panel p,
        .zy-ticket__panel small,
        .zy-copy {
            font-family: var(--zg-ui)
        }

        @media(hover:hover) {
            .zy-review-product:hover {
                background: #210049;
                border-color: #6c24be
            }
            .zy-ticket__trigger:hover {
                background: #45009b;
                transform: translateY(-2px)
            }
            .zy-review-pages a:hover {
                border-color: #9859e2
            }
        }

        @media(max-width:1100px) {
            .zy-benefit__art {
                width: 55px;
                height: 68px;
                right: 13px
            }
            .zy-benefit__art svg {
                width: 37px;
                height: 37px
            }
            .zy-benefit__copy {
                width: calc(100% - 51px)
            }
        }

        @media(max-width:700px) {
            .zy-benefit__art {
                width: 72px;
                height: 86px;
                right: 20px;
                top: 22px
            }
            .zy-benefit__art svg {
                width: 47px;
                height: 47px
            }
            .zy-benefit__copy {
                width: calc(100% - 82px)
            }
            .zy-benefit strong {
                font-size: 22px
            }
            .zy-spotlight__head h2 {
                font-size: 28px
            }
            .zy-footer__contact {
                padding: 0
            }
            .zy-ticket {
                left: 16px;
                bottom: calc(88px + env(safe-area-inset-bottom, 0px))
            }
            .zy-ticket__trigger {
                height: 46px;
                padding: 0 14px
            }
            .zy-ticket__panel {
                bottom: 60px;
                left: 0;
                width: min(300px, calc(100vw - 32px))
            }
            .zy-review-product a,
            .zy-review-product strong {
                font-size: 13px
            }
            .zy-review-product>img {
                width: 44px;
                height: 44px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-review-product {
                transition: none
            }
        }

        /* Zyon v8: quieter footer boundary, gutter coupon and larger benefit artwork. */

        .zy-footer {
            border-top-color: #21003d
        }

        .zy-ticket {
            left: 20px;
            bottom: 20px
        }

        .zy-ticket__trigger {
            width: 60px;
            height: 60px;
            padding: 0;
            flex-direction: column;
            gap: 3px;
            border-radius: 18px;
            background: #25004d;
            border-color: #7334bc
        }

        .zy-ticket__trigger>svg {
            width: 29px;
            height: 29px;
            stroke-width: 1.8
        }

        .zy-ticket__trigger>span {
            font-family: var(--zg-display);
            font-size: 10px;
            font-weight: 800;
            text-transform: uppercase
        }

        .zy-ticket__panel {
            bottom: 74px;
            left: 0
        }

        .zy-benefit {
            min-height: 170px;
            padding-right: 24px
        }

        .zy-benefit__art,
        .zy-benefit--guarantee .zy-benefit__art {
            width: 100px;
            height: 112px;
            right: 22px;
            top: 50%;
            transform: translateY(-50%) rotate(6deg);
            border: 1px solid #b378ff55;
            border-radius: 28px;
            background: linear-gradient(145deg, #8c28ff, #5300b9);
            box-shadow: inset 0 2px #d5b5ff30, 0 10px 24px #08001560
        }

        .zy-benefit__art svg {
            width: 67px;
            height: 67px;
            stroke-width: 1.7;
            filter: drop-shadow(0 3px 0 #390074)
        }

        .zy-benefit__copy {
            width: calc(100% - 112px)
        }

        .zg-buy--brawl .zg-buy__trust li {
            background: var(--zg-deep);
            border-color: var(--zg-line);
            padding: 16px 6px;
            gap: 12px
        }

        .zg-buy--brawl .zg-buy__trust svg,
        .zg-buy--brawl .zg-buy__trust li:first-child svg {
            width: 32px;
            height: 32px;
            padding: 12px;
            background: #40008b;
            color: white;
            border: 1px solid #8141cc;
            border-radius: 16px;
            box-shadow: inset 0 1px #ffffff15
        }

        .zg-buy--brawl .zg-buy__trust b {
            font-family: var(--zg-display);
            font-style: italic;
            font-weight: 800;
            font-size: 13px;
            text-transform: uppercase;
            line-height: 1.2
        }

        .zg-buy--brawl .zg-buy__pay {
            background: var(--zg-deep);
            border-color: var(--zg-line)
        }

        .zg-buy--brawl .zg-brawl-payment-copy>span {
            font-family: var(--zg-ui);
            color: #b9afc6;
            letter-spacing: .02em;
            font-weight: 600
        }

        .zg-buy--brawl .zg-brawl-payment-copy p {
            font-family: var(--zg-display);
            font-size: 17px;
            font-weight: 800;
            font-style: italic;
            text-transform: uppercase;
            color: white
        }

        .zy-review-pages[hidden] {
            display: none
        }

        @media(hover:hover) {
            .zy-benefit:hover .zy-benefit__art {
                transform: translateY(-55%) rotate(-4deg) scale(1.04)
            }
        }

        @media(min-width:701px) and (max-width:1100px) {
            .zy-benefit {
                padding: 20px 16px;
                min-height: 205px
            }
            .zy-benefit__art,
            .zy-benefit--guarantee .zy-benefit__art {
                width: 67px;
                height: 85px;
                right: 13px
            }
            .zy-benefit__art svg {
                width: 46px;
                height: 46px
            }
            .zy-benefit__copy {
                width: calc(100% - 73px)
            }
        }

        @media(max-width:700px) {
            .zy-ticket {
                left: 12px;
                bottom: calc(16px + env(safe-area-inset-bottom, 0px))
            }
            .zy-ticket__trigger {
                width: 52px;
                height: 54px;
                border-radius: 16px
            }
            .zy-ticket__trigger>svg {
                width: 25px;
                height: 25px
            }
            .zy-ticket__panel {
                bottom: 68px;
                width: min(300px, calc(100vw - 24px))
            }
            .zy-benefit {
                min-height: 154px
            }
            .zy-benefit__art,
            .zy-benefit--guarantee .zy-benefit__art {
                width: 83px;
                height: 101px;
                right: 20px
            }
            .zy-benefit__art svg {
                width: 56px;
                height: 56px
            }
            .zy-benefit__copy {
                width: calc(100% - 94px)
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-benefit:hover .zy-benefit__art {
                transform: translateY(-50%) rotate(6deg)
            }
        }

        .zy-checkout-trust,
        .zy-checkout-reviews {
            padding: 24px;
            border: 1px solid var(--zg-line);
            border-radius: 20px;
            background: var(--zg-panel);
            margin-top: 18px
        }

        .zy-checkout-trust h2,
        .zy-checkout-reviews h2 {
            margin: 0 0 18px;
            font: 800 italic 23px/1.15 var(--zg-display);
            text-transform: uppercase;
            color: #fff
        }

        .zy-checkout-trust>a,
        .zy-checkout-trust>div {
            display: flex;
            align-items: center;
            gap: 12px;
            padding: 16px 0;
            border-top: 1px solid #ffffff09;
            color: #fff;
            text-decoration: none
        }

        .zy-checkout-trust__icon {
            display: grid;
            place-items: center;
            flex: none;
            width: 48px;
            height: 52px;
            border: 1px solid #9454e350;
            border-radius: 14px;
            background: linear-gradient(145deg, #6200d5, #350074);
            transition: transform .25s
        }

        .zy-checkout-trust__icon svg {
            width: 30px;
            height: 30px;
            stroke-width: 1.8
        }

        .zy-checkout-trust strong {
            display: block;
            font: 800 italic 17px/1.2 var(--zg-display);
            text-transform: uppercase
        }

        .zy-checkout-trust small {
            display: block;
            margin-top: 5px;
            font: 500 12px/1.5 var(--zg-ui);
            color: #c4b8d2
        }

        .zy-checkout-trust>a>svg {
            width: 15px;
            height: 15px;
            flex: none;
            margin-left: auto
        }

        .zy-checkout-reviews[hidden] {
            display: none
        }

        .zy-checkout-reviews header p,
        .zy-checkout-reviews__note {
            font: 500 12px/1.5 var(--zg-ui);
            color: #b7acc7
        }

        .zy-checkout-reviews header h2 {
            margin-bottom: 8px
        }

        .zy-checkout-reviews .zg-rev {
            padding: 20px 0;
            border-bottom: 1px solid #ffffff0b
        }

        .zy-checkout-reviews .zg-rev__av {
            width: 34px;
            height: 34px;
            font-size: 13px;
            flex: none
        }

        .zy-checkout-reviews .zg-rev__b {
            min-width: 0
        }

        .zy-checkout-reviews .zg-rev__m {
            font: 500 14px/1.5 var(--zg-ui);
            overflow-wrap: anywhere
        }

        .zy-checkout-reviews .zg-rev__top {
            flex-wrap: wrap;
            gap: 5px
        }

        .zy-checkout-reviews .zg-rev__n {
            font: 700 14px var(--zg-display)
        }

        .zy-checkout-reviews__note {
            margin: 16px 0 0;
            font-size: 11px
        }

        @media(hover:hover) {
            .zy-checkout-trust a:hover .zy-checkout-trust__icon {
                transform: rotate(-6deg);
                border-color: #bc85ff
            }
        }

        @media(max-width:600px) {
            .zy-checkout-trust,
            .zy-checkout-reviews {
                padding: 20px
            }
            .zy-checkout-trust h2,
            .zy-checkout-reviews h2 {
                font-size: 21px
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-checkout-trust__icon {
                transition: none
            }
        }

        .zy-footer__brand h1,
        .zy-footer__brand .zy-footer__tagline {
            font-family: var(--zg-display);
            font-size: 23px;
            font-weight: 800;
            font-style: italic;
            line-height: 1.2;
            text-transform: uppercase;
            letter-spacing: 0;
            color: #fff
        }

        .zg-ck__side:has(.zy-checkout-trust) {
            position: static
        }

        @media(max-width:1023px) {
            .zg-ck__side:has(.zy-checkout-trust) {
                display: contents
            }
            .zg-ck__side>.zg-panel {
                order: 1
            }
            .zy-checkout-trust {
                order: 3
            }
            .zy-checkout-reviews {
                order: 4
            }
        }

        /* Section title matches the existing advantages typography and side rules. */

        .zy-highlights-heading {
            margin-bottom: 26px
        }

        .zy-highlights-heading__title {
            display: grid;
            grid-template-columns: minmax(24px, 1fr) auto minmax(24px, 1fr);
            align-items: center;
            gap: clamp(16px, 3vw, 48px);
            text-align: center
        }

        .zy-highlights-heading__title>div {
            min-width: 0
        }

        .zy-highlights-heading__title>.zg-secttl__line {
            position: static;
            display: block;
            width: auto;
            transform: none
        }

        .zy-highlights-heading .zg-title {
            font-size: clamp(28px, 3vw, 44px);
            line-height: 1.15;
            margin: 0
        }

        .zy-highlights-heading .zg-sub {
            font-size: clamp(12px, 1.3vw, 18px);
            line-height: 1.35;
            margin: 9px 0 0
        }

        .zy-highlights-heading__actions {
            display: flex;
            justify-content: center;
            margin-top: 20px
        }

        .zy-highlights-heading .zy-shuffle {
            min-height: 42px;
            padding: 0 20px;
            gap: 10px;
            border: 1px solid #7130b3;
            border-radius: 999px;
            background: #230049;
            box-shadow: inset 0 1px #ffffff0a;
            color: #f4effa;
            font: 700 13px var(--zg-ui);
            transition: background .2s, border-color .2s, transform .2s
        }

        .zy-highlights-heading .zy-shuffle svg {
            width: 16px;
            height: 16px;
            stroke-width: 1.8
        }

        @media(hover:hover) {
            .zy-highlights-heading .zy-shuffle:hover {
                background: #380071;
                border-color: #a869ed;
                transform: translateY(-2px)
            }
            .zy-highlights-heading .zy-shuffle:hover svg {
                rotate: 90deg
            }
        }

        @media(prefers-reduced-motion:reduce) {
            .zy-highlights-heading .zy-shuffle,
            .zy-highlights-heading .zy-shuffle svg {
                transition: none
            }
        }

        .zy-review-product a,
        .zy-review-product strong {
            font-family: var(--zg-ui);
            font-weight: 700;
            font-style: normal;
            text-transform: none;
            letter-spacing: 0;
            line-height: 1.4
        }

        @media(max-width:600px) {
            .zy-highlights-heading__title {
                grid-template-columns: minmax(12px, 1fr) minmax(0, 8fr) minmax(12px, 1fr);
                gap: 10px
            }
            .zy-highlights-heading__actions {
                justify-content: center;
                margin-top: 18px
            }
        }

        /* Compact confidence column beneath the form; order summary stays independent. */

        .zy-checkout-confidence {
            display: grid;
            grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
            gap: 16px;
            align-items: start;
            margin-top: 8px;
            min-width: 0
        }

        .zy-checkout-confidence .zy-checkout-trust,
        .zy-checkout-confidence .zy-checkout-reviews {
            margin: 0;
            padding: 22px;
            min-width: 0;
            border-color: #54218a;
            background: var(--zg-deep)
        }

        .zy-checkout-confidence h2 {
            font-size: 21px;
            line-height: 1.15
        }

        .zy-checkout-trust>a,
        .zy-checkout-trust>div {
            padding: 20px 0;
            align-items: flex-start
        }