/* Nebula B — subtractive dark skin (staging). Load AFTER zi-brand-purple.css */
:root {
  --nebula-bg: #0a0e1a;
  --nebula-bg-elev: #0e1424;
  --nebula-bg-soft: #121a2c;
  --nebula-cyan: #5eb8e8;
  --nebula-purple: #8b5cf6;
  --nebula-text: #ffffff;
  --nebula-text-90: rgba(255, 255, 255, 0.9);
  --nebula-muted: rgba(255, 255, 255, 0.62);
  --nebula-glass: rgba(12, 18, 32, 0.72);
  --nebula-border: rgba(255, 255, 255, 0.1);
  --nebula-glow: 0 0 32px rgba(94, 184, 232, 0.35);
  --nebula-grad: linear-gradient(135deg, #5eb8e8, #8b5cf6); /* one sitewide gradient */
  --nebula-radius: 14px;
  --nebula-font: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", system-ui, sans-serif;
}

html:root,
body {
  --zdzzts: #8b5cf6 !important;
  --zdztxz: #5eb8e8 !important;
  --zdzkxz: #8b5cf6 !important;
  --zddbxz: #5eb8e8 !important;
  --zdans: #5eb8e8 !important;
  --zdanxz: #4aa3d4 !important;
  --por-color-brand: #8b5cf6;
  --por-color-text-link: #5eb8e8;
  --primary-6: 139, 92, 246 !important;
  --arcoblue-6: 94, 184, 232 !important;
}

html {
  background: var(--nebula-bg);
}

body {
  font-family: var(--nebula-font) !important;
  background-color: var(--nebula-bg) !important;
  /* ONE static nebula: soft wash + optional image, no particles */
  background-image:
    linear-gradient(180deg, rgba(10, 14, 26, 0.55) 0%, rgba(10, 14, 26, 0.88) 45%, #0a0e1a 100%),
    radial-gradient(ellipse 70% 45% at 50% -10%, rgba(102, 45, 145, 0.22), transparent 60%),
    url("/themes/web/ZdsjuM4/static/img/banner-bg.jpg") !important;
  background-size: cover, cover, cover !important;
  background-position: center top, center top, center top !important;
  background-attachment: fixed, fixed, fixed !important;
  background-repeat: no-repeat !important;
  color: var(--nebula-text-90) !important;
  -webkit-font-smoothing: antialiased;
}

/* Kill FX host / particles / meteors / grid */
#nebula-fx,
#nebula-particles,
#nebula-meteors,
.nebula-edge,
.nebula-orb,
.nebula-side-chip {
  display: none !important;
  animation: none !important;
  pointer-events: none !important;
}

/* Single glow: hero title only */
.nebula-hero-line,
.banner .banner-title,
.banner-title {
  text-shadow: var(--nebula-glow);
  color: #fff !important;
}
.nebula-hero-line strong {
  color: #fff;
}

.nebula-hero-cta {
  position: relative;
  z-index: 3;
  margin: -28px auto 28px;
  padding: 0 16px;
}
.nebula-hero-cta-inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 22px;
  background: var(--nebula-glass);
  border: 1px solid var(--nebula-border);
  border-radius: var(--nebula-radius);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
}
.nebula-hero-line {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #fff !important;
}
.nebula-hero-btn {
  background: var(--nebula-grad) !important;
  border: none !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Price table */
.nebula-price-table {
  padding: 36px 0 12px;
}
.nebula-price-sub {
  color: var(--nebula-muted);
  margin-top: 8px;
}
.nebula-price-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 20px;
}
@media (max-width: 992px) {
  .nebula-price-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
  .nebula-price-grid { grid-template-columns: 1fr; }
  .nebula-hero-cta-inner { flex-direction: column; align-items: flex-start; }
}
.nebula-price-card {
  display: block;
  padding: 20px 18px;
  background: var(--nebula-glass);
  border: 1px solid var(--nebula-border);
  border-radius: var(--nebula-radius);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  color: var(--nebula-text-90) !important;
  text-decoration: none !important;
  transition: border-color .2s ease, transform .2s ease;
}
.nebula-price-card:hover {
  border-color: rgba(94, 184, 232, 0.45);
  transform: translateY(-2px);
}
.nebula-price-card h3 {
  margin: 0 0 10px;
  font-size: 16px;
  color: #fff !important;
}
.nebula-price-amt {
  margin: 0;
  color: #fff !important;
}
.nebula-price-amt strong {
  font-size: 28px;
  font-weight: 700;
}
.nebula-price-amt span {
  color: var(--nebula-muted);
  margin-left: 4px;
}
.nebula-price-meta {
  margin: 10px 0 0;
  font-size: 13px;
  color: var(--nebula-muted);
}
.nebula-price-more {
  display: flex;
  gap: 24px;
  margin-top: 18px;
  flex-wrap: wrap;
}

/* Header / nav */
#header,
.header-container,
.header-main,
.header-nav {
  background: rgba(10, 14, 26, 0.92) !important;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--nebula-border) !important;
  box-shadow: none !important;
}
#header a,
.header-nav a,
.header-tools,
.header-tools a {
  color: var(--nebula-text-90) !important;
}

