/* FRAGMENT V12 — clean homepage hero */
body[data-page="index"] .fv11-home-hero{
  min-height:900px;
  padding-top:158px;
}
body[data-page="index"] .fv11-home-hero-bg{
  background-position:center 46%;
  filter:saturate(.86) contrast(1.06) brightness(.82);
  transform:scale(1.015);
}
body[data-page="index"] .fv11-home-hero-shade{
  background:
    linear-gradient(90deg,rgba(5,5,6,.97) 0%,rgba(5,5,6,.88) 25%,rgba(5,5,6,.48) 47%,rgba(5,5,6,.13) 71%,rgba(5,5,6,.28) 100%),
    linear-gradient(180deg,rgba(5,5,6,.28) 0%,rgba(5,5,6,.02) 36%,rgba(7,7,8,.12) 67%,#070708 100%);
}
body[data-page="index"] .fv11-home-grid{
  opacity:.42;
  mask-image:linear-gradient(to right,rgba(0,0,0,.52),transparent 76%);
}
body[data-page="index"] .fv11-home-wordmark{
  opacity:.58;
  right:-58px;
}
body[data-page="index"] .fv11-hero-layout{
  display:block;
  min-height:615px;
  width:100%;
}
body[data-page="index"] .fv11-hero-copy{
  max-width:720px;
  padding:52px 0 72px;
}
body[data-page="index"] .fv11-live{
  margin-bottom:26px;
  padding:8px 12px 8px 9px;
  background:rgba(8,8,9,.56);
  border-color:rgba(255,255,255,.11);
}
body[data-page="index"] .fv11-hero-copy h1{
  max-width:700px;
  font-size:clamp(62px,5.35vw,92px);
  line-height:.91;
  letter-spacing:-.058em;
}
body[data-page="index"] .fv11-hero-lead{
  max-width:590px;
  margin-top:28px;
  color:#aaa39f;
  font-size:14px;
  line-height:1.68;
}
body[data-page="index"] .fv11-hero-actions{
  margin-top:31px;
  gap:11px;
}
body[data-page="index"] .fv11-btn{
  min-height:54px;
  border-radius:11px;
  padding-left:23px;
  padding-right:18px;
}
body[data-page="index"] .fv11-connect{
  margin-top:39px;
}
body[data-page="index"] .fv11-connect>div{
  padding-left:15px;
  border-left-width:3px;
}
body[data-page="index"] .fv11-connect small{
  margin-bottom:7px;
}
body[data-page="index"] .fv11-connect b{
  font-size:11px;
}
body[data-page="index"] .fv11-hero-bottom{
  position:relative;
  min-height:88px;
  grid-template-columns:repeat(3,minmax(0,1fr)) auto;
  background:linear-gradient(180deg,rgba(8,8,9,.18),rgba(8,8,9,.52));
}
body[data-page="index"] .fv11-hero-stat:first-child{
  border-left:0;
  padding-left:0;
}
body[data-page="index"] .fv11-hero-stat small{
  color:#615b57;
}
body[data-page="index"] .fv11-scroll{
  opacity:.82;
}

/* Keep the previous panel CSS inert in case old cached markup briefly appears. */
body[data-page="index"] .fv11-hero-panel{display:none!important}

@media(max-width:1100px){
  body[data-page="index"] .fv11-home-hero{min-height:840px;padding-top:136px}
  body[data-page="index"] .fv11-hero-layout{min-height:560px}
  body[data-page="index"] .fv11-hero-copy{max-width:660px;padding-top:35px}
  body[data-page="index"] .fv11-hero-copy h1{font-size:clamp(58px,7.2vw,78px)}
  body[data-page="index"] .fv11-home-hero-shade{background:linear-gradient(90deg,rgba(5,5,6,.97),rgba(5,5,6,.8) 38%,rgba(5,5,6,.24) 75%),linear-gradient(180deg,rgba(5,5,6,.24),transparent 42%,#070708 100%)}
}

@media(max-width:860px){
  body[data-page="index"] .fv11-home-hero{min-height:auto;padding-top:116px}
  body[data-page="index"] .fv11-home-hero-bg{background-position:61% 42%}
  body[data-page="index"] .fv11-hero-layout{min-height:560px}
  body[data-page="index"] .fv11-hero-copy{max-width:610px;padding:34px 0 45px}
  body[data-page="index"] .fv11-hero-copy h1{font-size:clamp(54px,10vw,72px)}
  body[data-page="index"] .fv11-hero-lead{max-width:520px;font-size:13px}
  body[data-page="index"] .fv11-hero-bottom{margin-top:18px;padding:23px 0;grid-template-columns:repeat(3,1fr)}
}

@media(max-width:600px){
  body[data-page="index"] .fv11-home-hero{padding-top:102px}
  body[data-page="index"] .fv11-home-hero-bg{background-position:66% 38%;filter:saturate(.78) contrast(1.07) brightness(.7)}
  body[data-page="index"] .fv11-home-hero-shade{background:linear-gradient(90deg,rgba(5,5,6,.97),rgba(5,5,6,.76)),linear-gradient(180deg,rgba(5,5,6,.14),transparent 33%,#070708 96%)}
  body[data-page="index"] .fv11-hero-layout{min-height:auto}
  body[data-page="index"] .fv11-hero-copy{padding:36px 0 42px}
  body[data-page="index"] .fv11-live{margin-bottom:22px}
  body[data-page="index"] .fv11-hero-copy h1{max-width:360px;font-size:clamp(48px,14.5vw,60px);line-height:.92}
  body[data-page="index"] .fv11-hero-lead{max-width:440px;margin-top:23px;font-size:12px;line-height:1.62}
  body[data-page="index"] .fv11-hero-actions{margin-top:27px}
  body[data-page="index"] .fv11-connect{margin-top:31px}
  body[data-page="index"] .fv11-hero-bottom{margin-top:12px;grid-template-columns:1fr 1fr;gap:18px}
  body[data-page="index"] .fv11-hero-stat:nth-child(3){display:none}
}

/* Homepage-only header polish */
body[data-page="index"] .v4-nav .nav-link.is-active{
  background:linear-gradient(180deg,rgba(230,57,50,.18),rgba(118,22,20,.12));
  color:#fff;
  border:1px solid rgba(236,73,65,.5);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),0 10px 30px rgba(153,27,23,.12);
}
body[data-page="index"] .v4-nav{
  background:rgba(10,9,10,.68);
  border-color:rgba(255,255,255,.105);
}
body[data-page="index"] .v5-account-link,
body[data-page="index"] .v4-server-pill{
  background:rgba(10,10,11,.5);
}
/* Critical V11 fix: .fv11-hero-layout used width:100% and overrode the shared .container width. */
body[data-page="index"] .container.fv11-hero-layout{
  width:min(calc(100% - 48px),var(--container));
  margin-inline:auto;
}
@media(max-width:600px){
  body[data-page="index"] .container.fv11-hero-layout{width:min(calc(100% - 28px),var(--container))}
}