html,
body {
  min-height: 100%;
}

body {
  background:
    radial-gradient(circle at top, #253248 0, #141b27 40%, #0b1017 100%);
}

#hero {
  padding-top: 56px;
}

#brand {
  text-shadow: 0 2px 0 #000000, 0 0 18px rgba(255, 182, 66, 0.18);
}

#subline {
  color: #d1d8e6;
  letter-spacing: 0.5px;
}

#tv {
  box-shadow: 0 24px 56px rgba(0, 0, 0, 0.45);
}

#screen-wrap {
  box-shadow: inset 0 0 28px rgba(0, 0, 0, 0.8), 0 0 24px rgba(69, 222, 255, 0.16);
}

#screen-glare {
  background:
    linear-gradient(120deg, rgba(255, 255, 255, 0.12) 0, rgba(255, 255, 255, 0) 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0, rgba(255, 255, 255, 0) 50%);
  pointer-events: none;
}

.enhanced-ready #screen img {
  display: none;
}

.enhanced-ready #screen canvas {
  display: block;
}

.enhanced-ready #screen:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: repeating-linear-gradient(
    to bottom,
    rgba(255, 255, 255, 0.02) 0,
    rgba(255, 255, 255, 0.02) 2px,
    rgba(0, 0, 0, 0.02) 2px,
    rgba(0, 0, 0, 0.02) 4px
  );
  pointer-events: none;
}