/* One restrained Northline atmosphere shared by the complete page. */
html {
  background: #080611;
}

body {
  position: relative;
  isolation: isolate;
  background: #080611;
}

body::before {
  content: "";
  position: fixed;
  z-index: -2;
  inset: 0;
  background: url("brand-sculptural-wide-v2.png") center center / cover no-repeat;
  opacity: 0.68;
  filter: brightness(0.68) saturate(0.78) contrast(0.94);
  pointer-events: none;
}

body::after {
  content: "";
  position: fixed;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(ellipse at 50% 44%, rgba(8, 6, 17, 0.04) 0%, rgba(8, 6, 17, 0.2) 54%, rgba(8, 6, 17, 0.46) 100%),
    linear-gradient(180deg, rgba(8, 6, 17, 0.22), rgba(8, 6, 17, 0.34));
  pointer-events: none;
}

/* Remove the older section-by-section wallpapers and grid treatments. */
.proof-strip,
.system,
.clone,
.faq,
.apply,
.sculptural-zone,
footer {
  background: transparent !important;
}

.video-shell::before,
.system::before,
.clone::before,
.faq::before,
.faq::after,
footer::before,
footer::after,
.sculptural-zone::before,
.sculptural-zone::after {
  display: none !important;
}

.proof-strip,
.apply,
footer {
  border-color: rgba(157, 104, 225, 0.16) !important;
}

.proof-strip,
.system,
.clone,
.process,
.faq,
.apply,
.sculptural-zone,
footer {
  position: relative;
  z-index: 0;
}

.sculptural-zone {
  overflow: visible;
}

@media (max-width: 800px) {
  body::before {
    opacity: 0.48;
    background-image: url("brand-sculptural-mobile-v2.png");
    background-position: center center;
    background-size: cover;
  }

  body::after {
    background: linear-gradient(180deg, rgba(8, 6, 17, 0.34), rgba(8, 6, 17, 0.5));
  }
}