/* ═══════════════════════════════════════════════════════════════════
   V2.CSS — Color Overhaul + Uniform Heading Centering
   Loaded after award.css — all rules are targeted overrides only

   PALETTE CHANGE: Generic Indigo/Cyan → Midnight Violet + Amber Gold
   ── --indigo:  #6366F1  →  #7C3AED  (richer, saturated violet)
   ── --indigo-l: #818CF8  →  #A78BFA  (soft lavender)
   ── --cyan:   #22D3EE  →  #F59E0B  (warm amber replaces cold neon)
   ── --bg:     #03030A  →  #060609  (deeper purple-black)
   ── Light sections: warm cream, not lavender-tinted
═══════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════
   1. ROOT — New Color Tokens
════════════════════════════════════════════════════════════════ */
:root {
  --bg:       #060609;
  --surface:  #0E0C1C;
  --indigo:   #7C3AED;
  --indigo-l: #A78BFA;
  --cyan:     #F59E0B;   /* amber — the warm "spark" replaces cold neon */
  --amber:    #F59E0B;
  --muted:    #6B7280;
  --border:   rgba(255, 255, 255, 0.07);
}


/* ════════════════════════════════════════════════════════════════
   2. GLOBAL — Scroll progress, orbs, loader, cursor tint
════════════════════════════════════════════════════════════════ */

/* Scroll progress bar */
#sp { background: linear-gradient(90deg, #7C3AED, #F59E0B, #A78BFA) !important; }

/* Hero gradient overlays — update slide tints to violet + amber */
#slide0 .h-ov { background: linear-gradient(135deg, rgba(124,58,237,0.28) 0%, rgba(6,6,9,0.08) 100%) !important; }
#slide1 .h-ov { background: linear-gradient(135deg, rgba(16,185,129,0.18) 0%, rgba(6,6,9,0.12) 100%) !important; }
#slide2 .h-ov { background: linear-gradient(135deg, rgba(245,158,11,0.22) 0%, rgba(124,58,237,0.1) 100%) !important; }
#slide3 .h-ov { background: linear-gradient(135deg, rgba(124,58,237,0.2) 0%, rgba(6,6,9,0.1) 100%) !important; }
#slide4 .h-ov { background: linear-gradient(135deg, rgba(245,158,11,0.18) 0%, rgba(124,58,237,0.14) 100%) !important; }

/* Hero orbs */
.hero-orb-1 { background: rgba(124,58,237,0.18) !important; }
.hero-orb-2 { background: rgba(245,158,11,0.1)  !important; }

