@keyframes twlLabGridDrift{ from{ background-position:0 0; } to{ background-position:64px 64px; } }@keyframes twlLabBlink{ 0%,100%{ opacity:1; } 50%{ opacity:0; } }@keyframes twlLabScan{ 0%{ transform:translateY(-100%); opacity:0; } 8%{ opacity:1; } 92%{ opacity:1; } 100%{ transform:translateY(100%); opacity:0; } }.twl-lab{ position:relative; isolation:isolate; }.twl-lab > *{ position:relative; z-index:1; }body :is(.twl-dz, .twl-ba){
  background:#08080a;
}body :is(section[data-twl-particles], .twl-lab):not(.twl-sv):not(.twl-lab--light):not(.wl-rev){
  background:#08080a;
  color:#f4f4f5;
}body :is(section[data-twl-particles], .twl-lab):not(.twl-sv):not(.twl-lab--light):not(.wl-rev)::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(100% 70% at 50% 40%,#000 0%,transparent 75%);
          mask-image:radial-gradient(100% 70% at 50% 40%,#000 0%,transparent 75%);
  animation:twlLabGridDrift 90s linear infinite;
}.twl-lab:not(.twl-dz):not(.twl-ba)::before{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(100% 70% at 50% 40%,#000 0%,transparent 75%);
          mask-image:radial-gradient(100% 70% at 50% 40%,#000 0%,transparent 75%);
  animation:twlLabGridDrift 90s linear infinite;
}.twl-lab--light:not(.twl-dz):not(.twl-ba)::before{
  background-image:linear-gradient(rgba(15,23,42,.09) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(15,23,42,.09) 1px,transparent 1px);
}.twl-lab::after{
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none;
  background:radial-gradient(140% 100% at 50% 35%,transparent 55%,rgba(0,0,0,.45));
}.twl-lab--light::after{
  background:radial-gradient(140% 100% at 50% 35%,transparent 55%,rgba(0,0,0,.06));
  mix-blend-mode:multiply;
}.twl-lab__readout{
  position:absolute; z-index:2; pointer-events:none;
  top:clamp(1rem,2.5vw,1.6rem); left:clamp(1rem,4vw,3rem);
  font-family:'JetBrains Mono','Courier New',monospace;
  font-size:.62rem; text-transform:uppercase; letter-spacing:.12em; line-height:1;
  color:rgba(255,255,255,.45);
}.twl-lab--light .twl-lab__readout{ color:rgba(0,0,0,.40); }.twl-lab__readout::after{
  content:"▌"; margin-left:.25em; animation:twlLabBlink 1s step-end infinite;
}@media (prefers-reduced-motion:reduce){.twl-lab:not(.twl-dz):not(.twl-ba)::before{ animation:none; }.twl-lab__readout::after{ animation:none; }}