.promo-banner {
  background: rgb(var(--color-background, 13,27,42));
  background-image: var(--color-background-gradient, linear-gradient(120deg, #0D1B2A 0%, #1A2744 100%));
  color: var(--color-text-hex, #fff);
  text-align: center; padding: var(--spacing-sections, 96px) 0;
}
.promo-banner h2 { font-size: clamp(1.75rem, 3.5vw, var(--fs-3xl)); font-weight: 800; letter-spacing: -0.02em; margin-bottom: var(--space-4); color: #fff; }
.promo-banner__text { font-size: var(--fs-md); color: var(--color-text-muted, #A9B4C6); max-width: 56ch; margin: 0 auto var(--space-6); line-height: 1.55; }
@media (max-width: 480px) { .promo-banner { padding-top: var(--space-6); padding-bottom: var(--space-6); } }