/* v21 — real DOM image layer for /mlbb homepage cards. Loaded after all legacy MLBB styles. */
/* Keep each card inside one track at every breakpoint. */
html body.mlbb-data-site .mlab-toolbelt {
  --workbench-columns: 3;
  grid-template-columns: repeat(var(--workbench-columns), minmax(0, 1fr)) !important;
}
@media (max-width:1100px) {
  html body.mlbb-data-site .mlab-toolbelt { --workbench-columns: 2; }
}
@media (max-width:700px) {
  html body.mlbb-data-site .mlab-toolbelt { --workbench-columns: 1; }
}
html body.mlbb-data-site .mlab-toolbelt > a.mlab-tool-card {
  grid-column: auto !important;
  box-sizing: border-box;
  width: 100%;
  aspect-ratio: auto !important;
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  background:#08131e!important;
}
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card::before{content:none!important;background:none!important}
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card::after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(3,9,16,.08) 0%,rgba(3,9,16,.20) 34%,rgba(3,9,16,.68) 70%,rgba(3,9,16,.93) 100%),
    linear-gradient(90deg,rgba(3,9,16,.34) 0%,rgba(3,9,16,.08) 68%,rgba(3,9,16,.02) 100%)!important;
}
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card .mlab-tool-card-art{
  position:absolute!important;
  inset:-10px!important;
  z-index:0!important;
  display:block!important;
  background-position:center!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  opacity:1!important;
  pointer-events:none!important;
  filter:blur(3px) saturate(.98) brightness(.88)!important;
  transform:scale(1.08)!important;
  transition:transform .28s ease,filter .28s ease!important;
}
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card:hover .mlab-tool-card-art{
  transform:scale(1.11)!important;
  filter:blur(2px) saturate(1.05) brightness(.93)!important;
}
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card>.mlab-tool-card-label,
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card>.mlab-tool-card-main,
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card>p,
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card>.mlab-tool-card-accent{
  position:relative!important;
  z-index:3!important;
}
html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card>.mlab-tool-card-accent{
  position:absolute!important;
  z-index:4!important;
}
@media(max-width:700px){
  html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card .mlab-tool-card-art{
    inset:-7px!important;
    filter:blur(2.2px) saturate(1) brightness(.90)!important;
    transform:scale(1.075)!important;
  }
  html body.mlbb-data-site .mlab-toolbelt .mlab-tool-card::after{
    background:
      linear-gradient(180deg,rgba(3,9,16,.02) 0%,rgba(3,9,16,.12) 32%,rgba(3,9,16,.62) 70%,rgba(3,9,16,.92) 100%),
      linear-gradient(90deg,rgba(3,9,16,.26) 0%,rgba(3,9,16,.05) 72%,rgba(3,9,16,.01) 100%)!important;
  }
}

/* v23 — faster, less text-heavy /mlbb first fold */
html body.mlbb-data-site .mlab-home-hero::before,
html body.mlbb-data-site .mlab-home-hero::after{display:none!important}
html body.mlbb-data-site .mlab-home-hero{min-height:0!important}
html body.mlbb-data-site .mlab-hero-brandline{margin:0 0 12px!important}
html body.mlbb-data-site .mlab-hero-kicker{margin:0!important;font-size:.58rem!important;letter-spacing:.15em!important}
html body.mlbb-data-site .mlab-hero-lab-badge{display:none!important}
html body.mlbb-data-site .mlab-home-lead{max-width:610px!important;margin-top:14px!important;font-size:.78rem!important;line-height:1.55!important}
html body.mlbb-data-site .mlab-hero-actions{margin-top:16px!important;gap:8px!important}
html body.mlbb-data-site .mlab-hero-actions>a{min-height:42px!important;height:42px!important;padding:0 15px!important;font-size:.7rem!important}
html body.mlbb-data-site .mlab-hero-actions>a:nth-child(3){display:none!important}
html body.mlbb-data-site .mlab-hero-proof{margin-top:16px!important}
html body.mlbb-data-site .mlab-hero-proof span{min-height:54px!important;padding:9px 12px!important}
html body.mlbb-data-site .mlab-hero-proof b{font-size:1.12rem!important}
html body.mlbb-data-site .mlab-hero-proof small{margin-top:3px!important;font-size:.42rem!important}
html body.mlbb-data-site .mlab-toolbelt{margin-top:20px!important}

