.promo-bar{position:relative;z-index:70;background:var(--accent);color:var(--ink);border-bottom:1px solid color-mix(in srgb,var(--ink) 18%,transparent)}
.promo-bar[hidden]{display:none}
.promo-bar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.promo-bar p{margin:0;color:inherit;font-size:11px;line-height:1.5}
.promo-bar p span{font:8px var(--mono);letter-spacing:1px;border:1px solid color-mix(in srgb,var(--ink) 35%,transparent);border-radius:20px;padding:4px 7px;margin-right:9px;white-space:nowrap}
.promo-bar-inner>div{display:flex;align-items:center;gap:16px;white-space:nowrap}
.promo-bar a{font-size:10px;font-weight:700;text-decoration:underline;text-underline-offset:3px}
.promo-bar button{border:0;background:transparent;color:inherit;font-size:21px;line-height:1;padding:4px}
.promotion-section{padding-block:52px;border-bottom:1px solid var(--line)}
.promotion-card{display:grid;grid-template-columns:.8fr 1.3fr auto;gap:38px;align-items:center;padding:34px;border:1px solid color-mix(in srgb,var(--accent) 55%,var(--line));border-radius:14px;background:radial-gradient(circle at 10% 20%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 45%),var(--panel)}
.promotion-card h2{font-size:clamp(34px,4.4vw,58px);margin:13px 0 0}
.promotion-copy>p{font-size:13px;line-height:1.85;margin:0 0 18px}
.promotion-points{display:flex;gap:8px;flex-wrap:wrap}
.promotion-points span{font:8px var(--mono);padding:7px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted)}
.promotion-action{min-width:215px;text-align:right}
.promotion-action .button{width:100%;font-size:10px}
.promotion-action small{display:block;font:8px/1.7 var(--mono);color:var(--muted);margin-top:11px}
@media(max-width:900px){.promotion-card{grid-template-columns:1fr 1fr}.promotion-title{grid-column:1/-1}.promotion-action{text-align:left}}
@media(max-width:560px){.promo-bar-inner{padding-block:9px;gap:10px}.promo-bar p{font-size:9px}.promo-bar p span{display:none}.promo-bar a{font-size:9px}.promo-bar-inner>div{gap:8px}.promotion-section{padding-block:30px}.promotion-card{grid-template-columns:1fr;gap:22px;padding:25px}.promotion-title{grid-column:auto}.promotion-card h2{font-size:38px}.promotion-copy>p{font-size:11px}.promotion-action{min-width:0}}