/* buttons */
.cb .cb-btn,.cb button,.cb .cb-game__play{--cb-duo:0}
.cb .cb-btn{font-weight:800;letter-spacing:-.005em}
.cb .cb-btn .cb-i{color:inherit}
.cb .cb-btn--lime,.cb .cb-btn--brand{background:#dafd4e;color:#000;box-shadow:inset 0 0 0 1px #0000001a}
.cb .cb-btn--ghost,.cb .cb-btn--dark{background:#26202b;color:#b48ef0;box-shadow:none}
.cb .cb-btn--lime:hover,.cb .cb-btn--brand:hover,.cb .cb-pcard:hover .cb-btn{background:#e8ff85;color:#000}
.cb .cb-btn--ghost:hover,.cb .cb-btn--dark:hover{background:#352c3d;color:#cdb0fa;box-shadow:none}

/* hero text */
.cb-hero__txt{position:relative}
.cb-hero h1{text-transform:uppercase;letter-spacing:-.015em;line-height:.98}
.cb-hero__accent{background:linear-gradient(90deg,#dafd4e 0,#dafd4e 45%,#b48ef0 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:#dafd4e}
.cb-hero__txt h1:after{content:"";display:block;width:72px;height:4px;margin-top:14px;border-radius:4px;background:linear-gradient(90deg,#dafd4e,#8d52da)}
.cb .cb-plate{margin-top:18px;gap:6px 10px;font-size:.82rem;white-space:nowrap}
@media (min-width:1024px) and (max-width:1439.98px){.cb .cb-plate{border-radius:20px}.cb .cb-plate__tag{padding:3px 10px}}
.cb .cb-hero__sub{margin-top:18px;max-width:58ch}
.cb .cb-hero__bg{height:100%;max-width:none}

/* hero offers */
.cb .cb-offers{gap:0;margin-top:22px;border-radius:18px;background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.cb .cb-offer{display:grid;grid-template-columns:38px 1fr;grid-template-rows:auto 1fr;gap:3px 12px;align-items:start;align-content:start;padding:14px 16px;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.cb .cb-offer+.cb-offer{border-left:1px solid #ffffff1f}
.cb .cb-offer .cb-i{grid-row:1/3;align-self:start;width:38px;height:38px;padding:8px;border-radius:50%;background:#dafd4e1f;box-shadow:inset 0 0 0 1px #dafd4e59}
.cb .cb-offer__lbl{margin:2px 0 0;font-size:.68rem;line-height:1.2;letter-spacing:.08em}
.cb .cb-offer__val{margin:0;font-size:clamp(1rem,.9rem + .35vw,1.2rem);line-height:1.15}
.cb .cb-offer__val small{margin-top:2px;font-size:.74rem;font-weight:600;line-height:1.25;color:#ffffffb3;text-wrap:balance}
@media (max-width:767.98px){
  .cb .cb-offer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;align-content:flex-start;text-align:center;gap:4px 5px;padding:9px 6px}
  .cb .cb-offer .cb-i{width:16px;height:16px;padding:0;background:none;box-shadow:none}
  .cb .cb-offer__val{width:100%}
  .cb .cb-offer__lbl{font-size:.6rem;letter-spacing:.05em}
  .cb .cb-offer__val{font-size:.92rem}
  .cb .cb-offer__val small{font-size:.68rem}
}
@media (max-width:374.98px){.cb .cb-offer .cb-i{display:none}}

/* hero promo: floating art */
.cb .cb-promo{background:none;box-shadow:none;padding:0;border-radius:0;gap:0;color:#fff;align-items:center;text-align:center}
.cb .cb-promo__art{background:none;aspect-ratio:auto;overflow:visible;border-radius:0;width:100%;max-width:430px;margin:0 auto}
.cb .cb-promo__art img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 24px 28px rgba(0,0,0,.45))}
.cb .cb-promo__line{position:relative;margin-top:-14px;color:#fff;text-shadow:0 2px 12px #000c}
.cb .cb-promo__line strong{color:#dafd4e}
.cb .cb-promo__btns{flex-direction:row;gap:10px;width:100%;max-width:430px;margin:14px auto 0}
.cb .cb-promo__btns .cb-btn{flex:1 1 0;padding:0 14px}
@media (max-width:1023.98px){
  .cb .cb-promo{display:grid;grid-template-columns:132px 1fr;gap:10px 14px;text-align:left}
  .cb .cb-promo__art{max-width:none}
  .cb .cb-promo__line{margin:0;align-self:center}
  .cb .cb-promo__btns{grid-column:1/-1;max-width:none;margin:0}
}
@media (max-width:599.98px){
  .cb .cb-promo{grid-template-columns:120px 1fr;gap:8px 12px}
  .cb-hero__txt h1:after{margin-top:10px;width:56px;height:3px}
  .cb .cb-hero__sub{margin-top:14px}
  .cb .cb-poster{padding:0 16px 20px}
  .cb .cb-poster__sum{font-size:2rem}
}
@media (max-width:374.98px){
  .cb .cb-promo{grid-template-columns:108px 1fr;gap:8px 10px}
}

/* side offer link */
.cb .cb-side__offer{position:relative;overflow:hidden;grid-template-columns:52px 1fr;gap:12px;padding:14px;border-radius:16px;color:#fff;text-decoration:none;background:radial-gradient(120% 80% at 0 0,#8d52da 0,#4a2386 55%,#1d1526 100%);box-shadow:inset 0 0 0 1px #dafd4e66,0 14px 28px -14px #8d52dacc;transition:transform .2s,box-shadow .2s}
.cb .cb-side__offer:after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,#ffffff2e,transparent);transform:skewX(-18deg);animation:cb-shine 5s ease-in-out infinite;pointer-events:none}
@keyframes cb-shine{0%,70%{left:-60%}to{left:130%}}
.cb .cb-side__offer img{width:52px;height:52px;transform:rotate(-8deg);filter:drop-shadow(0 6px 10px #0008)}
.cb .cb-side__offer div{min-width:0}
.cb .cb-side__offer span{opacity:1;color:#dafd4e;font-size:.7rem}
.cb .cb-side__offer strong{margin-top:2px;font-size:1.02rem;line-height:1.2;font-weight:900;color:#fff}
.cb .cb-side__offer small{display:block;margin-top:3px;font-size:.74rem;color:#ffffffb3}
.cb .cb-side__cta{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;border-radius:999px;background:#dafd4e;color:#000!important;font-size:.9rem!important;font-weight:800;letter-spacing:0!important;text-transform:none!important;--cb-duo:0}
.cb .cb-side__cta .cb-i{width:16px;height:16px;color:#000;transition:transform .2s}
.cb .cb-side__offer:hover{color:#fff;transform:translateY(-2px);box-shadow:inset 0 0 0 1px #dafd4e,0 18px 30px -14px #8d52da}
.cb .cb-side__offer:hover .cb-side__cta .cb-i{transform:translateX(3px)}
@media (prefers-reduced-motion:reduce){.cb .cb-side__offer:after{animation:none;display:none}}

/* poster: art breaks out of the top */
.cb .cb-poster{overflow:visible;aspect-ratio:auto;justify-content:flex-start;gap:10px;margin-top:120px;padding:0 26px 26px;background:radial-gradient(90% 55% at 50% 0,#8d52da8c 0,transparent 70%),linear-gradient(180deg,#2a1746 0,#16121c 100%);box-shadow:0 30px 60px -28px var(--brand-glow),inset 0 0 0 1px #ffffff1a}
.cb .cb-poster__art{width:82%;max-width:360px;margin-top:-118px;margin-bottom:-4px}
.cb .cb-poster__tag{color:#dafd4e}
.cb .cb-poster__sum{background:none;-webkit-text-fill-color:#fff;color:#fff;text-shadow:0 4px 18px #8d52da99}
.cb .cb-poster__add{color:#fff}
.cb .cb-poster__terms{color:#ffffffcc;opacity:1}
.cb-poster-wrap>*{min-width:0}
@media (max-width:899.98px){
  .cb .cb-poster{margin-top:96px}
  .cb .cb-poster__art{width:70%;margin-top:-90px}
}

/* comparison: text + welcome package image */
.cb-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,420px);gap:clamp(20px,3vw,40px);align-items:center;margin-bottom:28px}
.cb .cb-duo .cb-head{margin-bottom:0}
.cb-duo__img{display:block;border-radius:var(--r);overflow:hidden;box-shadow:0 20px 40px -24px #16121c99;transition:transform .3s}
.cb-duo__img img{display:block;width:100%;height:auto}
@media (min-width:1024px){.cb-duo__img:hover{transform:translateY(-4px)}}
@media (max-width:899.98px){.cb-duo{grid-template-columns:1fr}.cb-duo__img{max-width:480px}}

/* welcome section: spacing (.cb p / .cb h3 reset beat these) */
.cb .cb-prose>*+*{margin-top:16px}
.cb .cb-h3{margin:40px 0 12px}
.cb .cb-after{margin-top:28px}

/* reasons: rewards image tile */
.cb .cb-rs:nth-child(4),.cb .cb-rs:nth-child(5){grid-column:span 2}
.cb .cb-rs--img{margin:0;padding:0;gap:0;justify-content:center;background:#0f1032}
.cb-rs--img img{display:block;width:100%;height:auto}
.cb-rs--img figcaption{padding:10px 16px 14px;color:#fff;font-weight:700;font-size:.88rem;text-align:center}
@media (max-width:1023.98px){.cb .cb-rs:nth-child(4),.cb .cb-rs:nth-child(5),.cb .cb-rs--img{grid-column:span 1}}

/* banner: mini slot */
.cb-slot{display:inline-flex;gap:6px;padding:6px;border-radius:14px;background:linear-gradient(180deg,#2a1746,#120d18);box-shadow:inset 0 0 0 2px #dafd4e99,0 12px 24px -10px #000}
.cb-reel{width:52px;height:52px;overflow:hidden;border-radius:9px;background:#000}
.cb-reel__strip{display:flex;flex-direction:column;animation:cb-reel 7.5s cubic-bezier(.65,0,.35,1) infinite}
.cb-reel:nth-child(2) .cb-reel__strip{animation-delay:.3s}
.cb-reel:nth-child(3) .cb-reel__strip{animation-delay:.6s}
.cb .cb-reel img{display:block;width:52px;height:52px;object-fit:cover;flex:none}
@keyframes cb-reel{0%,16%{transform:translateY(0)}20%,36%{transform:translateY(-52px)}40%,56%{transform:translateY(-104px)}60%,76%{transform:translateY(-156px)}80%,96%{transform:translateY(-208px)}to{transform:translateY(-260px)}}
@media (prefers-reduced-motion:reduce){.cb-reel__strip{animation:none}}

/* journey timeline */
.cb .cb-line{counter-reset:cb-step}
.cb .cb-line:before{display:none}
.cb .cb-line li{counter-increment:cb-step;align-items:center;text-align:center}
.cb .cb-line li:not(:last-child):after{content:"";position:absolute;top:27px;left:calc(50% + 38px);width:calc(100% + 18px - 76px);height:2px;border-radius:2px;background:linear-gradient(90deg,var(--brand),var(--brand-lite))}
.cb .cb-line__dot{position:relative;flex:none;background:var(--ink);color:#dafd4e;box-shadow:none}
.cb .cb-line__dot:after{content:counter(cb-step);position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#dafd4e;color:#000;font-size:.72rem;font-weight:900;box-shadow:0 0 0 3px var(--surface)}
@media (max-width:899.98px){
  .cb .cb-line li{align-items:start;text-align:left}
  .cb .cb-line li:not(:last-child):after{top:64px;bottom:-12px;left:27px;width:2px;height:auto;background:linear-gradient(180deg,var(--brand),var(--brand-lite))}
}

/* testimonials: equal cards */
.cb .cb-quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:stretch}
.cb .cb-q__stars{color:#f5b301}
.cb .cb-q__stars .cb-i{width:18px;height:18px}
.cb .cb-q__av{flex:none}
@media (max-width:899.98px){.cb .cb-quotes{grid-template-columns:1fr}}

/* support: compact cards */
.cb .cb-sup{gap:12px}
.cb .cb-sup li{display:grid;grid-template-columns:40px 1fr;grid-template-rows:auto 1fr;gap:0 12px;align-items:center;align-content:start;padding:14px 16px}
.cb .cb-sup__ic{width:40px;height:40px;border-radius:12px}
.cb .cb-sup__ic .cb-i{width:22px;height:22px}
.cb .cb-sup h3{font-size:1rem}
.cb .cb-sup dl{grid-column:1/-1;gap:0;margin-top:10px}
.cb .cb-sup dl div{flex-direction:row;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;border-top:1px solid var(--line-strong)}
.cb .cb-sup dt{flex:none;font-size:.68rem}
.cb .cb-sup dd{font-size:.86rem;text-align:right}

/* faq icon */
.cb .cb-faq summary .cb-i{width:20px;height:20px;background:none;box-shadow:none;padding:0}

/* sticky bar: one CTA + back to top */
.cb .cb-stick__top{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#26202b;color:#b48ef0}
.cb .cb-stick__top[hidden]{display:none}
.cb .cb-stick__top .cb-i{width:22px;height:22px}
@media (min-width:1024px){.cb .cb-stick__top:hover{background:#352c3d;color:#cdb0fa}}