.promo-glow{--promo-glow:var(--color-primary)}.promo-glow[data-tone=candy]{--promo-glow:#ff5fb7}.promo-glow[data-tone=olympus]{--promo-glow:#ffc94d}.promo-hero{isolation:isolate;background:radial-gradient(120% 90% at 85% 10%, color-mix(in srgb, var(--promo-glow) 28%, transparent), transparent 60%), radial-gradient(80% 80% at 0% 100%, color-mix(in srgb, var(--color-primary) 22%, transparent), transparent 60%), var(--color-bg-secondary,#101018);position:relative;overflow:hidden}.promo-hero-art{z-index:-2;-o-object-fit:cover;object-fit:cover;-o-object-position:right center;object-position:right center;width:100%;height:100%;animation:18s ease-in-out infinite alternate promo-kenburns;position:absolute;inset:0}.promo-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg, color-mix(in srgb, var(--color-background,var(--color-bg-primary,#080808)) 92%, transparent) 0%, color-mix(in srgb, var(--color-background,var(--color-bg-primary,#080808)) 70%, transparent) 38%, transparent 70%);position:absolute;inset:0}@media (width<=639px){.promo-hero-art{-o-object-position:center top;object-position:center top}.promo-hero:after{background:linear-gradient(180deg, transparent 0%, transparent 30%, color-mix(in srgb, var(--color-background,var(--color-bg-primary,#080808)) 82%, transparent) 58%, var(--color-background,var(--color-bg-primary,#080808)) 100%)}}.promo-shine{position:relative;overflow:hidden}.promo-shine:before{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffffff47 48%,#0000 66%);animation:3.6s ease-in-out 1.2s infinite promo-shine;position:absolute;inset:0;transform:translate(-120%)}.promo-cta{box-shadow:0 10px 28px -6px color-mix(in srgb, var(--color-primary) 70%, transparent);transition:transform .15s,box-shadow .15s}@media (hover:hover){.promo-cta:hover{transform:translateY(-1px)scale(1.01)}}.promo-cta:active{transform:scale(.99)}.promo-badge{animation:.48s cubic-bezier(.22,1,.36,1) both promo-rise;animation-delay:calc(var(--i,0) * 70ms + .12s)}.promo-step-icon{animation:4.2s ease-in-out infinite promo-float;animation-delay:calc(var(--i,0) * -1.4s);filter:drop-shadow(0 10px 18px color-mix(in srgb, var(--color-primary) 35%, transparent));-webkit-mask-image:radial-gradient(circle,#000 58%,#0000 72%);mask-image:radial-gradient(circle,#000 58%,#0000 72%)}.promo-step-halo{background:radial-gradient(circle, color-mix(in srgb, var(--color-primary) 45%, transparent), transparent 70%);animation:2.8s ease-in-out infinite promo-pulse;animation-delay:calc(var(--i,0) * .5s);border-radius:9999px;position:absolute;inset:12%}.promo-step-connector{background:linear-gradient(90deg, var(--color-primary), transparent);background-size:200% 100%;animation:2.4s linear infinite promo-flow}.promo-card-art{transition:transform .6s cubic-bezier(.22,1,.36,1)}.promo-card{transition:transform .2s,border-color .2s,box-shadow .2s}@media (hover:hover){.promo-card:hover{box-shadow:0 18px 40px -18px color-mix(in srgb, var(--promo-glow) 70%, transparent);transform:translateY(-3px)}.promo-card:hover .promo-card-art{transform:scale(1.05)}}.promo-featured{background:linear-gradient(var(--color-bg-secondary,#101018), var(--color-bg-secondary,#101018)) padding-box, linear-gradient(120deg, var(--color-primary), color-mix(in srgb, var(--promo-glow) 80%, transparent), var(--color-primary)) border-box;border:2px solid #0000}.promo-skeleton{background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a) 0 0/200% 100%;animation:1.4s linear infinite promo-flow}.promo-sticky{animation:.36s cubic-bezier(.22,1,.36,1) both promo-sticky-in}.promo-chevron{transition:transform .2s}.promo-accordion>summary{list-style:none}.promo-accordion>summary::-webkit-details-marker{display:none}.promo-accordion[open] .promo-chevron{transform:rotate(180deg)}@keyframes promo-kenburns{0%{transform:scale(1)}to{transform:scale(1.06)translate(-1%)}}@keyframes promo-shine{0%{transform:translate(-120%)}45%,to{transform:translate(120%)}}@keyframes promo-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes promo-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-2deg)}}@keyframes promo-pulse{0%,to{opacity:.35;transform:scale(.92)}50%{opacity:.8;transform:scale(1.06)}}@keyframes promo-flow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes promo-sticky-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.promo-hero-art,.promo-shine:before,.promo-badge,.promo-step-icon,.promo-step-halo,.promo-step-connector,.promo-skeleton,.promo-sticky,.promo-card,.promo-cta{transition:none;animation:none}.promo-shine:before{display:none}.promo-card:hover .promo-card-art,.promo-accordion .promo-chevron{transition:none}.promo-card:hover .promo-card-art{transform:none}}