/* Homepage section surfaces — deliberately close in tone so the page reads as one system. */
.azmon-home-band {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-block: 1px solid rgba(148, 163, 184, 0.16);
}

.azmon-home-band::before {
  position: absolute;
  z-index: -1;
  width: 34rem;
  height: 34rem;
  border-radius: 999px;
  content: "";
  pointer-events: none;
  opacity: 0.5;
  filter: blur(2px);
}

.azmon-home-band--features {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f7fc 100%);
}

.azmon-home-band--features::before {
  inset: -23rem auto auto -12rem;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.09), transparent 68%);
}

.azmon-home-band--weekly {
  background: linear-gradient(145deg, #eef4fb 0%, #f8fafc 72%);
}

.azmon-home-band--weekly::before {
  inset: auto -15rem -25rem auto;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.11), transparent 68%);
}

.azmon-home-band--news {
  background: linear-gradient(180deg, #f8fafc 0%, #f3f6fb 100%);
}

.azmon-home-band--news::before {
  inset: -24rem -17rem auto auto;
  background: radial-gradient(circle, rgba(14, 165, 233, 0.09), transparent 68%);
}

.av-home-blog.azmon-home-band--blog {
  background: linear-gradient(150deg, #edf3fa 0%, #f7f9fc 76%);
}

.azmon-home-band--blog::before {
  inset: auto auto -24rem -15rem;
  background: radial-gradient(circle, rgba(124, 58, 237, 0.08), transparent 68%);
}

.azmon-home-band--announcement {
  background: linear-gradient(135deg, #fff9eb 0%, #fffdf8 68%, #f8fafc 100%);
}

.azmon-home-band--announcement::before {
  inset: -24rem -13rem auto auto;
  background: radial-gradient(circle, rgba(245, 158, 11, 0.14), transparent 66%);
}

.azmon-home-band--faq {
  background: linear-gradient(180deg, #f5f8fc 0%, #eef3f9 100%);
}

.azmon-home-band--faq::before {
  inset: auto -15rem -25rem auto;
  background: radial-gradient(circle, rgba(37, 99, 235, 0.08), transparent 68%);
}

.dark .azmon-home-band {
  border-block-color: rgba(148, 163, 184, 0.12);
}

.dark .azmon-home-band--features {
  background: linear-gradient(180deg, #0b1d51 0%, #0d2457 100%);
}

.dark .azmon-home-band--weekly {
  background: linear-gradient(145deg, #10265c 0%, #0c2050 76%);
}

.dark .azmon-home-band--news {
  background: linear-gradient(180deg, #0b1d51 0%, #0d2355 100%);
}

.dark .av-home-blog.azmon-home-band--blog {
  background: linear-gradient(150deg, #10265a 0%, #0c2050 78%);
}

.dark .azmon-home-band--announcement {
  background: linear-gradient(135deg, #15274d 0%, #0e224f 72%);
}

.dark .azmon-home-band--faq {
  background: linear-gradient(180deg, #0b1d51 0%, #0e285e 100%);
}

.dark .azmon-home-band--features::before,
.dark .azmon-home-band--news::before,
.dark .azmon-home-band--faq::before {
  opacity: 0.72;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.16), transparent 68%);
}

.dark .azmon-home-band--weekly::before,
.dark .azmon-home-band--announcement::before {
  opacity: 0.66;
  background: radial-gradient(circle, rgba(251, 191, 36, 0.14), transparent 68%);
}

.dark .azmon-home-band--blog::before {
  opacity: 0.65;
  background: radial-gradient(circle, rgba(139, 92, 246, 0.14), transparent 68%);
}

@media (max-width: 767px) {
  .azmon-home-band::before {
    width: 22rem;
    height: 22rem;
    opacity: 0.38;
  }
}

@media (prefers-reduced-motion: reduce) {
  .azmon-home-band::before {
    filter: none;
  }
}