/* ==========================================================================
   Rudratic Technologies — Elite Homepage Redesign System
   Awwwards-Tier / High-End Visual Design & Micro-Aesthetics
   Built with Double-Bezel (Doppelrand) Architecture & Ethereal Glass
   ========================================================================== */

/* --- 1. Typography & CSS Variables --- */
:root {
  --font-display: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'JetBrains Mono', SFMono-Regular, Menlo, Monaco, Consolas, monospace;

  /* Ethereal Dark / Cyber Tokens */
  --cyber-bg: #070714;
  --cyber-bg-elevated: #0c0d21;
  --cyber-surface: rgba(18, 19, 45, 0.72);
  --cyber-surface-hover: rgba(26, 28, 64, 0.85);
  --cyber-border: rgba(138, 79, 255, 0.18);
  --cyber-border-highlight: rgba(165, 107, 255, 0.45);
  --cyber-glow-purple: rgba(105, 39, 255, 0.35);
  --cyber-glow-cyan: rgba(0, 229, 255, 0.25);
  --cyber-glow-emerald: rgba(0, 230, 153, 0.25);

  --text-pure: #ffffff;
  --text-high: #f0eff8;
  --text-medium: #b4b3cb;
  --text-dim: #7f7e9c;

  --accent-purple: #6927ff;
  --accent-purple-light: #8a4fff;
  --accent-cyan: #00d4ff;
  --accent-emerald: #00e699;
  --accent-crimson: #ff3366;

  --bezier-spring: cubic-bezier(0.32, 0.72, 0, 1);
  --bezier-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Light Theme Overrides */
[data-theme="light"] {
  --cyber-bg: #f8f9fc;
  --cyber-bg-elevated: #ffffff;
  --cyber-surface: rgba(255, 255, 255, 0.88);
  --cyber-surface-hover: rgba(255, 255, 255, 1);
  --cyber-border: rgba(105, 39, 255, 0.14);
  --cyber-border-highlight: rgba(105, 39, 255, 0.35);
  --cyber-glow-purple: rgba(105, 39, 255, 0.12);
  
  --text-pure: #12132a;
  --text-high: #1a1a2e;
  --text-medium: #4a4b63;
  --text-dim: #71728a;
}

/* Apply display font across all modern redesign components */
.rudratic-hero-v2,
.rudratic-telemetry-strip,
.rudratic-bento-section,
.rudratic-threats-section {
  font-family: var(--font-display);
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- 2. Master Hero Section (Ethereal Glass / Cyber Command) --- */
.rudratic-hero-v2 {
  position: relative;
  min-height: 92vh;
  padding: 140px 0 80px;
  background: var(--cyber-bg);
  overflow: hidden;
  display: flex;
  align-items: center;
}

/* Ambient Radial Mesh Gradient Orbs */
.rudratic-hero-v2 .ambient-orb {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  filter: blur(120px);
  z-index: 1;
  opacity: 0.6;
}

.rudratic-hero-v2 .orb-purple {
  width: 580px;
  height: 580px;
  top: -120px;
  left: 20%;
  background: radial-gradient(circle, var(--accent-purple) 0%, rgba(105, 39, 255, 0) 70%);
}

.rudratic-hero-v2 .orb-cyan {
  width: 440px;
  height: 440px;
  top: 30%;
  right: 5%;
  background: radial-gradient(circle, var(--accent-cyan) 0%, rgba(0, 212, 255, 0) 70%);
  opacity: 0.25;
}

.rudratic-hero-v2 .orb-center {
  width: 700px;
  height: 700px;
  top: 40%;
  left: -150px;
  background: radial-gradient(circle, rgba(138, 79, 255, 0.2) 0%, rgba(138, 79, 255, 0) 70%);
}

/* Subtle Geometric Tech Grid Overlay */
.rudratic-hero-v2::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(to right, rgba(138, 79, 255, 0.04) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(138, 79, 255, 0.04) 1px, transparent 1px);
  background-size: 54px 54px;
  mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 80%);
  -webkit-mask-image: radial-gradient(ellipse at 50% 40%, #000 30%, transparent 80%);
  pointer-events: none;
  z-index: 2;
}

.rudratic-hero-v2 .container {
  position: relative;
  z-index: 5;
}

/* Eyebrow Badge with Pulsing Live Indicator */
.hero-eyebrow-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 6px 16px 6px 12px;
  background: rgba(105, 39, 255, 0.12);
  border: 1px solid rgba(138, 79, 255, 0.35);
  border-radius: 9999px;
  font-family: var(--font-mono);
  font-size: 0.76rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: #cbb4ff;
  box-shadow: 0 0 20px rgba(105, 39, 255, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  margin-bottom: 22px;
}

[data-theme="light"] .hero-eyebrow-pill {
  background: rgba(105, 39, 255, 0.08);
  border-color: rgba(105, 39, 255, 0.25);
  color: var(--accent-purple);
}

.hero-pulse-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent-emerald);
  box-shadow: 0 0 10px var(--accent-emerald);
  position: relative;
}

.hero-pulse-dot::after {
  content: '';
  position: absolute;
  inset: -3px;
  border-radius: 50%;
  border: 1.5px solid var(--accent-emerald);
  animation: radar-pulse 2s infinite ease-out;
}

@keyframes radar-pulse {
  0% { transform: scale(0.8); opacity: 1; }
  100% { transform: scale(2.4); opacity: 0; }
}

/* Massive Headline with High-Contrast Gradient */
.hero-display-title {
  font-size: clamp(2.4rem, 4.4vw, 4.2rem);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.035em;
  color: var(--text-pure);
  margin-bottom: 24px;
}

.hero-title-gradient {
  background: linear-gradient(135deg, #ffffff 0%, #dfd5ff 55%, #9e75ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

[data-theme="light"] .hero-title-gradient {
  background: linear-gradient(135deg, #100f24 0%, #3e1ab8 60%, #6927ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Subtitle */
.hero-lead-text {
  font-size: clamp(1.05rem, 1.25vw, 1.25rem);
  line-height: 1.65;
  color: var(--text-medium);
  max-width: 580px;
  margin-bottom: 34px;
  font-weight: 400;
}

/* Island Button Architecture (Button-in-Button pattern) */
.hero-cta-cluster {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 40px;
}

.btn-island-primary {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  padding: 8px 10px 8px 24px;
  background: linear-gradient(135deg, #6927ff 0%, #8a4fff 100%);
  color: #ffffff !important;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 9999px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 8px 30px rgba(105, 39, 255, 0.42), inset 0 1px 1px rgba(255, 255, 255, 0.35);
  transition: all 0.4s var(--bezier-spring);
  text-decoration: none !important;
  cursor: pointer;
}

.btn-island-primary:hover {
  transform: translateY(-2px) scale(1.015);
  box-shadow: 0 14px 40px rgba(105, 39, 255, 0.55), inset 0 1px 1px rgba(255, 255, 255, 0.4);
}

.btn-island-primary:active {
  transform: translateY(0) scale(0.98);
}

/* Nested circular icon button */
.btn-island-icon {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.05rem;
  transition: transform 0.35s var(--bezier-spring);
}

.btn-island-primary:hover .btn-island-icon {
  transform: translateX(3px) rotate(45deg);
  background: rgba(255, 255, 255, 0.28);
}

.btn-island-secondary {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 26px;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--cyber-border);
  color: var(--text-high) !important;
  font-size: 0.95rem;
  font-weight: 600;
  border-radius: 9999px;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: all 0.35s var(--bezier-smooth);
  text-decoration: none !important;
}

[data-theme="light"] .btn-island-secondary {
  background: #ffffff;
  border-color: rgba(0, 0, 0, 0.1);
  color: var(--text-high) !important;
}

.btn-island-secondary:hover {
  background: rgba(138, 79, 255, 0.12);
  border-color: var(--accent-purple);
  color: var(--accent-purple) !important;
  transform: translateY(-2px);
}

/* Hero Trust Micro-Badges */
.hero-trust-row {
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 0.82rem;
  color: var(--text-dim);
}

.hero-trust-item {
  display: flex;
  align-items: center;
  gap: 7px;
  font-weight: 500;
}

.hero-trust-item svg {
  color: var(--accent-emerald);
}

/* --- 3. Double-Bezel (Doppelrand) Architecture --- */
.bezel-outer {
  background: rgba(138, 79, 255, 0.08);
  border: 1px solid var(--cyber-border);
  border-radius: 28px;
  padding: 8px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35), 0 0 0 1px rgba(255, 255, 255, 0.04);
  position: relative;
  transition: all 0.5s var(--bezier-spring);
}

.bezel-outer:hover {
  border-color: var(--cyber-border-highlight);
  box-shadow: 0 24px 70px rgba(105, 39, 255, 0.22), 0 0 30px rgba(105, 39, 255, 0.15);
}

.bezel-inner {
  background: var(--cyber-surface);
  border-radius: calc(28px - 8px);
  border: 1px solid rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  overflow: hidden;
  position: relative;
}

/* --- 4. Interactive Live Cyber Console (Hero Right) --- */
.cyber-cockpit {
  width: 100%;
}

.cockpit-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 22px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  background: rgba(0, 0, 0, 0.25);
}

[data-theme="light"] .cockpit-header {
  background: rgba(0, 0, 0, 0.03);
  border-bottom-color: rgba(0, 0, 0, 0.06);
}

.cockpit-dots {
  display: flex;
  gap: 6px;
}

.cockpit-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.dot-red { background: #ff5f56; }
.dot-yellow { background: #ffbd2e; }
.dot-green { background: #27c93f; }

.cockpit-status-tag {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: var(--accent-emerald);
  display: flex;
  align-items: center;
  gap: 6px;
}

.cockpit-body {
  padding: 24px;
}

/* Metric Pill Grid Inside Cockpit */
.cockpit-metrics-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}

.cockpit-metric-card {
  background: rgba(255, 255, 255, 0.03);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 12px 14px;
  transition: all 0.3s ease;
}

[data-theme="light"] .cockpit-metric-card {
  background: rgba(105, 39, 255, 0.03);
  border-color: rgba(105, 39, 255, 0.08);
}

.cockpit-metric-card:hover {
  background: rgba(138, 79, 255, 0.08);
  border-color: rgba(138, 79, 255, 0.25);
}

.cockpit-metric-label {
  font-family: var(--font-mono);
  font-size: 0.68rem;
  font-weight: 500;
  text-transform: uppercase;
  color: var(--text-dim);
  margin-bottom: 4px;
}

.cockpit-metric-val {
  font-family: var(--font-mono);
  font-size: 1.15rem;
  font-weight: 700;
  color: var(--text-pure);
  font-variant-numeric: tabular-nums;
}

.cockpit-metric-val.val-green { color: var(--accent-emerald); }
.cockpit-metric-val.val-purple { color: #bb86fc; }
.cockpit-metric-val.val-cyan { color: var(--accent-cyan); }

/* Live Event Stream / Socket Terminal */
.cockpit-stream {
  background: rgba(0, 0, 0, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 14px;
  padding: 16px;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  line-height: 1.7;
}

[data-theme="light"] .cockpit-stream {
  background: #111226;
  color: #e2e1f2;
}

.stream-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 8px;
}

.stream-row:last-child {
  margin-bottom: 0;
}

.stream-time {
  color: #6d6c8b;
  flex-shrink: 0;
}

.stream-badge {
  font-size: 0.65rem;
  padding: 1px 7px;
  border-radius: 4px;
  font-weight: 700;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}

.badge-kill {
  background: rgba(255, 51, 102, 0.2);
  color: #ff5588;
  border: 1px solid rgba(255, 51, 102, 0.4);
}

.badge-jit {
  background: rgba(0, 230, 153, 0.15);
  color: #00e699;
  border: 1px solid rgba(0, 230, 153, 0.35);
}

.badge-dam {
  background: rgba(0, 212, 255, 0.15);
  color: #00d4ff;
  border: 1px solid rgba(0, 212, 255, 0.35);
}

.stream-msg {
  color: #deddf4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Interactive Slider Indicator Bar in Cockpit */
.cockpit-slider-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.cockpit-module-tabs {
  display: flex;
  gap: 8px;
}

.cockpit-module-btn {
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.1);
  color: var(--text-dim);
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  padding: 4px 12px;
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.25s ease;
}

.cockpit-module-btn.active,
.cockpit-module-btn:hover {
  background: rgba(105, 39, 255, 0.25);
  border-color: var(--accent-purple);
  color: #fff;
}

/* --- 5. Telemetry Bento Strip (High-Impact Stats) --- */
.rudratic-telemetry-strip {
  background: var(--cyber-bg);
  padding: 20px 0 60px;
  position: relative;
  z-index: 5;
}

.telemetry-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px;
}

@media (max-width: 991.98px) {
  .telemetry-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575.98px) {
  .telemetry-grid {
    grid-template-columns: 1fr;
  }
}

#videoCarousel,
#how-it-works,
#services,
#blog,
#faq,
#products,
#radar-threat-map {
  scroll-margin-top: 110px;
}

.telemetry-card {
  padding: 28px 24px;
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  border-radius: 20px;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: all 0.35s var(--bezier-spring);
  position: relative;
  overflow: hidden;
}

.telemetry-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--accent-purple), transparent);
  opacity: 0;
  transition: opacity 0.35s ease;
}

