/* Home V3 — esports loadout facility, layered on the stable V2 layout. */
body.home main>.hero{order:1}body.home main>.char-hero{order:2}body.home main>.lp-features{order:3}
body.home main>#featured-sec{order:4}body.home main>#promo-sec{order:5}
body.home main>.home-watch{order:6}body.home main>#news-sec{order:7}
body.home main>#categories{order:8}body.home main>.lp-guides{order:9}body.home main>.goods-sec{order:10}

body.home .hero{min-height:clamp(660px,78svh,820px);border-bottom:0}
body.home .hero::before{content:none;display:none}
body.home .hero .hero-bg::before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,transparent 49.8%,rgba(87,226,242,.16) 50%,transparent 50.2%),linear-gradient(180deg,transparent 63%,rgba(157,140,255,.11) 63.2%,transparent 63.4%),radial-gradient(circle at 50% 48%,transparent 0 19%,rgba(87,226,242,.08) 19.3% 19.6%,transparent 20%);opacity:.7}
body.home .hero h1{max-width:740px}body.home .hero>p{max-width:650px}

/* Desktop hero is a single cinematic composition. There is no empty second column. */
@media(min-width:841px){
  body.home .hero{justify-items:center;text-align:center;padding-left:max(5vw,calc((100vw - 1180px)/2));padding-right:max(5vw,calc((100vw - 1180px)/2))}
  body.home .hero .hero-bg::after{background:radial-gradient(ellipse at 50% 49%,rgba(5,7,13,.46) 0 24%,rgba(5,7,13,.16) 49%,rgba(5,7,13,.56) 88%),linear-gradient(180deg,rgba(6,7,12,.12),rgba(6,7,12,.42) 72%,#06070c)!important}
  body.home .hero-eyebrow,body.home .hero h1,body.home .hero>p,body.home .hero-cta,body.home .search-container,body.home .hero-trust{justify-self:center;margin-left:auto;margin-right:auto}
  body.home .hero-eyebrow{width:min(100%,760px);justify-content:center}
  body.home .hero h1{max-width:920px;font-size:clamp(3.15rem,5.15vw,5.35rem);text-shadow:0 4px 28px rgba(0,0,0,.86)}
  body.home .hero>p{max-width:760px;text-align:center;text-shadow:0 3px 22px #000}
  body.home .hero-cta{max-width:760px;justify-content:center}
  body.home .search-container{max-width:650px}
  body.home .hero-trust{max-width:650px;justify-content:center}
  body.home .hero-trust span:first-child{padding-left:16px!important}
}

/* Keep the existing animated hexadecimal field visible behind the home sections. */
body.home{isolation:isolate}
body.home .gax-cyber-bg{z-index:0;opacity:.44;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.92) 100%);mask-image:linear-gradient(180deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.72) 42%,rgba(0,0,0,.92) 100%)}
body.home .gax-cyber-bg::before{opacity:.96;filter:brightness(1.18) saturate(1.08)}
body.home main::before{opacity:.82}
/* Keep the base sticky header above the isolated home content so the mobile drawer stays interactive. */
body.home>main,body.home>footer{position:relative;z-index:1}
html.gax-perf-balanced body.home .gax-cyber-bg{opacity:.34!important}
html.gax-perf-lite body.home .gax-cyber-bg{opacity:.22!important}
body.home .quick-fit-card{margin-top:17px;border-color:rgba(87,226,242,.34)!important;clip-path:var(--gax-cut);border-radius:0!important}
body.home .quick-fit-card::after{content:'';position:absolute;left:0;top:0;width:180px;height:3px;background:linear-gradient(90deg,var(--gax-cyan),var(--gax-violet),transparent)}

body.home .lp-features .feature-card{border-radius:0!important;clip-path:var(--gax-cut);border-color:rgba(130,160,190,.22)!important;background:linear-gradient(160deg,rgba(17,23,34,.96),rgba(7,10,16,.98))!important}
body.home .lp-features .feature-card:nth-child(1){--route:#57e2f2}body.home .lp-features .feature-card:nth-child(2){--route:#9d8cff}body.home .lp-features .feature-card:nth-child(3){--route:#ffbd4a}
body.home .lp-features .feature-card::before{inset:0 0 auto!important;width:auto!important;height:3px!important;z-index:4!important;background:linear-gradient(90deg,var(--route),transparent 72%)!important;opacity:.9!important}
body.home .lp-features .feature-card .fc-icon{color:var(--route)!important;border-color:color-mix(in srgb,var(--route) 46%,transparent)!important;box-shadow:0 0 28px color-mix(in srgb,var(--route) 14%,transparent)!important}
body.home .lp-features .route-no{color:var(--route)!important}

body.home .char-hero{margin-top:clamp(28px,4vw,48px);border-radius:0;clip-path:var(--gax-cut);border-color:rgba(157,140,255,.34)}
body.home .char-hero::after{content:'MIO // SPEC ANALYST        HINA // VALUE SCOUT';position:absolute;left:50%;bottom:12px;transform:translateX(-50%);color:rgba(191,202,220,.38);font-size:.52rem;font-weight:850;letter-spacing:.15em;white-space:pre}
body.home .home-watch .watch-card,body.home #categories #category-container>*{border-radius:0!important;clip-path:var(--gax-cut);background:linear-gradient(160deg,rgba(15,20,30,.96),rgba(7,9,15,.98))!important}
body.home #categories #category-container>*{border-color:rgba(130,160,190,.18)!important}
body.home #categories #category-container>*:hover{border-color:rgba(87,226,242,.5)!important;background:linear-gradient(160deg,rgba(18,31,43,.98),rgba(8,10,17,.98))!important}

@media(max-width:840px){
  body.home .hero{min-height:auto;text-align:left}body.home .hero::before{display:none}body.home .hero .hero-bg::before{opacity:.35}
  html.gax-perf-balanced body.home .gax-cyber-bg{opacity:.28!important}
}
@media(max-width:560px){
  body.home .char-hero{margin-top:24px}
  body.home .char-hero::after{display:none}
}
@media(orientation:landscape) and (max-height:520px) and (max-width:920px){
  body.home .hero{
    min-height:calc(100svh - 80px);
    padding:max(64px,calc(env(safe-area-inset-top) + 52px)) max(18px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));
    align-content:center;
    justify-items:start;
    text-align:left;
  }
  body.home .hero-eyebrow{display:none}
  body.home .hero h1{max-width:560px;font-size:clamp(1.9rem,5vw,2.65rem);line-height:1}
  body.home .hero>p{max-width:680px;margin-top:10px;font-size:.82rem;line-height:1.45;text-align:left}
  body.home .hero-cta{max-width:none;margin:12px 0 0;justify-content:flex-start;flex-wrap:nowrap;gap:8px}
  body.home .hero-cta a{min-height:44px;padding:0 14px;font-size:.76rem;white-space:nowrap}
  body.home .hero-cta .cta-sub{display:none}
  body.home .search-container,body.home .hero-trust,body.home .hero-buddies{display:none}
}