:root {
  --nx-side-padding: 50px;
  --nx-section-bg-main:
    linear-gradient(180deg,
      #0b0e14 0%,
      #10131b 100%);
}


.metric-value {
  font-size: 1.2rem;
  font-weight: 600;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
}

.dot-red {
  background: #ff5f57;
}

.dot-yellow {
  background: #febc2e;
}

.dot-green {
  background: #28c840;
}

.angled-top::before,
.angled-both::before {
  content: "";
  position: absolute;
  top: -60px;
  left: 0;
  right: 0;
  height: 80px;
  background: inherit;
  transform-origin: top left;
  transform: skewY(-4deg);
}

.angled-both::after {
  content: "";
  position: absolute;
  bottom: -60px;
  left: 0;
  right: 0;
  height: 80px;
  background: inherit;
  transform-origin: bottom left;
  transform: skewY(4deg);
}

.service-icon {
  width: 36px;
  height: 36px;
  border-radius: 14px;
  background-image: var(--grad-main);
}

.link-ghost:hover {
  background: rgba(255, 255, 255, 0.1);
}

.stat-label {
  font-size: 0.78rem;
  color: #55556b;
}

.stat-value {
  font-weight: 600;
  font-size: 1rem;
}

.solutions-note {
  margin: 0;
  font-size: 0.78rem;
  color: #80809a;
}

.contact-value {
  font-size: 0.95rem;
}

input,
select,
textarea {
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(4, 4, 14, 0.9);
  color: #ffffff;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 0.9rem;
}

input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: rgba(66, 128, 249, 0.7);
  box-shadow: 0 0 0 1px rgba(66, 128, 249, 0.4);
}

/* -----------------------------------------
   DARK FOOTER THEME (Premium gradient)
----------------------------------------- */

/* Sparkles visibility on dark BG */
.nx-footer-sparkles .sparkle {
  background-color: rgba(255, 255, 255, 0.8);
}