.telemetry-card:hover {
  transform: translateY(-4px);
  border-color: var(--cyber-border-highlight);
  box-shadow: 0 15px 35px rgba(105, 39, 255, 0.15);
}

.telemetry-card:hover::before {
  opacity: 1;
}

.telemetry-number {
  font-family: var(--font-display);
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-weight: 800;
  letter-spacing: -0.04em;
  color: var(--text-pure);
  line-height: 1.1;
  margin-bottom: 6px;
  font-variant-numeric: tabular-nums;
  display: flex;
  align-items: baseline;
  gap: 4px;
}

.telemetry-unit {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--accent-purple-light);
}

.telemetry-label {
  font-size: 0.95rem;
  font-weight: 700;
  color: var(--text-high);
  margin-bottom: 4px;
}

.telemetry-desc {
  font-size: 0.82rem;
  color: var(--text-dim);
  line-height: 1.5;
  margin: 0;
}

/* --- 6. Flagship Products Asymmetric Bento Section --- */
.rudratic-bento-section {
  background: var(--cyber-bg-elevated);
  padding: 100px 0;
  position: relative;
}

.section-eyebrow {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: var(--accent-purple);
  margin-bottom: 12px;
}

.section-main-heading {
  font-size: clamp(2rem, 3.4vw, 3rem);
  font-weight: 800;
  letter-spacing: -0.03em;
  line-height: 1.15;
  color: var(--text-pure);
  margin-bottom: 18px;
}

.section-sub-copy {
  font-size: 1.05rem;
  color: var(--text-medium);
  line-height: 1.65;
  max-width: 620px;
}

/* Bento Grid System */
.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  margin-top: 50px;
}

.bento-col-8 { grid-column: span 8; }
.bento-col-4 { grid-column: span 4; }
.bento-col-6 { grid-column: span 6; }

.bento-card {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  border-radius: 24px;
  padding: 36px;
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  transition: all 0.45s var(--bezier-spring);
}

.bento-card:hover {
  transform: translateY(-6px);
  border-color: var(--cyber-border-highlight);
  box-shadow: 0 25px 60px rgba(0, 0, 0, 0.25), 0 0 35px var(--cyber-glow-purple);
}

.bento-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 9999px;
  background: rgba(105, 39, 255, 0.15);
  color: #c4a9ff;
  border: 1px solid rgba(138, 79, 255, 0.3);
  margin-bottom: 20px;
  width: fit-content;
}

[data-theme="light"] .bento-badge {
  color: var(--accent-purple);
  background: rgba(105, 39, 255, 0.08);
}

.bento-title {
  font-size: 1.6rem;
  font-weight: 800;
  color: var(--text-pure);
  letter-spacing: -0.025em;
  margin-bottom: 12px;
}

.bento-desc {
  font-size: 0.95rem;
  line-height: 1.65;
  color: var(--text-medium);
  margin-bottom: 24px;
}

.bento-feature-list {
  list-style: none;
  padding: 0;
  margin: 0 0 28px 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.bento-feature-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 0.88rem;
  color: var(--text-high);
}

.bento-feature-item svg {
  color: var(--accent-emerald);
  flex-shrink: 0;
}

.bento-action-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 20px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

[data-theme="light"] .bento-action-row {
  border-top-color: rgba(0, 0, 0, 0.06);
}

.bento-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 0.9rem;
  font-weight: 700;
  color: var(--accent-purple-light);
  text-decoration: none !important;
  transition: all 0.25s ease;
}

.bento-link:hover {
  color: #fff;
  transform: translateX(4px);
}

[data-theme="light"] .bento-link:hover {
  color: var(--accent-purple);
}

/* --- 7. "What Rudratic Stops" Real-World Threat Interception Section --- */
.rudratic-threats-section {
  background: var(--cyber-bg);
  padding: 110px 0;
  position: relative;
  overflow: hidden;
}

.threat-card {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  border-radius: 24px;
  padding: 38px;
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  position: relative;
  overflow: hidden;
  height: 100%;
  display: flex;
  flex-direction: column;
  transition: all 0.4s var(--bezier-spring);
}

.threat-card:hover {
  transform: translateY(-5px);
  border-color: rgba(255, 51, 102, 0.4);
  box-shadow: 0 20px 50px rgba(255, 51, 102, 0.12);
}

.threat-status-strip {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px;
}

.threat-badge-blocked {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-family: var(--font-mono);
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 12px;
  border-radius: 9999px;
  background: rgba(255, 51, 102, 0.15);
  color: #ff4d79;
  border: 1px solid rgba(255, 51, 102, 0.35);
}

.threat-vector-tag {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  color: var(--text-dim);
}

.threat-title {
  font-size: 1.35rem;
  font-weight: 800;
  color: var(--text-pure);
  letter-spacing: -0.02em;
  margin-bottom: 14px;
}

.threat-scenario {
  font-size: 0.92rem;
  line-height: 1.65;
  color: var(--text-medium);
  margin-bottom: 24px;
}

.threat-solution-box {
  background: rgba(105, 39, 255, 0.08);
  border-left: 3px solid var(--accent-purple);
  border-radius: 12px;
  padding: 18px 20px;
  margin-top: auto;
}

[data-theme="light"] .threat-solution-box {
  background: rgba(105, 39, 255, 0.05);
}

.threat-solution-title {
  font-size: 0.86rem;
  font-weight: 700;
  color: var(--text-high);
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
}

.threat-solution-steps {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.threat-solution-steps li {
  font-size: 0.85rem;
  color: var(--text-medium);
  line-height: 1.5;
  position: relative;
  padding-left: 18px;
}

.threat-solution-steps li::before {
  content: '✓';
  position: absolute;
  left: 0;
  color: var(--accent-emerald);
  font-weight: 700;
}

/* --- 8. Responsive Collapse (Universal Mobile Safeguards) --- */
@media (max-width: 991.98px) {
  .rudratic-hero-v2 {
    padding: 120px 0 60px;
    min-height: auto;
  }
  
  .telemetry-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bento-col-8,
  .bento-col-4,
  .bento-col-6 {
    grid-column: span 12;
  }
  
  .cockpit-metrics-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 767.98px) {
  .hero-display-title {
    font-size: 2.25rem;
  }

  .telemetry-grid {
    grid-template-columns: 1fr;
  }

  .cockpit-metrics-grid {
    grid-template-columns: 1fr;
  }

  .hero-cta-cluster {
    flex-direction: column;
    align-items: stretch;
  }

  .btn-island-primary,
  .btn-island-secondary {
    justify-content: center;
    width: 100%;
  }

  .bento-card {
    padding: 24px;
  }
}

/* ==========================================================================
   9. Frequently Asked Questions (FAQ) — High-End Interactive Accordions
   ========================================================================== */
.rudratic-faq-section {
  background: var(--cyber-bg-elevated);
  padding: 110px 0;
  position: relative;
  overflow: hidden;
}

.faq-categories {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 45px;
}

.faq-cat-btn {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  color: var(--text-medium);
  font-family: var(--font-mono);
  font-size: 0.78rem;
  font-weight: 600;
  padding: 8px 18px;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.3s var(--bezier-spring);
}

.faq-cat-btn:hover,
.faq-cat-btn.active {
  background: rgba(105, 39, 255, 0.2);
  border-color: var(--accent-purple);
  color: var(--text-pure);
  box-shadow: 0 0 20px rgba(105, 39, 255, 0.2);
  transform: translateY(-2px);
}

.faq-accordion-list {
  max-width: 900px;
  margin: 0 auto;
}

.faq-item {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  border-radius: 20px;
  margin-bottom: 16px;
  overflow: hidden;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transition: all 0.35s var(--bezier-spring);
}

.faq-item:hover {
  border-color: var(--cyber-border-highlight);
  box-shadow: 0 10px 30px rgba(105, 39, 255, 0.12);
}

.faq-item.active {
  border-color: var(--accent-purple);
  background: var(--cyber-surface-hover);
  box-shadow: 0 14px 40px rgba(105, 39, 255, 0.18);
}

.faq-header-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 24px 28px;
  background: transparent;
  border: none;
  cursor: pointer;
  text-align: left;
  gap: 18px;
}

.faq-header-left {
  display: flex;
  align-items: center;
  gap: 16px;
  flex: 1;
}

.faq-num {
  font-family: var(--font-mono);
  font-size: 0.8rem;
  font-weight: 700;
  color: var(--accent-purple-light);
  background: rgba(105, 39, 255, 0.12);
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid rgba(138, 79, 255, 0.25);
  flex-shrink: 0;
}

.faq-question {
  font-size: 1.15rem;
  font-weight: 700;
  letter-spacing: -0.015em;
  color: var(--text-pure);
  margin: 0;
}

.faq-icon-pill {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--cyber-border);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-high);
  font-size: 1.2rem;
  font-weight: 300;
  flex-shrink: 0;
  padding: 0;
  line-height: 1;
  transition: all 0.35s var(--bezier-spring);
}

.faq-icon-pill svg {
  display: block;
  pointer-events: none;
  transform-origin: center center;
}

.faq-item.active .faq-icon-pill {
  transform: rotate(45deg);
  background: var(--accent-purple);
  border-color: var(--accent-purple-light);
  color: #fff;
}

.faq-body-collapse {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s var(--bezier-spring), padding 0.3s ease;
  padding: 0 28px 0 72px;
}

.faq-item.active .faq-body-collapse {
  max-height: 400px;
  padding: 0 28px 24px 72px;
}

.faq-answer-text {
  font-size: 0.95rem;
  line-height: 1.75;
  color: var(--text-medium);
  margin: 0;
}

@media (max-width: 767.98px) {
  .faq-header-btn {
    padding: 18px 20px;
  }
  .faq-header-left {
    gap: 12px;
  }
  .faq-body-collapse {
    padding: 0 20px 0 20px;
  }
  .faq-item.active .faq-body-collapse {
    padding: 0 20px 20px 20px;
  }
}

/* ==========================================================================
   10. Modernized Video Carousel & Interactive Demo Enclave
   ========================================================================== */
#videoCarousel,
.rudratic-video-section {
  background: var(--cyber-bg-elevated) !important;
  border-top: 1px solid var(--cyber-border) !important;
  border-bottom: 1px solid var(--cyber-border) !important;
  padding: 100px 0 !important;
  position: relative;
  overflow: hidden;
}

.rudratic-video-section::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 900px;
  height: 450px;
  background: radial-gradient(circle, rgba(105, 39, 255, 0.12) 0%, transparent 70%);
  pointer-events: none;
}

#videoCarousel .section-title,
.rudratic-video-section .section-main-heading {
  color: var(--text-pure) !important;
  font-size: clamp(2rem, 3.2vw, 2.8rem) !important;
  font-weight: 800 !important;
  letter-spacing: -0.03em !important;
}

/* Video Frame Double-Bezel */
.video-bezel-outer {
  background: linear-gradient(135deg, rgba(105, 39, 255, 0.25) 0%, rgba(255, 255, 255, 0.05) 50%, rgba(0, 240, 255, 0.15) 100%);
  padding: 2px;
  border-radius: 24px;
  box-shadow: 0 25px 70px rgba(0, 0, 0, 0.5), 0 0 40px rgba(105, 39, 255, 0.15);
  margin-top: 30px;
}

