/* HB Battle ultra-premium homepage refinement */
body.marketing-home{background:#07110c;color:#eef5ef;font-family:Inter,system-ui,sans-serif}
body.marketing-home ::selection{background:rgba(77,218,143,.32);color:#fff}
body.marketing-home .site-header{background:rgba(5,15,10,.91);border-bottom:1px solid rgba(177,218,187,.11);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body.marketing-home .site-header .brand{font-family:Sora,Inter,sans-serif;font-weight:800;letter-spacing:-.045em}
body.marketing-home .site-header .brand img{border-radius:11px;box-shadow:0 0 0 1px rgba(221,190,112,.3),0 7px 18px rgba(0,0,0,.3)}
body.marketing-home .site-header .links a{font-size:.83rem;font-weight:650;transition:color .18s,background .18s}
body.marketing-home .site-header .links a:hover{color:#79e1a5}
body.marketing-home .site-header .header-app-cta{border:1px solid rgba(229,199,122,.38);box-shadow:0 5px 20px rgba(225,184,83,.1)}
body.marketing-home .hm-hero{min-height:570px;display:flex;align-items:center}
body.marketing-home .hm-hero .wrap{max-width:1240px}
body.marketing-home .hm-hero .hero-copy{position:relative}
body.marketing-home .hm-hero .hero-copy:before{content:"";position:absolute;z-index:-1;left:-42px;top:7%;width:270px;height:270px;border-radius:50%;background:rgba(40,171,101,.08);filter:blur(65px);pointer-events:none}
body.marketing-home .hm-hero h1{font-size:clamp(3.4rem,6.6vw,6.15rem);line-height:.98;letter-spacing:-.075em}
body.marketing-home .hm-hero .hero-copy>p{max-width:51ch;font-size:clamp(1rem,1.22vw,1.12rem);color:#b7c8bd}
body.marketing-home .hm-visual{height:clamp(410px,43vw,540px);max-width:470px}
body.marketing-home .hm-phone{width:43%;max-width:215px;border-radius:34px;padding:7px;transform:translateY(-2px);border-color:rgba(231,201,128,.65);box-shadow:0 32px 80px rgba(0,0,0,.55),0 0 54px rgba(53,199,121,.13),inset 0 0 0 1px rgba(255,255,255,.08)}
body.marketing-home .hm-phone img{border-radius:27px}
body.marketing-home .hm-phone-main{width:43%;max-width:215px}
body.marketing-home .hm-tag-top{top:10%;right:0}
body.marketing-home .hm-tag-bottom{bottom:9%;left:0}
body.marketing-home .hm-float-tag{border-color:rgba(203,230,210,.2);background:rgba(8,23,15,.88);box-shadow:0 15px 45px rgba(0,0,0,.36)}
body.marketing-home .trust-strip{margin-top:-26px;padding-bottom:20px}
body.marketing-home .trust-strip .trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-radius:20px}
body.marketing-home .trust-strip .trust-item{position:relative;display:flex;flex-direction:column;gap:7px;padding:22px 23px}
body.marketing-home .trust-strip .trust-item:not(:last-child):after{content:"";position:absolute;top:24%;right:0;height:52%;width:1px;background:rgba(181,220,192,.13)}
body.marketing-home .trust-strip strong{font-family:Sora,Inter,sans-serif;font-size:.97rem;letter-spacing:-.02em}
body.marketing-home .trust-strip span{font-size:.78rem}
body.marketing-home .hb-app-showcase{position:relative;overflow:hidden;padding:clamp(62px,7vw,94px) 0;background:radial-gradient(ellipse at 50% 12%,rgba(37,142,82,.11),transparent 58%),linear-gradient(180deg,#09170f,#07110c);border-top:1px solid rgba(192,226,199,.06);border-bottom:1px solid rgba(192,226,199,.07)}
body.marketing-home .hb-app-showcase:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.16) 100%)}
body.marketing-home .hb-app-showcase>.wrap{position:relative;z-index:1;max-width:1240px}
body.marketing-home .hb-showcase-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
body.marketing-home .hb-showcase-heading>div{max-width:680px}
body.marketing-home .hb-label{display:inline-block;margin-bottom:12px;color:#dfbf71;font-size:.7rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}
body.marketing-home .hb-showcase-heading h2{margin:0 0 12px;font-family:Sora,Inter,sans-serif;font-size:clamp(1.9rem,4vw,3.15rem);font-weight:800;line-height:1.1;letter-spacing:-.06em;color:#f0f8f2}
body.marketing-home .hb-showcase-heading p{max-width:58ch;margin:0;color:#aebfb3;line-height:1.75}
body.marketing-home .hb-showcase-heading .hb-btn{flex:none;border-radius:13px;padding:13px 17px;border:1px solid rgba(221,190,112,.34);background:rgba(214,181,99,.08);color:#f0d58f;font-weight:750;text-decoration:none}
body.marketing-home .hb-showcase-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,3vw,34px);align-items:start}
body.marketing-home .hb-showcase-card{min-width:0;padding:19px 18px 20px;border:1px solid rgba(148,197,160,.15);border-radius:23px;background:linear-gradient(145deg,rgba(19,43,30,.82),rgba(9,24,16,.9));box-shadow:0 20px 55px rgba(0,0,0,.25);text-align:center;transition:transform .25s,border-color .25s,box-shadow .25s}
body.marketing-home .hb-showcase-card:hover{transform:translateY(-5px);border-color:rgba(106,222,151,.38);box-shadow:0 27px 65px rgba(0,0,0,.36)}
body.marketing-home .hb-device{position:relative;width:min(100%,220px);margin:0 auto 18px;padding:7px;border:1px solid rgba(225,194,118,.55);border-radius:31px;background:linear-gradient(145deg,#35443a,#101b15 58%,#29372e);box-shadow:0 23px 45px rgba(0,0,0,.43),inset 0 0 0 1px rgba(255,255,255,.07);overflow:hidden}
body.marketing-home .hb-device img{display:block;width:100%;height:auto;aspect-ratio:600/1300;object-fit:cover;border-radius:24px}
body.marketing-home .hb-device-camera{position:absolute;z-index:2;top:11px;left:50%;width:28%;height:14px;transform:translateX(-50%);border-radius:0 0 11px 11px;background:#101511}
body.marketing-home .hb-showcase-index{color:#d8b969;font-size:.63rem;font-weight:850;letter-spacing:.14em}
body.marketing-home .hb-showcase-caption h3{margin:8px 0 5px;color:#f0f7f2;font-family:Sora,Inter,sans-serif;font-size:1.2rem;letter-spacing:-.035em}
body.marketing-home .hb-showcase-caption p{margin:0;color:#aabdb0;font-size:.88rem;line-height:1.6}
body.marketing-home .hb-showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:24px;padding-top:17px;border-top:1px solid rgba(171,213,183,.1);color:#a9bdb0;font-size:.82rem}
body.marketing-home .hb-showcase-foot>span{display:flex;align-items:center;gap:9px}
body.marketing-home .hb-showcase-foot i{width:7px;height:7px;border-radius:50%;background:#54d995;box-shadow:0 0 12px #54d995}
body.marketing-home .hb-showcase-foot a{color:#e5c778;font-weight:750;text-decoration:none}
body.marketing-home section.sec{padding:clamp(54px,6.2vw,86px) 0}
body.marketing-home section.sec>.wrap{max-width:1160px}
body.marketing-home .sec-head{max-width:850px;margin-bottom:25px}
body.marketing-home .sec-head .sec-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:12px;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}
body.marketing-home .sec-head .sec-label:before{content:"";display:inline-block;width:19px;height:2px;border-radius:3px;background:linear-gradient(90deg,#4bd28a,#dabb6c)}
body.marketing-home .sec-head h2{margin:0 0 12px;font-size:clamp(1.8rem,3.5vw,2.8rem)}
body.marketing-home .sec-head>p{max-width:70ch;margin:0;color:#aebfb4;line-height:1.75}
body.marketing-home .prose{max-width:100%;color:#b8c8bd;font-size:.97rem;line-height:1.9}
body.marketing-home .prose p{max-width:92ch;margin:0 0 15px}
body.marketing-home .prose strong{color:#edf6ef;font-weight:750}
body.marketing-home .prose a,body.marketing-home .sec> .wrap>p a{color:#dfc274;text-decoration-color:rgba(223,194,116,.4);text-underline-offset:4px}
body.marketing-home .card-grid{display:grid;gap:17px}
body.marketing-home .card-grid.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
body.marketing-home .card-grid.three-col{grid-template-columns:repeat(3,minmax(0,1fr))}
body.marketing-home .card{position:relative;overflow:hidden;min-width:0;padding:23px;border:1px solid rgba(140,192,154,.16);border-radius:19px;background:linear-gradient(145deg,rgba(19,45,30,.92),rgba(9,25,17,.94));box-shadow:0 13px 36px rgba(0,0,0,.16);transition:transform .22s,border-color .22s,box-shadow .22s}
body.marketing-home .card:before{content:"";position:absolute;top:0;left:22px;width:45px;height:2px;border-radius:2px;background:linear-gradient(90deg,#45d38a,#d6b667);opacity:.78}
body.marketing-home .card:hover{transform:translateY(-4px);border-color:rgba(95,216,143,.35);box-shadow:0 21px 48px rgba(0,0,0,.25)}
body.marketing-home .card h3{margin:3px 0 9px;font-family:Sora,Inter,sans-serif;font-size:1.08rem;line-height:1.45;letter-spacing:-.025em}
body.marketing-home .card h3 a{color:#edf6ef;text-decoration:none}
body.marketing-home .card h3 a:hover{color:#8ce4ac}
body.marketing-home .card p{margin:0 0 10px;color:#afc1b4;font-size:.9rem;line-height:1.72}
body.marketing-home .card>a{color:#e0c174;font-size:.87rem;font-weight:750;text-decoration:none}
body.marketing-home .guide-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 20px;padding:0;list-style:none}
body.marketing-home .guide-list li{position:relative;padding:12px 14px 12px 35px;border:1px solid rgba(140,192,154,.12);border-radius:12px;background:rgba(15,36,24,.5);color:#dce9df;line-height:1.5}
body.marketing-home .guide-list li:before{content:"↗";position:absolute;left:13px;color:#d6b96f;font-weight:800}
body.marketing-home .guide-list a{color:inherit;text-decoration:none}
body.marketing-home .guide-list a:hover{color:#86e5aa}
body.marketing-home .faq-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
body.marketing-home .faq-preview details{align-self:start;margin:0;padding:18px 20px;border:1px solid rgba(137,192,151,.15);border-radius:15px;background:linear-gradient(145deg,rgba(17,40,27,.8),rgba(9,25,17,.78))}
body.marketing-home .faq-preview summary{position:relative;padding-right:22px;color:#edf6ef;font-size:.94rem;line-height:1.5;font-weight:750;cursor:pointer;list-style:none}
body.marketing-home .faq-preview summary::-webkit-details-marker{display:none}
body.marketing-home .faq-preview summary:after{content:"+";position:absolute;right:0;top:0;color:#d8bc73;font-size:1.2rem}
body.marketing-home .faq-preview details[open] summary:after{content:"−"}
body.marketing-home .faq-preview details p{margin:12px 0 0;color:#b3c5b8;font-size:.88rem;line-height:1.75}
body.marketing-home .hub-section{position:relative;padding:55px 0;background:linear-gradient(135deg,#0d2418,#09170f);border-top:1px solid rgba(160,205,171,.1)}
body.marketing-home .hub-wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}
body.marketing-home .hub-kicker{margin-bottom:10px;color:#d8b969;font-size:.68rem;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
body.marketing-home .hub-section h2{margin:0 0 22px;color:#f0f8f2;font-family:Sora,Inter,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);letter-spacing:-.05em}
body.marketing-home .hub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
body.marketing-home .hub-card{padding:22px;border:1px solid rgba(146,198,159,.16);border-radius:18px;background:rgba(6,20,12,.6)}
body.marketing-home .hub-icon{display:grid;place-items:center;width:43px;height:43px;margin-bottom:13px;border:1px solid rgba(218,190,116,.23);border-radius:13px;background:rgba(220,188,107,.08);font-size:1.2rem}
body.marketing-home .hub-card h3{margin:0 0 7px;color:#edf5ef;font-family:Sora,Inter,sans-serif;font-size:1rem}
body.marketing-home .hub-card p{margin:0 0 14px;color:#adf0bd;font-size:.87rem;line-height:1.65}
body.marketing-home .hub-btn{color:#dfc274;font-weight:750;text-decoration:none}
body.marketing-home .site-footer{padding:52px 0 28px}
body.marketing-home .footer-grid{gap:30px}
body.marketing-home .f-brand p{max-width:42ch;color:#aebfb4;line-height:1.75}
body.marketing-home .site-footer h4{margin-bottom:14px;font-size:.76rem;letter-spacing:.13em;text-transform:uppercase}
body.marketing-home .site-footer .col a{display:block;margin:9px 0;font-size:.84rem;text-decoration:none}
body.marketing-home .footer-bottom{margin-top:28px;padding-top:20px;border-top:1px solid rgba(156,198,165,.1)}
body.marketing-home .footer-bottom .meta{color:#8ea396;font-size:.74rem;line-height:1.65}
@media(max-width:950px){
 body.marketing-home .hm-hero{min-height:0}
 body.marketing-home .hm-hero .wrap{grid-template-columns:minmax(0,1fr) minmax(270px,.85fr);gap:16px}
 body.marketing-home .hm-hero h1{font-size:clamp(3rem,6.3vw,4.6rem)}
 body.marketing-home .hm-visual{height:400px}
 body.marketing-home .trust-strip .trust-item{padding:18px 15px}
 body.marketing-home .trust-strip span{font-size:.73rem}
}
@media(max-width:700px){
 body.marketing-home .hm-hero{padding:48px 0 55px}
 body.marketing-home .hm-hero .wrap{grid-template-columns:1fr;gap:13px}
 body.marketing-home .hm-hero h1{font-size:clamp(2.9rem,12.4vw,4.15rem)}
 body.marketing-home .hm-visual{height:300px;max-width:380px;margin-top:0}
 body.marketing-home .hm-phone,body.marketing-home .hm-phone-main{width:37%;max-width:145px}
 body.marketing-home .hm-phone{border-radius:27px;padding:6px}
 body.marketing-home .hm-phone img{border-radius:21px}
 body.marketing-home .trust-strip .trust-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.marketing-home .trust-strip .trust-item:nth-child(2):after{display:none}
 body.marketing-home .trust-strip .trust-item:nth-child(-n+2){border-bottom:1px solid rgba(181,220,192,.1)}
 body.marketing-home .hb-showcase-heading{align-items:flex-start;flex-direction:column;margin-bottom:24px}
 body.marketing-home .hb-showcase-track{grid-template-columns:repeat(3,minmax(220px,72vw));overflow-x:auto;padding:4px 2px 18px;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#37694a transparent}
 body.marketing-home .hb-showcase-card{scroll-snap-align:center}
 body.marketing-home .hb-device{width:min(100%,190px)}
 body.marketing-home .card-grid.games-grid,body.marketing-home .card-grid.three-col{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.marketing-home .guide-list,body.marketing-home .faq-preview{grid-template-columns:1fr}
 body.marketing-home .hub-grid{grid-template-columns:1fr}
 body.marketing-home .hub-wrap{width:min(100% - 32px,1160px)}
 body.marketing-home .site-footer{padding-bottom:calc(145px + env(safe-area-inset-bottom,0px))}
 body.marketing-home .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 body.marketing-home .footer-grid .f-brand{grid-column:1/-1}
 body.marketing-home .hm-tag-top{top:1%;right:0}
 body.marketing-home .hm-tag-bottom{bottom:1%;left:0}
}
@media(max-width:420px){
 body.marketing-home .hm-hero .eyebrow{font-size:.58rem;letter-spacing:.075em}
 body.marketing-home .hm-hero h1{font-size:clamp(2.65rem,12vw,3.25rem)}
 body.marketing-home .hm-hero .hero-actions{gap:9px}
 body.marketing-home .hm-hero .btn{min-height:47px;font-size:.82rem}
 body.marketing-home .hm-visual{height:270px}
 body.marketing-home .hm-phone,body.marketing-home .hm-phone-main{width:38%;max-width:125px}
 body.marketing-home .hm-float-tag{font-size:.47rem;padding:7px 8px}
 body.marketing-home .trust-strip .trust-item{padding:15px 12px}
 body.marketing-home .trust-strip strong{font-size:.88rem}
 body.marketing-home .trust-strip span{font-size:.7rem}
 body.marketing-home .card-grid.games-grid,body.marketing-home .card-grid.three-col{grid-template-columns:1fr}
 body.marketing-home .card{padding:20px}
 body.marketing-home .hb-showcase-track{grid-template-columns:repeat(3,minmax(230px,84vw))}
 body.marketing-home .hb-showcase-foot{align-items:flex-start;flex-direction:column}
 body.marketing-home .footer-grid{gap:22px}
}
@media(prefers-reduced-motion:reduce){
 body.marketing-home .card,body.marketing-home .hb-showcase-card,body.marketing-home .hm-hero .btn{transition:none}
 body.marketing-home .card:hover,body.marketing-home .hb-showcase-card:hover,body.marketing-home .hm-hero .btn:hover{transform:none}
}