/* ═══════════════════════════════════════════════════════════
   XtrazCon — Visual Enhancement Layer v2
   Premium colors · Gradient text · Glassmorphism · Animations
   All rules use !important to override originals safely.
   Zero layout/structure changes.
   ═══════════════════════════════════════════════════════════ */

/* ─── CSS CUSTOM PROPERTIES (NEW PALETTE) ───────────────── */
:root {
  --e-cyan:        #00E5FF;
  --e-blue:        #2979FF;
  --e-purple:      #7C3AED;
  --e-violet:      #A855F7;
  --e-indigo:      #4F46E5;
  --e-orange:      #FF6B35;
  --e-red:         #E8321A;

  --e-grad-main:   linear-gradient(135deg, #00E5FF 0%, #2979FF 40%, #7C3AED 100%);
  --e-grad-warm:   linear-gradient(135deg, #E8321A 0%, #FF6B35 100%);
  --e-grad-cool:   linear-gradient(135deg, #00E5FF 0%, #7C3AED 100%);
  --e-grad-violet: linear-gradient(135deg, #7C3AED 0%, #A855F7 100%);

  --e-glass-bg:    rgba(10, 12, 24, 0.65);
  --e-glass-bdr:   rgba(0, 229, 255, 0.08);
  --e-glass-bdr2:  rgba(124, 58, 237, 0.15);
  --e-glow-cyan:   0 0 40px rgba(0,229,255,0.12), 0 0 80px rgba(0,229,255,0.05);
  --e-glow-purple: 0 0 40px rgba(124,58,237,0.15), 0 0 80px rgba(124,58,237,0.06);
  --e-shadow-card: 0 20px 60px rgba(0,0,0,0.55), 0 8px 20px rgba(0,0,0,0.35);
}

/* ─── BODY & PAGE ENTRANCE ──────────────────────────────── */
body {
  background: #070A14 !important;
}

@keyframes pageIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
body { animation: pageIn 0.4s ease; }

/* ─── SCROLLBAR ─────────────────────────────────────────── */
::-webkit-scrollbar { width: 5px; }
::-webkit-scrollbar-track { background: #07090F; }
::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #00E5FF, #7C3AED);
  border-radius: 10px;
}
::selection { background: rgba(124,58,237,0.35); color: #fff; }

/* ─── ANIMATED CANVAS BACKGROUND ───────────────────────── */
#xc-canvas {
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
}

/* ─── CURSOR TRAIL ──────────────────────────────────────── */
#xc-cursor {
  position: fixed;
  width: 320px;
  height: 320px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0,229,255,0.055) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s;
  will-change: left, top;
}

/* ═══════════════════════════════════════════════════════
   NAVBAR
═══════════════════════════════════════════════════════ */
.navbar.scrolled {
  background: rgba(5, 7, 16, 0.88) !important;
  backdrop-filter: blur(28px) saturate(180%) !important;
  border-bottom: 1px solid rgba(0,229,255,0.08) !important;
  box-shadow: 0 4px 40px rgba(0,0,0,0.5) !important;
}
.nav-link:hover, .nav-link.active { color: var(--e-cyan) !important; }
.nav-link::after {
  background: var(--e-grad-main) !important;
}
.nav-link.nav-cta {
  background: var(--e-grad-warm) !important;
  border: none !important;
  box-shadow: 0 2px 16px rgba(232,50,26,0.35) !important;
}
.nav-link.nav-cta:hover {
  transform: translateY(-1px) !important;
  box-shadow: 0 6px 24px rgba(232,50,26,0.45) !important;
}
@media (max-width: 900px) {
  .nav-menu {
    background: rgba(5,7,16,0.97) !important;
    backdrop-filter: blur(30px) !important;
    border-bottom: 1px solid rgba(0,229,255,0.07) !important;
  }
}

/* ═══════════════════════════════════════════════════════
   GRADIENT TEXT UTILITY
═══════════════════════════════════════════════════════ */
.grad-text {
  background: var(--e-grad-main);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.grad-text-warm {
  background: var(--e-grad-warm);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* ═══════════════════════════════════════════════════════
   HERO SECTION
═══════════════════════════════════════════════════════ */
.hero {
  background:
    radial-gradient(ellipse 100% 80% at 65% 25%, rgba(0,229,255,0.07) 0%, transparent 55%),
    radial-gradient(ellipse 70% 60% at 20% 70%, rgba(124,58,237,0.1) 0%, transparent 55%),
    radial-gradient(ellipse 50% 40% at 50% 50%, rgba(41,121,255,0.06) 0%, transparent 60%),
    #070A14 !important;
}
.hero-grid-overlay {
  background-image:
    linear-gradient(rgba(0,229,255,0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,0.035) 1px, transparent 1px) !important;
  background-size: 55px 55px !important;
  animation: gridDrift 25s ease-in-out infinite;
}
@keyframes gridDrift {
  0%,100% { transform: translateY(0) translateX(0); }
  33%     { transform: translateY(-6px) translateX(4px); }
  66%     { transform: translateY(4px) translateX(-4px); }
}

/* Hero heading — gradient text */
.hero-heading .accent-red {
  background: var(--e-grad-warm) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.hero-heading .accent-blue {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Hero badge */
.hero-badge {
  background: rgba(0,229,255,0.07) !important;
  border: 1px solid rgba(0,229,255,0.2) !important;
  backdrop-filter: blur(10px) !important;
  color: var(--e-cyan) !important;
}
.badge-dot {
  background: var(--e-cyan) !important;
  box-shadow: 0 0 10px rgba(0,229,255,0.8) !important;
}

/* Hero image wrap — floating + glow */
.hero-image-wrap {
  border: 1px solid rgba(0,229,255,0.12) !important;
  box-shadow: var(--e-shadow-card), var(--e-glow-cyan) !important;
  animation: heroFloat 7s ease-in-out infinite !important;
}
@keyframes heroFloat {
  0%,100% { transform: translateY(0) rotateX(0deg); }
  50%     { transform: translateY(-12px) rotateX(1.5deg); }
}

/* Hero badges overlaid on image */
.hero-image-badge {
  background: rgba(5,8,20,0.88) !important;
  border: 1px solid rgba(0,229,255,0.25) !important;
  backdrop-filter: blur(14px) !important;
  color: var(--e-cyan) !important;
  box-shadow: 0 4px 20px rgba(0,229,255,0.1) !important;
}
.hero-float-card {
  background: rgba(5,8,20,0.88) !important;
  border: 1px solid rgba(124,58,237,0.3) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), var(--e-glow-purple) !important;
}
.float-title { color: #fff !important; }

/* Hero stats */
.stat-num {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.hero-stats {
  border-top-color: rgba(0,229,255,0.1) !important;
}
.stat-divider {
  background: linear-gradient(180deg, transparent, rgba(0,229,255,0.25), transparent) !important;
}

/* Hero sub text chips */
.hero-sub span { color: var(--e-cyan) !important; opacity: 0.85; }
.hero-sub .sep { color: rgba(124,58,237,0.5) !important; }

/* Scroll hint */
.scroll-line {
  background: linear-gradient(to bottom, var(--e-cyan), transparent) !important;
}

/* ─── HERO IMAGE REPLACEMENT ────────────────────────────── */
/* Replace hero-bg.jpg with generated SVG neural-network visual */
.hero-img {
  width: 100% !important;
  height: clamp(280px,40vw,460px) !important;
  object-fit: cover !important;
  border-radius: var(--radius-lg) !important;
  display: block !important;
  /* SVG neural network as data URI */
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='420' viewBox='0 0 600 420'%3E%3Cdefs%3E%3CradialGradient id='bg' cx='50%25' cy='50%25' r='80%25'%3E%3Cstop offset='0%25' stop-color='%230D1535'/%3E%3Cstop offset='100%25' stop-color='%23070A14'/%3E%3C/radialGradient%3E%3Cfilter id='glow'%3E%3CfeGaussianBlur stdDeviation='2.5' result='blur'/%3E%3CfeMerge%3E%3CfeMergeNode in='blur'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3ClinearGradient id='nc' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%2300E5FF'/%3E%3Cstop offset='100%25' stop-color='%237C3AED'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='600' height='420' fill='url(%23bg)'/%3E%3C!-- Grid ---%3E%3Cg opacity='0.15' stroke='%2300E5FF' stroke-width='0.4'%3E%3Cline x1='0' y1='60' x2='600' y2='60'/%3E%3Cline x1='0' y1='120' x2='600' y2='120'/%3E%3Cline x1='0' y1='180' x2='600' y2='180'/%3E%3Cline x1='0' y1='240' x2='600' y2='240'/%3E%3Cline x1='0' y1='300' x2='600' y2='300'/%3E%3Cline x1='0' y1='360' x2='600' y2='360'/%3E%3Cline x1='60' y1='0' x2='60' y2='420'/%3E%3Cline x1='120' y1='0' x2='120' y2='420'/%3E%3Cline x1='180' y1='0' x2='180' y2='420'/%3E%3Cline x1='240' y1='0' x2='240' y2='420'/%3E%3Cline x1='300' y1='0' x2='300' y2='420'/%3E%3Cline x1='360' y1='0' x2='360' y2='420'/%3E%3Cline x1='420' y1='0' x2='420' y2='420'/%3E%3Cline x1='480' y1='0' x2='480' y2='420'/%3E%3Cline x1='540' y1='0' x2='540' y2='420'/%3E%3C/g%3E%3C!-- Neural connections ---%3E%3Cg filter='url(%23glow)' stroke='url(%23nc)' stroke-width='0.7' opacity='0.5' fill='none'%3E%3Cline x1='80' y1='100' x2='200' y2='160'/%3E%3Cline x1='80' y1='100' x2='200' y2='220'/%3E%3Cline x1='80' y1='100' x2='200' y2='290'/%3E%3Cline x1='80' y1='210' x2='200' y2='160'/%3E%3Cline x1='80' y1='210' x2='200' y2='220'/%3E%3Cline x1='80' y1='210' x2='200' y2='290'/%3E%3Cline x1='80' y1='320' x2='200' y2='220'/%3E%3Cline x1='80' y1='320' x2='200' y2='290'/%3E%3Cline x1='200' y1='160' x2='330' y2='130'/%3E%3Cline x1='200' y1='160' x2='330' y2='210'/%3E%3Cline x1='200' y1='160' x2='330' y2='295'/%3E%3Cline x1='200' y1='220' x2='330' y2='130'/%3E%3Cline x1='200' y1='220' x2='330' y2='210'/%3E%3Cline x1='200' y1='220' x2='330' y2='295'/%3E%3Cline x1='200' y1='290' x2='330' y2='210'/%3E%3Cline x1='200' y1='290' x2='330' y2='295'/%3E%3Cline x1='330' y1='130' x2='450' y2='160'/%3E%3Cline x1='330' y1='130' x2='450' y2='250'/%3E%3Cline x1='330' y1='210' x2='450' y2='160'/%3E%3Cline x1='330' y1='210' x2='450' y2='250'/%3E%3Cline x1='330' y1='295' x2='450' y2='250'/%3E%3Cline x1='330' y1='295' x2='450' y2='330'/%3E%3Cline x1='450' y1='160' x2='540' y2='210'/%3E%3Cline x1='450' y1='250' x2='540' y2='210'/%3E%3Cline x1='450' y1='330' x2='540' y2='210'/%3E%3C/g%3E%3C!-- Nodes layer 1 ---%3E%3Cg filter='url(%23glow)'%3E%3Ccircle cx='80' cy='100' r='6' fill='%2300E5FF' opacity='0.9'/%3E%3Ccircle cx='80' cy='210' r='6' fill='%2300E5FF' opacity='0.9'/%3E%3Ccircle cx='80' cy='320' r='6' fill='%2300E5FF' opacity='0.9'/%3E%3Ccircle cx='200' cy='160' r='7' fill='%232979FF' opacity='0.95'/%3E%3Ccircle cx='200' cy='220' r='7' fill='%232979FF' opacity='0.95'/%3E%3Ccircle cx='200' cy='290' r='7' fill='%232979FF' opacity='0.95'/%3E%3Ccircle cx='330' cy='130' r='8' fill='%237C3AED' opacity='0.95'/%3E%3Ccircle cx='330' cy='210' r='8' fill='%237C3AED' opacity='0.95'/%3E%3Ccircle cx='330' cy='295' r='8' fill='%237C3AED' opacity='0.95'/%3E%3Ccircle cx='450' cy='160' r='7' fill='%23A855F7' opacity='0.9'/%3E%3Ccircle cx='450' cy='250' r='7' fill='%23A855F7' opacity='0.9'/%3E%3Ccircle cx='450' cy='330' r='7' fill='%23A855F7' opacity='0.9'/%3E%3Ccircle cx='540' cy='210' r='9' fill='%2300E5FF' opacity='1'/%3E%3C/g%3E%3C!-- Outer glow orbs ---%3E%3Ccircle cx='480' cy='80' r='60' fill='%237C3AED' opacity='0.08'/%3E%3Ccircle cx='150' cy='350' r='80' fill='%2300E5FF' opacity='0.05'/%3E%3Ccircle cx='300' cy='200' r='100' fill='%232979FF' opacity='0.04'/%3E%3C!-- Floating data points ---%3E%3Cg opacity='0.4'%3E%3Ccircle cx='160' cy='60' r='2' fill='%2300E5FF'/%3E%3Ccircle cx='380' cy='370' r='2' fill='%23A855F7'/%3E%3Ccircle cx='510' cy='140' r='1.5' fill='%2300E5FF'/%3E%3Ccircle cx='100' cy='390' r='1.5' fill='%237C3AED'/%3E%3Ccircle cx='560' cy='320' r='2' fill='%232979FF'/%3E%3Ccircle cx='260' cy='50' r='1.5' fill='%2300E5FF'/%3E%3C/g%3E%3C/svg%3E");
}

/* ─── PRODUCT IMAGES REPLACEMENT ──────────────────────────
   Replaced with inline SVG data URIs via CSS content.
   All three product cards get distinct abstract tech visuals. */

/* CityFinSol — digital grid / fintech visual */
.product-card:nth-child(1) .product-image img {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='240' viewBox='0 0 400 240'%3E%3Cdefs%3E%3ClinearGradient id='bg1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23080F28'/%3E%3Cstop offset='100%25' stop-color='%230A0D1A'/%3E%3C/linearGradient%3E%3ClinearGradient id='g1' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%2300E5FF'/%3E%3Cstop offset='100%25' stop-color='%232979FF'/%3E%3C/linearGradient%3E%3Cfilter id='glow1'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect width='400' height='240' fill='url(%23bg1)'/%3E%3Cg stroke='%2300E5FF' stroke-width='0.4' opacity='0.15'%3E%3Cline x1='0' y1='40' x2='400' y2='40'/%3E%3Cline x1='0' y1='80' x2='400' y2='80'/%3E%3Cline x1='0' y1='120' x2='400' y2='120'/%3E%3Cline x1='0' y1='160' x2='400' y2='160'/%3E%3Cline x1='0' y1='200' x2='400' y2='200'/%3E%3Cline x1='40' y1='0' x2='40' y2='240'/%3E%3Cline x1='80' y1='0' x2='80' y2='240'/%3E%3Cline x1='120' y1='0' x2='120' y2='240'/%3E%3Cline x1='160' y1='0' x2='160' y2='240'/%3E%3Cline x1='200' y1='0' x2='200' y2='240'/%3E%3Cline x1='240' y1='0' x2='240' y2='240'/%3E%3Cline x1='280' y1='0' x2='280' y2='240'/%3E%3Cline x1='320' y1='0' x2='320' y2='240'/%3E%3Cline x1='360' y1='0' x2='360' y2='240'/%3E%3C/g%3E%3Cg filter='url(%23glow1)'%3E%3Crect x='60' y='60' width='280' height='120' rx='8' fill='none' stroke='url(%23g1)' stroke-width='1.2' opacity='0.6'/%3E%3Crect x='80' y='80' width='240' height='80' rx='5' fill='rgba(0,229,255,0.05)' stroke='%2300E5FF' stroke-width='0.6' opacity='0.5'/%3E%3Cline x1='60' y1='100' x2='340' y2='100' stroke='url(%23g1)' stroke-width='0.8' opacity='0.4'/%3E%3Cline x1='60' y1='140' x2='340' y2='140' stroke='url(%23g1)' stroke-width='0.8' opacity='0.4'/%3E%3Ccircle cx='200' cy='120' r='24' fill='rgba(0,229,255,0.06)' stroke='%2300E5FF' stroke-width='1.5' opacity='0.7'/%3E%3Ctext x='200' y='125' text-anchor='middle' fill='%2300E5FF' font-size='13' opacity='0.9' font-family='monospace'%3E₹%3C/text%3E%3C/g%3E%3Ccircle cx='320' cy='60' r='50' fill='%232979FF' opacity='0.05'/%3E%3Ccircle cx='80' cy='180' r='40' fill='%2300E5FF' opacity='0.04'/%3E%3Ccircle cx='100' cy='60' r='3' fill='%2300E5FF' opacity='0.7'/%3E%3Ccircle cx='300' cy='180' r='3' fill='%232979FF' opacity='0.7'/%3E%3Ccircle cx='360' cy='100' r='2' fill='%2300E5FF' opacity='0.5'/%3E%3C/svg%3E") !important;
  object-fit: cover !important;
  width: 100% !important; height: 100% !important;
}

/* VR Platform — immersive hex grid visual */
.product-card:nth-child(2) .product-image img {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='240' viewBox='0 0 400 240'%3E%3Cdefs%3E%3ClinearGradient id='bg2' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%23120828'/%3E%3Cstop offset='100%25' stop-color='%23070A14'/%3E%3C/linearGradient%3E%3ClinearGradient id='g2' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%237C3AED'/%3E%3Cstop offset='100%25' stop-color='%23A855F7'/%3E%3C/linearGradient%3E%3Cfilter id='glow2'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect width='400' height='240' fill='url(%23bg2)'/%3E%3Cg filter='url(%23glow2)'%3E%3Cpolygon points='200,40 230,57 230,91 200,108 170,91 170,57' fill='none' stroke='url(%23g2)' stroke-width='1.2' opacity='0.8'/%3E%3Cpolygon points='200,40 230,57 230,91 200,108 170,91 170,57' fill='rgba(124,58,237,0.05)'/%3E%3Cpolygon points='260,74 290,91 290,125 260,142 230,125 230,91' fill='none' stroke='%237C3AED' stroke-width='0.8' opacity='0.5'/%3E%3Cpolygon points='140,74 170,91 170,125 140,142 110,125 110,91' fill='none' stroke='%23A855F7' stroke-width='0.8' opacity='0.5'/%3E%3Cpolygon points='200,108 230,125 230,159 200,176 170,159 170,125' fill='none' stroke='url(%23g2)' stroke-width='1' opacity='0.6'/%3E%3Cpolygon points='320,40 350,57 350,91 320,108 290,91 290,57' fill='none' stroke='%237C3AED' stroke-width='0.6' opacity='0.35'/%3E%3Cpolygon points='80,140 110,157 110,191 80,208 50,191 50,157' fill='none' stroke='%23A855F7' stroke-width='0.6' opacity='0.35'/%3E%3C/g%3E%3Ccircle cx='200' cy='74' r='60' fill='%237C3AED' opacity='0.07'/%3E%3Ccircle cx='320' cy='180' r='50' fill='%23A855F7' opacity='0.05'/%3E%3Ccircle cx='200' cy='74' r='5' fill='%23A855F7' opacity='0.9' filter='url(%23glow2)'/%3E%3Ccircle cx='260' cy='108' r='3' fill='%237C3AED' opacity='0.7'/%3E%3Ccircle cx='140' cy='108' r='3' fill='%23A855F7' opacity='0.7'/%3E%3Ccircle cx='200' cy='142' r='3' fill='%237C3AED' opacity='0.7'/%3E%3C/svg%3E") !important;
  object-fit: cover !important;
  width: 100% !important; height: 100% !important;
}

/* SEO Automation — AI network nodes visual */
.product-card:nth-child(3) .product-image img {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='240' viewBox='0 0 400 240'%3E%3Cdefs%3E%3ClinearGradient id='bg3' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%230A1520'/%3E%3Cstop offset='100%25' stop-color='%23080B18'/%3E%3C/linearGradient%3E%3ClinearGradient id='g3' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%2300E5FF'/%3E%3Cstop offset='100%25' stop-color='%234F46E5'/%3E%3C/linearGradient%3E%3Cfilter id='glow3'%3E%3CfeGaussianBlur stdDeviation='2.5' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Crect width='400' height='240' fill='url(%23bg3)'/%3E%3Cg stroke='url(%23g3)' stroke-width='0.7' opacity='0.45' fill='none' filter='url(%23glow3)'%3E%3Cline x1='70' y1='120' x2='160' y2='80'/%3E%3Cline x1='70' y1='120' x2='160' y2='160'/%3E%3Cline x1='160' y1='80' x2='250' y2='60'/%3E%3Cline x1='160' y1='80' x2='250' y2='120'/%3E%3Cline x1='160' y1='160' x2='250' y2='120'/%3E%3Cline x1='160' y1='160' x2='250' y2='180'/%3E%3Cline x1='250' y1='60' x2='340' y2='90'/%3E%3Cline x1='250' y1='120' x2='340' y2='90'/%3E%3Cline x1='250' y1='120' x2='340' y2='150'/%3E%3Cline x1='250' y1='180' x2='340' y2='150'/%3E%3C/g%3E%3Cg filter='url(%23glow3)'%3E%3Ccircle cx='70' cy='120' r='8' fill='%2300E5FF' opacity='0.9'/%3E%3Ccircle cx='160' cy='80' r='6' fill='%232979FF' opacity='0.85'/%3E%3Ccircle cx='160' cy='160' r='6' fill='%232979FF' opacity='0.85'/%3E%3Ccircle cx='250' cy='60' r='7' fill='%234F46E5' opacity='0.9'/%3E%3Ccircle cx='250' cy='120' r='7' fill='%234F46E5' opacity='0.9'/%3E%3Ccircle cx='250' cy='180' r='7' fill='%234F46E5' opacity='0.9'/%3E%3Ccircle cx='340' cy='90' r='6' fill='%2300E5FF' opacity='0.8'/%3E%3Ccircle cx='340' cy='150' r='6' fill='%2300E5FF' opacity='0.8'/%3E%3C/g%3E%3Ccircle cx='70' cy='120' r='40' fill='%2300E5FF' opacity='0.04'/%3E%3Ccircle cx='250' cy='120' r='60' fill='%234F46E5' opacity='0.05'/%3E%3C/svg%3E") !important;
  object-fit: cover !important;
  width: 100% !important; height: 100% !important;
}

/* Why section background image replacement */
.why-bg-image img {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='600' viewBox='0 0 400 600'%3E%3Cdefs%3E%3ClinearGradient id='wbg' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='0%25' stop-color='%237C3AED' stop-opacity='0.25'/%3E%3Cstop offset='100%25' stop-color='%2300E5FF' stop-opacity='0.1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='400' height='600' fill='url(%23wbg)'/%3E%3Ccircle cx='200' cy='300' r='180' fill='none' stroke='%2300E5FF' stroke-width='0.5' opacity='0.15'/%3E%3Ccircle cx='200' cy='300' r='130' fill='none' stroke='%237C3AED' stroke-width='0.5' opacity='0.15'/%3E%3Ccircle cx='200' cy='300' r='80' fill='none' stroke='%2300E5FF' stroke-width='0.5' opacity='0.2'/%3E%3C/svg%3E") !important;
  opacity: 0.12 !important;
}

/* Mission visual */
.mission-visual img {
  filter: brightness(0.75) saturate(1.3) hue-rotate(200deg) !important;
}

/* ═══════════════════════════════════════════════════════
   TRUST BAR
═══════════════════════════════════════════════════════ */
.trust-bar {
  background: rgba(7,10,20,0.95) !important;
  border-top: 1px solid rgba(0,229,255,0.07) !important;
  border-bottom: 1px solid rgba(0,229,255,0.07) !important;
  position: relative;
  overflow: hidden;
}
.trust-bar::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--e-cyan), var(--e-purple), transparent);
  opacity: 0.4;
}
.trust-icon {
  background: rgba(0,229,255,0.06) !important;
  border: 1px solid rgba(0,229,255,0.15) !important;
}
.trust-title { color: #fff !important; }
.trust-sep {
  background: linear-gradient(180deg, transparent, rgba(0,229,255,0.2), transparent) !important;
}

/* ═══════════════════════════════════════════════════════
   SECTION LABELS & TITLES — GRADIENT
═══════════════════════════════════════════════════════ */
.section-label {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* Every .section-title accent span */
.section-title .accent-red {
  background: var(--e-grad-warm) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.section-title .accent-blue {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ═══════════════════════════════════════════════════════
   BUTTONS
═══════════════════════════════════════════════════════ */
.btn {
  position: relative !important;
  overflow: hidden !important;
  transition: all 0.35s cubic-bezier(0.4,0,0.2,1) !important;
}
.btn::after {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(255,255,255,0.08);
  opacity: 0;
  transition: opacity 0.3s;
}
.btn:hover::after { opacity: 1; }

.btn-primary {
  background: var(--e-grad-warm) !important;
  border: none !important;
  box-shadow: 0 4px 20px rgba(232,50,26,0.3) !important;
  color: #fff !important;
}
.btn-primary:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 10px 35px rgba(232,50,26,0.45) !important;
  color: #fff !important;
}
.btn-outline {
  background: rgba(0,229,255,0.04) !important;
  border: 1px solid rgba(0,229,255,0.25) !important;
  color: var(--e-cyan) !important;
  backdrop-filter: blur(8px) !important;
}
.btn-outline:hover {
  background: rgba(0,229,255,0.1) !important;
  border-color: var(--e-cyan) !important;
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 24px rgba(0,229,255,0.15) !important;
}
.btn-ghost {
  background: rgba(124,58,237,0.05) !important;
  border: 1px solid rgba(124,58,237,0.2) !important;
  color: rgba(168,85,247,0.9) !important;
}
.btn-ghost:hover {
  background: rgba(124,58,237,0.12) !important;
  border-color: var(--e-violet) !important;
  transform: translateY(-2px) !important;
}

/* Ripple keyframe (injected by JS, here for fallback) */
@keyframes xc-ripple {
  to { transform: scale(4); opacity: 0; }
}

/* ═══════════════════════════════════════════════════════
   CARDS — GLASSMORPHISM + HOVER GLOW
═══════════════════════════════════════════════════════ */
/* Shared glass card base */
.who-card,
.sol-card,
.case-card,
.tech-card,
.product-card,
.why-card,
.industry-item,
.value-card,
.sol-full-card,
.case-full-card,
.industry-full-card,
.product-full-card,
.leader-card,
.office-card {
  background: rgba(10,12,24,0.65) !important;
  border: 1px solid rgba(255,255,255,0.055) !important;
  backdrop-filter: blur(14px) saturate(150%) !important;
  -webkit-backdrop-filter: blur(14px) saturate(150%) !important;
  transition: transform 0.4s cubic-bezier(0.4,0,0.2,1),
              border-color 0.4s,
              box-shadow 0.4s !important;
}

/* Hover state — each card type */
.who-card:hover,
.sol-card:hover {
  border-color: rgba(0,229,255,0.25) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), var(--e-glow-cyan) !important;
  transform: translateY(-7px) !important;
}
.case-card:hover,
.case-full-card:hover {
  border-color: rgba(124,58,237,0.3) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), var(--e-glow-purple) !important;
  transform: translateY(-7px) !important;
}
.tech-card:hover {
  border-color: rgba(0,229,255,0.2) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,0.4), var(--e-glow-cyan) !important;
  transform: translateY(-6px) !important;
}
.product-card:hover {
  border-color: rgba(0,229,255,0.2) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.55), var(--e-glow-cyan) !important;
  transform: translateY(-8px) !important;
}
.why-card:hover {
  border-color: rgba(124,58,237,0.25) !important;
  box-shadow: 0 10px 30px rgba(124,58,237,0.12) !important;
  transform: translateX(5px) !important;
}
.industry-item:hover {
  border-color: rgba(0,229,255,0.25) !important;
  box-shadow: 0 10px 30px rgba(0,229,255,0.1) !important;
  transform: translateY(-5px) scale(1.03) !important;
  background: rgba(0,229,255,0.05) !important;
}
.value-card:hover,
.leader-card:hover {
  border-color: rgba(124,58,237,0.25) !important;
  box-shadow: 0 16px 40px rgba(124,58,237,0.12) !important;
  transform: translateY(-5px) !important;
}
.sol-full-card:hover,
.industry-full-card:hover {
  border-color: rgba(0,229,255,0.25) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), var(--e-glow-cyan) !important;
  transform: translateY(-7px) !important;
}
.product-full-card:hover {
  border-color: rgba(0,229,255,0.18) !important;
  box-shadow: 0 20px 60px rgba(0,0,0,0.5), var(--e-glow-cyan) !important;
}
.office-card:hover {
  border-color: rgba(124,58,237,0.25) !important;
  box-shadow: 0 10px 30px rgba(124,58,237,0.1) !important;
  transform: translateY(-4px) !important;
}

/* Radial cursor glow inside cards */
.who-card, .sol-card, .case-card, .tech-card, .product-card,
.sol-full-card, .case-full-card, .industry-full-card, .value-card, .leader-card {
  position: relative;
  overflow: hidden;
}
.who-card::before,
.sol-card::before,
.case-card::before,
.tech-card::before,
.product-card::before,
.sol-full-card::before,
.case-full-card::before,
.value-card::before {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: radial-gradient(circle at var(--mx,50%) var(--my,50%), rgba(0,229,255,0.07) 0%, transparent 55%) !important;
  opacity: 0 !important;
  transition: opacity 0.4s !important;
  pointer-events: none !important;
  z-index: 0 !important;
}
.who-card:hover::before,
.sol-card:hover::before,
.case-card:hover::before,
.tech-card:hover::before,
.product-card:hover::before,
.sol-full-card:hover::before,
.case-full-card:hover::before,
.value-card:hover::before {
  opacity: 1 !important;
}

/* Top edge glow line on featured / accented cards */
.who-card--featured {
  border-color: rgba(0,229,255,0.15) !important;
  background: linear-gradient(145deg, rgba(0,229,255,0.05), rgba(10,12,24,0.7)) !important;
}
.who-card::after {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 0; right: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, transparent, var(--e-cyan), var(--e-purple), transparent) !important;
  opacity: 0 !important;
  transition: opacity 0.35s !important;
}
.who-card:hover::after { opacity: 1 !important; }

/* ─── WHO SECTION ───────────────────────────────────────── */
.who-section { background: #070A14 !important; }
.who-number { color: var(--e-cyan) !important; opacity: 0.7; }
.who-list li::before { color: var(--e-cyan) !important; }
.featured-tag {
  background: var(--e-grad-warm) !important;
  box-shadow: 0 2px 12px rgba(232,50,26,0.3) !important;
}

/* ─── SOLUTIONS ─────────────────────────────────────────── */
.solutions-section {
  background: linear-gradient(180deg, rgba(0,229,255,0.02) 0%, rgba(10,12,24,0.98) 100%),
              #070A14 !important;
}
.sol-icon-wrap {
  background: rgba(0,229,255,0.06) !important;
  border: 1px solid rgba(0,229,255,0.14) !important;
  box-shadow: 0 4px 16px rgba(0,229,255,0.07) !important;
}
.sol-tags span {
  background: rgba(124,58,237,0.07) !important;
  border: 1px solid rgba(124,58,237,0.18) !important;
  color: rgba(168,85,247,0.9) !important;
}
.sol-card--wide {
  background: linear-gradient(135deg, rgba(0,229,255,0.04), rgba(10,12,24,0.75)) !important;
  border: 1px solid rgba(0,229,255,0.1) !important;
}

/* ─── CASE STUDIES ──────────────────────────────────────── */
.cases-section { background: #070A14 !important; }
.case-industry {
  background: rgba(124,58,237,0.1) !important;
  border: 1px solid rgba(124,58,237,0.22) !important;
  color: rgba(168,85,247,0.9) !important;
}
.result-num {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.case-results {
  background: rgba(0,0,0,0.25) !important;
  border: 1px solid rgba(255,255,255,0.04) !important;
}
.case-link { color: var(--e-cyan) !important; }
.case-link:hover { color: var(--e-violet) !important; }

/* ─── INDUSTRIES ─────────────────────────────────────────── */
.industries-section {
  background: linear-gradient(180deg, rgba(124,58,237,0.03) 0%, rgba(10,12,24,0.98) 100%),
              #070A14 !important;
}
.industry-icon { filter: drop-shadow(0 0 6px rgba(0,229,255,0.3)); }
.industry-item span { color: rgba(200,210,255,0.85) !important; }

/* ─── TECH STACK ────────────────────────────────────────── */
.tech-section { background: #070A14 !important; }
.tech-icon { filter: drop-shadow(0 0 6px rgba(0,229,255,0.25)); }
.tech-name { color: #e8edf5 !important; }
.tech-detail { color: rgba(120,140,170,0.8) !important; }

/* ─── WHY SECTION ───────────────────────────────────────── */
.why-section {
  background: linear-gradient(135deg, rgba(124,58,237,0.04) 0%, rgba(7,10,20,0.99) 100%) !important;
}
.why-num {
  background: var(--e-grad-warm) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  opacity: 1 !important;
  font-weight: 800 !important;
}

/* ─── PRODUCTS ──────────────────────────────────────────── */
.products-section { background: #070A14 !important; }
.product-overlay span { color: var(--e-cyan) !important; }
.product-tags span {
  background: rgba(0,229,255,0.05) !important;
  border: 1px solid rgba(0,229,255,0.14) !important;
  color: rgba(0,229,255,0.85) !important;
}
.product-link { color: var(--e-cyan) !important; }
.product-link:hover { color: var(--e-violet) !important; }

/* ─── CTA ───────────────────────────────────────────────── */
.cta-section {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(124,58,237,0.08) 0%, transparent 60%),
    linear-gradient(180deg, rgba(10,12,24,0.98) 0%, #070A14 100%) !important;
  border-top: 1px solid rgba(124,58,237,0.1) !important;
}
.cta-bg-grid {
  background-image:
    linear-gradient(rgba(0,229,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,0.03) 1px, transparent 1px) !important;
}
.cta-glow {
  background: radial-gradient(ellipse, rgba(124,58,237,0.18) 0%, rgba(0,229,255,0.04) 40%, transparent 70%) !important;
  width: min(640px, 100%) !important;
  height: 440px !important;
  top: -100px !important;
}
.cta-heading {
  background: linear-gradient(135deg, #fff 0%, rgba(200,215,255,0.88) 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.cta-heading .accent-red {
  background: var(--e-grad-warm) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ─── FOOTER ────────────────────────────────────────────── */
.footer {
  background: linear-gradient(180deg, #050810 0%, #040610 100%) !important;
  position: relative;
}
.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0; height: 1px;
  background: linear-gradient(90deg, transparent, var(--e-cyan), var(--e-purple), transparent);
  opacity: 0.3;
}
.footer-col ul li a:hover { color: var(--e-cyan) !important; }
.social-link {
  background: rgba(0,229,255,0.04) !important;
  border: 1px solid rgba(0,229,255,0.1) !important;
}
.social-link:hover {
  border-color: var(--e-cyan) !important;
  color: var(--e-cyan) !important;
  background: rgba(0,229,255,0.1) !important;
  transform: translateY(-2px) !important;
  box-shadow: 0 4px 14px rgba(0,229,255,0.15) !important;
}

/* ═══════════════════════════════════════════════════════
   SCROLL ANIMATIONS (enhanced keyframes)
═══════════════════════════════════════════════════════ */
[data-animate] {
  opacity: 0 !important;
  transform: translateY(40px) !important;
  transition: opacity 0.85s cubic-bezier(0.4,0,0.2,1),
              transform 0.85s cubic-bezier(0.4,0,0.2,1) !important;
}
[data-animate="fadeIn"] {
  transform: translateX(40px) !important;
}
[data-animate].in-view {
  opacity: 1 !important;
  transform: none !important;
}

/* ═══════════════════════════════════════════════════════
   INNER PAGES
═══════════════════════════════════════════════════════ */

/* Page hero */
.page-hero {
  background:
    radial-gradient(ellipse 80% 60% at 30% 30%, rgba(0,229,255,0.07) 0%, transparent 55%),
    radial-gradient(ellipse 60% 50% at 75% 70%, rgba(124,58,237,0.09) 0%, transparent 55%),
    #070A14 !important;
}
.page-hero-grid {
  background-image:
    linear-gradient(rgba(0,229,255,0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,229,255,0.03) 1px, transparent 1px) !important;
}
.page-hero-eyebrow { color: var(--e-cyan) !important; }
.page-hero-eyebrow::before {
  background: linear-gradient(90deg, var(--e-cyan), var(--e-purple)) !important;
}
.page-hero h1 .accent-red {
  background: var(--e-grad-warm) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Values section */
.values-section {
  background: linear-gradient(180deg, rgba(124,58,237,0.03) 0%, rgba(7,10,20,0.99) 100%),
              #070A14 !important;
}
.value-card::before {
  background: linear-gradient(90deg, var(--e-cyan), var(--e-purple)) !important;
}

/* Mission */
.mission-section { background: #070A14 !important; }
.mission-visual-inner {
  border: 1px solid rgba(0,229,255,0.12) !important;
  box-shadow: var(--e-shadow-card), var(--e-glow-cyan) !important;
}
.mission-visual-glow {
  background: linear-gradient(135deg, rgba(0,229,255,0.08) 0%, rgba(124,58,237,0.1) 100%) !important;
}
.mission-stat-float {
  background: rgba(8,11,22,0.92) !important;
  border: 1px solid rgba(0,229,255,0.18) !important;
  backdrop-filter: blur(16px) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.5), var(--e-glow-cyan) !important;
}
.msf-num {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.mission-highlight {
  background: linear-gradient(135deg, rgba(0,229,255,0.04), rgba(124,58,237,0.04)) !important;
  border-left: 3px solid var(--e-cyan) !important;
  border-color: rgba(0,229,255,0.1) !important;
  border-left-color: var(--e-cyan) !important;
}

/* Stats strip (about page inline styles) */
[data-count] {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
/* Milestone years */
.leadership-section [style*="color:var(--red)"],
.leadership-section [style*="color: var(--red)"] {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Leadership section */
.leadership-section { background: #070A14 !important; }
.leader-role { color: var(--e-cyan) !important; }
.leader-visual {
  background: linear-gradient(135deg, rgba(0,229,255,0.1), rgba(124,58,237,0.08), rgba(10,12,24,1)) !important;
}
.leader-visual::after {
  background: linear-gradient(45deg, rgba(0,229,255,0.06), rgba(124,58,237,0.08)) !important;
}

/* Solutions page */
.sol-full-grid { /* inherits card glass */ }
.sol-full-icon {
  background: rgba(0,229,255,0.06) !important;
  border: 1px solid rgba(0,229,255,0.14) !important;
}
.sol-full-tags span {
  background: rgba(124,58,237,0.07) !important;
  border: 1px solid rgba(124,58,237,0.18) !important;
  color: rgba(168,85,247,0.9) !important;
}
.sol-full-link { color: var(--e-cyan) !important; }
.sol-full-link:hover { color: var(--e-violet) !important; }

/* Process steps */
.process-section {
  background: linear-gradient(180deg, rgba(0,229,255,0.02) 0%, rgba(7,10,20,0.99) 100%),
              #070A14 !important;
}
.process-num {
  background: var(--e-grad-warm) !important;
  color: #fff !important;
  border: 2px solid rgba(232,50,26,0.3) !important;
  box-shadow: 0 4px 20px rgba(232,50,26,0.25) !important;
}
.process-steps::before {
  background: linear-gradient(90deg, transparent, var(--e-cyan), var(--e-purple), transparent) !important;
}

/* Industries full page */
.industry-card-icon {
  background: rgba(0,229,255,0.06) !important;
  border: 1px solid rgba(0,229,255,0.14) !important;
}
.industry-card-header {
  background: linear-gradient(135deg, rgba(0,229,255,0.04), rgba(10,12,24,0.8)) !important;
  border-bottom: 1px solid rgba(0,229,255,0.07) !important;
}
.industry-card-header span { color: var(--e-cyan) !important; }

/* Case studies page */
.cases-full-grid { /* inherits card styles */ }
.case-full-tag {
  color: var(--e-cyan) !important;
  border: 1px solid rgba(0,229,255,0.2) !important;
  background: rgba(5,8,20,0.9) !important;
}
.cfm-num {
  background: var(--e-grad-main) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
.case-full-link { color: var(--e-cyan) !important; }
.filter-btn {
  background: rgba(0,229,255,0.03) !important;
  border: 1px solid rgba(0,229,255,0.1) !important;
  color: rgba(160,180,210,0.8) !important;
  backdrop-filter: blur(6px) !important;
}
.filter-btn:hover, .filter-btn.active {
  background: var(--e-grad-warm) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 4px 16px rgba(232,50,26,0.3) !important;
}
.case-full-image-overlay {
  background: linear-gradient(135deg, rgba(7,10,20,0.25), rgba(124,58,237,0.12)) !important;
}

/* Products page */
.product-full-badge {
  background: var(--e-grad-warm) !important;
  box-shadow: 0 2px 12px rgba(232,50,26,0.3) !important;
}
.product-tags-row span {
  background: rgba(0,229,255,0.05) !important;
  border: 1px solid rgba(0,229,255,0.14) !important;
  color: rgba(0,229,255,0.85) !important;
}
.product-feature-icon {
  background: rgba(0,229,255,0.07) !important;
  border: 1px solid rgba(0,229,255,0.15) !important;
}
.product-feature-icon::after { background: var(--e-cyan) !important; }
.product-full-image-overlay {
  background: linear-gradient(135deg, rgba(7,10,20,0.2), rgba(0,229,255,0.08)) !important;
}

/* Contact page */
.contact-form-col {
  background: rgba(10,12,24,0.7) !important;
  border: 1px solid rgba(0,229,255,0.08) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: var(--e-shadow-card) !important;
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
}
.contact-form-col::before {
  content: '';
  position: absolute;
  top: -1px; left: 20%; right: 20%;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--e-cyan), var(--e-purple), transparent);
  opacity: 0.5;
}
.form-control {
  background: rgba(5,8,18,0.7) !important;
  border: 1px solid rgba(0,229,255,0.08) !important;
  backdrop-filter: blur(4px) !important;
  transition: all 0.3s !important;
}
.form-control:focus {
  border-color: rgba(0,229,255,0.4) !important;
  box-shadow: 0 0 0 3px rgba(0,229,255,0.06), 0 4px 16px rgba(0,229,255,0.08) !important;
}
select.form-control {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-width: 0 !important;
  display: block !important;
}
.cdi-icon {
  background: rgba(0,229,255,0.06) !important;
  border: 1px solid rgba(0,229,255,0.14) !important;
}

/* Inner CTA */
.inner-cta-section {
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(124,58,237,0.07) 0%, transparent 55%),
    #070A14 !important;
}
.inner-cta-glow {
  background: radial-gradient(ellipse, rgba(124,58,237,0.15) 0%, rgba(0,229,255,0.04) 40%, transparent 70%) !important;
}
.inner-cta-inner h2 .accent-red {
  background: var(--e-grad-warm) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* Section dividers */
.section-divider {
  background: linear-gradient(90deg, transparent, rgba(0,229,255,0.2), rgba(124,58,237,0.2), transparent) !important;
}

/* Breadcrumb */
.breadcrumb a:hover { color: var(--e-cyan) !important; }

/* Stats strip inline block on about page */
section[style*="background:var(--bg-card)"] {
  background: linear-gradient(180deg, rgba(124,58,237,0.04) 0%, rgba(7,10,20,0.99) 100%) !important;
  border-top: 1px solid rgba(0,229,255,0.07) !important;
  border-bottom: 1px solid rgba(0,229,255,0.07) !important;
}

/* ── Custom Dropdown — enhance theme overrides ───────────── */
.xc-dropdown-trigger {
  background: rgba(5,8,18,0.7) !important;
  border: 1px solid rgba(0,229,255,0.08) !important;
  backdrop-filter: blur(4px) !important;
  transition: all 0.3s !important;
}
.xc-dropdown:focus .xc-dropdown-trigger,
.xc-dropdown.xc-open .xc-dropdown-trigger {
  border-color: rgba(0,229,255,0.4) !important;
  box-shadow: 0 0 0 3px rgba(0,229,255,0.06), 0 4px 16px rgba(0,229,255,0.08) !important;
}
.xc-dropdown-list {
  background: rgba(10,12,28,0.97) !important;
  border: 1px solid rgba(0,229,255,0.1) !important;
  backdrop-filter: blur(20px) !important;
  box-shadow: 0 8px 40px rgba(0,0,0,0.7) !important;
}
.xc-dropdown-list li:hover {
  background: rgba(0,229,255,0.06) !important;
  color: var(--e-cyan) !important;
}
.xc-dropdown-list li.xc-selected {
  color: var(--e-cyan) !important;
  background: rgba(0,229,255,0.05) !important;
}