.video-bezel-inner {
  background: #090912;
  border-radius: 22px;
  overflow: hidden;
  position: relative;
}

.video-cockpit-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 22px;
  background: rgba(255, 255, 255, 0.03);
  border-bottom: 1px solid var(--cyber-border);
}

.video-cockpit-left {
  display: flex;
  align-items: center;
  gap: 8px;
}

.video-cockpit-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.video-cockpit-title {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  letter-spacing: 0.08em;
  color: var(--text-medium);
  text-transform: uppercase;
}

.video-cockpit-status {
  font-family: var(--font-mono);
  font-size: 0.72rem;
  color: var(--accent-cyan);
  background: rgba(0, 240, 255, 0.1);
  padding: 3px 10px;
  border-radius: 9999px;
  border: 1px solid rgba(0, 240, 255, 0.25);
}

.vc-pills-row {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 25px;
}

.vc-pill-btn {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  color: var(--text-medium);
  font-family: var(--font-mono);
  font-size: 0.8rem;
  font-weight: 600;
  padding: 9px 20px;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.3s var(--bezier-spring);
}

.vc-pill-btn:hover,
.vc-pill-btn.active {
  background: rgba(105, 39, 255, 0.25);
  border-color: var(--accent-purple);
  color: var(--text-pure);
  box-shadow: 0 0 20px rgba(105, 39, 255, 0.3);
  transform: translateY(-2px);
}

.vc-wrapper {
  max-width: 900px;
}

.vc-slide video {
  width: 100%;
  border-radius: 0 0 22px 22px;
  display: block;
  background: #000;
}

.vc-nav {
  width: 44px !important;
  height: 44px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  line-height: 1 !important;
  background: rgba(20, 20, 35, 0.85) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid var(--cyber-border-highlight) !important;
  color: #fff !important;
  border-radius: 50% !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5) !important;
  transition: all 0.3s var(--bezier-spring) !important;
}

.vc-nav svg {
  display: block;
  pointer-events: none;
}

.vc-nav:hover {
  background: var(--accent-purple) !important;
  border-color: var(--accent-purple-light) !important;
  box-shadow: 0 0 25px rgba(105, 39, 255, 0.6) !important;
  transform: translateY(-50%) scale(1.1) !important;
}

.vc-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  border: 1px solid var(--cyber-border);
  cursor: pointer;
  transition: all 0.3s ease;
  padding: 0;
}

.vc-dot.active {
  background: var(--accent-purple) !important;
  border-color: var(--accent-purple-light) !important;
  box-shadow: 0 0 14px var(--accent-purple);
  transform: scale(1.3);
}

/* ==========================================================================
   11. Architecture & How It Works Enclave
   ========================================================================== */
#how-it-works.how-it-works-section,
.rudratic-workflow-section {
  background: var(--cyber-bg) !important;
  border-top: 1px solid var(--cyber-border) !important;
  border-bottom: 1px solid var(--cyber-border) !important;
  padding: 110px 0 !important;
  position: relative;
  overflow: hidden;
}

.wf-tabs-cluster {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 50px;
}

.wf-tab-btn {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  color: var(--text-medium);
  font-family: var(--font-mono);
  font-size: 0.82rem;
  font-weight: 600;
  padding: 10px 24px;
  border-radius: 9999px;
  cursor: pointer;
  transition: all 0.35s var(--bezier-spring);
  text-decoration: none !important;
}

.wf-tab-btn:hover,
.wf-tab-btn.active {
  background: linear-gradient(135deg, rgba(105, 39, 255, 0.3) 0%, rgba(138, 79, 255, 0.25) 100%);
  border-color: var(--accent-purple-light);
  color: var(--text-pure);
  box-shadow: 0 0 25px rgba(105, 39, 255, 0.35);
  transform: translateY(-2px);
}

.wf-step-card {
  background: var(--cyber-surface);
  border: 1px solid var(--cyber-border);
  border-radius: 18px;
  padding: 22px 24px;
  margin-bottom: 18px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  transition: all 0.35s var(--bezier-spring);
}

.wf-step-card:hover {
  background: var(--cyber-surface-hover);
  border-color: var(--cyber-border-highlight);
  box-shadow: 0 10px 30px rgba(105, 39, 255, 0.15);
  transform: translateX(4px);
}

.wf-step-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.wf-step-num {
  font-family: var(--font-mono);
  font-size: 0.75rem;
  font-weight: 700;
  color: var(--accent-purple-light);
  background: rgba(105, 39, 255, 0.15);
  padding: 2px 8px;
  border-radius: 6px;
  border: 1px solid rgba(138, 79, 255, 0.3);
}

.wf-step-badge {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--accent-cyan);
  background: rgba(0, 240, 255, 0.08);
  padding: 2px 10px;
  border-radius: 9999px;
  border: 1px solid rgba(0, 240, 255, 0.2);
}

.wf-step-title {
  font-size: 1.05rem;
  font-weight: 700;
  color: var(--text-pure);
  margin-bottom: 6px;
}

.wf-step-desc {
  font-size: 0.88rem;
  line-height: 1.65;
  color: var(--text-medium);
  margin: 0;
}

/* ==========================================================================
   12. Specialized Security & Engineering Services Bento Grid
   ========================================================================== */
.rudratic-services-section {
  background: var(--cyber-bg-elevated) !important;
  padding: 110px 0 !important;
  position: relative;
  overflow: hidden;
}

.svc-bento-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

.svc-bento-large {
  grid-column: span 2;
}

.svc-card {
  background: var(--cyber-surface) !important;
  border: 1px solid var(--cyber-border) !important;
  border-radius: 24px !important;
  padding: 38px 34px !important;
  backdrop-filter: blur(18px) !important;
  -webkit-backdrop-filter: blur(18px) !important;
  transition: all 0.45s var(--bezier-spring) !important;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}

.svc-card::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, rgba(138, 79, 255, 0.4), transparent);
  opacity: 0;
  transition: opacity 0.4s ease;
}

.svc-card:hover {
  transform: translateY(-8px) !important;
  border-color: var(--cyber-border-highlight) !important;
  box-shadow: 0 25px 60px rgba(105, 39, 255, 0.22) !important;
  background: var(--cyber-surface-hover) !important;
}

.svc-card:hover::before {
  opacity: 1;
}

.svc-icon-wrapper {
  width: 54px;
  height: 54px;
  border-radius: 14px;
  background: rgba(105, 39, 255, 0.12);
  border: 1px solid rgba(138, 79, 255, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--accent-purple-light);
  font-size: 24px;
  margin-bottom: 24px;
  transition: all 0.4s var(--bezier-spring);
}

.svc-card:hover .svc-icon-wrapper {
  background: var(--accent-purple);
  color: #fff;
  box-shadow: 0 0 25px rgba(105, 39, 255, 0.5);
  transform: scale(1.08);
}

.svc-card h3 {
  font-size: 1.3rem !important;
  font-weight: 700 !important;
  color: var(--text-pure) !important;
  letter-spacing: -0.015em;
  margin-bottom: 12px !important;
}

.svc-card p {
  font-size: 0.92rem !important;
  line-height: 1.7 !important;
  color: var(--text-medium) !important;
  margin-bottom: 20px !important;
  flex: 1;
}

.svc-tags-cluster {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: auto;
}

.svc-tag-chip {
  font-family: var(--font-mono);
  font-size: 0.7rem;
  font-weight: 600;
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.04);
  padding: 3px 10px;
  border-radius: 6px;
  border: 1px solid var(--cyber-border);
  transition: all 0.3s ease;
}

.svc-card:hover .svc-tag-chip {
  border-color: rgba(138, 79, 255, 0.35);
  color: var(--text-high);
}

/* ==========================================================================
   13. Cyber Intelligence & Research (Recent Blog)
   ========================================================================== */
.rudratic-blog-section {
  background: var(--cyber-bg) !important;
  border-top: 1px solid var(--cyber-border) !important;
  border-bottom: 1px solid var(--cyber-border) !important;
  padding: 110px 0 !important;
  position: relative;
  overflow: hidden;
}

.blog-card-modern,
.blog-card-cyber {
  background: var(--cyber-surface) !important;
  border: 1px solid var(--cyber-border) !important;
  border-radius: 22px !important;
  overflow: hidden !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  transition: all 0.45s var(--bezier-spring) !important;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.blog-card-modern:hover,
.blog-card-cyber:hover {
  transform: translateY(-8px) !important;
  border-color: var(--cyber-border-highlight) !important;
  box-shadow: 0 25px 60px rgba(105, 39, 255, 0.2) !important;
  background: var(--cyber-surface-hover) !important;
}

.bc-img-link {
  position: relative;
  display: block;
  overflow: hidden;
  height: 220px;
  background: #000;
}

.bc-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.blog-card-modern:hover .bc-img,
.blog-card-cyber:hover .bc-img {
  transform: scale(1.06);
}

.bc-content {
  padding: 26px 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}

.bc-meta {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 0.74rem;
  color: var(--accent-purple-light);
  margin-bottom: 12px;
}

.bc-badge {
  background: rgba(105, 39, 255, 0.15);
  border: 1px solid rgba(138, 79, 255, 0.3);
  padding: 2px 8px;
  border-radius: 4px;
  font-weight: 700;
  color: var(--accent-purple-light);
}

.bc-heading {
  font-size: 1.15rem !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;
  margin-bottom: 16px !important;
  flex: 1;
}

.bc-heading a {
  color: var(--text-pure) !important;
  text-decoration: none !important;
  transition: color 0.3s ease;
}

.bc-heading a:hover {
  color: var(--accent-purple-light) !important;
}

.bc-footer {
  margin-top: auto;
  padding-top: 14px;
  border-top: 1px solid var(--cyber-border);
}

.bc-read-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-family: var(--font-mono);
  font-size: 0.8rem;
  font-weight: 600;
  color: var(--accent-purple-light);
  text-decoration: none !important;
  transition: all 0.3s var(--bezier-spring);
}

.bc-read-more span {
  transition: transform 0.3s var(--bezier-spring);
}

.bc-read-more:hover {
  color: var(--text-pure);
}

.bc-read-more:hover span {
  transform: translateX(4px);
}

/* Blog Carousel Shell & Track */
.blog-carousel-shell {
  display: grid;
  grid-template-columns: 44px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 16px;
  position: relative;
}

.blog-carousel {
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch;
}

.blog-carousel::-webkit-scrollbar {
  display: none;
}

.blog-track {
  display: flex;
  align-items: stretch;
  gap: 20px;
  width: 100%;
}

.blog-track-item {
  flex: 0 0 calc((100% - 40px) / 3);
  min-width: 0;
  scroll-snap-align: start;
  display: flex;
}

.blog-track-item .blog-card-cyber,
.blog-track-item .blog-card-modern {
  width: 100%;
}

.blog-carousel-control {
  width: 44px;
  height: 44px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--cyber-border-highlight);
  border-radius: 50%;
  background: var(--cyber-surface);
  color: var(--text-pure);
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.25);
  transition: all 0.3s var(--bezier-spring);
  z-index: 2;
}

.blog-carousel-control:hover:not(:disabled) {
  background: var(--accent-purple);
  color: #fff;
  border-color: var(--accent-purple-light);
  box-shadow: 0 0 25px rgba(105, 39, 255, 0.5);
  transform: scale(1.1);
}

.blog-carousel-control:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  transform: none;
}

.blog-carousel-control svg {
  display: block;
  pointer-events: none;
}

@media (max-width: 991.98px) {
  .blog-track { gap: 16px; }
  .blog-track-item { flex-basis: calc((100% - 16px) / 2); }
}

