body.lab-v2 { overflow-x: clip; color: #eef6ff; background: #030711; }
.lab-v2 .nav-shell { position: fixed; top: 14px; background: rgba(4, 11, 24, .82); border-color: rgba(107, 162, 255, .2); backdrop-filter: blur(20px); }
.lab-v2 .nav-shell nav a { color: #93a7c5; }
.lab-v2 .nav-shell nav a:hover { color: #fff; }
.lab-v2 .lang-button,
.lab-v2 .theme-button,
.lab-v2 .menu-button { color: #e5efff; background: rgba(255,255,255,.04); }
.lab-hero { min-height: 86svh; display: grid; align-items: end; padding: 150px 0 90px; background: radial-gradient(circle at 62% 42%, rgba(43, 95, 255, .28), transparent 30%), linear-gradient(145deg, #02050c, #071327); }
.lab-hero-grid { display: grid; grid-template-columns: 1fr .7fr; gap: 70px; align-items: end; }
.lab-hero h1 { max-width: 900px; margin: 15px 0 0; font-size: clamp(68px, 10vw, 150px); line-height: .84; letter-spacing: -.075em; }
[dir="rtl"] .lab-hero h1 { letter-spacing: -.025em; line-height: .95; }
.lab-hero h1 em { display: block; color: transparent; font-style: normal; -webkit-text-stroke: 1px #4e78ff; }
.lab-hero p { color: #9badc7; font-size: 18px; line-height: 1.9; }
.lab-index { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; }
.lab-index a { min-height: 130px; display: flex; flex-direction: column; justify-content: space-between; padding: 18px; border: 1px solid rgba(113, 159, 235, .2); border-radius: 16px; color: #dceaff; background: rgba(8, 19, 38, .58); }
.lab-index b { color: #5df6ff; font: 800 10px var(--mono); }
.lab-index span { font-size: 13px; }
.lab-v2 .builder-section,
.lab-v2 .arena-section,
.lab-v2 .lab-section { position: relative; padding-block: 140px; }
.lab-v2 .builder-section { background: #050a14; }
.lab-v2 .arena-section { background: linear-gradient(180deg, #030711, #071326); }
.lab-v2 .lab-section { background: #030711; }
.lab-back { display: inline-flex; align-items: center; gap: 12px; margin-top: 28px; color: #5df6ff; font-weight: 800; }
.lab-v2 footer { color: #8395ae; background: #02050c; }

@media (max-width: 780px) {
  .lab-hero { padding-top: 120px; }
  .lab-hero-grid { grid-template-columns: 1fr; gap: 35px; }
  .lab-hero h1 { font-size: 70px; }
  .lab-index { grid-template-columns: 1fr; }
  .lab-index a { min-height: 90px; }
}