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