@media (max-width: 767.98px) {
  .blog-carousel-shell {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 10px;
  }
  .blog-carousel-control {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 575.98px) {
  .blog-track-item { flex-basis: 100%; }
}

/* ==========================================================================
   14. Client Logos Continuous Marquee
   ========================================================================== */
.rudratic-client-section,
.ftco-partner {
  background: var(--cyber-bg-elevated) !important;
  border-bottom: 1px solid var(--cyber-border) !important;
  padding: 70px 0 !important;
  position: relative;
  overflow: hidden;
}

.rudratic-client-section .section-title,
.ftco-partner .section-title {
  color: var(--text-pure) !important;
  font-size: 1.5rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
}

.partner-item img {
  filter: brightness(0) invert(0.85) !important;
  opacity: 0.7 !important;
  transition: all 0.3s ease !important;
}

.partner-item:hover img {
  filter: none !important;
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

/* ==========================================================================
   15. Taste Skill Elite Ethereal Footer (Light & Dark Mode Perfected)
   ========================================================================== */

/* Dark Mode Footer Foundation */
footer.ftco-footer,
.ftco-footer {
  background: #070714 !important;
  border-top: 1px solid rgba(138, 79, 255, 0.22) !important;
  padding: 80px 0 35px !important;
  color: #b4b3cb !important;
  position: relative !important;
  overflow: hidden !important;
}

footer.ftco-footer::before,
.ftco-footer::before {
  content: '';
  position: absolute;
  top: 0;
  left: 15%;
  right: 15%;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(165, 107, 255, 0.7), rgba(0, 229, 255, 0.5), transparent);
  pointer-events: none;
}

/* Brand Card: Ethereal Glass (Eliminating flat purple block) */
.footer-brand-card {
  background: rgba(18, 19, 45, 0.75) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid rgba(138, 79, 255, 0.25) !important;
  border-radius: 20px !important;
  padding: 34px 28px !important;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
  min-height: auto !important;
  transition: transform 0.4s var(--bezier-spring), border-color 0.4s ease, box-shadow 0.4s ease !important;
}

.footer-brand-card:hover {
  transform: translateY(-4px) !important;
  border-color: rgba(165, 107, 255, 0.5) !important;
  box-shadow: 0 20px 48px rgba(105, 39, 255, 0.22), 0 0 20px rgba(105, 39, 255, 0.15) !important;
}

.footer-brand-card h2 {
  color: #ffffff !important;
  font-size: 1.55rem !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em !important;
  margin-bottom: 14px !important;
}

.footer-brand-card p {
  color: #b4b3cb !important;
  font-size: 0.92rem !important;
  line-height: 1.65 !important;
  margin-bottom: 24px !important;
}

.footer-social-icons {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
}

.footer-social-icons a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(138, 79, 255, 0.25) !important;
  color: #ffffff !important;
  font-size: 1.1rem !important;
  transition: all 0.35s var(--bezier-spring) !important;
  text-decoration: none !important;
}

.footer-social-icons a:hover {
  background: #6927ff !important;
  border-color: #8a4fff !important;
  color: #ffffff !important;
  box-shadow: 0 0 20px rgba(105, 39, 255, 0.6) !important;
  transform: translateY(-3px) scale(1.05) !important;
}

/* Headings in Footer */
.footer-heading-sm,
.ftco-footer-widget h2 {
  color: #ffffff !important;
  font-size: 1.1rem !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  margin-bottom: 22px !important;
}

/* Footer Link Items */
.ftco-footer-widget ul li {
  margin-bottom: 10px !important;
}

.ftco-footer-widget ul li a {
  color: #94a3b8 !important;
  font-size: 0.92rem !important;
  font-weight: 500 !important;
  transition: all 0.25s ease !important;
  text-decoration: none !important;
  display: inline-block !important;
}

.ftco-footer-widget ul li a:hover {
  color: #c4b5fd !important;
  transform: translateX(4px) !important;
}

/* Contact Us Items */
.contact-item {
  display: flex !important;
  align-items: flex-start !important;
  gap: 14px !important;
  margin-bottom: 16px !important;
}

.contact-item .icon {
  width: 34px !important;
  height: 34px !important;
  min-width: 34px !important;
  border-radius: 10px !important;
  background: rgba(105, 39, 255, 0.15) !important;
  border: 1px solid rgba(138, 79, 255, 0.3) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #a78bfa !important;
  font-size: 14px !important;
  margin-top: 2px !important;
}

.contact-item .text p {
  color: #b4b3cb !important;
  font-size: 0.88rem !important;
  line-height: 1.55 !important;
  margin-bottom: 0 !important;
}

.contact-item .text strong {
  color: #ffffff !important;
  font-weight: 700 !important;
}

.contact-item .text a {
  color: #c4b5fd !important;
  text-decoration: none !important;
  transition: color 0.25s ease !important;
}

.contact-item .text a:hover {
  color: #38bdf8 !important;
}

/* Footer Bottom Copyright */
.footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
  padding-top: 26px !important;
  margin-top: 40px !important;
}

.footer-bottom p {
  color: #7f7e9c !important;
  font-size: 0.88rem !important;
}

/* ==========================================================================
   LIGHT MODE FOOTER ELEVATION (Crisp, High-Contrast & Beautiful)
   ========================================================================== */
[data-theme="light"] footer.ftco-footer,
[data-theme="light"] .ftco-footer {
  background: #ffffff !important;
  border-top: 1px solid rgba(105, 39, 255, 0.15) !important;
  color: #334155 !important;
  box-shadow: 0 -12px 40px rgba(0, 0, 0, 0.03) !important;
}

[data-theme="light"] footer.ftco-footer::before,
[data-theme="light"] .ftco-footer::before {
  background: linear-gradient(90deg, transparent, rgba(105, 39, 255, 0.4), rgba(0, 212, 255, 0.3), transparent) !important;
}

