/* Aurora + grid backdrop shared by the landing page and the phone demo (from bp-web HomeHero). */
.aurora { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.blob { position: absolute; border-radius: 999px; }
.blob-1 { top: -128px; left: -96px; width: 520px; height: 520px; background: #5bc8ee; opacity: 0.3; filter: blur(120px); }
.blob-2 { top: 33%; right: 0; width: 480px; height: 480px; background: #1b8fc7; opacity: 0.25; filter: blur(140px); }
.blob-3 { bottom: 0; left: 33%; width: 440px; height: 440px; background: rgba(27, 143, 199, 0.16); opacity: 0.6; filter: blur(120px); }
.grid {
  position: absolute;
  inset: 0;
  opacity: 0.5;
  background-image:
    linear-gradient(rgba(12, 45, 82, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(12, 45, 82, 0.05) 1px, transparent 1px);
  background-size: 32px 32px;
}