.season-banner{container-type:inline-size;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;isolation:isolate;overflow:hidden;border-radius:20px;margin:32px 0;background:#020919;color:#fff;font-family:inherit;text-align:left;box-sizing:border-box}
.season-banner *{box-sizing:border-box}.season-banner .art{grid-column:2;grid-row:1;align-self:stretch;position:relative;min-width:0;overflow:hidden}.season-banner .art img{width:100%;height:100%;object-fit:cover;display:block;margin:0;border:0;border-radius:0;max-height:none}.season-banner .art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#020919,transparent 20%)}
.season-banner .copy{grid-column:1;grid-row:1;z-index:1;padding:28px 0 28px 28px;min-width:0}.season-banner .brandline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.season-banner .brand{width:140px;height:32px;object-fit:contain;object-position:left;margin:0;border:0;border-radius:0}.season-banner .tag{font-size:9px;letter-spacing:1px;line-height:1.2;white-space:nowrap;padding:5px 7px;background:#194bcf;color:#fff;border-radius:4px}.season-banner .hook{font-size:18px;line-height:1.3;font-weight:600;margin:20px 0 10px;min-height:47px;color:inherit}.season-banner h3{margin:0;padding:0;border:0;color:inherit;line-height:1.05;font-size:42px;letter-spacing:-1px}.season-banner .discount{display:flex;align-items:center;gap:10px}.season-banner .discount strong{font-size:92px;line-height:1;font-weight:700}.season-banner .discount strong span{font-size:50px}.season-banner .off{font-size:26px;letter-spacing:0}.season-banner .bonus{display:block;font-size:24px;letter-spacing:0;line-height:1.2;margin-top:9px;color:#a9caff}.season-banner .benefit{font-size:15px;line-height:1.4;margin:16px 0;color:inherit}.season-banner .cta{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:12px 17px;border-radius:9px;text-decoration:none!important;font-size:15px;font-weight:700;line-height:1.3;background:#ff624a;color:#180804!important;border:0;max-width:100%;text-align:center;animation:season-cta .82s ease-in-out infinite}.season-banner .cta:focus-visible{outline:3px solid #fff;outline-offset:4px}.season-banner .terms{font-size:10px;line-height:1.5;margin:14px 0 0;color:#cad5e5}.season-banner .swap{animation:season-copy .35s ease-out}
.season-banner.surf{background:#dcf8f3;color:#102f31}.season-banner.surf .art{grid-column:1}.season-banner.surf .art:after{display:none}.season-banner.surf .copy{grid-column:2;padding:28px 24px;text-align:center}.season-banner.surf .brandline{justify-content:center}.season-banner.surf .discount{justify-content:center}.season-banner.surf .tag{background:#163c3c}.season-banner.surf .discount{color:#075e60}.season-banner.surf .bonus{color:#102f31}.season-banner.surf .cta{border-radius:999px;background:#d51949;color:white!important}.season-banner.surf .terms{color:#456768}
.season-banner.proton{background:#261054}.season-banner.proton .art:after{background:linear-gradient(90deg,#261054,transparent 20%)}.season-banner.proton h3 span{color:#d5ff89}.season-banner.proton .tag{color:#d5ff89;background:#ffffff12}.season-banner.proton .cta{background:#d5ff89;color:#182d0b!important}
@keyframes season-cta{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes season-copy{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.season-banner:hover .cta,.season-banner:focus-within .cta,.season-paused .season-banner .cta{animation-play-state:paused}
@container(max-width:600px){.season-banner .brand{width:118px;height:28px}.season-banner .copy{padding:22px 0 22px 20px}.season-banner.surf .copy{padding:22px 16px}.season-banner .hook{font-size:16px;min-height:43px}.season-banner .discount strong{font-size:70px}.season-banner .discount strong span{font-size:38px}.season-banner .off{font-size:20px}.season-banner .bonus{font-size:20px}.season-banner h3{font-size:30px}.season-banner .cta{font-size:13px;padding:12px}.season-banner .benefit{font-size:13px}}
@media(max-width:650px){.season-banner{grid-template-columns:1fr}.season-banner .art,.season-banner.surf .art{grid-column:1;grid-row:1;height:240px}.season-banner .art img{object-fit:contain}.season-banner .art:after{display:none}.season-banner .copy,.season-banner.surf .copy{grid-column:1;grid-row:2;padding:22px;text-align:center}.season-banner .brandline,.season-banner .discount{justify-content:center}.season-banner .hook{min-height:42px}.season-banner h3{font-size:37px}.season-banner .discount strong{font-size:88px}.season-banner .bonus{font-size:25px}.season-banner .cta{width:100%;font-size:15px}.season-banner .terms{font-size:11px}}
@media(prefers-reduced-motion:reduce){.season-banner .cta,.season-banner .swap{animation:none}}
.article .season-banner .art img{position:absolute;inset:0;width:100%!important;height:100%!important;max-height:none!important;margin:0!important;object-fit:contain!important;border-radius:0!important}
.season-banner.surf .art{background:#14191c}.season-banner.proton .art{background:#261054}
.season-banner{scroll-margin-top:100px}