/* Light Theme Brand Card */
[data-theme="light"] .footer-brand-card {
  background: linear-gradient(135deg, rgba(105, 39, 255, 0.06) 0%, rgba(248, 249, 252, 0.95) 100%) !important;
  border: 1px solid rgba(105, 39, 255, 0.22) !important;
  box-shadow: 0 14px 32px rgba(105, 39, 255, 0.07), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

[data-theme="light"] .footer-brand-card h2 {
  color: #12132a !important;
}

[data-theme="light"] .footer-brand-card p {
  color: #475569 !important;
}

[data-theme="light"] .footer-social-icons a {
  background: rgba(105, 39, 255, 0.08) !important;
  border: 1px solid rgba(105, 39, 255, 0.22) !important;
  color: #6927ff !important;
}

[data-theme="light"] .footer-social-icons a:hover {
  background: #6927ff !important;
  border-color: #6927ff !important;
  color: #ffffff !important;
  box-shadow: 0 6px 18px rgba(105, 39, 255, 0.35) !important;
}

/* Light Theme Headings */
[data-theme="light"] .footer-heading-sm,
[data-theme="light"] .ftco-footer-widget h2 {
  color: #0f172a !important;
}

/* Light Theme Links */
[data-theme="light"] .ftco-footer-widget ul li a {
  color: #475569 !important;
}

[data-theme="light"] .ftco-footer-widget ul li a:hover {
  color: #6927ff !important;
}

/* Light Theme Contact Us (100% VISIBLE & CRISP) */
[data-theme="light"] .contact-item .icon {
  background: rgba(105, 39, 255, 0.09) !important;
  border: 1px solid rgba(105, 39, 255, 0.25) !important;
  color: #6927ff !important;
}

[data-theme="light"] .contact-item .text p {
  color: #1e293b !important;
}

[data-theme="light"] .contact-item .text strong {
  color: #0f172a !important;
}

[data-theme="light"] .contact-item .text a {
  color: #6927ff !important;
  font-weight: 600 !important;
}

[data-theme="light"] .contact-item .text a:hover {
  color: #4312b0 !important;
}

/* Light Theme Bottom */
[data-theme="light"] .footer-bottom {
  border-top: 1px solid rgba(0, 0, 0, 0.08) !important;
}

[data-theme="light"] .footer-bottom p {
  color: #64748b !important;
}

@media (max-width: 991.98px) {
  .svc-bento-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .svc-bento-large {
    grid-column: span 2;
  }
}

@media (max-width: 767.98px) {
  .svc-bento-grid {
    grid-template-columns: 1fr;
  }
  .svc-bento-large {
    grid-column: span 1;
  }
}




/* ==========================================================================
   Rudratic Technologies — Taste Skill Universal Multi-Page Elevation
   Awwwards-Tier Design Language Applied Universally Across All Pages:
   Cloud PAM, DAM, Radar, CISA Scanner, QuantaxScan, Products Hub, IT Automation,
   Inventory, CRM, HR, Taskboard, About, Services, Contact, Blog, Demo Launch, Privacy, Terms
   ========================================================================== */

/* --- 1. Universal Display Font & Typography Enforcement --- */
body, h1, h2, h3, h4, h5, h6, 
.lead, .navbar, .nav-link, .btn,
.product-title, .section-title, .hero-title {
  font-family: var(--font-display, 'Plus Jakarta Sans', sans-serif) !important;
  letter-spacing: -0.015em;
  -webkit-font-smoothing: antialiased;
}

code, pre, .mono, .text-mono, .ip-addr, .badge-mono, .terminal-text {
  font-family: var(--font-mono, 'JetBrains Mono', monospace) !important;
}

/* --- 2. Universal Body & Section Background Harmonization --- */
body {
  background-color: var(--cyber-bg) !important;
  color: var(--text-high) !important;
  transition: background-color 0.35s ease, color 0.35s ease;
}

/* Neutralize legacy light backgrounds in Dark Theme */
[data-theme="dark"] .bg-white,
[data-theme="dark"] .bg-light,
[data-theme="dark"] .section-light,
[data-theme="dark"] .ftco-section,
[data-theme="dark"] .dam-problem,
[data-theme="dark"] .dam-flow,
[data-theme="dark"] .dam-compliance,
[data-theme="dark"] .dam-scenarios,
[data-theme="dark"] .dam-faq,
[data-theme="dark"] .cp-platform,
[data-theme="dark"] .cp-arch,
[data-theme="dark"] .cp-matrix,
[data-theme="dark"] .cp-nhi,
[data-theme="dark"] .cp-cases,
[data-theme="dark"] .cp-faq,
[data-theme="dark"] .rd-problem,
[data-theme="dark"] .rd-signals,
[data-theme="dark"] .rd-steps,
[data-theme="dark"] .about-content,
[data-theme="dark"] .stats-section,
[data-theme="dark"] .mvv-section,
[data-theme="dark"] .services-section,
[data-theme="dark"] .process-vertical,
[data-theme="dark"] .why-rudratic-section,
[data-theme="dark"] .contact-main-section,
[data-theme="dark"] .blog-section,
[data-theme="dark"] .cisa-section,
[data-theme="dark"] .cipher-section,
[data-theme="dark"] .ff-section,
[data-theme="dark"] .crm-overview-premium,
[data-theme="dark"] .crm-core-features,
[data-theme="dark"] .workflow-process-section,
[data-theme="dark"] .alternating-showcase,
[data-theme="dark"] .product-showcase {
  background-color: var(--cyber-bg) !important;
  color: var(--text-high) !important;
}

[data-theme="dark"] .cp-bento,
[data-theme="dark"] .dam-bento,
[data-theme="dark"] .dam-caps,
[data-theme="dark"] .ff-section-alt,
[data-theme="dark"] .crm-stats-premium,
[data-theme="dark"] .statistics-section,
[data-theme="dark"] .vuln-zone,
[data-theme="dark"] .quantum-band,
[data-theme="dark"] .inspection-band {
  background-color: var(--cyber-bg-elevated) !important;
  color: var(--text-high) !important;
}

/* Light Theme Harmonization */
[data-theme="light"] body {
  background-color: var(--cyber-bg, #f8f9fc) !important;
  color: var(--text-pure, #12132a) !important;
}

[data-theme="light"] .bg-white,
[data-theme="light"] .bg-light,
[data-theme="light"] .ftco-section,
[data-theme="light"] .cp-platform,
[data-theme="light"] .cp-arch,
[data-theme="light"] .cp-matrix,
[data-theme="light"] .cp-nhi,
[data-theme="light"] .cp-cases,
[data-theme="light"] .cp-faq,
[data-theme="light"] .dam-hero,
[data-theme="light"] .dam-problem,
[data-theme="light"] .dam-flow,
[data-theme="light"] .dam-compliance,
[data-theme="light"] .dam-scenarios,
[data-theme="light"] .dam-faq,
[data-theme="light"] .rd-hero,
[data-theme="light"] .rd-problem,
[data-theme="light"] .rd-signals,
[data-theme="light"] .rd-steps,
[data-theme="light"] .about-hero,
[data-theme="light"] .about-content,
[data-theme="light"] .stats-section,
[data-theme="light"] .mvv-section,
[data-theme="light"] .services-hero,
[data-theme="light"] .services-section,
[data-theme="light"] .contact-hero-section,
[data-theme="light"] .contact-main-section,
[data-theme="light"] .blog-hero,
[data-theme="light"] .blog-section,
[data-theme="light"] .cisa-hero,
[data-theme="light"] .cisa-section,
[data-theme="light"] .cipher-hero,
[data-theme="light"] .cipher-section,
[data-theme="light"] .products-hero,
[data-theme="light"] .product-showcase,
[data-theme="light"] .ff-hero,
[data-theme="light"] .ff-section,
[data-theme="light"] .hero-taskboard,
[data-theme="light"] .workflow-process-section,
[data-theme="light"] .crm-hero-premium,
[data-theme="light"] .crm-overview-premium {
  background-color: var(--cyber-bg, #f8f9fc) !important;
  color: var(--text-pure, #12132a) !important;
}

[data-theme="light"] .cp-bento,
[data-theme="light"] .dam-bento,
[data-theme="light"] .dam-caps,
[data-theme="light"] .ff-section-alt,
[data-theme="light"] .crm-stats-premium,
[data-theme="light"] .statistics-section {
  background-color: var(--cyber-bg-elevated, #ffffff) !important;
  color: var(--text-pure, #12132a) !important;
}

[data-theme="light"] h1, 
[data-theme="light"] h2, 
[data-theme="light"] h3, 
[data-theme="light"] h4, 
[data-theme="light"] h5, 
[data-theme="light"] h6 {
  color: var(--text-pure, #12132a) !important;
}

[data-theme="light"] p, 
[data-theme="light"] .text-muted, 
[data-theme="light"] .card-text {
  color: var(--text-medium, #4a4b63) !important;
}

/* --- 3. Hero Sections Elevation (Ambient Gradients, Cyber Glow) --- */
.cp-hero,
.dam-hero,
.rd-hero,
.cisa-hero,
.cipher-hero,
.products-hero,
.ff-hero,
.hero-premium-bg,
.crm-hero-premium,
.hero-taskboard,
.about-hero,
.services-hero,
.contact-hero-section,
.blog-hero,
.demo-hero,
.hero-wrap.hero-wrap-2 {
  position: relative !important;
  background: var(--cyber-bg) !important;
  overflow: hidden !important;
}

[data-theme="dark"] .cp-hero,
[data-theme="dark"] .dam-hero,
[data-theme="dark"] .rd-hero,
[data-theme="dark"] .cisa-hero,
[data-theme="dark"] .cipher-hero,
[data-theme="dark"] .products-hero,
[data-theme="dark"] .ff-hero,
[data-theme="dark"] .crm-hero-premium,
[data-theme="dark"] .about-hero,
[data-theme="dark"] .services-hero,
[data-theme="dark"] .contact-hero-section,
[data-theme="dark"] .blog-hero,
[data-theme="dark"] .demo-hero {
  background: radial-gradient(circle at 50% -20%, rgba(105, 39, 255, 0.22) 0%, rgba(7, 7, 20, 0.98) 65%) !important;
}

[data-theme="light"] .cp-hero,
[data-theme="light"] .dam-hero,
[data-theme="light"] .rd-hero,
[data-theme="light"] .cisa-hero,
[data-theme="light"] .cipher-hero,
[data-theme="light"] .products-hero,
[data-theme="light"] .ff-hero,
[data-theme="light"] .crm-hero-premium,
[data-theme="light"] .about-hero,
[data-theme="light"] .services-hero,
[data-theme="light"] .contact-hero-section,
[data-theme="light"] .blog-hero,
[data-theme="light"] .demo-hero {
  background: radial-gradient(circle at 50% -20%, rgba(105, 39, 255, 0.08) 0%, #f8f9fc 70%) !important;
}

/* --- 4. Ethereal Glass Cards across All Products --- */
.cp-bento-card,
.cp-platform-card,
.cp-resource-card,
.dam-bento-card,
.dam-card,
.cipher-card,
.core-icon-box,
.persona-icon-box,
.feature-card-modern,
.about-card,
.form-modern-card,
.blog-card,
.defense-card,
.benefit-card,
.card-premium,
.ad-code-card,
.svc-card,
.ftco-animate .card,
.services-card,
.why-rudratic-card {
  background: var(--cyber-surface) !important;
  backdrop-filter: blur(16px) !important;
  -webkit-backdrop-filter: blur(16px) !important;
  border: 1px solid var(--cyber-border) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06) !important;
  transition: transform 0.4s var(--bezier-spring), border-color 0.4s var(--bezier-spring), box-shadow 0.4s var(--bezier-spring) !important;
}

.cp-bento-card:hover,
.cp-platform-card:hover,
.cp-resource-card:hover,
.dam-bento-card:hover,
.dam-card:hover,
.cipher-card:hover,
.core-icon-box:hover,
.persona-icon-box:hover,
.feature-card-modern:hover,
.about-card:hover,
.blog-card:hover,
.defense-card:hover,
.benefit-card:hover,
.why-rudratic-card:hover {
  transform: translateY(-5px) !important;
  border-color: var(--cyber-border-highlight) !important;
  box-shadow: 0 20px 45px rgba(105, 39, 255, 0.22), 0 0 24px rgba(105, 39, 255, 0.15) !important;
}

[data-theme="light"] .cp-bento-card,
[data-theme="light"] .cp-platform-card,
[data-theme="light"] .cp-resource-card,
[data-theme="light"] .dam-bento-card,
[data-theme="light"] .dam-card,
[data-theme="light"] .cipher-card,
[data-theme="light"] .core-icon-box,
[data-theme="light"] .persona-icon-box,
[data-theme="light"] .feature-card-modern,
[data-theme="light"] .about-card,
[data-theme="light"] .form-modern-card,
[data-theme="light"] .blog-card,
[data-theme="light"] .defense-card,
[data-theme="light"] .benefit-card,
[data-theme="light"] .why-rudratic-card {
  background: var(--cyber-surface, rgba(255, 255, 255, 0.92)) !important;
  border: 1px solid var(--cyber-border, rgba(105, 39, 255, 0.12)) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.8) !important;
}

[data-theme="light"] .cp-bento-card:hover,
[data-theme="light"] .dam-bento-card:hover,
[data-theme="light"] .about-card:hover,
[data-theme="light"] .blog-card:hover {
  box-shadow: 0 20px 40px rgba(105, 39, 255, 0.12) !important;
  border-color: var(--accent-purple) !important;
}

/* --- 5. Pill Badges across All Pages --- */
.hero-badge,
.hero-badge-v2,
.cp-hero-badge,
.dam-badge,
.dam-badges .dam-badge-item,
.badge-feature,
.badge-threat-prevention,
.asset-pill,
.crypto-asset-pill,
.cisa-badge {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 6px 16px !important;
  border-radius: 9999px !important;
  background: rgba(105, 39, 255, 0.12) !important;
  border: 1px solid var(--cyber-border-highlight) !important;
  color: var(--accent-purple-light) !important;
  font-family: var(--font-mono) !important;
  font-size: 0.78rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  box-shadow: 0 0 16px rgba(105, 39, 255, 0.15) !important;
}

[data-theme="light"] .hero-badge,
[data-theme="light"] .cp-hero-badge,
[data-theme="light"] .dam-badge,
[data-theme="light"] .badge-feature,
[data-theme="light"] .asset-pill {
  background: rgba(105, 39, 255, 0.08) !important;
  border-color: rgba(105, 39, 255, 0.28) !important;
  color: var(--accent-purple) !important;
}

/* --- 6. Form Controls & Inputs (Glass Elevation) --- */
.form-control,
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
textarea,
select.form-control {
  background: var(--cyber-surface) !important;
  border: 1px solid var(--cyber-border) !important;
  color: var(--text-pure) !important;
  border-radius: 12px !important;
  padding: 12px 18px !important;
  font-family: var(--font-display) !important;
  transition: all 0.3s var(--bezier-spring) !important;
}

.form-control:focus,
input:focus,
textarea:focus,
select:focus {
  background: var(--cyber-surface-hover) !important;
  border-color: var(--accent-purple) !important;
  box-shadow: 0 0 0 4px rgba(105, 39, 255, 0.25) !important;
  color: var(--text-pure) !important;
  outline: none !important;
}

[data-theme="light"] .form-control,
[data-theme="light"] input,
[data-theme="light"] textarea {
  background: #ffffff !important;
  border-color: rgba(0, 0, 0, 0.12) !important;
  color: var(--text-pure, #12132a) !important;
}

[data-theme="light"] .form-control:focus {
  border-color: var(--accent-purple) !important;
  box-shadow: 0 0 0 4px rgba(105, 39, 255, 0.15) !important;
}

/* --- 7. Buttons Elevation (Island & Spring Physics) --- */
.btn-primary,
.btn-island-primary,
.cp-btn-primary,
.cta-btn-primary {
  background: linear-gradient(135deg, #6927ff 0%, #8a4fff 100%) !important;
  border: 1px solid rgba(165, 107, 255, 0.5) !important;
  color: #ffffff !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding: 12px 26px !important;
  transition: all 0.35s var(--bezier-spring) !important;
  box-shadow: 0 6px 20px rgba(105, 39, 255, 0.3) !important;
}

.btn-primary:hover,
.btn-island-primary:hover,
.cp-btn-primary:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 12px 30px rgba(105, 39, 255, 0.5) !important;
  color: #ffffff !important;
}

.btn-secondary,
.btn-outline-primary,
.btn-island-secondary {
  background: var(--cyber-surface) !important;
  backdrop-filter: blur(12px) !important;
  border: 1px solid var(--cyber-border) !important;
  color: var(--text-pure) !important;
  font-weight: 600 !important;
  border-radius: 12px !important;
  padding: 12px 26px !important;
  transition: all 0.35s var(--bezier-spring) !important;
}

[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-island-secondary:hover {
  background: var(--cyber-surface-hover) !important;
  border-color: var(--cyber-border-highlight) !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] .btn-outline-primary:hover,
[data-theme="light"] .btn-island-secondary:hover {
  background: rgba(105, 39, 255, 0.1) !important;
  border-color: #6927ff !important;
  color: #4c1d95 !important;
  box-shadow: 0 6px 20px rgba(105, 39, 255, 0.16) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .btn-secondary:hover span,
[data-theme="light"] .btn-outline-primary:hover span,
[data-theme="light"] .btn-island-secondary:hover span {
  color: #4c1d95 !important;
}

/* --- 8. Tables & Data Display Modernization --- */
.table,
.cp-matrix-table,
.cisa-table {
  color: var(--text-high) !important;
  background: transparent !important;
}

.table thead th,
.cp-matrix-table thead th {
  background: var(--cyber-bg-elevated) !important;
  border-bottom: 2px solid var(--cyber-border) !important;
  color: var(--text-pure) !important;
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 0.8rem !important;
  letter-spacing: 0.05em !important;
}

.table td,
.cp-matrix-table td {
  border-bottom: 1px solid var(--cyber-border) !important;
  color: var(--text-medium) !important;
  vertical-align: middle !important;
}

/* --- 9. FAQ Accordions --- */
.accordion .card,
.pam-faq-item,
.cp-faq .card,
.dam-faq .card {
  background: var(--cyber-surface) !important;
  border: 1px solid var(--cyber-border) !important;
  border-radius: 14px !important;
  margin-bottom: 12px !important;
  overflow: hidden !important;
  transition: border-color 0.3s ease !important;
}

.accordion .card:hover,
.cp-faq .card:hover,
.dam-faq .card:hover {
  border-color: var(--cyber-border-highlight) !important;
}

/* ==========================================================================
   Comprehensive Taste-Skill Theme Normalization for ALL 134 Sections
   ========================================================================== */

/* Dark Mode Universal Section Harmonization */
[data-theme="dark"] section,
[data-theme="dark"] .about-content,
[data-theme="dark"] .about-cta,
[data-theme="dark"] .activity-feed-section,
[data-theme="dark"] .alternating-showcase,
[data-theme="dark"] .autonomous-defense-section,
[data-theme="dark"] .blog-carousel-section,
[data-theme="dark"] .blog-section,
[data-theme="dark"] .cipher-section,
[data-theme="dark"] .cisa-section,
[data-theme="dark"] .contact-main-section,
[data-theme="dark"] .cp-arch,
[data-theme="dark"] .cp-cases,
[data-theme="dark"] .cp-cta-modern,
[data-theme="dark"] .cp-faq,
[data-theme="dark"] .cp-matrix,
[data-theme="dark"] .cp-nhi,
[data-theme="dark"] .cp-platform,
[data-theme="dark"] .crm-benefits,
[data-theme="dark"] .crm-bottom-features,
[data-theme="dark"] .crm-bottom-stats,
[data-theme="dark"] .crm-core-features,
[data-theme="dark"] .crm-customer-success,
[data-theme="dark"] .crm-dashboard-showcase,
[data-theme="dark"] .crm-faq-section,
[data-theme="dark"] .crm-integrations,
[data-theme="dark"] .crm-overview-premium,
[data-theme="dark"] .crm-sales-workflow,
[data-theme="dark"] .cta-banner-modern,
[data-theme="dark"] .dam-compliance,
[data-theme="dark"] .dam-cta-new,
[data-theme="dark"] .dam-faq,
[data-theme="dark"] .dam-flow,
[data-theme="dark"] .dam-problem,
[data-theme="dark"] .dam-scenarios,
[data-theme="dark"] .dam-split,
[data-theme="dark"] .ff-section,
[data-theme="dark"] .foundation-section,
[data-theme="dark"] .ftco-counter,
[data-theme="dark"] .ftco-partner,
[data-theme="dark"] .ftco-section,
[data-theme="dark"] .hero-wrap,
[data-theme="dark"] .hero-wrap-2,
[data-theme="dark"] .how-it-works-section,
[data-theme="dark"] .inspection-band,
[data-theme="dark"] .integrations-section,
[data-theme="dark"] .mvv-section,
[data-theme="dark"] .pam-compliance,
[data-theme="dark"] .pam-cta-new,
[data-theme="dark"] .pam-faq,
[data-theme="dark"] .pam-jit-flow,
[data-theme="dark"] .pam-scenarios,
[data-theme="dark"] .pam-split,
[data-theme="dark"] .process-vertical,
[data-theme="dark"] .product-showcase,
[data-theme="dark"] .products-cta,
[data-theme="dark"] .rd-cta,
[data-theme="dark"] .rd-faq,
[data-theme="dark"] .rd-feature,
[data-theme="dark"] .rd-integrations,
[data-theme="dark"] .rd-problem,
[data-theme="dark"] .rd-signals,
[data-theme="dark"] .rd-steps,
[data-theme="dark"] .rd-story,
[data-theme="dark"] .rd-usecases,
[data-theme="dark"] .reveal-section,
[data-theme="dark"] .scanner-lab,
[data-theme="dark"] .services-section,
[data-theme="dark"] .stats-section,
[data-theme="dark"] .team-section,
[data-theme="dark"] .testimonial-section,
[data-theme="dark"] .testimonials-modern-section,
[data-theme="dark"] .values-section,
[data-theme="dark"] .video-carousel-section,
[data-theme="dark"] .video-hero-section,
[data-theme="dark"] .why-rudratic-section,
[data-theme="dark"] .workflow-process-section {
  background-color: var(--cyber-bg) !important;
  color: var(--text-high) !important;
}

/* Elevated Alternating Sections (Dark Theme) */
[data-theme="dark"] .cp-bento,
[data-theme="dark"] .cp-stat-bar,
[data-theme="dark"] .dam-bento,
[data-theme="dark"] .dam-caps,
[data-theme="dark"] .dam-stat-bar,
[data-theme="dark"] .ff-section-alt,
[data-theme="dark"] .ff-section-dark,
[data-theme="dark"] .crm-stats-premium,
[data-theme="dark"] .pam-bento,
[data-theme="dark"] .pam-caps,
[data-theme="dark"] .pam-spotlight-alt,
[data-theme="dark"] .pam-spotlight-dark,
[data-theme="dark"] .pam-stat-bar,
[data-theme="dark"] .quantum-band,
[data-theme="dark"] .rd-feature-alt,
[data-theme="dark"] .rd-stat-bar,
[data-theme="dark"] .statistics-section,
[data-theme="dark"] .vuln-zone {
  background-color: var(--cyber-bg-elevated) !important;
  color: var(--text-high) !important;
}

/* Light Mode Universal Section Harmonization */
[data-theme="light"] section,
[data-theme="light"] .about-content,
[data-theme="light"] .about-cta,
[data-theme="light"] .activity-feed-section,
[data-theme="light"] .alternating-showcase,
[data-theme="light"] .autonomous-defense-section,
[data-theme="light"] .blog-carousel-section,
[data-theme="light"] .blog-section,
[data-theme="light"] .cipher-section,
[data-theme="light"] .cisa-section,
[data-theme="light"] .contact-main-section,
[data-theme="light"] .cp-arch,
[data-theme="light"] .cp-cases,
[data-theme="light"] .cp-cta-modern,
[data-theme="light"] .cp-faq,
[data-theme="light"] .cp-matrix,
[data-theme="light"] .cp-nhi,
[data-theme="light"] .cp-platform,
[data-theme="light"] .crm-benefits,
[data-theme="light"] .crm-bottom-features,
[data-theme="light"] .crm-bottom-stats,
[data-theme="light"] .crm-core-features,
[data-theme="light"] .crm-customer-success,
[data-theme="light"] .crm-dashboard-showcase,
[data-theme="light"] .crm-faq-section,
[data-theme="light"] .crm-integrations,
[data-theme="light"] .crm-overview-premium,
[data-theme="light"] .crm-sales-workflow,
[data-theme="light"] .cta-banner-modern,
[data-theme="light"] .dam-compliance,
[data-theme="light"] .dam-cta-new,
[data-theme="light"] .dam-faq,
[data-theme="light"] .dam-flow,
[data-theme="light"] .dam-problem,
[data-theme="light"] .dam-scenarios,
[data-theme="light"] .dam-split,
[data-theme="light"] .ff-section,
[data-theme="light"] .foundation-section,
[data-theme="light"] .ftco-counter,
[data-theme="light"] .ftco-partner,
[data-theme="light"] .ftco-section,
[data-theme="light"] .hero-wrap,
[data-theme="light"] .hero-wrap-2,
[data-theme="light"] .how-it-works-section,
[data-theme="light"] .inspection-band,
[data-theme="light"] .integrations-section,
[data-theme="light"] .mvv-section,
[data-theme="light"] .pam-compliance,
[data-theme="light"] .pam-cta-new,
[data-theme="light"] .pam-faq,
[data-theme="light"] .pam-jit-flow,
[data-theme="light"] .pam-scenarios,
[data-theme="light"] .pam-split,
[data-theme="light"] .process-vertical,
[data-theme="light"] .product-showcase,
[data-theme="light"] .products-cta,
[data-theme="light"] .rd-cta,
[data-theme="light"] .rd-faq,
[data-theme="light"] .rd-feature,
[data-theme="light"] .rd-integrations,
[data-theme="light"] .rd-problem,
[data-theme="light"] .rd-signals,
[data-theme="light"] .rd-steps,
[data-theme="light"] .rd-story,
[data-theme="light"] .rd-usecases,
[data-theme="light"] .reveal-section,
[data-theme="light"] .scanner-lab,
[data-theme="light"] .services-section,
[data-theme="light"] .stats-section,
[data-theme="light"] .team-section,
[data-theme="light"] .testimonial-section,
[data-theme="light"] .testimonials-modern-section,
[data-theme="light"] .values-section,
[data-theme="light"] .video-carousel-section,
[data-theme="light"] .video-hero-section,
[data-theme="light"] .why-rudratic-section,
[data-theme="light"] .workflow-process-section {
  background-color: var(--cyber-bg, #f8f9fc) !important;
  color: var(--text-pure, #12132a) !important;
}

/* Elevated Alternating Sections (Light Theme) */
[data-theme="light"] .cp-bento,
[data-theme="light"] .cp-stat-bar,
[data-theme="light"] .dam-bento,
[data-theme="light"] .dam-caps,
[data-theme="light"] .dam-stat-bar,
[data-theme="light"] .ff-section-alt,
[data-theme="light"] .ff-section-dark,
[data-theme="light"] .crm-stats-premium,
[data-theme="light"] .pam-bento,
[data-theme="light"] .pam-caps,
[data-theme="light"] .pam-spotlight-alt,
[data-theme="light"] .pam-spotlight-dark,
[data-theme="light"] .pam-stat-bar,
[data-theme="light"] .quantum-band,
[data-theme="light"] .rd-feature-alt,
[data-theme="light"] .rd-stat-bar,
[data-theme="light"] .statistics-section,
[data-theme="light"] .vuln-zone {
  background-color: var(--cyber-bg-elevated, #ffffff) !important;
  color: var(--text-pure, #12132a) !important;
}

/* Breadcrumbs Styling */
.breadcrumb-item a {
  color: var(--accent-purple-light) !important;
  transition: color 0.2s ease !important;
}
.breadcrumb-item.active {
  color: var(--text-dim) !important;
}


/* ==========================================================================
   Taste Skill Floating Double-Bezel CTA Section
   ========================================================================== */
.pam-cta-new {
  background: var(--cyber-bg) !important;
  padding: 80px 0 !important;
  position: relative;
  overflow: hidden;
}

.pam-cta-glass-card {
  padding: 56px 40px !important;
  text-align: center;
  position: relative;
  border-radius: 24px;
}

[data-theme="dark"] .pam-cta-glass-card {
  background: linear-gradient(135deg, rgba(105, 39, 255, 0.14) 0%, rgba(18, 19, 45, 0.88) 50%, rgba(12, 13, 33, 0.95) 100%) !important;
  backdrop-filter: blur(24px) !important;
  -webkit-backdrop-filter: blur(24px) !important;
  border: 1px solid rgba(165, 107, 255, 0.35) !important;
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 40px rgba(105, 39, 255, 0.15) !important;
}

[data-theme="light"] .pam-cta-glass-card {
  background: linear-gradient(135deg, rgba(105, 39, 255, 0.06) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
  backdrop-filter: blur(20px) !important;
  -webkit-backdrop-filter: blur(20px) !important;
  border: 1px solid rgba(105, 39, 255, 0.22) !important;
  box-shadow: 0 20px 50px rgba(105, 39, 255, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.9) !important;
}

.pam-cta-title {
  font-family: var(--font-display) !important;
  font-size: clamp(28px, 3.8vw, 46px) !important;
  font-weight: 800 !important;
  letter-spacing: -0.025em !important;
  line-height: 1.2 !important;
}

[data-theme="dark"] .pam-cta-title {
  color: #ffffff !important;
}

[data-theme="light"] .pam-cta-title {
  color: #0f172a !important;
}

.pam-cta-title .gradient-text {
  background: linear-gradient(135deg, var(--accent-purple-light, #8a4fff) 0%, var(--accent-cyan, #00d4ff) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

[data-theme="light"] .pam-cta-title .gradient-text {
  background: linear-gradient(135deg, #6927ff 0%, #3b82f6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pam-cta-subtitle {
  font-size: 16.5px !important;
  line-height: 1.7 !important;
  max-width: 620px !important;
}

[data-theme="dark"] .pam-cta-subtitle {
  color: #b4b3cb !important;
}

[data-theme="light"] .pam-cta-subtitle {
  color: #475569 !important;
}

.pam-cta-trust-strip {
  gap: 16px;
  margin-top: 32px;
  padding-top: 24px;
  border-top: 1px solid var(--cyber-border, rgba(138, 79, 255, 0.18));
}

[data-theme="light"] .pam-cta-trust-strip {
  border-top-color: rgba(105, 39, 255, 0.12);
}

.trust-pill {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 600;
  padding: 6px 14px;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--text-high, #f0eff8);
}

[data-theme="light"] .trust-pill {
  background: rgba(105, 39, 255, 0.05);
  border-color: rgba(105, 39, 255, 0.15);
  color: #334155;
}

.pam-cta-new::before {
  display: none !important;
}



/* ==========================================================================
   Master High-Contrast Engine (Eliminating Text/Background Merging)
   ========================================================================== */

/* 1. Spotlight Pill Tags (@ PAMGuard Kernel Agent, etc.) */
.pam-spotlight-tag {
  font-family: var(--font-mono) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  letter-spacing: 1.2px !important;
  text-transform: uppercase !important;
  padding: 6px 16px !important;
  border-radius: 99px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-bottom: 16px !important;
}

[data-theme="dark"] .pam-spotlight-tag.tag-purple,
.pam-spotlight-tag.tag-purple {
  background: rgba(105, 39, 255, 0.22) !important;
  border: 1px solid rgba(165, 107, 255, 0.45) !important;
  color: #c4b5fd !important;
  box-shadow: 0 0 16px rgba(105, 39, 255, 0.2) !important;
}

[data-theme="dark"] .pam-spotlight-tag.tag-emerald,
.pam-spotlight-tag.tag-emerald {
  background: rgba(16, 185, 129, 0.2) !important;
  border: 1px solid rgba(16, 185, 129, 0.45) !important;
  color: #6ee7b7 !important;
}

[data-theme="light"] .pam-spotlight-tag.tag-purple {
  background: rgba(105, 39, 255, 0.1) !important;
  border: 1px solid rgba(105, 39, 255, 0.35) !important;
  color: #4c1d95 !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(105, 39, 255, 0.08) !important;
}

[data-theme="light"] .pam-spotlight-tag.tag-emerald {
  background: rgba(16, 185, 129, 0.12) !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  color: #065f46 !important;
  font-weight: 800 !important;
}

/* 2. Stat Pills (< 1.2ms, 0.0%, 100%, etc.) */
.pam-stat-pill {
  border-radius: 14px !important;
  padding: 12px 20px !important;
  display: inline-flex !important;
  flex-direction: column !important;
  margin-right: 12px !important;
  margin-bottom: 12px !important;
  transition: all 0.3s var(--bezier-spring) !important;
}

[data-theme="dark"] .pam-stat-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme="dark"] .pam-stat-val {
  color: #ffffff !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

[data-theme="dark"] .pam-stat-label {
  color: #94a3b8 !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  font-weight: 600 !important;
  margin-top: 4px !important;
  opacity: 1 !important;
}

[data-theme="light"] .pam-stat-pill {
  background: #ffffff !important;
  border: 1px solid rgba(105, 39, 255, 0.22) !important;
  box-shadow: 0 4px 16px rgba(105, 39, 255, 0.08) !important;
}

[data-theme="light"] .pam-stat-val {
  color: #5b21b6 !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  line-height: 1.1 !important;
}

[data-theme="light"] .pam-stat-label {
  color: #0f172a !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  font-weight: 700 !important;
  margin-top: 4px !important;
  opacity: 1 !important;
}

/* 3. Interactive Command Simulator Box */
.pam-sim-container {
  border-radius: 14px !important;
  padding: 16px !important;
  margin-bottom: 20px !important;
  transition: all 0.3s ease !important;
}

[data-theme="dark"] .pam-sim-container {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .pam-sim-heading {
  color: #c4b5fd !important;
}

[data-theme="dark"] .pam-sim-subtext {
  color: #94a3b8 !important;
}

[data-theme="light"] .pam-sim-container {
  background: #f8fafc !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .pam-sim-heading {
  color: #4312b0 !important;
}

[data-theme="light"] .pam-sim-subtext {
  color: #334155 !important;
  font-weight: 500 !important;
}

/* 4. Command Test Buttons (rm -rf, sudo su, DROP DATABASE, docker ps) */
.pam-command-test-btn {
  border-radius: 8px !important;
  padding: 7px 14px !important;
  font-size: 12px !important;
  font-family: var(--font-mono, monospace) !important;
  cursor: pointer !important;
  transition: all 0.25s var(--bezier-spring) !important;
  margin: 4px !important;
  font-weight: 600 !important;
  display: inline-flex !important;
  align-items: center !important;
}

[data-theme="dark"] .pam-command-test-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .pam-command-test-btn:hover {
  background: rgba(105, 39, 255, 0.35) !important;
  border-color: #8b5cf6 !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .pam-command-test-btn.danger-btn {
  background: rgba(239, 68, 68, 0.12) !important;
  border-color: rgba(239, 68, 68, 0.35) !important;
  color: #fca5a5 !important;
}

[data-theme="dark"] .pam-command-test-btn.danger-btn:hover {
  background: rgba(239, 68, 68, 0.3) !important;
  border-color: #ef4444 !important;
  color: #ffffff !important;
}

[data-theme="light"] .pam-command-test-btn {
  background: #ffffff !important;
  border: 1px solid #94a3b8 !important;
  color: #0f172a !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06) !important;
}

[data-theme="light"] .pam-command-test-btn:hover {
  background: #6927ff !important;
  border-color: #6927ff !important;
  color: #ffffff !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 12px rgba(105, 39, 255, 0.3) !important;
}

[data-theme="light"] .pam-command-test-btn.danger-btn {
  background: #fef2f2 !important;
  border: 1px solid #f87171 !important;
  color: #991b1b !important;
}

[data-theme="light"] .pam-command-test-btn.danger-btn:hover {
  background: #dc2626 !important;
  border-color: #dc2626 !important;
  color: #ffffff !important;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.3) !important;
}

/* 5. AI Prompt Chips */
.pam-ai-chip {
  padding: 8px 14px !important;
  font-size: 12.5px !important;
  border-radius: 10px !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  transition: all 0.25s ease !important;
  margin: 4px !important;
}

[data-theme="dark"] .pam-ai-chip {
  background: rgba(255, 255, 255, 0.06) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #cbd5e1 !important;
}

[data-theme="dark"] .pam-ai-chip:hover {
  background: #6927ff !important;
  color: #ffffff !important;
  border-color: #8b5cf6 !important;
}

[data-theme="light"] .pam-ai-chip {
  background: #ffffff !important;
  border: 1px solid rgba(105, 39, 255, 0.25) !important;
  color: #1e293b !important;
  box-shadow: 0 2px 6px rgba(105, 39, 255, 0.08) !important;
}

[data-theme="light"] .pam-ai-chip:hover {
  background: #6927ff !important;
  border-color: #6927ff !important;
  color: #ffffff !important;
}

/* 6. Universal Light-Theme Text Contrast Rules for ALL Pages */
[data-theme="light"] h1,
[data-theme="light"] h2,
[data-theme="light"] h3,
[data-theme="light"] h4,
[data-theme="light"] h5,
[data-theme="light"] h6 {
  color: #0f172a !important;
}

[data-theme="light"] p,
[data-theme="light"] li,
[data-theme="light"] .card-text,
[data-theme="light"] .pam-spotlight-sub,
[data-theme="light"] .cp-hero-sub,
[data-theme="light"] .dam-hero-sub,
[data-theme="light"] .rd-hero-sub {
  color: #334155 !important;
}

[data-theme="light"] .text-muted,
[data-theme="light"] small,
[data-theme="light"] .small {
  color: #475569 !important;
  opacity: 1 !important;
}

[data-theme="light"] .table th,
[data-theme="light"] .table td {
  color: #1e293b !important;
}
/* ==========================================================================
   UNIVERSAL HIGH-CONTRAST ENGINE & LIGHT/DARK READABILITY ASSURANCE
   Guarantees zero text-background blending across all pages and sections.
   ========================================================================== */

/* --- 1. LIGHT MODE: UNIVERSAL HIGH CONTRAST TYPOGRAPHY --- */
html[data-theme='light'],
[data-theme='light'] {
  --text-main: #1e293b !important;
  --text-heading: #0f172a !important;
  --text-pure: #0f172a !important;
  --text-high: #1e293b !important;
  --text-medium: #334155 !important;
  --text-dim: #475569 !important;
}

[data-theme='light'] h1,
[data-theme='light'] h2,
[data-theme='light'] h3,
[data-theme='light'] h4,
[data-theme='light'] h5,
[data-theme='light'] h6,
[data-theme='light'] .h1,
[data-theme='light'] .h2,
[data-theme='light'] .h3,
[data-theme='light'] .h4,
[data-theme='light'] .h5,
[data-theme='light'] .h6 {
  color: #0f172a !important;
}

[data-theme='light'] p,
[data-theme='light'] li,
[data-theme='light'] .card-text,
[data-theme='light'] .pam-spotlight-sub,
[data-theme='light'] .cp-hero-sub,
[data-theme='light'] .dam-hero-sub,
[data-theme='light'] .rd-hero-sub,
[data-theme='light'] .node-desc,
[data-theme='light'] .script-desc,
[data-theme='light'] .dam-problem-body,
[data-theme='light'] .dam-problem-stat p,
[data-theme='light'] .pam-problem-lead,
[data-theme='light'] .pam-prob-stat-text,
[data-theme='light'] .pam-cta-new p,
[data-theme='light'] .dam-cta-new p {
  color: #334155 !important;
}

[data-theme='light'] strong,
[data-theme='light'] b {
  color: #0f172a !important;
}

[data-theme='light'] .text-muted,
[data-theme='light'] small,
[data-theme='light'] .small {
  color: #475569 !important;
  opacity: 1 !important;
}

/* --- 2. LIGHT MODE: BADGES, PILLS & CHIPS --- */
[data-theme='light'] .tag-purple,
[data-theme='light'] .pam-spotlight-tag.tag-purple,
[data-theme='light'] .hero-eyebrow-pill,
[data-theme='light'] .badge-purple {
  background: rgba(105, 39, 255, 0.1) !important;
  color: #4c1d95 !important;
  border: 1px solid rgba(105, 39, 255, 0.35) !important;
  font-weight: 800 !important;
  box-shadow: 0 2px 8px rgba(105, 39, 255, 0.08) !important;
}

[data-theme='light'] .tag-emerald,
[data-theme='light'] .pam-spotlight-tag.tag-emerald,
[data-theme='light'] .badge-emerald {
  background: rgba(16, 185, 129, 0.12) !important;
  color: #065f46 !important;
  border: 1px solid rgba(16, 185, 129, 0.35) !important;
  font-weight: 800 !important;
}

[data-theme='light'] .tag-cyan,
[data-theme='light'] .badge-cyan {
  background: rgba(8, 145, 178, 0.12) !important;
  color: #0e7490 !important;
  border: 1px solid rgba(8, 145, 178, 0.35) !important;
  font-weight: 800 !important;
}

[data-theme='light'] .tag-amber {
  background: rgba(245, 158, 11, 0.12) !important;
  color: #b45309 !important;
  border: 1px solid rgba(245, 158, 11, 0.35) !important;
  font-weight: 800 !important;
}

[data-theme='light'] .tag-rose {
  background: rgba(244, 63, 94, 0.12) !important;
  color: #be123c !important;
  border: 1px solid rgba(244, 63, 94, 0.35) !important;
  font-weight: 800 !important;
}

/* --- 3. LIGHT MODE: STAT PILLS & METRIC BOXES --- */
[data-theme='light'] .pam-stat-pill,
[data-theme='light'] .stat-pill,
[data-theme='light'] .rd-stat-card,
[data-theme='light'] .dam-hero-metric {
  background: #ffffff !important;
  border: 1px solid rgba(105, 39, 255, 0.22) !important;
  box-shadow: 0 4px 16px rgba(105, 39, 255, 0.08) !important;
}

[data-theme='light'] .pam-stat-val,
[data-theme='light'] .stat-val,
[data-theme='light'] .m-val {
  color: #5b21b6 !important;
  font-weight: 800 !important;
}

[data-theme='light'] .pam-stat-label,
[data-theme='light'] .stat-label,
[data-theme='light'] .s-label,
[data-theme='light'] .m-lbl {
  color: #0f172a !important;
  font-size: 11px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.8px !important;
  font-weight: 700 !important;
  opacity: 1 !important;
}

/* --- 4. LIGHT MODE: SIMULATOR & INTERACTIVE TEST BUTTONS --- */
[data-theme='light'] .pam-sim-container {
  background: #ffffff !important;
  border: 1px solid #cbd5e1 !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .pam-sim-heading {
  color: #1e1b4b !important;
  font-weight: 700 !important;
}

[data-theme='light'] .pam-sim-subtext {
  color: #334155 !important;
  font-weight: 500 !important;
}

[data-theme='light'] .pam-command-test-btn {
  background: #ffffff !important;
  color: #0f172a !important;
  border: 1px solid #94a3b8 !important;
  font-weight: 600 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04) !important;
}

[data-theme='light'] .pam-command-test-btn:hover {
  background: #f1f5f9 !important;
  color: #0f172a !important;
}

[data-theme='light'] .pam-command-test-btn.danger-btn {
  background: #fef2f2 !important;
  color: #991b1b !important;
  border: 1px solid #f87171 !important;
  font-weight: 600 !important;
}

[data-theme='light'] .pam-command-test-btn.danger-btn:hover {
  background: #fee2e2 !important;
  color: #7f1d1d !important;
}

/* --- 5. LIGHT MODE: PROBLEM, RADAR, DAM & HERO SECTIONS --- */
[data-theme='light'] .pam-problem,
[data-theme='light'] .dam-problem {
  background: #f8fafc !important;
  color: #1e293b !important;
}

[data-theme='light'] .pam-problem h2,
[data-theme='light'] .dam-problem h2,
[data-theme='light'] .rd-hero h1,
[data-theme='light'] .cipher-hero h1,
[data-theme='light'] .quantum-copy h2 {
  color: #0f172a !important;
}

[data-theme='light'] .pam-problem-kicker {
  color: #5b21b6 !important;
  font-weight: 800 !important;
}

[data-theme='light'] .rd-chips-label {
  color: #0f172a !important;
  font-weight: 700 !important;
}

[data-theme='light'] .rd-source-chip,
[data-theme='light'] .pam-ai-chip {
  background: #ffffff !important;
  border: 1px solid rgba(105, 39, 255, 0.25) !important;
  color: #1e293b !important;
  box-shadow: 0 2px 6px rgba(105, 39, 255, 0.08) !important;
}

[data-theme='light'] .table th,
[data-theme='light'] .pam-soc-table th,
[data-theme='light'] .matrix-table th {
  color: #0f172a !important;
  background: #f1f5f9 !important;
}

[data-theme='light'] .table td,
[data-theme='light'] .pam-soc-table td,
[data-theme='light'] .matrix-table td {
  color: #1e293b !important;
}

/* --- 6. DARK MODE READABILITY ASSURANCE --- */
[data-theme='dark'] h1,
[data-theme='dark'] h2,
[data-theme='dark'] h3,
[data-theme='dark'] h4,
[data-theme='dark'] h5,
[data-theme='dark'] h6 {
  color: #ffffff !important;
}

[data-theme='dark'] p,
[data-theme='dark'] li,
[data-theme='dark'] .card-text {
  color: #cbd5e1 !important;
}

[data-theme='dark'] .pam-spotlight-tag.tag-purple,
[data-theme='dark'] .tag-purple {
  background: rgba(105, 39, 255, 0.22) !important;
  border: 1px solid rgba(165, 107, 255, 0.45) !important;
  color: #c4b5fd !important;
}

[data-theme='dark'] .pam-stat-pill {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
}

[data-theme='dark'] .pam-stat-val {
  color: #ffffff !important;
  font-weight: 800 !important;
}

[data-theme='dark'] .pam-stat-label {
  color: #94a3b8 !important;
  font-weight: 600 !important;
}

[data-theme='dark'] .pam-sim-container {
  background: rgba(255, 255, 255, 0.04) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

[data-theme='dark'] .pam-sim-heading {
  color: #c4b5fd !important;
}

[data-theme='dark'] .pam-sim-subtext {
  color: #94a3b8 !important;
}

[data-theme='dark'] .pam-command-test-btn {
  background: rgba(255, 255, 255, 0.06) !important;
  color: #e2e8f0 !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
}

[data-theme='dark'] .pam-command-test-btn.danger-btn {
  background: rgba(239, 68, 68, 0.12) !important;
  color: #fca5a5 !important;
  border: 1px solid rgba(239, 68, 68, 0.3) !important;
}



/* ==========================================================================
   UNIVERSAL BUTTON CONTRAST & HOVER ACCESSIBILITY ENGINE
   Guarantees all buttons, outlines, ghost buttons, and CTA pills remain 
   100% visible and readable on hover in both Light and Dark modes.
   ========================================================================== */

/* --- 1. LIGHT MODE: Outline, Ghost & Secondary Buttons --- */
[data-theme="light"] .btn-island-secondary,
[data-theme="light"] .btn-secondary,
[data-theme="light"] .btn-outline-primary,
[data-theme="light"] .btn-outline-secondary,
[data-theme="light"] .btn-outline-white,
[data-theme="light"] .btn-outline-gray,
[data-theme="light"] .btn-outline-premium,
[data-theme="light"] .btn-inv-outline,
[data-theme="light"] .cp-btn-ghost,
[data-theme="light"] .dam-btn-ghost,
[data-theme="light"] .rd-btn-ghost,
[data-theme="light"] .hr-btn-ghost,
[data-theme="light"] .btn-demo-secondary,
[data-theme="light"] .cisa-button.secondary,
[data-theme="light"] .pam-cta-btn-o,
[data-theme="light"] .inv-btn-outline-light,
[data-theme="light"] .crm-btn-outline-light {
  background: #ffffff !important;
  border: 1.5px solid rgba(105, 39, 255, 0.28) !important;
  color: #1e293b !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important;
}

[data-theme="light"] .btn-island-secondary span,
[data-theme="light"] .btn-secondary span,
[data-theme="light"] .btn-outline-primary span,
[data-theme="light"] .btn-outline-secondary span,
[data-theme="light"] .btn-outline-white span,
[data-theme="light"] .btn-outline-gray span,
[data-theme="light"] .btn-outline-premium span,
[data-theme="light"] .btn-inv-outline span,
[data-theme="light"] .cp-btn-ghost span,
[data-theme="light"] .dam-btn-ghost span,
[data-theme="light"] .rd-btn-ghost span,
[data-theme="light"] .hr-btn-ghost span,
[data-theme="light"] .btn-demo-secondary span,
[data-theme="light"] .cisa-button.secondary span,
[data-theme="light"] .pam-cta-btn-o span,
[data-theme="light"] .inv-btn-outline-light span,
[data-theme="light"] .crm-btn-outline-light span {
  color: #1e293b !important;
}

/* --- LIGHT MODE HOVER: Rich Royal Purple Tint with High-Contrast Text --- */
[data-theme="light"] .btn-island-secondary:hover,
[data-theme="light"] .btn-secondary:hover,
[data-theme="light"] .btn-outline-primary:hover,
[data-theme="light"] .btn-outline-secondary:hover,
[data-theme="light"] .btn-outline-white:hover,
[data-theme="light"] .btn-outline-gray:hover,
[data-theme="light"] .btn-outline-premium:hover,
[data-theme="light"] .btn-inv-outline:hover,
[data-theme="light"] .cp-btn-ghost:hover,
[data-theme="light"] .dam-btn-ghost:hover,
[data-theme="light"] .rd-btn-ghost:hover,
[data-theme="light"] .hr-btn-ghost:hover,
[data-theme="light"] .btn-demo-secondary:hover,
[data-theme="light"] .cisa-button.secondary:hover,
[data-theme="light"] .pam-cta-btn-o:hover,
[data-theme="light"] .inv-btn-outline-light:hover,
[data-theme="light"] .crm-btn-outline-light:hover {
  background: rgba(105, 39, 255, 0.1) !important;
  border-color: #6927ff !important;
  color: #4c1d95 !important;
  box-shadow: 0 6px 20px rgba(105, 39, 255, 0.18) !important;
  transform: translateY(-2px) !important;
}

[data-theme="light"] .btn-island-secondary:hover *,
[data-theme="light"] .btn-secondary:hover *,
[data-theme="light"] .btn-outline-primary:hover *,
[data-theme="light"] .btn-outline-secondary:hover *,
[data-theme="light"] .btn-outline-white:hover *,
[data-theme="light"] .btn-outline-gray:hover *,
[data-theme="light"] .btn-outline-premium:hover *,
[data-theme="light"] .btn-inv-outline:hover *,
[data-theme="light"] .cp-btn-ghost:hover *,
[data-theme="light"] .dam-btn-ghost:hover *,
[data-theme="light"] .rd-btn-ghost:hover *,
[data-theme="light"] .hr-btn-ghost:hover *,
[data-theme="light"] .btn-demo-secondary:hover *,
[data-theme="light"] .cisa-button.secondary:hover *,
[data-theme="light"] .pam-cta-btn-o:hover *,
[data-theme="light"] .inv-btn-outline-light:hover *,
[data-theme="light"] .crm-btn-outline-light:hover * {
  color: #4c1d95 !important;
}

/* --- 2. DARK MODE HOVER: Cyber Glow with Brilliant White Text --- */
[data-theme="dark"] .btn-island-secondary,
[data-theme="dark"] .btn-secondary,
[data-theme="dark"] .btn-outline-primary,
[data-theme="dark"] .btn-outline-secondary,
[data-theme="dark"] .cp-btn-ghost,
[data-theme="dark"] .dam-btn-ghost,
[data-theme="dark"] .rd-btn-ghost,
[data-theme="dark"] .hr-btn-ghost,
[data-theme="dark"] .btn-demo-secondary,
[data-theme="dark"] .cisa-button.secondary {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid var(--cyber-border, rgba(138, 79, 255, 0.25)) !important;
  color: #ffffff !important;
}

[data-theme="dark"] .btn-island-secondary:hover,
[data-theme="dark"] .btn-secondary:hover,
[data-theme="dark"] .btn-outline-primary:hover,
[data-theme="dark"] .btn-outline-secondary:hover,
[data-theme="dark"] .cp-btn-ghost:hover,
[data-theme="dark"] .dam-btn-ghost:hover,
[data-theme="dark"] .rd-btn-ghost:hover,
[data-theme="dark"] .hr-btn-ghost:hover,
[data-theme="dark"] .btn-demo-secondary:hover,
[data-theme="dark"] .cisa-button.secondary:hover {
  background: rgba(105, 39, 255, 0.22) !important;
  border-color: #a56bff !important;
  color: #ffffff !important;
  box-shadow: 0 6px 22px rgba(105, 39, 255, 0.3) !important;
  transform: translateY(-2px) !important;
}

[data-theme="dark"] .btn-island-secondary:hover *,
[data-theme="dark"] .btn-secondary:hover *,
[data-theme="dark"] .btn-outline-primary:hover *,
[data-theme="dark"] .btn-outline-secondary:hover *,
[data-theme="dark"] .cp-btn-ghost:hover *,
[data-theme="dark"] .dam-btn-ghost:hover *,
[data-theme="dark"] .rd-btn-ghost:hover *,
[data-theme="dark"] .hr-btn-ghost:hover *,
[data-theme="dark"] .btn-demo-secondary:hover *,
[data-theme="dark"] .cisa-button.secondary:hover * {
  color: #ffffff !important;
}


/* Cloud Provider Trust Badges & Chips Contrast */
.cp-provider-chip {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 7px 14px !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  border: 1px solid rgba(105, 39, 255, 0.22) !important;
  box-shadow: 0 2px 8px rgba(105, 39, 255, 0.08) !important;
  transition: all 0.25s ease !important;
}
.cp-provider-chip .cp-chip-label,
.cp-provider-chip span {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  letter-spacing: 0.02em !important;
  line-height: 1 !important;
}
.cp-provider-chip:hover {
  transform: translateY(-2px) !important;
  border-color: #6927ff !important;
  box-shadow: 0 6px 16px rgba(105, 39, 255, 0.16) !important;
}
[data-theme="dark"] .cp-provider-chip,
body.dark-mode .cp-provider-chip,
body[data-theme="dark"] .cp-provider-chip {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.35) !important;
}
[data-theme="dark"] .cp-provider-chip .cp-chip-label,
[data-theme="dark"] .cp-provider-chip span,
body.dark-mode .cp-provider-chip .cp-chip-label,
body.dark-mode .cp-provider-chip span {
  color: #ffffff !important;
}