/* HB Battle — unified HIGH marketing design for all public pages. */
:root{--mh-bg:#06100c;--mh-bg2:#0a1913;--mh-panel:rgba(14,31,24,.88);--mh-panel2:#122a21;--mh-line:rgba(255,255,255,.09);--mh-green:#22c17e;--mh-gold:#e9c06b;--mh-text:#f1f7f3;--mh-muted:#a9bdb2;--mh-shadow:0 24px 70px rgba(0,0,0,.34)}
body.marketing-page{background:radial-gradient(900px 520px at 15% -10%,rgba(34,193,126,.15),transparent 58%),radial-gradient(800px 480px at 90% 0%,rgba(233,192,107,.10),transparent 55%),var(--mh-bg)!important;color:var(--mh-text)!important;min-height:100vh}
body.marketing-page .site-header{background:rgba(5,16,12,.84)!important;border-bottom:1px solid var(--mh-line)!important;backdrop-filter:blur(20px);box-shadow:0 10px 40px rgba(0,0,0,.18)}
body.marketing-page .wrap{width:min(1160px,calc(100% - 36px));margin-inline:auto}
body.marketing-page .brand{color:var(--mh-text)!important}
body.marketing-page .brand img{box-shadow:0 0 0 1px rgba(233,192,107,.18),0 8px 24px rgba(0,0,0,.25)}
body.marketing-page .links a{color:#c9d8d0!important;transition:.2s ease}
body.marketing-page .links a:hover,body.marketing-page .links a.active{color:var(--mh-gold)!important}
body.marketing-page .links .cta{background:linear-gradient(135deg,#f5d887,#dcae4d)!important;color:#182119!important;box-shadow:0 8px 26px rgba(233,192,107,.18)}
body.marketing-page .page-hero,body.marketing-page .mp-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,rgba(13,39,29,.96),rgba(7,19,14,.94));border-bottom:1px solid var(--mh-line);box-shadow:inset 0 -1px rgba(233,192,107,.08)}
body.marketing-page .page-hero:before,body.marketing-page .mp-hero:before{content:"";position:absolute;width:520px;height:520px;right:-220px;top:-260px;border-radius:50%;background:radial-gradient(circle,rgba(34,193,126,.22),transparent 68%);pointer-events:none}
body.marketing-page .page-hero:after,body.marketing-page .mp-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,black,transparent 85%);pointer-events:none}
body.marketing-page .page-hero .inner,body.marketing-page .mp-hero-inner{position:relative;z-index:1}
body.marketing-page .page-hero h1,body.marketing-page .mp-hero h1{font-family:"Sora","Inter",system-ui,sans-serif;letter-spacing:-.045em;color:#fff;text-shadow:0 8px 30px rgba(0,0,0,.3)}
body.marketing-page .page-hero .kicker,body.marketing-page .mp-eyebrow{color:var(--mh-green)!important;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
body.marketing-page main.wrap{padding-bottom:80px}
body.marketing-page .content{background:linear-gradient(145deg,rgba(14,31,24,.96),rgba(9,24,18,.94))!important;border:1px solid var(--mh-line)!important;border-radius:24px!important;box-shadow:var(--mh-shadow)!important;color:var(--mh-muted)!important;position:relative;overflow:hidden}
body.marketing-page .content:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--mh-green),var(--mh-gold),transparent);opacity:.65}
body.marketing-page .content h2,body.marketing-page .content h3{color:#f4f8f5!important;font-family:"Sora","Inter",system-ui,sans-serif;letter-spacing:-.025em}
body.marketing-page .content p,body.marketing-page .content li{color:#b9cbc1!important}
body.marketing-page .content a{color:#38d996!important}
body.marketing-page .content blockquote,body.marketing-page .faq-item,body.marketing-page .article-card,body.marketing-page .mp-card{background:rgba(255,255,255,.035)!important;border-color:var(--mh-line)!important;border-radius:18px!important}
body.marketing-page .mp-page{background:transparent!important}
body.marketing-page .mp-section{position:relative}
body.marketing-page .mp-card:hover,body.marketing-page .article-card:hover{transform:translateY(-3px);border-color:rgba(233,192,107,.32)!important;box-shadow:0 18px 45px rgba(0,0,0,.22);transition:.2s ease}
body.marketing-page .mp-btn.primary,body.marketing-page .button,.marketing-page .btn{box-shadow:0 10px 28px rgba(34,193,126,.16)}
body.marketing-page footer{background:rgba(4,12,9,.82)!important;border-top:1px solid var(--mh-line)!important;color:#94aaa0!important}
body.marketing-page footer a{color:#a9c1b5!important}
@media(max-width:700px){body.marketing-page .wrap{width:min(100% - 24px,1160px)}body.marketing-page .page-hero h1,body.marketing-page .mp-hero h1{font-size:clamp(2rem,9vw,3rem);line-height:1.05}body.marketing-page .content{border-radius:18px!important;padding:20px!important}body.marketing-page .links{background:rgba(5,16,12,.98)!important;border-color:var(--mh-line)!important}}