/* MHQ MLBB Lab v3 — homepage */
.mlbb-data-site .mlab-home-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:38px;align-items:center;min-height:560px;padding:54px 0 46px}
.mlbb-data-site .mlab-hero-brandmark{display:block;width:min(430px,72%);height:auto;max-height:118px;object-fit:contain;object-position:left center;margin:0 0 22px;filter:drop-shadow(0 10px 26px rgba(0,0,0,.25))}
.mlbb-data-site .mlab-home-hero h1{font:900 clamp(4.3rem,7.9vw,7.4rem)/.8 "Barlow Condensed",sans-serif;letter-spacing:-.045em;text-transform:uppercase;margin:0}
.mlbb-data-site .mlab-home-hero h1 span{display:block;color:var(--lab-cyan-light)}
.mlbb-data-site .mlab-home-lead{max-width:720px;margin:22px 0 0;color:var(--lab-muted);font-size:.88rem;line-height:1.72}
.mlbb-data-site .mlab-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:24px}
.mlbb-data-site .mlab-primary-btn,.mlbb-data-site .mlab-secondary-btn{min-height:46px;border-radius:4px;padding:0 16px;font-weight:800}
.mlbb-data-site .mlab-primary-btn{background:var(--lab-cyan);color:#041018!important}
.mlbb-data-site .mlab-secondary-btn{border:1px solid #384759;background:#0b1520;color:#d5e2ec!important}
.mlbb-data-site .mlab-primary-btn:hover{background:var(--lab-cyan-light)}
.mlbb-data-site .mlab-secondary-btn:hover{border-color:var(--lab-cyan);background:#172639}
.mlbb-data-site .mlab-hero-proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:28px;border:1px solid var(--lab-line);background:#0a1119}
.mlbb-data-site .mlab-hero-proof span{min-width:0;padding:12px 14px;border-right:1px solid var(--lab-line)}
.mlbb-data-site .mlab-hero-proof span:last-child{border-right:0}
.mlbb-data-site .mlab-hero-proof b{font:900 1.35rem/1 "Barlow Condensed",sans-serif;color:#f5f9fc}
.mlbb-data-site .mlab-hero-proof small{display:block;margin-top:5px;color:#687c8f;font-size:.46rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.mlbb-data-site .mlab-hero-console{position:relative;min-height:450px;padding:16px;border:1px solid var(--lab-line-strong);border-radius:8px;background:linear-gradient(145deg,#0f1c2b,#08131e);box-shadow:0 22px 54px rgba(0,0,0,.3);overflow:hidden}
.mlbb-data-site .mlab-hero-console:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(85,217,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(85,217,255,.03) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.mlbb-data-site .mlab-console-top{position:relative;display:flex;align-items:center;justify-content:space-between;padding:2px 2px 12px;border-bottom:1px solid var(--lab-line)}
.mlbb-data-site .mlab-console-live{display:flex;align-items:center;gap:7px;color:#8fe3b0!important}
.mlbb-data-site .mlab-console-live:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--lab-green)}
.mlbb-data-site .mlab-hero-stack{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:12px}
.mlbb-data-site .mlab-hero-card{position:relative;min-height:250px;overflow:hidden;border:1px solid #2b4054;border-radius:6px;background:#08131e}
.mlbb-data-site .mlab-hero-card img{display:block;width:100%;height:250px;object-fit:cover;filter:saturate(.84)}
.mlbb-data-site .mlab-hero-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,rgba(5,11,18,.96) 100%)}
.mlbb-data-site .mlab-hero-card span{position:absolute;z-index:2;left:10px;right:10px;bottom:10px}
.mlbb-data-site .mlab-hero-card small{display:block;color:#72d9f5;font-size:.42rem;font-weight:800;letter-spacing:.1em}
.mlbb-data-site .mlab-hero-card b{font:900 1.15rem/1 "Barlow Condensed",sans-serif;color:white}
.mlbb-data-site .mlab-hero-card:nth-child(2){transform:translateY(14px)}
.mlbb-data-site .mlab-console-bottom{position:relative;margin-top:24px;padding:11px 12px;border:1px solid var(--lab-line);border-radius:4px;background:#08121c;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.mlbb-data-site .mlab-console-bottom span{color:#607588;font-size:.44rem;font-weight:800;letter-spacing:.1em}
.mlbb-data-site .mlab-console-bottom strong{font-size:.64rem}
.mlbb-data-site .mlab-console-bottom b{padding:6px 8px;border:1px solid #2d6075;border-radius:4px;background:#102334;color:#8ce6ff;font-size:.48rem}

.mlbb-data-site .mlab-toolbelt{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:2px 0 50px}
.mlbb-data-site .mlab-tool-card{--tool-art:none;--tool-accent:var(--lab-cyan);position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;min-height:245px;padding:18px;border:1px solid #2a4054;border-radius:8px;background:linear-gradient(145deg,#111d2d,#0b1520);text-decoration:none;transition:transform .18s,border-color .18s}
.mlbb-data-site .mlab-tool-card:before{content:"";position:absolute;inset:-8px;z-index:-2;background:linear-gradient(180deg,rgba(6,14,24,.18),rgba(6,14,24,.94) 76%),var(--tool-art) center 20%/cover no-repeat;filter:blur(2px) brightness(.72) saturate(.85);transform:scale(1.05)}
.mlbb-data-site .mlab-tool-card:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--tool-accent)}
.mlbb-data-site .mlab-tool-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--tool-accent) 65%,#455a6c)}
.mlbb-data-site .mlab-tool-card:nth-child(1){--tool-art:url('/assets/mlbb-heroes/zetian.webp');--tool-accent:#55d9ff}
.mlbb-data-site .mlab-tool-card:nth-child(2){--tool-art:url('/assets/mlbb-heroes/carmilla.webp');--tool-accent:#7ad5f4}
.mlbb-data-site .mlab-tool-card:nth-child(3){--tool-art:url('/assets/mlbb-heroes/hayabusa.webp');--tool-accent:#e9322b}
.mlbb-data-site .mlab-tool-card:nth-child(4){--tool-art:url('/assets/mlbb-heroes/lukas.webp');--tool-accent:#ffc43d}
.mlbb-data-site .mlab-tool-card:nth-child(5){--tool-art:url('/assets/mlbb-heroes/ling.webp');--tool-accent:#9ec8ff}
.mlbb-data-site .mlab-tool-card:nth-child(6){--tool-art:url('/assets/mlbb-heroes/kagura.webp');--tool-accent:#c4a2ff}
.mlbb-data-site .mlab-tool-card:nth-child(7){--tool-art:url('/assets/mlbb-heroes/minotaur.webp');--tool-accent:#85d8ad}
.mlbb-data-site .mlab-tool-card-head,.mlbb-data-site .mlab-tool-card h3,.mlbb-data-site .mlab-tool-card p,.mlbb-data-site .mlab-tool-card-cta{position:relative;z-index:2}
.mlbb-data-site .mlab-tool-card-label{color:#a3b4c4!important;text-shadow:0 1px 8px #000}
.mlbb-data-site .mlab-tool-card-icon{width:40px;height:40px;border:1px solid color-mix(in srgb,var(--tool-accent) 45%,transparent);border-radius:5px;background:#081521c9;color:var(--tool-accent)}
.mlbb-data-site .mlab-tool-card h3{margin:48px 0 7px!important;font-size:1.8rem!important;color:white;text-shadow:0 2px 12px #000}
.mlbb-data-site .mlab-tool-card p{color:#bdcad6!important;font-size:.66rem!important;line-height:1.55!important;text-shadow:0 1px 8px #000}
.mlbb-data-site .mlab-tool-card-cta{margin-top:auto;color:#f1f7fb!important;padding-top:14px!important}

.mlbb-data-site .mlab-section-head{margin-bottom:14px}
.mlbb-data-site .mlab-section-head h2{font-size:clamp(2.7rem,4.2vw,3.8rem)}
.mlbb-data-site .mlab-meta-toolbar{border-radius:6px!important;border-color:var(--lab-line)!important;background:#0a1119!important}

@media(max-width:1120px){
 .mlbb-data-site .mlab-home-hero{grid-template-columns:1fr .9fr;gap:24px}
 .mlbb-data-site .mlab-toolbelt{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:820px){
 .mlbb-data-site .mlab-home-hero{grid-template-columns:1fr;min-height:0;padding:30px 0 30px;gap:22px}
 .mlbb-data-site .mlab-hero-brandmark{width:min(360px,82%);max-height:96px;margin-bottom:16px}
 .mlbb-data-site .mlab-home-hero h1{font-size:clamp(3.8rem,15vw,5.7rem)}
 .mlbb-data-site .mlab-home-lead{font-size:.78rem}
 .mlbb-data-site .mlab-hero-proof{grid-template-columns:repeat(2,minmax(0,1fr))}
 .mlbb-data-site .mlab-hero-proof span:nth-child(2){border-right:0}
 .mlbb-data-site .mlab-hero-proof span:nth-child(-n+2){border-bottom:1px solid var(--lab-line)}
 .mlbb-data-site .mlab-hero-console{min-height:0}
 .mlbb-data-site .mlab-toolbelt{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:36px}
 .mlbb-data-site .mlab-tool-card{min-height:220px;padding:14px}
 .mlbb-data-site .mlab-tool-card h3{margin-top:34px!important;font-size:1.55rem!important}
}
@media(max-width:560px){
 .mlbb-data-site .mlab-hero-brandmark{width:min(310px,92%);max-height:84px}
 .mlbb-data-site .mlab-home-hero h1{font-size:3.9rem}
 .mlbb-data-site .mlab-hero-actions{display:grid;grid-template-columns:1fr}
 .mlbb-data-site .mlab-primary-btn,.mlbb-data-site .mlab-secondary-btn{width:100%}
 .mlbb-data-site .mlab-hero-stack{gap:6px}
 .mlbb-data-site .mlab-hero-card,.mlbb-data-site .mlab-hero-card img{min-height:165px;height:165px}
 .mlbb-data-site .mlab-hero-card b{font-size:.82rem}
 .mlbb-data-site .mlab-hero-card small{font-size:.34rem}
 .mlbb-data-site .mlab-toolbelt{grid-template-columns:1fr}
 .mlbb-data-site .mlab-tool-card{min-height:205px}
}