/* Gradient text gradient across the site — violet → amber */
.hw-accent .hw-inner {
  background: linear-gradient(110deg, #A78BFA 0%, #F59E0B 55%, #A78BFA 100%) !important;
}

/* Page loader */
.aw-loader-bar-fill { background: linear-gradient(90deg, #7C3AED, #F59E0B) !important; }
.aw-loader-logo em  { color: #7C3AED !important; }

/* Ticker accent dot */
.aw-ticker-item .tdot { background: #F59E0B !important; }
#aw-ticker { background: rgba(124,58,237,0.06) !important; border-top-color: rgba(124,58,237,0.12) !important; border-bottom-color: rgba(124,58,237,0.12) !important; }

/* CTA glow */
.cta-glow { background: radial-gradient(circle, rgba(124,58,237,0.1) 0%, transparent 70%) !important; }

/* Scroll cue line */
.cue-track    { background: #F59E0B !important; }
.hero-cue::after { background: linear-gradient(to bottom, transparent, #F59E0B) !important; }


/* ════════════════════════════════════════════════════════════════
   3. HEADER / NAV
════════════════════════════════════════════════════════════════ */
.btn-cta {
  background: linear-gradient(135deg, #7C3AED, #A78BFA 50%, #9333EA) !important;
}
.nav-link::after { background: #F59E0B !important; }
.nav-link:hover  { color: #F59E0B !important; }
.hd-cta-btn,
.hd-cta a { background: linear-gradient(90deg, #7C3AED, #A78BFA) !important; }


/* ════════════════════════════════════════════════════════════════
   4. HERO SLIDER — edge gradients (match new bg)
════════════════════════════════════════════════════════════════ */
.hero-top-grad {
  background: linear-gradient(to bottom, rgba(6,6,9,0.9) 0%, transparent 100%) !important;
}
.hero-bot-grad {
  background: linear-gradient(to top, rgba(6,6,9,0.96) 0%, transparent 100%) !important;
}
.hero-side-grad {
  background: linear-gradient(to right, rgba(6,6,9,0.7) 0%, transparent 40%) !important;
}
.hero-corner .hcl {
  background: linear-gradient(to right, rgba(167,139,250,0.5), transparent) !important;
}


/* ════════════════════════════════════════════════════════════════
   5. SERVICES — WHITE SECTION  (uniform center + new accents)
════════════════════════════════════════════════════════════════ */
#services .srv-eyebrow { color: #7C3AED !important; }
#services .srv-eyebrow svg { color: #7C3AED !important; }
#services .srv-h2 em   { color: #7C3AED !important; }
#services .srv-link    { color: rgba(8,8,26,0.35) !important; }
#services .srv-card:hover .srv-link { color: #7C3AED !important; }
#services .srv-card-bar { background: #7C3AED !important; }

/* Center services header */
.srv-head { text-align: center !important; }
.srv-lead { max-width: 560px; margin: 0 auto !important; }
/* inline-flex eyebrow: wrap in centered block via display trick */
.srv-eyebrow {
  display: inline-flex !important;
  margin: 0 auto 22px !important;
  border-color: rgba(124,58,237,0.28) !important;
  background: rgba(124,58,237,0.08) !important;
}
/* srv-head centering: flex column so inline-flex eyebrow centers too */
.srv-head { display: flex !important; flex-direction: column !important; align-items: center !important; }
.srv-h2   { text-align: center !important; }


/* ════════════════════════════════════════════════════════════════
   6. PRODUCTS
════════════════════════════════════════════════════════════════ */
.prod-eyebrow { color: #A78BFA !important; }
.prod-h2 em   {
  background: linear-gradient(90deg, #A78BFA, #F59E0B) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.prod-lead { color: rgba(255,255,255,0.38) !important; }

/* Card bars stay: amber bar for "stalls", violet bar for "sphere", rest unchanged */
.card-stalls .prod-bar   { background: linear-gradient(90deg, #F59E0B, #FBB430) !important; }
.prod-featured .prod-bar { background: linear-gradient(90deg, #7C3AED, #A78BFA) !important; }
.card-mail .prod-bar     { background: linear-gradient(90deg, #A78BFA, #7C3AED) !important; }

/* Featured card ring */
.prod-featured { --cc1: #7C3AED !important; --cc2: #A78BFA !important; }


/* ════════════════════════════════════════════════════════════════
   7. TRUSTED BY
════════════════════════════════════════════════════════════════ */
.trust-eyebrow { color: #A78BFA !important; }
.trust-title em {
  background: linear-gradient(90deg, #A78BFA, #F59E0B) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}


/* ════════════════════════════════════════════════════════════════
   8. WHY CHOOSE
════════════════════════════════════════════════════════════════ */
.wc-eyebrow, .why-eyebrow { color: #A78BFA !important; }
.wc-h2 em, .why-h2 em {
  background: linear-gradient(90deg, #A78BFA, #F59E0B) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
.wc-icon { background: rgba(124,58,237,0.12) !important; color: #A78BFA !important; }
.wc-card:hover .wc-icon { background: rgba(124,58,237,0.22) !important; }


/* ════════════════════════════════════════════════════════════════
   9. PROCESS
════════════════════════════════════════════════════════════════ */
.proc-eyebrow { color: #A78BFA !important; }
.proc-h2 em {
  background: linear-gradient(90deg, #A78BFA, #F59E0B) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
/* Process ICONS: keep original per-card gradient backgrounds unchanged */


/* ════════════════════════════════════════════════════════════════
   10. INDUSTRIES — CENTER heading + new palette
════════════════════════════════════════════════════════════════ */
.ind-eyebrow { color: #A78BFA !important; }
.ind-h2 em {
  background: linear-gradient(90deg, #A78BFA, #F59E0B) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}

/* Center the editorial split header → stacked centered */
.ind-head {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 24px !important;
}
.ind-head-text { max-width: 600px; text-align: center; }
.ind-counter    { text-align: center !important; }


/* ════════════════════════════════════════════════════════════════
   11. INDUSTRIES GALLERY — WARM CREAM  (was lavender #F0EEFF)
════════════════════════════════════════════════════════════════ */
#ind-gallery { background: #FFF8EE !important; }
#ind-gallery::before {
  background: linear-gradient(90deg, transparent, rgba(245,158,11,0.1) 30%, rgba(245,158,11,0.1) 70%, transparent) !important;
}
#ind-gallery .ig-eyebrow { color: #7C3AED !important; }
#ind-gallery .ig-h2     { color: #0A0714 !important; }
#ind-gallery .ig-h2 em {
  background: linear-gradient(90deg, #7C3AED, #F59E0B) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
#ind-gallery .ig-lead { color: rgba(10,7,20,0.48) !important; }


/* ════════════════════════════════════════════════════════════════
   12. STATS — DARK SECTION  + CENTER heading
════════════════════════════════════════════════════════════════ */
#stats { background: #080710 !important; }
#stats .stats-h2 { color: #FFFFFF !important; }
#stats .stats-h2 em {
  background: linear-gradient(90deg, #A78BFA 0%, #F59E0B 100%) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
#stats .stats-sub { color: rgba(255,255,255,0.36) !important; }
#stats .stats-banner-rule { background: linear-gradient(to right, transparent, rgba(255,255,255,0.12), transparent) !important; }
#stats .stats-banner-lbl  { color: rgba(255,255,255,0.26) !important; }
#stats .stat-item { border-right-color: rgba(255,255,255,0.07) !important; border-bottom-color: rgba(255,255,255,0.07) !important; }
#stats .stat-name { color: rgba(255,255,255,0.8) !important; }
#stats .stat-note { color: rgba(255,255,255,0.3) !important; }

/* CENTER stats heading */
.stats-heading-block { text-align: center !important; }
.stats-h2 { max-width: 600px; margin: 0 auto !important; }
.stats-sub { max-width: 520px; margin: 10px auto 0 !important; }
.stats-banner { justify-content: center !important; }


/* ════════════════════════════════════════════════════════════════
   13. INSIGHTS — WARM CREAM  (was lavender #F8F7FF) + CENTER
════════════════════════════════════════════════════════════════ */
#insights { background: #FFFCF5 !important; border-top-color: rgba(10,7,20,0.06) !important; }
#insights .ins-eyebrow { color: #7C3AED !important; }
#insights .ins-h2 { color: #0A0714 !important; }
#insights .ins-h2 em {
  background: linear-gradient(90deg, #7C3AED, #F59E0B) !important;
  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important;
}
#insights .ins-tab { border-color: rgba(10,7,20,0.12) !important; color: rgba(10,7,20,0.42) !important; }
#insights .ins-tab:hover { color: #0A0714 !important; border-color: rgba(10,7,20,0.26) !important; background: rgba(10,7,20,0.04) !important; }
#insights .ins-tab.active { background: #7C3AED !important; border-color: #7C3AED !important; color: #fff !important; }

/* bl-fc cards on the light #insights background — mirrors #bl-featured overrides */
#insights .bl-fc { background: #fff !important; }
#insights .bl-fc-title { color: #0F0A1E !important; }
#insights .bl-author-name { color: rgba(15,10,30,0.55) !important; }
#insights .bl-fc-date { color: rgba(15,10,30,0.38) !important; }
#insights .bl-fc-read { color: #7C3AED !important; }
#insights .bl-fc-footer { border-top-color: rgba(15,10,30,0.08) !important; }
#insights .bl-tag--linkedin { background: rgba(10,102,194,0.1);  color: #0A7CC5; border-color: rgba(10,102,194,0.2); }
#insights .bl-tag--seo      { background: rgba(124,58,237,0.09); color: #7C3AED; border-color: rgba(124,58,237,0.18); }
#insights .bl-tag--content  { background: rgba(16,185,129,0.1);  color: #059669; border-color: rgba(16,185,129,0.2); }
#insights .bl-tag--paid     { background: rgba(249,115,22,0.1);  color: #D97706; border-color: rgba(249,115,22,0.2); }
#insights .bl-tag--social   { background: rgba(236,72,153,0.1);  color: #DB2777; border-color: rgba(236,72,153,0.2); }
#insights .bl-tag--strategy { background: rgba(34,211,238,0.1);  color: #0891B2; border-color: rgba(34,211,238,0.2); }
#insights .bl-tag--b2b      { background: rgba(99,102,241,0.1);  color: #4F46E5; border-color: rgba(99,102,241,0.2); }

/* CENTER insights — stack header + view-all vertically */
.ins-top {
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
  gap: 20px !important;
}
.ins-header { text-align: center; }

/* Empty-state fallback */
.ins-empty {
  grid-column: 1 / -1;
  text-align: center;
  color: rgba(10,7,20,0.42);
  padding: 40px 0;
  font-size: 0.9375rem;
}

/* Author row inside .ins-card */
.ins-card-author {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 4px;
}
.ins-author-name {
  font-size: 12px;
  font-weight: 600;
  color: rgba(10,7,20,0.42);
}
/* Compact avatar — mirrors bl-av in blog.css for homepage context */
.ins-av {
  width: 26px; height: 26px;
  border-radius: 50%;
  display: flex; align-items: center; justify-content: center;
  font-size: 9px; font-weight: 700; color: #fff;
  flex-shrink: 0;
  letter-spacing: 0.02em;
}
.ins-av--am { background: linear-gradient(135deg,#7C3AED,#4F46E5); }
.ins-av--ps { background: linear-gradient(135deg,#0EA5E9,#22D3EE); }
.ins-av--rv { background: linear-gradient(135deg,#10B981,#0D9488); }
.ins-av--sp { background: linear-gradient(135deg,#F43F5E,#F97316); }
.ins-av--ki { background: linear-gradient(135deg,#F59E0B,#D97706); }
.ins-av--dn { background: linear-gradient(135deg,#8B5CF6,#6D28D9); }
.ins-av-default { background: linear-gradient(135deg,#6366F1,#22D3EE); }

/* "Read Blog →" text in ins-foot */
.ins-read-link {
  font-size: 12px;
  font-weight: 600;
  color: #7C3AED;
  letter-spacing: 0.01em;
}
/* "View All Blog Posts" CTA row below grid */
.ins-cta-row {
  display: flex;
  justify-content: center;
  margin-top: 52px;
}


/* ════════════════════════════════════════════════════════════════
   14. CTA — CENTER layout  (was text-left / buttons-right split)
════════════════════════════════════════════════════════════════ */
.cta-tag  { color: #7C3AED !important; }
.cta-h2 em {
  color: #F59E0B !important;
  background: none !important;
  -webkit-text-fill-color: #F59E0B !important;
}

/* CTA primary button */
.cta-btn-primary {
  background: #7C3AED !important;
}
.cta-btn-primary:hover {
  background: #6D28D9 !important;
}


/* ════════════════════════════════════════════════════════════════
   15. FOOTER
════════════════════════════════════════════════════════════════ */
.ftr-logo span { color: #A78BFA !important; }
.ftr-logo:hover { color: #A78BFA !important; }
.ftr-col-head { color: rgba(255,255,255,0.55) !important; }
.ftr-links a:hover { color: #F59E0B !important; }
.ftr-social a:hover { color: #A78BFA !important; }


/* ════════════════════════════════════════════════════════════════
   16. EYEBROW PILLS ACROSS ALL SECTIONS  (violet accent)
════════════════════════════════════════════════════════════════ */
.srv-eyebrow svg,
.prod-eyebrow svg,
.wc-eyebrow svg,
.proc-eyebrow svg,
.ind-eyebrow svg,
.ig-eyebrow svg,
.ins-eyebrow svg { color: #A78BFA !important; }

.srv-eyebrow,
.prod-eyebrow,
.wc-eyebrow,
.proc-eyebrow { color: #A78BFA !important; }


/* ════════════════════════════════════════════════════════════════
   17. FLOATING ACTION BUTTONS — original colors preserved, no overrides
════════════════════════════════════════════════════════════════ */


/* ════════════════════════════════════════════════════════════════
   18. SERVICES SECTION — grid grid-line color update
════════════════════════════════════════════════════════════════ */
#services .srv-grid { border-color: rgba(0,0,0,0.07) !important; }
#services .srv-grid::before,
#services .srv-grid::after { border-color: rgba(0,0,0,0.07) !important; }


/* ════════════════════════════════════════════════════════════════
   19. AWARD.CSS OVERRIDES — orbs use new palette
════════════════════════════════════════════════════════════════ */
@keyframes aw-grad-shift {
  0%   { background-position: 0% 50%; }
  100% { background-position: 200% 50%; }
}