@media(min-width:1101px){
  html body.mlbb-data-site .mlab-home-hero{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr)!important;gap:28px!important;align-items:center!important;padding:34px 0 28px!important}
  html body.mlbb-data-site .mlab-home-hero h1{max-width:720px!important;font-size:clamp(3.7rem,5.7vw,5.45rem)!important;line-height:.82!important;letter-spacing:-.04em!important}
  html body.mlbb-data-site .mlab-hero-console{min-height:336px!important;padding:12px!important}
  html body.mlbb-data-site .mlab-console-top{padding-bottom:9px!important}
  html body.mlbb-data-site .mlab-hero-stack{margin-top:9px!important;gap:7px!important}
  html body.mlbb-data-site .mlab-hero-card,
  html body.mlbb-data-site .mlab-hero-card img{min-height:188px!important;height:188px!important}
  html body.mlbb-data-site .mlab-hero-card:nth-child(2){transform:translateY(8px)!important}
  html body.mlbb-data-site .mlab-console-bottom{margin-top:15px!important;padding:8px 10px!important}
  html body.mlbb-data-site .mlab-console-bottom strong{font-size:.58rem!important}
}

@media(max-width:1100px){
  html body.mlbb-data-site .mlab-home-hero{padding-top:22px!important;padding-bottom:18px!important}
}

@media(max-width:820px){
  html body.mlbb-data-site .mlab-home-hero{display:block!important;padding:20px 0 10px!important}
  html body.mlbb-data-site .mlab-hero-copy{text-align:left!important}
  html body.mlbb-data-site .mlab-home-hero h1{max-width:640px!important;margin:0!important;font-size:clamp(3rem,12.2vw,4.4rem)!important;line-height:.84!important;letter-spacing:-.035em!important;text-align:left!important}
  html body.mlbb-data-site .mlab-home-hero h1 span{display:block!important;text-align:left!important}
  html body.mlbb-data-site .mlab-home-lead{max-width:620px!important;margin-top:14px!important;font-size:.75rem!important;line-height:1.5!important;text-align:left!important}
  html body.mlbb-data-site .mlab-hero-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin-top:16px!important}
  html body.mlbb-data-site .mlab-hero-actions>a{width:100%!important;min-width:0!important;height:44px!important;min-height:44px!important;padding:0 10px!important;justify-content:center!important;text-align:center!important;font-size:.66rem!important;white-space:nowrap!important}
  html body.mlbb-data-site .mlab-hero-console,
  html body.mlbb-data-site .mlab-hero-proof{display:none!important}
  html body.mlbb-data-site .mlab-toolbelt{margin-top:14px!important}
}

@media(max-width:430px){
  html body.mlbb-data-site .mlab-home-hero{padding-top:16px!important;padding-bottom:8px!important}
  html body.mlbb-data-site .mlab-hero-brandline{margin-bottom:10px!important}
  html body.mlbb-data-site .mlab-hero-kicker{font-size:.5rem!important}
  html body.mlbb-data-site .mlab-home-hero h1{font-size:clamp(2.75rem,12.5vw,3.5rem)!important;line-height:.85!important}
  html body.mlbb-data-site .mlab-home-lead{margin-top:12px!important;font-size:.69rem!important;line-height:1.47!important}
  html body.mlbb-data-site .mlab-hero-actions{margin-top:13px!important}
  html body.mlbb-data-site .mlab-hero-actions>a{font-size:.61rem!important}
}

@media(max-width:360px){html body.mlbb-data-site .mlab-hero-actions{grid-template-columns:1fr!important}}