/* ── Anti site-wide style pollution (home.bundle / site-public-light) ── */
/* Use #main-content ID so we beat section:not(...)×6 !important white rule in home.bundle */
#main-content > section.cs-hero-demo,
section.cs-hero-demo.gradient-hero,
section.cs-hero-demo {
  padding: 0 !important;
  border-bottom: none !important;
  background:
    radial-gradient(circle at 72% 20%, rgba(0, 212, 255, 0.13), transparent 28%),
    radial-gradient(circle at 18% 84%, rgba(32, 230, 195, 0.11), transparent 32%),
    linear-gradient(135deg, #081025 0%, #0b1124 48%, #08162e 100%) !important;
  background-color: #0b1124 !important;
  color: #f7fbff !important;
}

section.cs-hero-demo > section.stage,
.cs-hero-demo .stage,
.cs-hero-demo .scene,
.cs-hero-demo .process-wrap,
.cs-hero-demo .brand-lockup,
.cs-hero-demo .cta-wrap {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

.cs-hero-demo .stage {
  padding: 0 !important;
  border: none !important;
}

.cs-hero-demo h1,
.cs-hero-demo h2,
.cs-hero-demo h3,
.cs-hero-demo .wordmark,
.cs-hero-demo .section-title,
.cs-hero-demo .cta-title {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
  text-shadow: none !important;
}

.cs-hero-demo p,
.cs-hero-demo .tagline,
.cs-hero-demo .cta-copy,
.cs-hero-demo .section-kicker {
  background: none !important;
}

html.nzy-site--light #main-content > section.cs-hero-demo,
html.nzy-site--light section.cs-hero-demo.gradient-hero,
html.nzy-site--light section.cs-hero-demo,
html.nzy-ds.nzy-site--light #main-content > section.cs-hero-demo,
html.nzy-ds.nzy-site--light section.cs-hero-demo {
  background:
    radial-gradient(circle at 72% 20%, rgba(0, 212, 255, 0.13), transparent 28%),
    radial-gradient(circle at 18% 84%, rgba(32, 230, 195, 0.11), transparent 32%),
    linear-gradient(135deg, #081025 0%, #0b1124 48%, #08162e 100%) !important;
  border-bottom: none !important;
}

html.nzy-site--light section.cs-hero-demo h1,
html.nzy-site--light section.cs-hero-demo .wordmark,
html.nzy-site--light section.cs-hero-demo h2,
html.nzy-site--light section.cs-hero-demo h3 {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}

html.nzy-site--light section.cs-hero-demo .tagline,
html.nzy-site--light section.cs-hero-demo p {
  color: inherit !important;
}

.cs-hero-demo .step-card,
.cs-hero-demo .stat-card,
.cs-hero-demo .trust-card {
  background: linear-gradient(180deg, rgba(20, 39, 75, 0.86), rgba(10, 22, 46, 0.7)) !important;
  border: 1px solid rgba(118, 232, 255, 0.18) !important;
}