/* HB Battle premium marketing refresh — additive, preserves existing page content and interactions. */
body.marketing-page.marketing-home .hero{position:relative;isolation:isolate;overflow:hidden;padding:clamp(64px,9vw,112px) 0 clamp(76px,9vw,112px);background:radial-gradient(ellipse at 78% 42%,rgba(36,197,132,.20),transparent 34%),radial-gradient(ellipse at 12% 0%,rgba(224,181,91,.13),transparent 42%),linear-gradient(125deg,#07140f 0%,#0b2118 52%,#081710 100%);border-bottom:1px solid rgba(167,220,190,.14)}
body.marketing-page.marketing-home .hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(220,245,229,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(220,245,229,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,rgba(0,0,0,.65),transparent 95%)}
body.marketing-page.marketing-home .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.75fr);gap:clamp(28px,6vw,80px);align-items:center}
body.marketing-page.marketing-home .hero-copy{max-width:720px;position:relative;z-index:1}
body.marketing-page.marketing-home .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:9px 13px;border:1px solid rgba(116,218,163,.24);border-radius:999px;background:rgba(27,90,59,.25);color:#9de8b8;font-size:.72rem;font-weight:800;letter-spacing:.14em}
body.marketing-page.marketing-home .hero h1{font-family:"Sora","Inter",sans-serif;font-size:clamp(3rem,6.4vw,5.6rem);line-height:.99;letter-spacing:-.065em;margin:24px 0 20px;color:#f5fbf7}
body.marketing-page.marketing-home .hero h1 span{background:linear-gradient(100deg,#b9f5cd 5%,#58d99a 52%,#e6c77d 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
body.marketing-page.marketing-home .hero p{max-width:56ch;font-size:clamp(1rem,1.5vw,1.16rem);line-height:1.8;color:#b6c9be}
body.marketing-page.marketing-home .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
body.marketing-page.marketing-home .hero .btn{min-height:50px;padding:14px 21px;border-radius:14px;font-weight:800;transition:transform .2s,box-shadow .2s}
body.marketing-page.marketing-home .hero .btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.25)}
body.marketing-page.marketing-home .hero .btn.primary{background:linear-gradient(115deg,#c8f1d2,#69dda0 58%,#d8bc77);color:#092016;border:1px solid rgba(222,255,230,.4)}
body.marketing-page.marketing-home .hero .btn.ghost{background:rgba(255,255,255,.045);color:#effaf2;border:1px solid rgba(207,235,216,.22)}
body.marketing-page.marketing-home .hero .wrap:after{content:"HB BATTLE\A PLAY  •  LEARN  •  COMPETE\A\A FAIR PLAY\A PLAYER RESOURCES";white-space:pre;justify-self:center;align-self:center;display:flex;align-items:center;justify-content:center;text-align:center;width:min(100%,390px);aspect-ratio:1/1;border-radius:36px;border:1px solid rgba(159,232,183,.23);background:radial-gradient(circle at 50% 35%,rgba(71,207,136,.2),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.09),0 35px 90px rgba(0,0,0,.35);color:#e8f8ed;font:800 clamp(1.2rem,2.6vw,1.8rem)/1.65 "Sora","Inter",sans-serif;letter-spacing:.07em;text-shadow:0 5px 25px rgba(67,213,137,.25);transform:rotate(2deg);outline:1px solid rgba(224,190,112,.13);outline-offset:12px}
body.marketing-page.marketing-home .trust-strip{margin-top:-36px;padding-bottom:30px}
body.marketing-page.marketing-home .trust-strip .trust-grid{overflow:hidden;border:1px solid rgba(126,184,148,.2);border-radius:20px;background:linear-gradient(110deg,rgba(16,42,29,.98),rgba(12,32,23,.98));box-shadow:0 24px 60px rgba(0,0,0,.24)}
body.marketing-page.marketing-home .trust-strip .trust-item{padding:22px 24px}
body.marketing-page.marketing-home .trust-strip strong{color:#eaf8ef}
body.marketing-page.marketing-home .trust-strip span{color:#a9c0b2}
body.marketing-page.marketing-home .sec{padding-block:clamp(44px,6vw,76px)}
body.marketing-page.marketing-home .sec-head h2{font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.04em}
body.marketing-page.marketing-home .card{border:1px solid rgba(125,180,146,.18);border-radius:18px;background:linear-gradient(145deg,rgba(19,43,31,.88),rgba(10,27,19,.9));box-shadow:0 12px 34px rgba(0,0,0,.12);transition:transform .2s,border-color .2s,box-shadow .2s}
body.marketing-page.marketing-home .card:hover{transform:translateY(-4px);border-color:rgba(116,218,163,.42);box-shadow:0 22px 45px rgba(0,0,0,.22)}
body.marketing-page.marketing-home .card h3 a{color:#effaf2}
body.marketing-page.marketing-home .card p{color:#b2c5b9;line-height:1.7}
@media(max-width:760px){body.marketing-page.marketing-home .hero{padding:56px 0 72px}body.marketing-page.marketing-home .hero .wrap{grid-template-columns:1fr;gap:34px}body.marketing-page.marketing-home .hero .wrap:after{width:min(72vw,280px);border-radius:26px;aspect-ratio:1.15/1;transform:none;font-size:1.08rem;outline-offset:7px}body.marketing-page.marketing-home .hero h1{font-size:clamp(2.8rem,13vw,4.4rem)}body.marketing-page.marketing-home .hero-actions{gap:10px}body.marketing-page.marketing-home .hero .btn{flex:1 1 160px;text-align:center}body.marketing-page.marketing-home .trust-strip{margin-top:-24px}body.marketing-page.marketing-home .trust-strip .trust-grid{grid-template-columns:1fr 1fr}body.marketing-page.marketing-home .trust-strip .trust-item{padding:16px}body.marketing-page.marketing-home .trust-strip .trust-item:nth-child(3){border-left:0}body.marketing-page.marketing-home .trust-strip .trust-item:nth-child(n+3){border-top:1px solid rgba(126,184,148,.16)}}
@media(max-width:420px){body.marketing-page.marketing-home .hero .eyebrow{font-size:.62rem;letter-spacing:.09em}body.marketing-page.marketing-home .trust-strip .trust-grid{grid-template-columns:1fr}body.marketing-page.marketing-home .trust-strip .trust-item+ .trust-item{border-left:0;border-top:1px solid rgba(126,184,148,.16)}}
@media(prefers-reduced-motion:reduce){body.marketing-page.marketing-home .card,body.marketing-page.marketing-home .hero .btn{transition:none}}