*{box-sizing:border-box;touch-action:pan-y;-ms-touch-action:pan-y}html{--u:calc(100vw / 390);font-size:calc(100vw / 7.5);width:100%;max-width:100%;background:#080d30;overflow-x:hidden;touch-action:pan-y;-webkit-text-size-adjust:none;text-size-adjust:none}body{margin:0;width:100%;max-width:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;color:#fff;background:#080d30;touch-action:pan-y}#app{width:100%;max-width:none;margin:0;position:relative;text-align:center;background:#080d30;container-type:inline-size;touch-action:pan-y}.landing-page{position:relative;overflow:clip}.landing-page .page-bg{display:block;width:100%;height:auto}.landing-page .banner_box{height:140cqw}.landing-page .banner_box1{margin-top:22cqw}.landing-page .banner_box2{margin-top:72cqw;height:120cqw}.landing-page .carousel_section{top:62cqw}.landing-page .carousel{height:50cqw}.landing-page .carousel_item{height:50cqw;max-width:none}.landing-page .carousel_item2,.landing-page .carousel_item3{width:55cqw;max-width:none}.landing-page .btn-wrap-fixed{pointer-events:none}.landing-page .btn-wrap-fixed .btn-wrap{top:.2rem;margin-top:9rem;padding:.3rem 0;text-align:center}.landing-page .btn-wrap-fixed .van-button{pointer-events:auto;cursor:pointer;font-family:inherit}.van-button__content{display:flex;align-items:center;justify-content:center;height:100%}.van-button{padding:0;border:0}.van-button:focus-visible{outline:3px solid #fff;outline-offset:4px}.van-button:hover{filter:brightness(1.08)}.signin-container,.gold-round{display:none}dialog{font-size:16px;color:#eee;background:#1b2119;border:1px solid #6b7c56;border-radius:14px;width:min(340px,90vw);padding:24px;text-align:left}dialog::backdrop{background:#000b}dialog h2{font-size:21px;margin:0 0 12px}dialog p{line-height:1.6;margin:0 0 20px}.close{border:0;border-radius:24px;background:#ffec01;color:#111;font-size:16px;font-weight:700;padding:10px 25px;cursor:pointer}@media(prefers-reduced-motion:reduce){*,*::after{animation:none!important;transition:none!important}}
.landing-page .banner_box1 .carousel_item2,.landing-page .banner_box2 .carousel_item3{width:55cqw}.landing-page .carousel_item{height:50cqw}body{scrollbar-width:none}body::-webkit-scrollbar{display:none}

/* Remove the reward heading and carousel; close their space in the original raster layout. */
.background-top{height:210cqw;overflow:hidden;position:relative}
.background-bottom{height:222.7cqw;overflow:hidden;position:relative}
.background-bottom .page-bg{position:absolute;top:-282cqw;left:0}
.landing-page .banner_box2{margin-top:162cqw}
.landing-page .banner_box2 .carousel_section{top:62cqw}
/* Anchor testimonials below the 24/7 service area at every viewport size. */
#app .landing-page .banner_box2{position:absolute;top:365cqw;left:0;margin:0;width:100%;height:54cqw}
#app .landing-page .banner_box2 .carousel_section{top:0}
#app .landing-page .banner_box2 .carousel{height:54cqw}
#app .landing-page .banner_box2 .carousel_item3{width:55cqw}
/* Add breathing room between the yellow CTA and the provider section. */
#app{--section-gap:calc(24 * var(--u, 1px))}
.background-top{height:calc(210cqw + var(--section-gap))}
.hero-background{height:141.4cqw;overflow:hidden;position:relative}
.partners-background{height:68.6cqw;margin-top:var(--section-gap);overflow:hidden;position:relative}
.partners-background .page-bg{position:absolute;top:-141.4cqw;left:0}
#app .landing-page .banner_box2{top:calc(365cqw + var(--section-gap))}
/* Payment logos: two identical groups form a seamless left-moving strip. */
#app{--payment-height:24cqw;--payment-duration:24s}
.payment-marquee{height:var(--payment-height);padding:4.9cqw 4.5cqw;overflow:hidden;position:relative}
.payment-track{display:flex;width:max-content;animation:payments-left var(--payment-duration) linear infinite;will-change:transform}
.payment-group{display:flex;align-items:center;gap:4.8cqw;padding-right:4.8cqw;flex-shrink:0}
#app .landing-page .payment-group img{display:block;width:14.2cqw;height:14.2cqw;max-width:none;object-fit:contain;flex-shrink:0}
#app .landing-page .banner_box2{top:calc(365cqw + var(--section-gap) + var(--payment-height))}
@keyframes payments-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.payment-marquee{overflow-x:auto}.payment-track{animation:none}.payment-group[aria-hidden]{display:none}}
#app .landing-page .payment-group img{border-radius:2.5cqw}

