/* Shared CSS extracted from repeated inline style blocks. */
/* ABSOLUTE FINAL OVERRIDE: Competitive Analysis black background + white table */
html body section#comp,
html body section#comp.competitive-dark-section {
  position: relative !important;
  overflow: hidden !important;
  isolation: isolate !important;
  background-color: #050505 !important;
  background-image:
    radial-gradient(circle at 76% 24%, rgba(162,132,72,.34) 0%, rgba(162,132,72,.12) 20%, transparent 38%),
    radial-gradient(circle at 28% 72%, rgba(162,132,72,.13) 0%, transparent 40%),
    linear-gradient(180deg, #090909 0%, #030303 100%) !important;
  color: #fff !important;
  padding-top: clamp(120px, 9vw, 180px) !important;
  padding-bottom: clamp(120px, 9vw, 180px) !important;
}

html body section#comp::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: -2 !important;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) !important;
  background-size: 64px 64px !important;
  opacity: .20 !important;
  pointer-events: none !important;
}

html body section#comp::after {
  content: "" !important;
  position: absolute !important;
  width: 70vw !important;
  height: 70vw !important;
  right: -28vw !important;
  top: -24vw !important;
  z-index: -1 !important;
  background: radial-gradient(circle, rgba(162,132,72,.28), rgba(162,132,72,.08) 34%, transparent 64%) !important;
  filter: blur(72px) !important;
  animation: compBlackPulseFinal 7s ease-in-out infinite !important;
  pointer-events: none !important;
}

@keyframes compBlackPulseFinal {
  0%, 100% { transform: scale(1); opacity: .72; }
  50% { transform: scale(1.16); opacity: 1; }
}

html body section#comp .comp-inner,
html body section#comp .comp-top,
html body section#comp .comp-robot,
html body section#comp .comparison-wrap {
  position: relative !important;
  z-index: 2 !important;
}

html body section#comp .section-eye {
  color: #a28448 !important;
}

html body section#comp .s-h,
html body section#comp h1,
html body section#comp h2 {
  color: #fff !important;
  text-shadow: 0 26px 70px rgba(0,0,0,.8) !important;
}

html body section#comp .s-h em,
html body section#comp h1 em,
html body section#comp h2 em {
  color: #a28448 !important;
}

html body section#comp .comp-desc,
html body section#comp p {
  color: rgba(255,255,255,.66) !important;
}

/* Robot visual: remove black rectangle visually as much as possible by white background replacement already in asset */
html body section#comp .comp-robot img {
  background: transparent !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0 26px 48px rgba(162,132,72,.42))
    drop-shadow(0 46px 92px rgba(0,0,0,.76)) !important;
}

/* The table card must stay white on black section */
html body section#comp .comparison-wrap {
  width: min(1500px, 92vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  background: #ffffff !important;
  background-image: linear-gradient(135deg, rgba(255,255,255,1), rgba(247,247,247,1)) !important;
  color: #111 !important;
  border: 2px solid #a28448 !important;
  box-shadow:
    0 0 80px rgba(162,132,72,.36),
    0 48px 140px rgba(0,0,0,.82) !important;
  animation: compWhiteTableGlowFinal 5.5s ease-in-out infinite !important;
}

@keyframes compWhiteTableGlowFinal {
  0%, 100% {
    box-shadow:
      0 0 46px rgba(162,132,72,.24),
      0 42px 120px rgba(0,0,0,.72);
  }
  50% {
    box-shadow:
      0 0 86px rgba(162,132,72,.44),
      0 52px 150px rgba(0,0,0,.88);
  }
}

html body section#comp .comparison-wrap::before,
html body section#comp .comparison-wrap::after {
  display: none !important;
  content: none !important;
}

html body section#comp table.ct,
html body section#comp .comparison-wrap table,
html body section#comp table {
  background: #fff !important;
  color: #111 !important;
  border-collapse: collapse !important;
}

html body section#comp table.ct th,
html body section#comp table.ct td,
html body section#comp .comparison-wrap th,
html body section#comp .comparison-wrap td {
  color: rgba(0,0,0,.72) !important;
  border-bottom: 1px solid rgba(0,0,0,.08) !important;
}

html body section#comp table.ct thead th {
  color: rgba(0,0,0,.40) !important;
}

html body section#comp table.ct td.tl,
html body section#comp table.ct th.tl {
  color: rgba(0,0,0,.68) !important;
}

html body section#comp table.ct th.ff,
html body section#comp table.ct td.ff,
html body section#comp table.ct th:nth-child(2),
html body section#comp table.ct td:nth-child(2) {
  background: linear-gradient(180deg, rgba(162,132,72,.14), rgba(162,132,72,.055)) !important;
  color: #111 !important;
  border-left: 1px solid rgba(162,132,72,.24) !important;
  border-right: 1px solid rgba(162,132,72,.24) !important;
}

html body section#comp table.ct th.ff,
html body section#comp table.ct th:nth-child(2) {
  color: #a28448 !important;
  border-top: 4px solid #a28448 !important;
}

html body section#comp .badge {
  box-shadow: none !important;
}

/* Confirm no inherited white panel covers the section */
html body section#comp .comp-inner {
  background: transparent !important;
}
