/* Partful Palette v2 — DESIGN.md — page 8046 — managed by script */

/* ── Variables ───────────────────────────────────────────── */
body.page-id-8046 {
  --blue:        #9B111E;
  --teal:        #00E5CC;
  --green:       #39FF14;
  --text:        #F4F4F6;
  --muted:       #9C9C9D;
  --bg:          #07080A;
  --bg-dark:     #0D0D0D;
  --card-bg:     rgba(255,255,255,0.03);
  --card-border: rgba(255,255,255,0.10);
}

/* ── Typography — Inter everywhere ───────────────────────── */
body.page-id-8046,
body.page-id-8046 h1,
body.page-id-8046 h2,
body.page-id-8046 h3,
body.page-id-8046 h4,
body.page-id-8046 h5,
body.page-id-8046 .btn-primary,
body.page-id-8046 .btn-ghost,
body.page-id-8046 .btn-dark,
body.page-id-8046 .section-label,
body.page-id-8046 .section-title,
body.page-id-8046 .why-card-num,
body.page-id-8046 .clients-label,
body.page-id-8046 .stat-number,
body.page-id-8046 .hero-tagline {
  font-family: 'Inter', system-ui, -apple-system, sans-serif !important;
}

/* ── Hardcoded section backgrounds ───────────────────────── */
body.page-id-8046 .tek-solutions { background: #07080A !important; }
body.page-id-8046 .tek-cta {
  background: linear-gradient(135deg, rgba(155,17,30,0.08) 0%, rgba(107,12,20,0.04) 100%) !important;
  border-top-color: rgba(155,17,30,0.15) !important;
  border-bottom-color: rgba(155,17,30,0.15) !important;
}

/* ── Hero decorations ────────────────────────────────────── */
body.page-id-8046 .hero-glow {
  background: radial-gradient(ellipse, rgba(155,17,30,0.09) 0%, transparent 70%) !important;
}
body.page-id-8046 .hero-grid {
  background-image:
    linear-gradient(rgba(155,17,30,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(155,17,30,0.03) 1px, transparent 1px) !important;
}
body.page-id-8046 .hero-eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  background: #141414 !important;
  border: 1px solid #242728 !important;
  border-radius: 100px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  color: #9C9C9D !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  margin-bottom: 28px !important;
}
body.page-id-8046 .hero-eyebrow-dot {
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: #9B111E !important;
  box-shadow: 0 0 6px rgba(155,17,30,0.6) !important;
  flex-shrink: 0 !important;
}
body.page-id-8046 .scroll-line {
  background: linear-gradient(to bottom, rgba(155,17,30,0.45), transparent) !important;
}

/* ── Heading gradient text ───────────────────────────────── */
body.page-id-8046 .tek-hero h1 em,
body.page-id-8046 h1 em,
body.page-id-8046 h2 em,
body.page-id-8046 h3 em,
body.page-id-8046 .section-title em {
  font-style: normal;
  background: linear-gradient(90deg, #C41428, #9B111E, #6B0C14) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* ── Section labels ──────────────────────────────────────── */
body.page-id-8046 .section-label { color: var(--muted) !important; }

/* ── Dividers ────────────────────────────────────────────── */
body.page-id-8046 .divider {
  background: linear-gradient(90deg, #9B111E, transparent) !important;
}

/* ── Nav header "Talk to Us" button ─────────────────────── */
body.page-id-8046 .elementor-element-cta99aa1 a {
  background: linear-gradient(135deg, #C41428, #9B111E) !important;
  color: #ffffff !important;
}

/* ── Buttons ─────────────────────────────────────────────── */
body.page-id-8046 .btn-primary {
  background: linear-gradient(135deg, #C41428 0%, #9B111E 100%) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
body.page-id-8046 .btn-primary:hover {
  background: linear-gradient(135deg, #D41530 0%, #B01525 100%) !important;
  box-shadow: none !important;
  color: #ffffff !important;
  transform: none !important;
}
body.page-id-8046 .btn-ghost:hover {
  border-color: rgba(155,17,30,0.35) !important;
  color: #9B111E !important;
}

/* ── Why section icons ───────────────────────────────────── */
body.page-id-8046 .tek-why .why-icon {
  background: #111111 !important;
  border: 1px solid #242728 !important;
  border-radius: 10px !important;
}
body.page-id-8046 .tek-why .why-icon svg {
  stroke: #9C9C9D !important;
}
body.page-id-8046 .tek-why .why-card { border-right-color: rgba(255,255,255,0.06) !important; }
body.page-id-8046 .tek-why .why-card:hover { background: rgba(155,17,30,0.04) !important; }
body.page-id-8046 .why-card-num { display: none !important; }

/* ── Trusted by / client cards ───────────────────────────── */
body.page-id-8046 .tek-clients {
  border-top-color: rgba(255,255,255,0.05) !important;
  border-bottom-color: rgba(255,255,255,0.05) !important;
}
body.page-id-8046 .client-card:hover {
  border-color: rgba(155,17,30,0.22) !important;
  background: rgba(155,17,30,0.04) !important;
  color: var(--text) !important;
}

/* ── Solution cards ──────────────────────────────────────── */
body.page-id-8046 .sol-card::before {
  background: radial-gradient(ellipse at top left, rgba(155,17,30,0.06), transparent 70%) !important;
}
body.page-id-8046 .sol-card:hover {
  border-color: rgba(155,17,30,0.38) !important;
  box-shadow: 0 8px 32px rgba(155,17,30,0.08) !important;
}

/* ── Blog cards ──────────────────────────────────────────── */
body.page-id-8046 .blog-img { background: rgba(155,17,30,0.04) !important; }
body.page-id-8046 .blog-card:hover { border-color: rgba(155,17,30,0.25) !important; }

/* ── Category pills ──────────────────────────────────────── */
body.page-id-8046 .cat-pill {
  background: #141414 !important;
  background-image: none !important;
  border: 1px solid #242728 !important;
  color: #9C9C9D !important;
  -webkit-text-fill-color: #9C9C9D !important;
  box-shadow: none !important;
}
body.page-id-8046 .cat-pill.cat-cs {
  background: rgba(155,17,30,0.10) !important;
  background-image: none !important;
  border: 1px solid rgba(155,17,30,0.30) !important;
  color: #9B111E !important;
  -webkit-text-fill-color: #9B111E !important;
}
body.page-id-8046 .cat-pill.cat-comp {
  background: rgba(255,197,51,0.12) !important;
  background-image: none !important;
  border: 1px solid rgba(255,197,51,0.30) !important;
  color: #FFC533 !important;
  -webkit-text-fill-color: #FFC533 !important;
}
body.page-id-8046 .cat-pill.cat-erpnext {
  background: rgba(0,191,255,0.12) !important;
  background-image: none !important;
  border: 1px solid rgba(0,191,255,0.25) !important;
  color: #00BFFF !important;
  -webkit-text-fill-color: #00BFFF !important;
}

/* ── Footer ──────────────────────────────────────────────── */
body.page-id-8046 .footer-contact a:hover { color: #9B111E !important; }
/* ── Section title size fix — matches prototype clamp(26px,4vw,38px) ─────── */
/* section-title-size-fix */
body.page-id-8046 .section-title {
  font-size: clamp(26px, 4vw, 38px) !important;
  font-weight: 600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.5px !important;
  color: #F4F4F6 !important;
  margin-bottom: 16px !important;
}
body.page-id-8046 .section-label {
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #6A6B6C !important;
  margin-bottom: 12px !important;
  display: block !important;
}

/* ── Why grid layout ─────────────────────────────────────────────────────── */
body.page-id-8046 .why-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: 40px !important;
}
body.page-id-8046 .why-card {
  background: #141414 !important;
  border: 1px solid #242728 !important;
  border-radius: 8px !important;
  padding: 28px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
}
body.page-id-8046 .why-card h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #F4F4F6 !important;
  margin: 0 !important;
}
body.page-id-8046 .why-card p {
  font-size: 14px !important;
  color: #9C9C9D !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ── Solutions grid layout ───────────────────────────────────────────────── */
body.page-id-8046 .sol-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  margin-top: 40px !important;
}
body.page-id-8046 .sol-card {
  background: #141414 !important;
  border: 1px solid #242728 !important;
  border-radius: 8px !important;
  padding: 24px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 8px !important;
  position: relative !important;
  overflow: hidden !important;
}
body.page-id-8046 .sol-card h3 {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #F4F4F6 !important;
  margin: 0 !important;
}
body.page-id-8046 .sol-card p, body.page-id-8046 .sol-desc {
  font-size: 13px !important;
  color: #9C9C9D !important;
  line-height: 1.65 !important;
  margin: 0 !important;
}

/* ── Inner container width ───────────────────────────────────────────────── */
body.page-id-8046 .inner {
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 80px 40px !important;
}

/* ── Section backgrounds ─────────────────────────────────────────────────── */
body.page-id-8046 .tek-why,
body.page-id-8046 .tek-clients,
body.page-id-8046 .tek-solutions,
body.page-id-8046 .tek-blog,
body.page-id-8046 .tek-about,
body.page-id-8046 .tek-cta {
  background: #07080A !important;
}

/* ── Remove Elementor container extra padding ────────────────────────────── */
body.page-id-8046 .e-container {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* -- Gradient text -- force override regardless of e-lazyloaded state --- */
body.page-id-8046 .section-title em,
body.page-id-8046 h2 em,
body.page-id-8046 h3 em {
  font-style: normal !important;
  background: linear-gradient(90deg, #C41428, #9B111E, #6B0C14) !important;
  background-image: linear-gradient(90deg, #C41428, #9B111E, #6B0C14) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  display: inline !important;
}


/* ── Fade-up animation ───────────────────────────────────────────────────── */
/* fade-up-anim */
body.page-id-8046 .fade-up {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
body.page-id-8046 .fade-up.visible {
  opacity: 1 !important;
  transform: translateY(0) !important;
}


/* ── Solutions section full fix ── solutions-grid-fix ──────────────────────── */

/* Grid: HTML uses .solutions-grid not .sol-grid */
body.page-id-8046 .solutions-grid {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  margin-top: 40px !important;
}

/* sol-card-one = tagline below heading — muted, not red */
body.page-id-8046 .sol-card-one {
  font-size: 13px !important;
  font-weight: 500 !important;
  color: #6A6B6C !important;
  line-height: 1.5 !important;
  margin: 0 0 4px !important;
}

/* Links inside sol-card — muted, not theme red */
body.page-id-8046 .sol-card a {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6A6B6C !important;
  text-decoration: none !important;
  margin-top: auto !important;
  display: inline-block !important;
}
body.page-id-8046 .sol-card a:hover {
  color: #F4F4F6 !important;
}

/* Badge pills */
body.page-id-8046 .badge {
  display: inline-flex !important;
  align-items: center !important;
  border-radius: 100px !important;
  padding: 3px 10px !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.07em !important;
  text-transform: uppercase !important;
  margin-right: 4px !important;
  margin-bottom: 12px !important;
}
body.page-id-8046 .badge-teal {
  background: rgba(0,229,204,0.12) !important;
  border: 1px solid rgba(0,229,204,0.28) !important;
  color: #00E5CC !important;
}
body.page-id-8046 .badge-blue {
  background: rgba(0,191,255,0.12) !important;
  border: 1px solid rgba(0,191,255,0.25) !important;
  color: #00BFFF !important;
}
body.page-id-8046 .badge-green {
  background: rgba(0,229,130,0.12) !important;
  border: 1px solid rgba(0,229,130,0.25) !important;
  color: #00E582 !important;
}
body.page-id-8046 .badge-amber {
  background: rgba(255,197,51,0.12) !important;
  border: 1px solid rgba(255,197,51,0.28) !important;
  color: #FFC533 !important;
}
body.page-id-8046 .badge-grey {
  background: rgba(156,156,157,0.12) !important;
  border: 1px solid rgba(156,156,157,0.20) !important;
  color: #6A6B6C !important;
}

/* Platform card — slightly distinct */
body.page-id-8046 .platform-card {
  background: rgba(155,17,30,0.04) !important;
  border-color: rgba(155,17,30,0.18) !important;
}
body.page-id-8046 .platform-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important; left: 0 !important; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, #C41428, #9B111E) !important;
}

/* Section sub-heading */
body.page-id-8046 .section-sub {
  font-size: 15px !important;
  color: #9C9C9D !important;
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}


/* ── sol-name / sol-link / sol-name-tag ── sol-name-tag-fix ─────────────── */
body.page-id-8046 .sol-name {
  font-size: 20px !important;
  font-weight: 600 !important;
  color: #F4F4F6 !important;
  letter-spacing: -0.2px !important;
  margin-bottom: 6px !important;
  margin-top: 0 !important;
}
body.page-id-8046 .sol-desc {
  font-size: 14px !important;
  color: #9C9C9D !important;
  line-height: 1.65 !important;
  margin: 0 0 16px !important;
  flex: 1 !important;
}
body.page-id-8046 .sol-link {
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #6A6B6C !important;
  text-decoration: none !important;
  display: inline-block !important;
  margin-top: auto !important;
}
body.page-id-8046 .sol-link:hover {
  color: #F4F4F6 !important;
}
body.page-id-8046 .sol-name-tag {
  display: inline-block !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  color: #9B111E !important;
  background: rgba(155,17,30,0.15) !important;
  border: 1px solid rgba(155,17,30,0.25) !important;
  border-radius: 4px !important;
  padding: 2px 7px !important;
  margin-left: 8px !important;
  vertical-align: middle !important;
}
body.page-id-8046 .sol-card-badges {
  margin-bottom: 8px !important;
}


/* ── About section ── about-stats-fix ───────────────────────────────────── */
body.page-id-8046 .tek-about .inner {
  padding: 80px 40px !important;
}
body.page-id-8046 .about-inner {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 64px !important;
  align-items: center !important;
}
body.page-id-8046 .about-content p {
  font-size: 16px !important;
  color: #9C9C9D !important;
  line-height: 1.75 !important;
  margin-bottom: 16px !important;
}
body.page-id-8046 .about-content p strong {
  color: #CDCDCD !important;
  font-weight: 500 !important;
}
body.page-id-8046 .about-stats {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 12px !important;
}
body.page-id-8046 .stat-card {
  background: #141414 !important;
  border: 1px solid #242728 !important;
  border-radius: 8px !important;
  padding: 24px !important;
}
body.page-id-8046 .stat-num {
  font-size: 36px !important;
  font-weight: 700 !important;
  letter-spacing: -1px !important;
  line-height: 1 !important;
  color: #F4F4F6 !important;
  margin-bottom: 6px !important;
}
body.page-id-8046 .stat-card .stat-label {
  font-size: 12px !important;
  color: #9C9C9D !important;
  line-height: 1.4 !important;
}
/* Ghost button */
body.page-id-8046 .btn-ghost {
  display: inline-block !important;
  padding: 11px 24px !important;
  border: 1px solid #242728 !important;
  border-radius: 6px !important;
  color: #F4F4F6 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  background: transparent !important;
  transition: border-color 150ms, color 150ms !important;
}
body.page-id-8046 .btn-ghost:hover {
  border-color: rgba(255,255,255,0.3) !important;
  color: #ffffff !important;
}


/* ── sol-link → match blog-read style ───────────────────────────────────── */
body.page-id-8046 .sol-link,
body.page-id-8046 .sol-card a {
  color: #00BFFF !important;
  font-family: 'Space Grotesk', sans-serif !important;
  font-weight: 500 !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  transition: gap 0.2s !important;
}
body.page-id-8046 .sol-link:hover,
body.page-id-8046 .sol-card a:hover {
  color: #00BFFF !important;
  gap: 8px !important;
}