/* Updated 750 x 3640 artwork already contains the payment title and open logo slot. */
#app{background:#080d30;--pri-app-bg:#080d30}
.background-top{height:calc(485.333333cqw + var(--section-gap))}
.hero-background{height:141.4cqw}
.partners-background{height:343.933333cqw}
.partners-background .page-bg{top:-141.4cqw}
.payment-marquee{position:absolute;top:calc(235cqw + var(--section-gap));left:0;width:100%;background:transparent;z-index:2}
#app .landing-page .banner_box2{top:calc(412cqw + var(--section-gap))}
/* Stop the sticky CTA at the bottom of the provider-logo grid. */
#app .landing-page .btn-wrap-fixed{height:calc(206cqw + var(--section-gap));bottom:auto}
#app .header-download{position:absolute;z-index:10;top:3cqw;right:2.6cqw;width:35.2cqw;padding:0;border:0;border-radius:1.7cqw;overflow:hidden;background:transparent;cursor:pointer;line-height:0;pointer-events:auto}
#app .landing-page .header-download img{display:block;width:100%;height:auto}
.header-download:focus-visible{outline:3px solid white;outline-offset:3px}
.header-download:hover{filter:brightness(1.08)}
.header-download:disabled{opacity:.65;cursor:wait}

/* Defeat source-layout vw sizing inside the 480px column. Game carousel only. */
#app .landing-page #img_container[data-v-e4a7eece],#app .landing-page #img_container{position:absolute;top:0;left:50%;width:100%;min-height:100%;transform:translate(-50%);z-index:3;pointer-events:none}
#app .landing-page .banner_box:not(.banner_box2)[data-v-e4a7eece],#app .landing-page .banner_box:not(.banner_box2){position:relative;height:140cqw;overflow:hidden;width:100%}
#app .landing-page .banner_box1[data-v-e4a7eece],#app .landing-page .banner_box1{margin-top:22cqw}
#app .landing-page .banner_box:not(.banner_box2) .carousel_section[data-v-e4a7eece],#app .landing-page .banner_box:not(.banner_box2) .carousel_section{position:absolute;top:62cqw;left:50%;transform:translate(-50%);width:80%}
#app .landing-page .banner_box:not(.banner_box2) .carousel[data-v-e4a7eece],#app .landing-page .banner_box:not(.banner_box2) .carousel{position:relative;width:80%;height:50cqw;perspective:1000px;margin:0 auto}
#app .landing-page .carousel_item[data-v-e4a7eece],#app .landing-page .carousel_item{height:50cqw}
/* Testimonials stay at the bottom, same as the 56mxn layout. */
#app .landing-page .banner_box2[data-v-e4a7eece],#app .landing-page .banner_box2{position:absolute;top:calc(412cqw + var(--section-gap));left:0;margin:0;width:100%;height:54cqw;overflow:visible}
#app .landing-page .banner_box2 .carousel_section[data-v-e4a7eece],#app .landing-page .banner_box2 .carousel_section{position:absolute;top:0;left:50%;transform:translate(-50%);width:80%}
#app .landing-page .banner_box2 .carousel[data-v-e4a7eece],#app .landing-page .banner_box2 .carousel{position:relative;width:80%;height:54cqw;perspective:1000px;margin:0 auto;overflow:visible}
#app .landing-page .banner_box2 .carousel_item3[data-v-e4a7eece],#app .landing-page .banner_box2 .carousel_item3{width:55cqw;max-width:none;height:auto}
/* Any viewport wider than 650px stays on the same fluid phone scale. */
@media screen and (min-width:650px){
  #app .landing-page .banner_box:not(.banner_box2)[data-v-e4a7eece],#app .landing-page .banner_box:not(.banner_box2){height:140cqw}
  #app .landing-page .banner_box:not(.banner_box2) .carousel_section[data-v-e4a7eece],#app .landing-page .banner_box:not(.banner_box2) .carousel_section{top:62cqw}
  #app .landing-page .banner_box:not(.banner_box2) .carousel[data-v-e4a7eece],#app .landing-page .banner_box:not(.banner_box2) .carousel{height:50cqw}
  #app .landing-page .carousel_item[data-v-e4a7eece],#app .landing-page .carousel_item{height:50cqw}
  #app .landing-page .banner_box2[data-v-e4a7eece],#app .landing-page .banner_box2{height:54cqw}
  #app .landing-page .banner_box2 .carousel_item3[data-v-e4a7eece],#app .landing-page .banner_box2 .carousel_item3{width:55cqw}
}