.pro-banner{position:relative;isolation:isolate;display:grid;place-items:center;min-height:78px;margin:0;padding:10px 5vw;overflow:hidden;background:radial-gradient(ellipse at 50% 130%,#58378b66,transparent 65%),linear-gradient(100deg,#071127,#182147 50%,#090f28);border-top:1px solid #ebc57c77;border-bottom:1px solid #bc965866;box-shadow:inset 0 1px #fff0bc22}
.pro-banner::before{content:'';position:absolute;inset:auto 8% 0;height:1px;background:linear-gradient(90deg,transparent,#f3c978,transparent);box-shadow:0 0 15px #ffc76c88;pointer-events:none}
.pro-banner::after{content:'';position:absolute;z-index:-1;inset:-80% auto -80% -40%;width:25%;background:linear-gradient(90deg,transparent,#ffdfa114,transparent);transform:skewX(-25deg);animation:proBannerSweep 7s ease-in-out infinite;pointer-events:none}
.pro-banner-copy{position:relative;width:100%;display:grid;place-items:center;text-align:center;min-height:50px}
.pro-banner-copy span{grid-area:1/1;margin:0;max-width:100%;font-family:inherit;font-size:clamp(22px,2.4vw,35px);font-weight:900;line-height:1.5;letter-spacing:0;color:#ffe1a0;background:linear-gradient(178deg,#fff8df 10%,#ffe6ac 32%,#e8aa3e 60%,#ffe8ad 76%,#c68b2c 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #34180d) drop-shadow(0 0 9px #ffb64026);opacity:0;visibility:hidden;transition:opacity .5s ease,transform .65s cubic-bezier(.22,1,.36,1);transform:translateY(12px)}
.pro-banner-copy span.is-active{opacity:1;visibility:visible;transform:translateY(0)}
.pro-banner-copy>span{display:flex;align-items:center;justify-content:center;gap:14px}
.pro-banner-copy b{font:inherit}
.pro-banner-copy i{flex-shrink:0;font-family:'Segoe UI Emoji','Apple Color Emoji',sans-serif;font-size:34px;line-height:1.2;font-style:normal;color:#fff;-webkit-text-fill-color:initial;filter:drop-shadow(0 3px 4px #0008)}
@keyframes proBannerSweep{0%,35%{left:-40%}90%,100%{left:120%}}
@media(max-width:650px){.pro-banner{min-height:76px;padding:9px 18px}.pro-banner-copy{min-height:56px}.pro-banner-copy span{font-size:19px;line-height:1.5;max-width:420px}}
@media(prefers-reduced-motion:reduce){.pro-banner::after{animation:none}.pro-banner-copy span{transition:none;transform:none}}
@media(max-width:650px){.pro-banner-copy>span{gap:9px}.pro-banner-copy i{font-size:27px}.pro-banner-copy span{font-size:18px}}