.mc-forecast-banner { display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:20px 32px; padding:22px 24px; background:linear-gradient(120deg,#183247,#244d64); color:#fff; text-align:left; }
.mc-forecast-banner .mc-forecast-brand { flex:1 1 260px; max-width:340px; color:#fff; text-decoration:none; text-align:center; }
.mc-forecast-brand img { display:block; width:280px; max-width:100%; height:auto; margin:0 auto 6px; }
.mc-forecast-brand span { display:block; font-size:12px; line-height:1.5; color:#e1edf4; }
.mc-forecast-banner .mc-audio-promo { flex:1 1 300px; max-width:560px; display:flex; align-items:center; gap:16px; padding:18px; border:1px solid #7fcad9; border-radius:12px; background:rgba(6,26,42,.45); color:#fff; text-decoration:none; transition:background .2s,border-color .2s; }
.mc-forecast-banner .mc-audio-promo:hover { background:#12364d; border-color:#baf4ff; color:#fff; text-decoration:none; }
.mc-forecast-banner a:focus-visible { outline:3px solid #ffce8f; outline-offset:4px; }
.mc-audio-signal { display:flex; align-items:center; justify-content:center; gap:4px; flex:0 0 54px; height:54px; border-radius:50%; background:#244f65; }
.mc-audio-signal i { display:block; width:4px; height:15px; border-radius:3px; background:#91e9f2; transform-origin:center; animation:mc-audio-wave 1.2s ease-in-out 4; }
.mc-audio-signal i:nth-child(2), .mc-audio-signal i:nth-child(4) { height:25px; animation-delay:.08s; }
.mc-audio-signal i:nth-child(3) { height:34px; animation-delay:.16s; }
.mc-audio-copy { display:block; min-width:0; }
.mc-audio-copy strong { display:block; color:#fff; font-size:21px; line-height:1.25; }
.mc-audio-copy .mc-audio-description { display:block; margin-top:6px; color:#e1edf4; font-size:13px; line-height:1.5; }
.mc-audio-copy .mc-audio-cta { display:inline-block; margin-top:10px; color:#ffce8f; font-weight:700; font-size:14px; }
@keyframes mc-audio-wave { 0%,100% { transform:scaleY(.55); } 50% { transform:scaleY(1); } }
@media(max-width:540px) { .mc-forecast-banner { padding:18px 12px; gap:16px; } .mc-forecast-banner .mc-audio-promo { flex-basis:100%; padding:14px; gap:12px; } .mc-audio-copy strong { font-size:19px; } }
@media(prefers-reduced-motion:reduce) { .mc-audio-signal i { animation:none; } .mc-forecast-banner .mc-audio-promo { transition:none; } }

/* A brighter audio-alert spotlight, with a short sparkle on arrival. */
.mc-forecast-banner { background:radial-gradient(ellipse at 80% 35%,#255776 0,transparent 55%),linear-gradient(120deg,#10283d,#16384e); }
.mc-forecast-banner .mc-audio-promo { position:relative; isolation:isolate; overflow:hidden; padding:22px; border:1px solid #8beeff; background:linear-gradient(120deg,#123e59,#1a3654 65%,#343653); box-shadow:0 0 0 3px rgba(112,223,255,.08),0 0 26px rgba(79,207,248,.23); animation:mc-audio-glow 2.4s ease-in-out 2; }
.mc-forecast-banner .mc-audio-promo:hover { background:linear-gradient(120deg,#164d6b,#254269); border-color:#fff0b8; box-shadow:0 0 0 3px rgba(255,216,121,.12),0 0 30px rgba(93,221,255,.35); }
.mc-audio-promo::before { content:''; position:absolute; inset:-40% -60%; background:linear-gradient(110deg,transparent 42%,rgba(175,243,255,.04) 46%,rgba(255,255,255,.25) 50%,rgba(175,243,255,.04) 54%,transparent 58%); transform:translateX(-65%); animation:mc-audio-shimmer 2.4s ease-in-out 2; pointer-events:none; z-index:-1; }
.mc-audio-promo .mc-audio-signal { border:1px solid #6bd8ee; background:radial-gradient(circle,#2e7892,#16394e); box-shadow:0 0 20px rgba(90,228,255,.35); }
.mc-audio-promo .mc-audio-signal i { background:#c0fbff; box-shadow:0 0 6px #4ed5ed; }
.mc-audio-copy strong { font-size:24px; letter-spacing:-.4px; text-shadow:0 0 20px rgba(141,236,255,.35); }
.mc-audio-copy .mc-audio-kicker { display:block; margin-bottom:5px; font-size:10px; line-height:1.4; font-weight:700; letter-spacing:2px; color:#a8edff; text-transform:uppercase; }
.mc-audio-copy .mc-audio-cta { display:inline-flex; align-items:center; gap:12px; padding:9px 15px; border-radius:24px; background:linear-gradient(120deg,#ffe9a4,#ffc761); color:#183247; box-shadow:0 3px 14px rgba(255,195,77,.22); }
.mc-audio-sparkles { position:absolute; inset:0; pointer-events:none; }
.mc-audio-sparkles i { position:absolute; width:12px; height:12px; background:#bdf7ff; clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%); opacity:.6; animation:mc-audio-sparkle 1.5s ease-in-out 3; }
.mc-audio-sparkles i:nth-child(1) { top:13px; right:25px; }
.mc-audio-sparkles i:nth-child(2) { top:45%; right:12px; width:8px; height:8px; background:#ffe29a; animation-delay:.15s; }
.mc-audio-sparkles i:nth-child(3) { bottom:16px; right:45px; width:16px; height:16px; animation-delay:.3s; }
@keyframes mc-audio-shimmer { 0%,15% { transform:translateX(-65%); } 80%,100% { transform:translateX(65%); } }
@keyframes mc-audio-glow { 0%,100% { box-shadow:0 0 0 3px rgba(112,223,255,.08),0 0 26px rgba(79,207,248,.23); } 50% { box-shadow:0 0 0 3px rgba(112,223,255,.16),0 0 34px rgba(79,207,248,.42); } }
@keyframes mc-audio-sparkle { 0%,100% { transform:scale(.65) rotate(0); opacity:.45; } 50% { transform:scale(1.2) rotate(25deg); opacity:1; } }
@media(max-width:540px) { .mc-forecast-banner .mc-audio-promo { padding:18px 14px; } .mc-audio-copy strong { font-size:21px; } .mc-audio-copy .mc-audio-cta { font-size:13px; } }
@media(prefers-reduced-motion:reduce) { .mc-forecast-banner .mc-audio-promo, .mc-audio-promo::before, .mc-audio-sparkles i { animation:none; } .mc-audio-promo::before { display:none; } }