.promo-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.promo{display:block;position:relative}.promo-copy{z-index:2;flex-direction:column;justify-content:center;align-items:flex-start;gap:max(6px,min(1.1vw,13px));width:54%;padding:max(16px,min(3vw,40px));display:flex;position:absolute;top:0;bottom:0;left:0}.promo-copy:before{content:"";z-index:-1;background:linear-gradient(90deg,var(--pm-tint) 0 46%,transparent);position:absolute;top:0;bottom:0;left:0;right:0}.pm-signup{--pm-tint:#1a0733b3}.pm-auto{--pm-tint:#04220fb3}.promo-kicker{font-family:var(--pixel);letter-spacing:1px;color:var(--yellow);text-shadow:0 2px 6px #000;font-size:max(6px,min(.72vw,10px))}.pm-auto .promo-kicker{color:#86efac}.promo-copy :-webkit-any(h2,h3){font-family:var(--pixel);color:#fff;text-shadow:0 3px #0009;font-size:max(13px,min(2.1vw,30px));line-height:1.65}.promo-copy :-moz-any(h2,h3){font-family:var(--pixel);color:#fff;text-shadow:0 3px #0009;font-size:max(13px,min(2.1vw,30px));line-height:1.65}.promo-copy :is(h2,h3){font-family:var(--pixel);color:#fff;text-shadow:0 3px #0009;font-size:max(13px,min(2.1vw,30px));line-height:1.65}.promo-copy p{color:#e9d5ff;font-size:max(12px,min(1.55vw,21px));line-height:1.5}.promo-copy small{color:#cbb9ea;max-width:30ch;font-size:max(10px,min(1.1vw,14.5px));line-height:1.75}.pm-auto .promo-copy small{color:#a7d8b6}.promo-accent{font-family:var(--pixel);letter-spacing:2px;color:#86efac;text-shadow:0 4px #14532d,0 0 22px #22c55e66;font-size:max(17px,min(3vw,42px))}.promo-cta{font-family:var(--pixel);color:#fff;background:linear-gradient(180deg,var(--purple-2),var(--purple));border:1px solid #ffffff40;border-radius:8px;margin-top:max(2px,min(.6vw,8px));padding:max(8px,min(1vw,14px)) max(14px,min(1.9vw,26px));font-size:max(7px,min(.8vw,11px));transition:all .13s;box-shadow:0 4px #4c1d95}.promo:hover .promo-cta{transform:translateY(2px);box-shadow:0 2px #4c1d95}.pm-auto .promo-cta{background:linear-gradient(#4ade80,#16a34a);box-shadow:0 4px #14532d}.pm-auto:hover .promo-cta{box-shadow:0 2px #14532d}html[lang=th] .promo-kicker{letter-spacing:.3px;font-size:max(8px,min(.95vw,13px))}html[lang=th] .promo-copy :-webkit-any(h2,h3){font-size:max(14px,min(2.25vw,32px))}html[lang=th] .promo-copy :-moz-any(h2,h3){font-size:max(14px,min(2.25vw,32px))}html[lang=th] .promo-copy :is(h2,h3){font-size:max(14px,min(2.25vw,32px))}html[lang=th] .promo-cta{font-size:max(9px,min(1.05vw,15px))}@media (max-width:520px){.promo-copy{gap:6px;width:64%;padding:14px}.promo-copy small{display:none}.promo-card{grid-template-columns:1fr}.pc-img{aspect-ratio:2}}@media (max-width:1100px){.promo-grid{grid-template-columns:1fr}}