/* Frosted glass cards sitewide (home sections) */
.solutions-card,
.por-card,
.tpm-product__recommend,
.tpm-product-set,
.event-item,
.nebula-price-card {
  background: var(--nebula-glass) !important;
  border: 1px solid var(--nebula-border) !important;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  box-shadow: none !important;
}
.solutions-card.gradient-card,
.gradient-card {
  background: var(--nebula-glass) !important;
  background-image: none !important;
}
.solutions-card-title,
.por-section-title,
.por-text-title-t3,
.por-text-title-t8,
h1, h2, h3, h4, h5 {
  color: #fff !important;
}
.solutions-card-desc,
.por-text-body-t2,
.por-text-title-desc,
.por-section-subtitle,
p {
  color: var(--nebula-text-90) !important;
}
.solutions-card-bullets {
  margin: 10px 0 0;
  padding: 0 0 0 1.1em;
  list-style: disc;
}
.solutions-card-bullets li {
  color: var(--nebula-text-90) !important;
  margin: 4px 0;
  font-size: 13px;
  line-height: 1.45;
}
.solutions-card-sell {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
}

/* Sections */
.por-section,
.home-container,
.tpm-section,
.pep-home-solution,
.home-customers,
.pep-product-support-guide-v2 .por-section {
  background: transparent !important;
}
.por-section[data-bg="grey"],
.por-section[data-bg="white"],
.por-card[data-bg="white"] {
  background: transparent !important;
}

/* Buttons: primary = only gradient; others outline */
.por-btn-primary,
.por-btn-secondary,
.tpm-btn--primary,
.nebula-hero-btn {
  background: var(--nebula-grad) !important;
  border: none !important;
  color: #fff !important;
}
.por-btn-dark,
.por-btn-md-default,
.tpm-btn--white,
.por-btn-light {
  background: transparent !important;
  border: 1px solid var(--nebula-border) !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* Footer */
.footer,
#footer,
.footer-container {
  background: #070a12 !important;
  color: var(--nebula-muted) !important;
  border-top: 1px solid var(--nebula-border);
}
.footer a,
.footer-link,
.footer-title {
  color: var(--nebula-text-90) !important;
}

/* Reduce loud glows elsewhere */
.por-btn,
.tpm-btn,
a {
  text-shadow: none;
}

/* Banner: keep readable, no extra glow except title */
.banner,
.banner-container,
.banner-content-bg {
  background-color: #0a0e1a !important;
}
.banner-subtitle-enter,
.banner .banner-content p {
  color: var(--nebula-text-90) !important;
  text-shadow: none !important;
}

/* Card lists in deploy section */
.card-list {
  margin: 8px 0 12px;
  padding-left: 1.1em;
  color: var(--nebula-text-90);
}
.card-list li {
  margin: 4px 0;
  font-size: 13px;
}