/* HB Battle Marketing ULTRA — public marketing layer only */
:root{--ultra-green:#42e7a4;--ultra-gold:#ffd66f;--ultra-ink:#030806;--ultra-panel:rgba(10,25,18,.78);--ultra-line:rgba(222,244,233,.14);--ultra-muted:#a9bdb2}
body.marketing-home,.mp-page{position:relative;isolation:isolate}
body.marketing-home:before,.mp-page:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 15% 8%,rgba(66,231,164,.09),transparent 25%),radial-gradient(circle at 85% 35%,rgba(255,214,111,.07),transparent 24%),radial-gradient(circle at 45% 100%,rgba(66,231,164,.06),transparent 28%)}
body.marketing-home:after,.mp-page:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.23;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000 0%,transparent 72%)}
.marketing-home .site-header,.mp-page~.site-footer{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.marketing-home .site-header{border-bottom:1px solid rgba(255,255,255,.08)!important}
.marketing-home .brand span,.mp-page .brand span{letter-spacing:-.03em}
.marketing-home .hero{border-bottom:1px solid var(--ultra-line);box-shadow:inset 0 -1px 0 rgba(255,214,111,.08),0 40px 100px rgba(0,0,0,.18)}
.marketing-home .hero-copy{animation:ultraRise .75s ease both}
.marketing-home .hero-stage{animation:ultraFloat 7s ease-in-out infinite}
.marketing-home .hero-stage:after{content:"";position:absolute;inset:8% 3% 4%;border:1px solid rgba(66,231,164,.12);border-radius:42px;transform:rotate(-4deg);pointer-events:none}
.marketing-home .hero-badge{transition:transform .25s ease,border-color .25s ease}.marketing-home .hero-badge:hover{transform:translateY(-5px) scale(1.02);border-color:rgba(66,231,164,.35)!important}
.pro-ribbon{box-shadow:0 15px 50px rgba(0,0,0,.12)}
.pro-ribbon-track{animation:ultraMarquee 28s linear infinite}
.pro-stat,.pro-game,.pro-panel,.pro-resource,.pro-faq,.pro-cta{position:relative;overflow:hidden}
.pro-stat:before,.pro-game:before,.pro-panel:before,.pro-resource:before,.pro-faq:before,.pro-cta:before{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.055) 45%,transparent 70%);transform:translateX(-120%);transition:transform .8s ease}
.pro-stat:hover:before,.pro-game:hover:before,.pro-panel:hover:before,.pro-resource:hover:before,.pro-faq:hover:before,.pro-cta:hover:before{transform:translateX(120%)}
.pro-game{min-height:275px}.pro-game .go{transition:transform .2s ease}.pro-game:hover .go{transform:translateX(5px)}
.pro-stat strong{background:linear-gradient(90deg,#fff,var(--ultra-green));-webkit-background-clip:text;background-clip:text;color:transparent}
.pro-title{max-width:850px}
.mp-hero{box-shadow:inset 0 -1px 0 rgba(255,255,255,.04),0 35px 90px rgba(0,0,0,.18)}
.mp-hero h1{background:linear-gradient(100deg,#fff 5%,#dff9ec 48%,var(--ultra-green) 88%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 20px 55px rgba(0,0,0,.2)}
.mp-card,.mp-cta,.mp-note,.mp-list a{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.mp-card:hover,.mp-list a:hover{transform:translateY(-5px);border-color:rgba(66,231,164,.32);box-shadow:0 28px 65px rgba(0,0,0,.28)}
.mp-card.featured{background:radial-gradient(circle at 90% 0%,rgba(66,231,164,.12),transparent 32%),linear-gradient(145deg,#132c21,#091710)}
.mp-list a span:last-child{transition:transform .2s ease}.mp-list a:hover span:last-child{transform:translateX(5px)}
.mp-actions .mp-btn.primary,.hero-cta .btn{position:relative;overflow:hidden}.mp-actions .mp-btn.primary:after,.hero-cta .btn:after{content:"";position:absolute;top:0;bottom:0;width:55%;left:-75%;transform:skewX(-20deg);background:rgba(255,255,255,.24);animation:ultraShine 4.5s ease-in-out infinite}
.ultra-search{display:flex;align-items:center;gap:12px;margin:22px 0 8px;padding:12px 14px;border:1px solid var(--ultra-line);border-radius:18px;background:rgba(255,255,255,.035);box-shadow:0 18px 45px rgba(0,0,0,.14)}
.ultra-search-icon{color:var(--ultra-green);font-weight:900;font-size:18px}.ultra-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#f5faf7;font:600 15px Inter,sans-serif}.ultra-search input::placeholder{color:#7f9689}.ultra-search-count{font-size:12px;color:var(--ultra-muted);white-space:nowrap}.ultra-empty{display:none;padding:25px;border:1px dashed var(--ultra-line);border-radius:18px;color:var(--ultra-muted);text-align:center;margin-top:12px}.ultra-highlight{outline:1px solid rgba(66,231,164,.5);box-shadow:0 0 0 4px rgba(66,231,164,.07)!important}
@keyframes ultraRise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes ultraFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes ultraMarquee{from{transform:translateX(0)}to{transform:translateX(-18%)}}
@keyframes ultraShine{0%,55%{left:-75%}72%,100%{left:125%}}
@media(max-width:900px){.marketing-home .hero-stage{animation:none}.pro-game{min-height:230px}}
@media(max-width:600px){body.marketing-home:after,.mp-page:after{background-size:34px 34px;opacity:.16}.pro-ribbon-track{animation-duration:22s}.ultra-search{padding:11px 12px}.ultra-search-count{font-size:11px}.mp-card:hover,.mp-list a:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.pro-ribbon-track,.marketing-home .hero-copy,.marketing-home .hero-stage,.mp-actions .mp-btn.primary:after,.hero-cta .btn:after{animation:none!important}.mp-card,.mp-list a{transition:none!important}}