/*
 * Keep the product mockups on the physical pixel grid. Rotating a bordered
 * element makes browsers rasterise its edges, which can appear jagged on
 * some Windows displays and at non-100% browser zoom.
 */
.hero-product,
.code-window,
.hero-float-card,
.ip-browser,
.ip-float {
  transform: translateZ(0);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}