/* Xplor Solutions overrides */
.gradient-text {
  background: linear-gradient(135deg, #E18B12 0%, #6E4FB8 55%, #1E40FF 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
}
.btn-primary {
  background: linear-gradient(135deg, #1E40FF 0%, #6E4FB8 100%) !important;
  border-color: #1E40FF !important; color: #fff !important;
}
.btn-primary:hover {
  background: linear-gradient(135deg, #1535D8 0%, #5A3FA0 100%) !important;
  box-shadow: 0 8px 24px -8px rgba(225,139,18,.4),0 4px 12px -4px rgba(30,64,255,.5) !important;
}
.hero-badge {
  background: rgba(225,139,18,.12) !important;
  color: #E18B12 !important;
  border-color: rgba(225,139,18,.3) !important;
}
.shape-1 { background: radial-gradient(circle, rgba(30,64,255,.25), transparent 70%) !important; }
.shape-2 { background: radial-gradient(circle, rgba(225,139,18,.20), transparent 70%) !important; }
.shape-3 { background: radial-gradient(circle, rgba(110,79,184,.22), transparent 70%) !important; }
.shape-4 { background: radial-gradient(circle, rgba(225,139,18,.15), transparent 70%) !important; }
.section-tag { background: rgba(30,64,255,.08) !important; color: #1E40FF !important; }
.feature-card.featured {
  border-color: rgba(30,64,255,.35) !important;
  box-shadow: 0 12px 32px -16px rgba(30,64,255,.3) !important;
}
.feature-badge {
  background: linear-gradient(135deg, #E18B12, #1E40FF) !important; color: #fff !important;
}
.feature-icon.purple, .feature-icon.indigo  { background: linear-gradient(135deg,#1E40FF,#6E4FB8) !important; color:#fff !important; }
.feature-icon.blue    { background: linear-gradient(135deg,#1E40FF,#4A5BFF) !important; color:#fff !important; }
.feature-icon.rose, .feature-icon.orange    { background: linear-gradient(135deg,#E18B12,#C66A0A) !important; color:#fff !important; }
.feature-icon.amber   { background: linear-gradient(135deg,#E18B12,#B97A10) !important; color:#fff !important; }
.feature-icon.green, .feature-icon.emerald  { background: linear-gradient(135deg,#6E4FB8,#1E40FF) !important; color:#fff !important; }
.feature-icon.teal    { background: linear-gradient(135deg,#4A5BFF,#6E4FB8) !important; color:#fff !important; }
.module-card.highlight {
  border-color: rgba(30,64,255,.4) !important;
  background: linear-gradient(180deg, rgba(30,64,255,.04), rgba(110,79,184,.02)) !important;
}
.module-tag.popular {
  background: linear-gradient(135deg, #E18B12, #1E40FF) !important; color:#fff !important;
}
.price-card.popular {
  border-color: rgba(30,64,255,.45) !important;
  box-shadow: 0 16px 40px -20px rgba(30,64,255,.35) !important;
}
.price-popular-badge {
  background: linear-gradient(135deg, #E18B12, #1E40FF) !important; color: #fff !important;
}
.logo .logo-spiral { display: none !important; }
.logo .logo-x {
  display: inline-block; width: 36px; height: 36px;
  background-image: url("favicon.svg");
  background-size: contain; background-repeat: no-repeat; background-position: center;
  vertical-align: middle; margin-right: 10px;
}
.logo strong, .logo .logo-text strong {
  background: linear-gradient(135deg, #E18B12 0%, #6E4FB8 70%, #1E40FF 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent; font-weight: 700;
}
.logo .logo-text { color: #2F2847; font-weight: 600; }
.lang-opt.active { color: #1E40FF !important; }
.sparkle, .mini-sparkle { color: #E18B12 !important; }
.sm-btn.purple { background: linear-gradient(135deg, #6E4FB8, #1E40FF) !important; }
.footer-brand .logo strong, .footer-brand .logo .logo-text strong {
  background: linear-gradient(135deg, #E18B12 0%, #1E40FF 100%);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
}
/* Main umbrella site — product strip card accents */
.hp-purple { border-color: rgba(225,139,18,.3) !important; }
.hp-purple .hp-icon { background: linear-gradient(135deg,#E18B12,#6E4FB8) !important; color:#fff !important; }
.hp-indigo { border-color: rgba(30,64,255,.3) !important; }
.hp-indigo .hp-icon { background: linear-gradient(135deg,#6E4FB8,#1E40FF) !important; color:#fff !important; }
/* Modules grid: 4 cards in a row (full width), wraps to 2x2 on smaller screens */
.modules-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 24px !important;
}