.promo-banner{position:relative;overflow:hidden;border-radius:var(--radius-lg);margin:var(--space-2xl) auto;max-width:1140px;padding:clamp(28px,5vw,48px) clamp(24px,4vw,56px);display:grid;grid-template-columns:1fr auto;gap:var(--space-xl);align-items:center;box-shadow:var(--shadow-banner);transition:transform var(--motion-base) var(--ease-out),box-shadow var(--motion-base) var(--ease-out)}.promo-banner:focus-within,.promo-banner:hover{transform:translateY(-4px);box-shadow:0 28px 70px #0a162838}.promo-banner-inner{position:relative;z-index:1}.promo-banner-tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ds-orange-500);margin-bottom:10px}.promo-banner h3{font-size:clamp(1.25rem,2.5vw,1.75rem);font-weight:800;line-height:1.35;margin-bottom:10px;letter-spacing:-.02em}.promo-banner p{font-size:.95rem;line-height:1.75;max-width:52ch;opacity:.88}.promo-banner-cta{display:flex;flex-direction:column;align-items:flex-start;gap:12px;z-index:1}.promo-banner-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:var(--button-bg);color:var(--button-fg);font-weight:700;font-size:.9rem;border-radius:var(--radius-pill);text-decoration:none;border:none;cursor:pointer;transition:background var(--motion-fast),transform var(--motion-fast),box-shadow var(--motion-fast);box-shadow:0 8px 24px rgba(var(--color-accent-rgb),.35);white-space:nowrap}.promo-banner-btn:hover{background:var(--button-bg-hover);transform:translateY(-2px)}.promo-banner-btn:focus-visible{outline:3px solid rgba(var(--color-accent-rgb),.45);outline-offset:2px}.promo-banner-meta{font-size:.78rem;opacity:.75}.promo-banner-icon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:#ffffff1f;color:#fff}.promo-banner--navy{background:linear-gradient(135deg,var(--ds-navy-950) 0%,var(--ds-navy-800) 55%,#1a3a6b 100%);color:#fff}.promo-banner--navy:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 90% 20%,rgba(28,105,212,.35) 0%,transparent 45%),radial-gradient(circle at 10% 80%,rgba(255,87,34,.15) 0%,transparent 40%);pointer-events:none}.promo-banner--accent{background:linear-gradient(135deg,var(--ds-blue-700) 0%,var(--ds-blue-600) 50%,#2b7de9 100%);color:#fff}.promo-banner--accent:after{content:"";position:absolute;top:-40%;left:-10%;width:50%;height:180%;background:#ffffff14;transform:rotate(-12deg);pointer-events:none}.promo-banner--light{background:#fff;color:var(--color-foreground);border:1px solid var(--color-border);box-shadow:var(--shadow-card)}.promo-banner--light .promo-banner-icon{background:rgba(var(--color-accent-rgb),.1);color:var(--color-accent)}.promo-banner--light p{color:var(--ds-slate-700)}.promo-banner--glass{background:#ffffffb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);color:var(--color-foreground)}.promo-banner-stats{display:flex;gap:28px;margin-top:16px;flex-wrap:wrap}.promo-banner-stat strong{display:block;font-size:1.5rem;font-weight:800;color:inherit;line-height:1}.promo-banner-stat span{font-size:.75rem;opacity:.75}.promo-slot{padding:0 var(--space-md)}.promo-slot:empty{display:none}@media(max-width:768px){.promo-banner{grid-template-columns:1fr;text-align:center;margin:var(--space-xl) var(--space-md)}.promo-banner p{margin-inline:auto}.promo-banner-cta{align-items:center;width:100%}.promo-banner-btn{width:100%;justify-content:center}.promo-banner-stats{justify-content:center}.promo-banner-icon{margin-inline:auto}}
