/* Staging action system: chamfered frames and a contrasting directional end-cap. */
#zc-site :is(.plan-card__btn,.trial-card__btn,.payment-method-button,.landing-cta,.online-catalog__open,.online-catalog__close,.btn--qr-download,.trial-download-btn,.trial-close-btn,.comprobante-card__btn-pick,.change-action-btn,.flow-panel__back) {
 isolation:isolate; border:0!important; border-radius:0!important;
 clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
 background:linear-gradient(110deg,#fff0ff,#b263ff 48%,#7135b4)!important;
 color:#fff!important; box-shadow:none!important; min-height:52px; transition:filter .2s,transform .2s!important;
}
#zc-site :is(.plan-card__btn,.trial-card__btn,.payment-method-button,.landing-cta,.online-catalog__open,.online-catalog__close,.btn--qr-download,.trial-download-btn,.trial-close-btn,.comprobante-card__btn-pick,.change-action-btn,.flow-panel__back)::before {
 content:""!important;display:block!important;position:absolute!important;inset:1px!important;z-index:-1!important;opacity:1!important;transform:none!important;
 clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
 background:linear-gradient(110deg,#35124f 0%,#582081 42%,#8037b4 76%,#b57ee0 100%)!important;
}
#zc-site #planCards .perma-hero-card .plan-card__btn {background:linear-gradient(110deg,#fff,#d6a6ff,#a14cff)!important;box-shadow:none!important;}
#zc-site #planCards .perma-hero-card .plan-card__btn::before,#zc-site .landing-cta--primary::before {background:linear-gradient(110deg,#6323a1 0%,#8334c4 45%,#a45bdb 78%,#c896ee 100%)!important;}
#zc-site :is(.zeta-plan-btn__face,.payment-method-button__face) {background:none!important;box-shadow:none!important;clip-path:none!important;border:0!important;}
#zc-site :is(.zeta-plan-btn__content,.payment-method-button__content) {padding:0 78px 0 25px!important;justify-content:flex-start!important;}
#zc-site :is(.zeta-plan-btn__text,.payment-method-button__text) {font:700 16px 'Rajdhani',sans-serif!important;letter-spacing:.07em!important;text-transform:uppercase;}
#zc-site :is(.zeta-plan-btn__arrow,.payment-method-button__arrow) {right:1px!important;top:1px!important;bottom:1px!important;height:auto!important;width:56px!important;transform:none!important;border:0!important;border-radius:0!important;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)!important;background:transparent!important;box-shadow:none!important;}
#zc-site :is(.zeta-plan-btn__arrow,.payment-method-button__arrow) svg path {stroke:#f6eaff!important;}
#zc-site :is(.plan-card__btn,.trial-card__btn,.landing-cta,.online-catalog__open):hover,#zc-site .payment-method-card:hover .payment-method-button {filter:brightness(1.16);transform:translateY(-2px)!important;}
#zc-site .change-action-btn {padding:0 22px 0 14px!important;min-height:52px!important;isolation:isolate;}
#zc-site .change-action-btn__icon {border:0!important;border-radius:0!important;background:none!important;width:28px!important;}
#zc-site .change-action-btn__text {font:700 14px 'Rajdhani',sans-serif!important;letter-spacing:.04em!important;}
#zc-site .flow-panel__back {width:58px!important;height:52px!important;isolation:isolate;}
#zc-site .flow-panel__back::after {display:none!important;}
#zc-site .flow-panel__back svg {width:25px!important;filter:none!important;}
#zc-site :is(button,a):focus-visible {outline:2px solid #f2deff!important;outline-offset:4px!important;}
#zc-site button:disabled {filter:grayscale(.5)!important;opacity:.5!important;}
/* Catalog remains the same interactive component and retains all original copy. */
#zc-site .online-catalog {max-width:620px;margin:20px auto 52px;}
#zc-site .online-catalog.is-open {max-width:1100px;}
#zc-site .online-catalog__inner {padding:32px;border-radius:24px;background:radial-gradient(ellipse at 0 0,#682ca34a,transparent 65%),linear-gradient(120deg,#180d25,#0b0812);border:1px solid #ae71e653;box-shadow:0 20px 48px #0005,inset 0 1px #efd6ff26;}
#zc-site .online-catalog__hud {display:none;}
#zc-site .online-catalog__head {display:grid;grid-template-columns:100px minmax(0,1fr);column-gap:24px;row-gap:12px;text-align:left;align-items:center;width:100%;}
#zc-site .online-catalog__logo {grid-row:1/3;width:100px;height:100px;background:none;border:0;box-shadow:none;}
#zc-site .online-catalog__logo svg {width:100%;height:100%;filter:drop-shadow(0 6px 12px #a14cff26);}
#zc-site .online-catalog__title {font-size:24px;line-height:1.15;letter-spacing:.025em;text-shadow:none;align-self:end;}
#zc-site .online-catalog__live {justify-self:start;align-self:start;border:0;border-radius:0;padding:0;background:none;box-shadow:none;font:600 10px 'Outfit',sans-serif;letter-spacing:.09em;}
#zc-site .online-catalog__live-dot {width:5px;height:5px;animation:none;}
#zc-site .online-catalog__open {width:100%;max-width:none;margin-top:26px;padding:16px 64px 16px 24px;text-align:left;font:700 17px 'Rajdhani',sans-serif;letter-spacing:.1em;}
#zc-site .online-catalog__open::after {content:'↗';position:absolute;right:22px;top:50%;transform:translateY(-50%);font:26px 'Outfit',sans-serif;color:#e9ccff;}
#zc-site .online-catalog__input {border-radius:10px;border:1px solid #ac76df55;background:#0d0816;padding:14px 18px;}
@media(max-width:600px) {
 #zc-site .online-catalog__inner {padding:22px;}
 #zc-site .online-catalog__head {grid-template-columns:70px minmax(0,1fr);gap:12px 16px;}
 #zc-site .online-catalog__logo {width:70px;height:80px;}
 #zc-site .online-catalog__title {font-size:19px;}
 #zc-site .online-catalog__live {font-size:8px;letter-spacing:.03em;}
}
@media(prefers-reduced-motion:reduce) {#zc-site :is(button,a,.payment-method-button) {transition:none!important;transform:none!important;}}

#zc-site :is(.plan-card__btn,.trial-card__btn):hover {transform:none!important;}

#zc-site :is(.change-action-btn,.flow-panel__back) svg path {stroke:#f2deff!important;}
/* Consistent navigation actions, using the same cut corners and violet spectrum. */
#zc-site :is(.change-action-btn,.flow-panel__back) {isolation:isolate;border:0!important;border-radius:0!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;background:linear-gradient(110deg,#dfbaff,#a763dd,#814aaa)!important;box-shadow:none!important;}
#zc-site :is(.change-action-btn,.flow-panel__back)::before {content:""!important;display:block!important;position:absolute!important;inset:1px!important;z-index:-1!important;transform:none!important;opacity:1!important;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;background:linear-gradient(110deg,#311349,#542080 42%,#8343b7 75%,#b17ce0)!important;}
#zc-site :is(.change-action-btn,.flow-panel__back):hover {filter:brightness(1.15);}
#zc-site :is(.change-action-btn,.flow-panel__back) svg path {stroke:#f2deff!important;}
/* Checkout progress: a connected, segmented rail rather than four boxed buttons. */
#zc-site .steps__track {gap:0!important;padding:22px 16px!important;border:1px solid #bb8bea26!important;border-radius:16px!important;background:linear-gradient(180deg,#1c102b,#0c0813)!important;}
#zc-site .steps__item {position:relative!important;flex-direction:column!important;gap:12px!important;padding:0 8px!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;}
#zc-site .steps__item::before {content:""!important;display:block!important;position:absolute;left:0;right:0;top:22px;height:1px;background:#6e4c8c;opacity:.5;}
#zc-site .steps__item:first-child::before {left:50%;}
#zc-site .steps__item:last-child::before {right:50%;}
#zc-site .steps__num {position:relative;z-index:1;flex:0 0 44px;width:44px!important;height:44px!important;border-radius:0!important;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)!important;background:#251731!important;border:0!important;box-shadow:inset 0 0 0 1px #bd88ef55!important;font:700 17px 'Rajdhani',sans-serif!important;}
#zc-site .steps__item.is-active .steps__num {background:linear-gradient(135deg,#d8a6ff,#9b48e7 55%,#542181)!important;box-shadow:inset 0 1px #f2deff99!important;}
#zc-site .steps__label {font:600 13px/1.4 'Outfit',sans-serif!important;text-align:center!important;}
/* Journey: three purpose-specific emblems, generous spacing and linked stages. */
#zc-site .landing-journey__inner {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;background:none;border:0;overflow:visible;}
#zc-site .landing-journey__step {position:relative;border:1px solid #b982ed3b;border-radius:18px;padding:28px;background:radial-gradient(ellipse at 15% 0,#8344bd2e,transparent 65%),linear-gradient(135deg,#191023,#0d0913);box-shadow:inset 0 1px #ebd5ff13,0 16px 36px #0003;}
#zc-site .landing-journey__step + .landing-journey__step {border:1px solid #b982ed3b;}
#zc-site .journey-emblem {display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;}
#zc-site .journey-emblem svg {width:54px;height:54px;padding:10px;box-sizing:content-box;color:#ead0ff;border:1px solid #b37de655;border-radius:14px;background:linear-gradient(135deg,#5c2b8466,#231333);box-shadow:inset 0 1px #e9cdff1a;}
#zc-site .landing-journey__num {margin:0;width:auto;height:auto;background:none;border:0;font:600 36px 'Rajdhani',sans-serif;color:#9f72c0;letter-spacing:.05em;}
#zc-site .landing-journey__step h2 {font-size:23px;line-height:1.2;margin:0 0 14px;}
#zc-site .landing-journey__step p {margin:0;line-height:1.7;font-size:15px;color:#bcb0cb;}
@media(max-width:650px) {
 #zc-site .steps__track {padding:18px 6px!important;}
 #zc-site .steps__item {padding:0 4px!important;gap:10px!important;}
 #zc-site .steps__label {font-size:10px!important;}
 #zc-site .steps__num {width:36px!important;height:36px!important;flex-basis:36px;}
 #zc-site .steps__item::before {top:18px;}
 #zc-site .landing-journey__inner {grid-template-columns:1fr;gap:14px;}
 #zc-site .landing-journey__step {padding:22px;}
 #zc-site .journey-emblem {margin-bottom:20px;}
 #zc-site .journey-emblem svg {width:36px;height:36px;}
 #zc-site .landing-journey__step h2 {font-size:21px;}
}
#zc-site :is(.change-action-btn,.flow-panel__back)::before {width:auto!important;height:auto!important;border:0!important;border-radius:0!important;filter:none!important;box-shadow:none!important;}
#zc-site :is(.change-action-btn,.flow-panel__back)::after,#zc-site .change-action-btn__decor-top,#zc-site .change-action-btn__decor-bottom {display:none!important;}
#zc-site .steps__track {align-items:start!important;}
#zc-site .steps__num {transform:none!important;}
/* Compact directional progress ribbon, with a continuous lower progress edge. */
#zc-site .steps {max-width:1050px!important;}
#zc-site .steps__track {padding:8px!important;gap:5px!important;border-radius:12px!important;background:#0e0916!important;box-shadow:0 10px 28px #0003!important;}
#zc-site .steps__item {min-height:72px;flex-direction:row!important;justify-content:flex-start!important;align-items:center!important;padding:14px 20px!important;gap:12px!important;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%,10px 50%);background:linear-gradient(110deg,#24162f,#170f21)!important;}
#zc-site .steps__item:first-child {clip-path:polygon(0 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,0 100%);}
#zc-site .steps__item.is-active {background:linear-gradient(110deg,#592388,#36174f)!important;box-shadow:inset 0 -2px #bd83f4!important;}
#zc-site .steps__item::before {display:none!important;}
#zc-site .steps__num {width:auto!important;height:auto!important;flex:0 0 auto!important;background:none!important;box-shadow:none!important;clip-path:none!important;font:600 25px 'Rajdhani',sans-serif!important;color:#8f789f!important;}
#zc-site .steps__item.is-active .steps__num {background:none!important;box-shadow:none!important;color:#e6c8ff!important;}
#zc-site .steps__label {font:600 12px/1.35 'Outfit',sans-serif!important;text-align:left!important;}
#zc-site .footer {display:flex;justify-content:center;padding:32px 20px!important;background:radial-gradient(ellipse at 50% 100%,#7733ab1f,transparent 65%);border-top:1px solid #c38bf129;}
#zc-site .footer-brand {display:flex;align-items:center;gap:13px;color:#f2deff;text-decoration:none;padding:8px 18px;}
#zc-site .footer-brand img {width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 0 9px #a14cff33);}
#zc-site .footer-brand span {display:flex;flex-direction:column;gap:2px;text-align:left;}
#zc-site .footer-brand strong {font:700 22px/1.1 'Rajdhani',sans-serif;letter-spacing:.08em;}
#zc-site .footer-brand small {font:400 10px 'Outfit',sans-serif;color:#a997bc;letter-spacing:.12em;text-transform:uppercase;}
@media(max-width:650px) {
 #zc-site .steps__track {padding:5px!important;gap:3px!important;}
 #zc-site .steps__item {flex-direction:column!important;justify-content:flex-start!important;padding:12px 8px!important;gap:7px!important;min-height:88px;}
 #zc-site .steps__num {font-size:21px!important;}
 #zc-site .steps__label {font-size:9px!important;text-align:center!important;}
 #zc-site .footer {padding:24px 16px!important;}
}
/* Direction-aware snapshots animate removal as well as arrival. */
::view-transition-old(root) {animation:zc-exit 160ms ease-in both;}
::view-transition-new(root) {animation:zc-enter 300ms cubic-bezier(.2,.7,.2,1) both;}
html[data-motion-direction="back"] {--zc-travel:-18px;}
html[data-motion-direction="forward"] {--zc-travel:18px;}
@keyframes zc-enter {from {opacity:0;transform:translateX(var(--zc-travel,18px));}to {opacity:1;transform:translateX(0);}}
@keyframes zc-exit {from {opacity:1;}to {opacity:0;transform:translateX(calc(var(--zc-travel,18px) * -1));}}
#zc-site .steps__item {transition:background .3s,box-shadow .3s!important;}
#zc-site .steps__item.is-active {animation:zc-step-arrive .4s ease-out;}
@keyframes zc-step-arrive {from {filter:brightness(1.5);}to {filter:brightness(1);}}
@media(prefers-reduced-motion:reduce) {::view-transition-old(root),::view-transition-new(root),#zc-site .steps__item {animation:none!important;transition:none!important;}}

#zc-site .zc-click-sweep {position:absolute;pointer-events:none;z-index:5;inset:-30% auto -30% 0;width:30%;background:linear-gradient(100deg,transparent,#f2deff85,transparent);transform:skewX(-20deg);clip-path:inset(0);}
#zc-site :is(.plan-card__btn,.payment-method-button,.change-action-btn,.landing-cta,.online-catalog__open) {overflow:hidden!important;}
@media(prefers-reduced-motion:reduce) {#zc-site .zc-click-sweep {display:none!important;}}
/* Screen bridge: isolated from the legacy card/performance styles. */
#zc-site > .zc-screen-transition {position:fixed!important;inset:0!important;z-index:2147483646!important;display:grid!important;place-items:center!important;pointer-events:auto!important;background:radial-gradient(ellipse at center,#54217f 0%,#1b0c2d 40%,#08050e 80%)!important;opacity:0;overflow:hidden;}
#zc-site > .zc-screen-transition::before {content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,#be80ff12 50%,transparent 65%);border-block:1px solid #ad72e33b;}
#zc-site > .zc-screen-transition > img {width:clamp(76px,12vw,128px);height:auto;object-fit:contain;opacity:0;filter:drop-shadow(0 0 24px #a14cff66);}
/* Branded interstitial: double hex, restrained light trace and real destination. */
#zc-site .zc-transition-composition {position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;width:min(88vw,540px);text-align:center;}
#zc-site .zc-transition-emblem {position:relative;width:clamp(112px,15vw,160px);aspect-ratio:9/10;display:grid;place-items:center;margin-bottom:8px;}
#zc-site .zc-transition-emblem svg {position:absolute;inset:0;width:100%;height:100%;overflow:visible;}
#zc-site .zc-transition-hex {stroke:#bc83f0;stroke-width:1.3;fill:#170b28;fill-opacity:.6;}
#zc-site .zc-transition-hex-inner {stroke:#b475e7;stroke-opacity:.35;stroke-width:1;}
#zc-site .zc-transition-spark {stroke:#f2deff;stroke-width:2.4;stroke-dasharray:.12 .88;opacity:0;}
#zc-site .zc-transition-emblem img {position:relative;width:66%;height:auto;opacity:0;filter:drop-shadow(0 0 15px #a14cff44);}
#zc-site .zc-transition-brand {display:flex;align-items:center;gap:20px;font:600 11px 'Outfit',sans-serif;letter-spacing:.32em;color:#c8a3e9;}
#zc-site .zc-transition-brand::before,#zc-site .zc-transition-brand::after {content:"";height:1px;width:clamp(30px,8vw,75px);background:linear-gradient(90deg,transparent,#b27edd);}
#zc-site .zc-transition-brand::after {transform:rotate(180deg);}
#zc-site .zc-transition-destination {margin:0;color:#f2deff;font:600 clamp(18px,4.5vw,25px)/1.35 'Rajdhani',sans-serif;letter-spacing:.025em;opacity:0;}

/* Vector arrows keep the same appearance on iOS, Android and desktop. */
#zc-site .online-catalog__open::after {content:none!important;display:none!important;}
#zc-site .catalog-arrow {position:absolute;right:24px;top:50%;width:24px;height:24px;transform:translateY(-50%);color:#f1ddff;pointer-events:none;transition:transform .25s ease;}
#zc-site .online-catalog__open:hover .catalog-arrow {transform:translate(3px,calc(-50% - 3px));}
#zc-site .landing-hero__cta .landing-cta {position:relative;gap:24px;justify-content:space-between;min-height:60px;padding:16px 22px 16px 26px;font:700 17px 'Outfit',sans-serif;letter-spacing:.015em;}
#zc-site .landing-hero__cta .landing-cta--primary::before {background:linear-gradient(112deg,#542085 0%,#7927c5 40%,#9942df 75%,#b979ee 100%)!important;}
#zc-site .landing-hero__cta .landing-cta--ghost::before {background:linear-gradient(112deg,#140c23 0%,#29143e 60%,#452066 100%)!important;}
#zc-site .landing-hero__cta .landing-cta::after {content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#ffffff20 48%,transparent 65%);transform:translateX(-130%);transition:transform .65s ease;}
#zc-site .landing-hero__cta .landing-cta:hover::after {transform:translateX(130%);}
#zc-site .hero-action-icon {width:26px;height:26px;flex:none;padding-left:12px;box-sizing:content-box;border-left:1px solid #e7c5ff40;color:#f1ddff;transition:transform .25s;}
#zc-site .landing-cta:hover .hero-action-icon {transform:translateX(2px);}
@media(max-width:480px){#zc-site .landing-hero__cta {gap:12px;}#zc-site .landing-hero__cta .landing-cta {min-height:56px;padding:14px 18px;gap:12px;font-size:15px;}#zc-site .hero-action-icon {width:21px;height:21px;padding-left:9px;}#zc-site .game-catalogs .online-catalog__live {font-size:10px;line-height:1.5;letter-spacing:.03em;}}
@media(prefers-reduced-motion:reduce){#zc-site .catalog-arrow,#zc-site .hero-action-icon,#zc-site .landing-hero__cta .landing-cta::after {transition:none;}}

/* Demo invitation */
#zc-site .landing-hero__scroll {position:relative;isolation:isolate;overflow:hidden;opacity:1;color:#fff;background:linear-gradient(115deg,#57218a,#341553 58%,#1c102e);border:1px solid #c58aff;border-radius:16px;padding:16px 22px 16px 16px;box-shadow:0 8px 30px #8d32e438,inset 0 1px #ffffff35;gap:16px;}
#zc-site .landing-hero__scroll::before {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#dbb2ff25 48%,transparent 70%);transform:translateX(-120%);transition:transform .7s;}
#zc-site .landing-hero__scroll:hover::before {transform:translateX(120%);}
#zc-site .landing-hero__scroll:hover {border-color:#efdbff;box-shadow:0 8px 36px #a14cff55;}
#zc-site .landing-hero__scroll small {color:#e1d1ef;font-size:12px;line-height:1.45;}
#zc-site .demo-link-play {flex:none;width:48px;height:48px;background:linear-gradient(135deg,#f2dfff,#c081ff);color:#441570;box-shadow:0 0 0 5px #c581ff20,0 0 22px #c081ff66;}
#zc-site .demo-link-play svg {width:21px;height:21px;margin-left:3px;}
@media(max-width:480px){#zc-site .landing-hero__scroll {padding:14px;gap:13px;max-width:100%;}#zc-site .landing-hero__scroll small {font-size:11px;}}
@media(prefers-reduced-motion:reduce){#zc-site .landing-hero__scroll::before {transition:none;}}