{"id":11949,"date":"2026-05-21T13:47:37","date_gmt":"2026-05-21T13:47:37","guid":{"rendered":"https:\/\/jxcdigital.com\/staging\/3370\/?page_id=11949"},"modified":"2026-05-21T13:50:44","modified_gmt":"2026-05-21T13:50:44","slug":"our-process","status":"publish","type":"page","link":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/","title":{"rendered":"Our Process"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11949\" class=\"elementor elementor-11949\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0787452 e-flex e-con-boxed e-con e-parent\" data-id=\"0787452\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-df699e6 e-con-full e-flex e-con e-parent\" data-id=\"df699e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-049ee82 elementor-widget elementor-widget-html\" data-id=\"049ee82\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Our Process | JXC Digital<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,700;1,800;1,900&display=swap\" rel=\"stylesheet\">\n<style>\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n:root {\n  --ink:     #09080f;\n  --ink-mid: #131221;\n  --ink-lt:  #1e1c30;\n  --chalk:   #f5f3ee;\n  --white:   #ffffff;\n  --coral:   #d94f4f;\n  --violet:  #7c3aed;\n  --gold:    #f59e0b;\n  --teal:    #0891b2;\n  --green:   #10b981;\n  --muted:   rgba(245,243,238,0.5);\n  --grad:    linear-gradient(135deg, #d94f4f 0%, #7c3aed 100%);\n  --serif:   'Poppins', sans-serif;\n  --sans:    'Poppins', sans-serif;\n}\n\nhtml { scroll-behavior: smooth; }\nbody { font-family: var(--sans); background: var(--ink); color: var(--chalk); line-height: 1.7; overflow-x: hidden; }\n\n\/* \u2500\u2500 SCROLL BAR \u2500\u2500 *\/\n#scroll-bar { position: fixed; top: 0; left: 0; height: 3px; background: var(--grad); z-index: 9999; width: 0; }\n\n\/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n.reveal { opacity: 0; transform: translateY(50px); transition: opacity 0.8s cubic-bezier(0.16,1,0.3,1), transform 0.8s cubic-bezier(0.16,1,0.3,1); }\n.reveal.left  { transform: translateX(-60px); }\n.reveal.right { transform: translateX(60px); }\n.reveal.scale { transform: scale(0.88); }\n.reveal.vis   { opacity: 1; transform: none; }\n.d1 { transition-delay:.1s; } .d2 { transition-delay:.2s; } .d3 { transition-delay:.3s; }\n.d4 { transition-delay:.4s; } .d5 { transition-delay:.5s; } .d6 { transition-delay:.6s; }\n\n\/* \u2500\u2500 PAGE HEADER \u2500\u2500 *\/\n.header {\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 160px 40px 100px;\n  position: relative;\n  overflow: hidden;\n  background: var(--ink);\n}\n\n\/* Grain texture overlay *\/\n.header::before {\n  content: '';\n  position: absolute; inset: 0;\n  background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'\/%3E%3C\/svg%3E\");\n  opacity: 0.4;\n  pointer-events: none;\n  z-index: 0;\n}\n\n\/* Glowing mesh *\/\n.header-mesh {\n  position: absolute; inset: 0;\n  background:\n    radial-gradient(ellipse at 20% 40%, rgba(217,79,79,0.12) 0%, transparent 55%),\n    radial-gradient(ellipse at 80% 60%, rgba(124,58,237,0.12) 0%, transparent 55%),\n    radial-gradient(ellipse at 50% 100%, rgba(245,158,11,0.08) 0%, transparent 50%);\n  z-index: 0;\n}\n\n\/* Animated dot grid *\/\n.dot-grid {\n  position: absolute; inset: 0;\n  background-image: radial-gradient(rgba(245,243,238,0.04) 1px, transparent 1px);\n  background-size: 44px 44px;\n  z-index: 0;\n}\n\n.header-inner { position: relative; z-index: 2; max-width: 900px; margin: 0 auto; }\n\n.header-kicker {\n  display: inline-flex;\n  align-items: center;\n  gap: 10px;\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 4px;\n  text-transform: uppercase;\n  color: rgba(245,243,238,0.45);\n  margin-bottom: 28px;\n}\n.header-kicker::before,\n.header-kicker::after { content:''; width: 32px; height: 1px; background: rgba(245,243,238,0.2); }\n\n.header h1 {\n  font-family: var(--serif);\n  font-size: clamp(52px, 8vw, 100px);\n  color: var(--chalk);\n  line-height: 1.0;\n  letter-spacing: -0.5px;\n  margin-bottom: 28px;\n}\n.header h1 em {\n  font-style: italic;\n  background: linear-gradient(135deg, #d94f4f, #f59e0b, #7c3aed);\n  background-size: 200% auto;\n  -webkit-background-clip: text;\n  -webkit-text-fill-color: transparent;\n  background-clip: text;\n  animation: grad-shift 4s linear infinite;\n}\n@keyframes grad-shift { to { background-position: 200% center; } }\n\n.header-sub {\n  font-size: 18px;\n  color: var(--muted);\n  max-width: 620px;\n  margin: 0 auto 52px;\n  line-height: 1.85;\n}\n\n\/* Scroll cue *\/\n.scroll-cue {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 8px;\n  font-size: 11px;\n  letter-spacing: 3px;\n  text-transform: uppercase;\n  color: rgba(245,243,238,0.3);\n  cursor: pointer;\n  transition: color 0.2s;\n}\n.scroll-cue:hover { color: rgba(245,243,238,0.6); }\n.scroll-line {\n  width: 1px;\n  height: 60px;\n  background: linear-gradient(to bottom, transparent, rgba(245,243,238,0.3), transparent);\n  animation: scroll-pulse 2s ease-in-out infinite;\n}\n@keyframes scroll-pulse { 0%,100% { transform: scaleY(1); opacity: 0.4; } 50% { transform: scaleY(1.3); opacity: 0.8; } }\n\n\/* \u2500\u2500 PHILOSOPHY SECTION \u2500\u2500 *\/\n.philosophy {\n  background: var(--chalk);\n  padding: 120px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.philosophy::before {\n  content: 'DATA';\n  position: absolute;\n  font-family: var(--serif);\n  font-size: 240px;\n  color: rgba(9,8,15,0.04);\n  font-weight: 900;\n  right: -40px;\n  top: 50%;\n  transform: translateY(-50%);\n  pointer-events: none;\n  line-height: 1;\n  user-select: none;\n}\n.philosophy-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center; }\n.phil-text h2 {\n  font-family: var(--serif);\n  font-size: clamp(36px, 4vw, 58px);\n  color: var(--ink);\n  line-height: 1.1;\n  margin-bottom: 24px;\n  letter-spacing: -0.5px;\n}\n.phil-text h2 em { font-style: italic; color: var(--coral); }\n.phil-text p { font-size: 16px; color: #444; line-height: 1.9; margin-bottom: 16px; }\n.phil-text p strong { color: var(--ink); font-weight: 700; }\n\n.phil-stats { display: flex; flex-direction: column; gap: 20px; }\n.phil-stat {\n  background: var(--ink);\n  border-radius: 16px;\n  padding: 28px 32px;\n  display: flex;\n  align-items: center;\n  gap: 24px;\n  transition: transform 0.2s, box-shadow 0.2s;\n}\n.phil-stat:hover { transform: translateX(8px); box-shadow: -6px 0 24px rgba(124,58,237,0.2); }\n.phil-stat-num { font-family: var(--serif); font-size: 48px; font-weight: 400; line-height: 1; flex-shrink: 0; }\n.phil-stat-text h4 { font-size: 15px; font-weight: 700; color: var(--chalk); margin-bottom: 4px; }\n.phil-stat-text p  { font-size: 13px; color: rgba(245,243,238,0.5); line-height: 1.5; }\n\n\/* \u2500\u2500 PROCESS STEPS \u2500\u2500 *\/\n.process {\n  background: var(--ink);\n  padding: 120px 40px;\n  position: relative;\n}\n.process-inner { max-width: 1100px; margin: 0 auto; }\n.process-header { text-align: center; margin-bottom: 100px; }\n.process-header h2 {\n  font-family: var(--serif);\n  font-size: clamp(36px, 5vw, 64px);\n  color: var(--chalk);\n  line-height: 1.05;\n  letter-spacing: -0.5px;\n  margin-bottom: 16px;\n}\n.process-header h2 em { font-style: italic; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.process-header p { font-size: 16px; color: var(--muted); max-width: 540px; margin: 0 auto; }\n\n\/* Step blocks \u2014 alternating *\/\n.step-block {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 80px;\n  align-items: center;\n  margin-bottom: 100px;\n  position: relative;\n}\n.step-block:last-child { margin-bottom: 0; }\n.step-block.flip { direction: rtl; }\n.step-block.flip > * { direction: ltr; }\n\n\/* Step number watermark *\/\n.step-number-bg {\n  font-family: var(--serif);\n  font-size: 180px;\n  font-weight: 400;\n  color: rgba(245,243,238,0.03);\n  position: absolute;\n  line-height: 1;\n  pointer-events: none;\n  user-select: none;\n}\n.step-block:nth-child(odd)  .step-number-bg { left: -20px; top: -30px; }\n.step-block:nth-child(even) .step-number-bg { right: -20px; top: -30px; }\n\n\/* Step content *\/\n.step-content { }\n.step-kicker {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  margin-bottom: 20px;\n}\n.step-num-pill {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 36px; height: 36px;\n  border-radius: 50%;\n  font-size: 13px;\n  font-weight: 800;\n  flex-shrink: 0;\n}\n.step-label { font-size: 11px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; color: var(--muted); }\n.step-content h3 {\n  font-family: var(--serif);\n  font-size: clamp(28px, 3.5vw, 44px);\n  color: var(--chalk);\n  line-height: 1.1;\n  margin-bottom: 18px;\n  letter-spacing: -0.5px;\n}\n.step-content h3 em { font-style: italic; }\n.step-content p { font-size: 15px; color: var(--muted); line-height: 1.9; margin-bottom: 14px; }\n.step-content p strong { color: var(--chalk); font-weight: 600; }\n\n\/* Step details list *\/\n.step-details { list-style: none; margin-top: 20px; display: flex; flex-direction: column; gap: 10px; }\n.step-details li {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  font-size: 13px;\n  color: var(--muted);\n  line-height: 1.6;\n  padding: 10px 14px;\n  background: rgba(245,243,238,0.04);\n  border-radius: 8px;\n  border-left: 2px solid;\n  transition: background 0.2s, transform 0.2s;\n}\n.step-details li:hover { background: rgba(245,243,238,0.07); transform: translateX(4px); }\n.step-details li .li-icon { flex-shrink: 0; font-size: 16px; }\n\n\/* Step visual panel *\/\n.step-visual {\n  position: relative;\n  border-radius: 20px;\n  overflow: hidden;\n  min-height: 360px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.step-visual-bg { position: absolute; inset: 0; }\n.step-visual-content { position: relative; z-index: 2; padding: 36px; width: 100%; }\n\n\/* Visual mockups per step *\/\n\n\/* Step 1: Discovery \u2014 data signals *\/\n.vis-signals { display: flex; flex-direction: column; gap: 10px; }\n.signal-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: rgba(255,255,255,0.06);\n  border-radius: 10px;\n  padding: 10px 14px;\n  border: 1px solid rgba(255,255,255,0.08);\n  transition: background 0.2s;\n}\n.signal-row:hover { background: rgba(255,255,255,0.1); }\n.signal-label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.4); width: 90px; flex-shrink: 0; }\n.signal-bar-wrap { flex: 1; height: 6px; background: rgba(255,255,255,0.08); border-radius: 3px; }\n.signal-bar { height: 100%; border-radius: 3px; animation: bar-grow 1.2s cubic-bezier(0.16,1,0.3,1) both; }\n@keyframes bar-grow { from { width: 0 !important; } }\n.signal-val { font-size: 11px; font-weight: 700; width: 36px; text-align: right; flex-shrink: 0; }\n\n\/* Step 2: Strategy \u2014 decision matrix *\/\n.vis-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }\n.matrix-card {\n  background: rgba(255,255,255,0.06);\n  border: 1px solid rgba(255,255,255,0.1);\n  border-radius: 10px;\n  padding: 16px;\n  transition: background 0.2s, transform 0.2s;\n}\n.matrix-card:hover { background: rgba(255,255,255,0.1); transform: scale(1.02); }\n.matrix-card-label { font-size: 9px; font-weight: 700; letter-spacing: 2px; text-transform: uppercase; margin-bottom: 6px; }\n.matrix-card-val { font-size: 22px; font-weight: 900; line-height: 1; margin-bottom: 4px; }\n.matrix-card-sub { font-size: 10px; color: rgba(255,255,255,0.4); }\n.matrix-badge { font-size: 8px; font-weight: 700; padding: 2px 6px; border-radius: 3px; letter-spacing: 1px; text-transform: uppercase; }\n\n\/* Step 3: Live Dashboard *\/\n.vis-dashboard {}\n.dash-header { display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }\n.dash-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); box-shadow: 0 0 8px var(--green); animation: live-pulse 1.5s ease-in-out infinite; }\n@keyframes live-pulse { 0%,100%{opacity:1;} 50%{opacity:0.3;} }\n.dash-title { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.6); }\n.dash-period { font-size: 10px; color: rgba(255,255,255,0.3); margin-left: auto; }\n.dash-metrics { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; margin-bottom: 14px; }\n.dash-metric { background: rgba(255,255,255,0.06); border-radius: 8px; padding: 10px; text-align: center; }\n.dash-metric-num { font-size: 18px; font-weight: 800; line-height: 1; }\n.dash-metric-label { font-size: 9px; color: rgba(255,255,255,0.4); margin-top: 2px; }\n.dash-chart { background: rgba(255,255,255,0.04); border-radius: 8px; padding: 10px; }\n.dash-bars { display: flex; align-items: flex-end; gap: 4px; height: 50px; }\n.dash-bar { flex: 1; border-radius: 2px 2px 0 0; transition: height 0.5s ease; }\n\n\/* Step 4: Competitor Intel *\/\n.vis-intel { display: flex; flex-direction: column; gap: 10px; }\n.intel-row {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  background: rgba(255,255,255,0.05);\n  border-radius: 10px;\n  padding: 12px 14px;\n  border: 1px solid rgba(255,255,255,0.07);\n}\n.intel-tag { font-size: 9px; font-weight: 800; padding: 3px 8px; border-radius: 4px; letter-spacing: 1px; text-transform: uppercase; flex-shrink: 0; }\n.intel-text { font-size: 11px; color: rgba(255,255,255,0.6); flex: 1; }\n.intel-action { font-size: 9px; font-weight: 700; padding: 3px 8px; border-radius: 4px; flex-shrink: 0; }\n\n\/* Step 5: Conversion *\/\n.vis-funnel { display: flex; flex-direction: column; gap: 8px; align-items: center; }\n.funnel-step {\n  border-radius: 8px;\n  padding: 12px 20px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  transition: transform 0.2s;\n}\n.funnel-step:hover { transform: scale(1.02); }\n.funnel-label { font-size: 11px; font-weight: 700; color: rgba(255,255,255,0.8); }\n.funnel-val { font-size: 13px; font-weight: 800; }\n.funnel-rate { font-size: 10px; color: rgba(255,255,255,0.4); }\n\n\/* Step 6: Partnership *\/\n.vis-comms { display: flex; flex-direction: column; gap: 10px; }\n.comm-bubble {\n  max-width: 85%;\n  border-radius: 14px;\n  padding: 12px 16px;\n  font-size: 12px;\n  line-height: 1.5;\n  position: relative;\n}\n.comm-bubble.them { background: rgba(124,58,237,0.2); border: 1px solid rgba(124,58,237,0.3); color: rgba(255,255,255,0.85); align-self: flex-start; border-bottom-left-radius: 4px; }\n.comm-bubble.us   { background: rgba(217,79,79,0.2);  border: 1px solid rgba(217,79,79,0.3);  color: rgba(255,255,255,0.85); align-self: flex-end;  border-bottom-right-radius: 4px; }\n.comm-sender { font-size: 9px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; margin-bottom: 4px; }\n.comm-bubble.them .comm-sender { color: rgba(124,58,237,0.8); }\n.comm-bubble.us   .comm-sender { color: rgba(217,79,79,0.8); text-align: right; }\n\n\/* \u2500\u2500 TRUTH SECTION \u2014 no fluff callout \u2500\u2500 *\/\n.truth {\n  background: var(--chalk);\n  padding: 120px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.truth::before {\n  content: '\"';\n  position: absolute;\n  font-family: var(--serif);\n  font-size: 400px;\n  color: rgba(9,8,15,0.04);\n  top: -60px; left: -20px;\n  line-height: 1;\n  pointer-events: none;\n}\n.truth-inner { max-width: 900px; margin: 0 auto; text-align: center; }\n.truth h2 {\n  font-family: var(--serif);\n  font-size: clamp(32px, 5vw, 68px);\n  color: var(--ink);\n  line-height: 1.1;\n  margin-bottom: 32px;\n  letter-spacing: -0.5px;\n}\n.truth h2 em { font-style: italic; color: var(--coral); }\n.truth-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: rgba(9,8,15,0.08); border-radius: 20px; overflow: hidden; margin: 60px 0; }\n.truth-cell { background: var(--chalk); padding: 36px 32px; }\n.truth-cell.dark { background: var(--ink); }\n.truth-cell h4 { font-size: 12px; font-weight: 700; letter-spacing: 3px; text-transform: uppercase; margin-bottom: 16px; }\n.truth-cell.dark h4 { color: rgba(245,243,238,0.4); }\n.truth-cell:not(.dark) h4 { color: rgba(9,8,15,0.4); }\n.truth-item { display: flex; align-items: flex-start; gap: 10px; margin-bottom: 12px; font-size: 14px; line-height: 1.6; }\n.truth-cell.dark  .truth-item { color: rgba(245,243,238,0.7); }\n.truth-cell:not(.dark) .truth-item { color: rgba(9,8,15,0.65); }\n.truth-item .tick { flex-shrink: 0; font-size: 16px; margin-top: 1px; }\n.truth-p { font-size: 17px; color: #444; line-height: 1.9; max-width: 680px; margin: 0 auto; }\n.truth-p strong { color: var(--ink); }\n\n\/* \u2500\u2500 CONVERSION SECTION \u2500\u2500 *\/\n.conversions {\n  background: var(--ink-mid);\n  padding: 120px 40px;\n  position: relative;\n  overflow: hidden;\n}\n.conversions::before {\n  content: '';\n  position: absolute;\n  top: -100px; left: 50%;\n  transform: translateX(-50%);\n  width: 800px; height: 600px;\n  background: radial-gradient(ellipse, rgba(124,58,237,0.1) 0%, transparent 70%);\n  pointer-events: none;\n}\n.conv-inner { max-width: 1100px; margin: 0 auto; position: relative; z-index: 1; }\n.conv-header { text-align: center; margin-bottom: 72px; }\n.conv-header h2 {\n  font-family: var(--serif);\n  font-size: clamp(32px, 4.5vw, 58px);\n  color: var(--chalk);\n  line-height: 1.1;\n  margin-bottom: 14px;\n  letter-spacing: -0.5px;\n}\n.conv-header h2 em { font-style: italic; background: linear-gradient(135deg, #f59e0b, #d94f4f); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.conv-header p { font-size: 16px; color: var(--muted); max-width: 500px; margin: 0 auto; }\n\n.conv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.conv-card {\n  background: rgba(245,243,238,0.04);\n  border: 1px solid rgba(245,243,238,0.08);\n  border-radius: 18px;\n  padding: 32px 26px;\n  position: relative;\n  overflow: hidden;\n  transition: background 0.25s, border-color 0.25s, transform 0.25s;\n}\n.conv-card:hover { background: rgba(245,243,238,0.07); border-color: rgba(245,243,238,0.15); transform: translateY(-6px); }\n.conv-card::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0;\n  height: 2px;\n  border-radius: 18px 18px 0 0;\n}\n.conv-icon { font-size: 36px; margin-bottom: 18px; display: block; }\n.conv-card h4 { font-size: 17px; font-weight: 800; color: var(--chalk); margin-bottom: 10px; }\n.conv-card p  { font-size: 13px; color: var(--muted); line-height: 1.75; }\n.conv-tag { display: inline-block; font-size: 10px; font-weight: 700; padding: 3px 10px; border-radius: 4px; letter-spacing: 1px; text-transform: uppercase; margin-top: 14px; }\n\n\/* \u2500\u2500 CTA SECTION \u2500\u2500 *\/\n.cta {\n  background: var(--ink);\n  padding: 140px 40px;\n  text-align: center;\n  position: relative;\n  overflow: hidden;\n}\n.cta::before {\n  content: '';\n  position: absolute;\n  top: 0; left: 0; right: 0; bottom: 0;\n  background:\n    radial-gradient(ellipse at 30% 50%, rgba(217,79,79,0.1) 0%, transparent 60%),\n    radial-gradient(ellipse at 70% 50%, rgba(124,58,237,0.1) 0%, transparent 60%);\n}\n.cta-inner { position: relative; z-index: 1; max-width: 720px; margin: 0 auto; }\n.cta h2 {\n  font-family: var(--serif);\n  font-size: clamp(38px, 6vw, 80px);\n  color: var(--chalk);\n  line-height: 1.0;\n  margin-bottom: 24px;\n  letter-spacing: -0.5px;\n}\n.cta h2 em { font-style: italic; background: var(--grad); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }\n.cta p { font-size: 17px; color: var(--muted); margin-bottom: 48px; line-height: 1.8; }\n.cta-btns { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; }\n.btn-primary {\n  display: inline-block;\n  padding: 16px 40px;\n  background: var(--grad);\n  color: var(--white);\n  font-size: 14px; font-weight: 700;\n  border-radius: 10px;\n  text-decoration: none;\n  position: relative; overflow: hidden;\n  transition: transform 0.2s, box-shadow 0.2s;\n  animation: btn-pulse 2.5s ease-in-out infinite;\n}\n.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 30px rgba(124,58,237,0.5); animation: none; }\n@keyframes btn-pulse { 0%,100%{box-shadow:0 0 0 0 rgba(124,58,237,0.4);} 50%{box-shadow:0 0 0 12px rgba(124,58,237,0);} }\n.btn-ghost {\n  display: inline-block;\n  padding: 16px 40px;\n  background: transparent;\n  color: var(--chalk);\n  font-size: 14px; font-weight: 700;\n  border-radius: 10px;\n  text-decoration: none;\n  border: 1.5px solid rgba(245,243,238,0.2);\n  transition: background 0.2s, border-color 0.2s, transform 0.2s;\n}\n.btn-ghost:hover { background: rgba(245,243,238,0.07); border-color: rgba(245,243,238,0.4); transform: translateY(-2px); }\n\n\/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n@media (max-width: 960px) {\n  .philosophy-inner { grid-template-columns: 1fr; gap: 60px; }\n  .step-block { grid-template-columns: 1fr; gap: 40px; }\n  .step-block.flip { direction: ltr; }\n  .truth-grid { grid-template-columns: 1fr; }\n  .conv-grid { grid-template-columns: 1fr 1fr; }\n  .vis-matrix { grid-template-columns: 1fr; }\n}\n@media (max-width: 600px) {\n  .header { padding: 140px 20px 80px; }\n  .philosophy, .process, .truth, .conversions, .cta { padding: 80px 20px; }\n  .conv-grid { grid-template-columns: 1fr; }\n  .dash-metrics { grid-template-columns: 1fr 1fr; }\n  .cta-btns { flex-direction: column; align-items: center; }\n}\n<\/style>\n<\/head>\n<body>\n<div id=\"scroll-bar\"><\/div>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     HEADER\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"header\">\n  <div class=\"header-mesh\"><\/div>\n  <div class=\"dot-grid\"><\/div>\n  <div class=\"header-inner\">\n    <div class=\"header-kicker reveal d1\">JXC Digital \u00b7 How We Work<\/div>\n    <h1 class=\"reveal d2\">The Process Behind <em>Real Results<\/em><\/h1>\n    <p class=\"header-sub reveal d3\">No vanity metrics. No inflated reports. No fluff. Just a relentless, data-driven partnership built around what your business actually needs to grow.<\/p>\n    <div class=\"scroll-cue reveal d4\" onclick=\"document.getElementById('philosophy').scrollIntoView({behavior:'smooth'})\">\n      <div class=\"scroll-line\"><\/div>\n      <span>Read the story<\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PHILOSOPHY\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"philosophy\" id=\"philosophy\">\n  <div class=\"philosophy-inner\">\n    <div class=\"phil-text reveal left\">\n      <h2>We Don't Report Numbers.<br>We Report <em>Business Reality.<\/em><\/h2>\n      <p>Most agencies \u2014 and the ad platforms themselves \u2014 hand you a dashboard full of reach, impressions, and click-through rates and call it a performance report. We include all of those metrics too \u2014 but we don't lead with them when revenue isn't moving. <strong>A good CTR means nothing if it isn't translating into business outcomes you actually care about.<\/strong><\/p>\n      <p>Ad platforms like Google and Meta are designed to show their own numbers in the best possible light. Broad match terms inflating click volume, view-through conversions padding ROAS, default attribution windows making campaigns look more efficient than they are. We know where the spin lives \u2014 and we strip it out. Every decision we make is based on what the data is actually telling us, not what the platform dashboard wants you to see.<\/p>\n      <p><strong>Data is the foundation.<\/strong> Your business goals are the compass \u2014 whether that's revenue, profitability, or brand visibility. We report on what matters to you, and we always come with context and a plan.<\/p>\n    <\/div>\n    <div class=\"phil-stats reveal right\">\n      <div class=\"phil-stat\">\n        <div class=\"phil-stat-num\" style=\"background:linear-gradient(135deg,#f59e0b,#d97706);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">8x+<\/div>\n        <div class=\"phil-stat-text\">\n          <h4>Average ROAS \u2014 not projected, actual<\/h4>\n          <p>Across Google Shopping campaigns where we control the full strategy.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"phil-stat\">\n        <div class=\"phil-stat-num\" style=\"background:linear-gradient(135deg,#d94f4f,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">100%<\/div>\n        <div class=\"phil-stat-text\">\n          <h4>Transparent \u2014 good periods and bad<\/h4>\n          <p>If something isn't working, we say so clearly \u2014 and we come with a plan to fix it before you have to ask.<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"phil-stat\">\n        <div class=\"phil-stat-num\" style=\"background:linear-gradient(135deg,#0891b2,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\">10+<\/div>\n        <div class=\"phil-stat-text\">\n          <h4>Years making data-driven decisions<\/h4>\n          <p>In paid search, Shopping, and performance advertising \u2014 not generalist marketing.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     PROCESS STEPS\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"process\">\n  <div class=\"process-inner\">\n    <div class=\"process-header reveal\">\n      <h2>Six Steps. One Goal: <em>Your Growth.<\/em><\/h2>\n      <p>This is how every engagement starts, runs, and evolves \u2014 with complete transparency at every stage.<\/p>\n    <\/div>\n\n    <!-- STEP 1: DISCOVERY -->\n    <div class=\"step-block\">\n      <div class=\"step-number-bg\">1<\/div>\n      <div class=\"step-content reveal left\">\n        <div class=\"step-kicker\">\n          <span class=\"step-num-pill\" style=\"background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;\">1<\/span>\n          <span class=\"step-label\">Step One<\/span>\n        <\/div>\n        <h3>We Learn Your Business <em>Before We Touch a Campaign.<\/em><\/h3>\n        <p>Before any campaign goes live, we spend time actually understanding your business. <strong>Who your best customers are. What margins look like. What \"winning\" means to you specifically.<\/strong> Not in a generic sense \u2014 in your context.<\/p>\n        <p>We audit everything that exists \u2014 current campaigns, tracking setup, conversion data, account history \u2014 and we're honest about what we find. If something is broken, we say so.<\/p>\n        <ul class=\"step-details\">\n          <li style=\"border-color:#f59e0b;\"><span class=\"li-icon\">\ud83d\udd0d<\/span> Full account and conversion tracking audit<\/li>\n          <li style=\"border-color:#f59e0b;\"><span class=\"li-icon\">\ud83d\udcca<\/span> Historical data analysis \u2014 what worked, what didn't<\/li>\n          <li style=\"border-color:#f59e0b;\"><span class=\"li-icon\">\ud83c\udfaf<\/span> Business goal mapping \u2014 revenue targets, CPA thresholds, growth priorities<\/li>\n          <li style=\"border-color:#f59e0b;\"><span class=\"li-icon\">\ud83d\udcac<\/span> Direct conversation with you \u2014 the person who knows the business<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"step-visual reveal right\">\n        <div class=\"step-visual-bg\" style=\"background:linear-gradient(135deg,#1a1200,#3d2a00);\"><\/div>\n        <div class=\"step-visual-content\">\n          <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(245,158,11,0.5);margin-bottom:16px;\">Account Health Analysis<\/div>\n          <div class=\"vis-signals\">\n            <div class=\"signal-row\">\n              <span class=\"signal-label\">Conv. Tracking<\/span>\n              <div class=\"signal-bar-wrap\"><div class=\"signal-bar\" style=\"width:30%;background:#ef4444;animation-delay:0.1s;\"><\/div><\/div>\n              <span class=\"signal-val\" style=\"color:#ef4444;\">Broken<\/span>\n            <\/div>\n            <div class=\"signal-row\">\n              <span class=\"signal-label\">ROAS<\/span>\n              <div class=\"signal-bar-wrap\"><div class=\"signal-bar\" style=\"width:45%;background:#f59e0b;animation-delay:0.2s;\"><\/div><\/div>\n              <span class=\"signal-val\" style=\"color:#f59e0b;\">2.1x<\/span>\n            <\/div>\n            <div class=\"signal-row\">\n              <span class=\"signal-label\">Wasted Spend<\/span>\n              <div class=\"signal-bar-wrap\"><div class=\"signal-bar\" style=\"width:72%;background:#ef4444;animation-delay:0.3s;\"><\/div><\/div>\n              <span class=\"signal-val\" style=\"color:#ef4444;\">$3.2k<\/span>\n            <\/div>\n            <div class=\"signal-row\">\n              <span class=\"signal-label\">Quality Score<\/span>\n              <div class=\"signal-bar-wrap\"><div class=\"signal-bar\" style=\"width:40%;background:#f59e0b;animation-delay:0.4s;\"><\/div><\/div>\n              <span class=\"signal-val\" style=\"color:#f59e0b;\">4\/10<\/span>\n            <\/div>\n            <div class=\"signal-row\">\n              <span class=\"signal-label\">Feed Health<\/span>\n              <div class=\"signal-bar-wrap\"><div class=\"signal-bar\" style=\"width:55%;background:#f59e0b;animation-delay:0.5s;\"><\/div><\/div>\n              <span class=\"signal-val\" style=\"color:#f59e0b;\">54%<\/span>\n            <\/div>\n            <div style=\"margin-top:16px;padding:12px;background:rgba(239,68,68,0.1);border:1px solid rgba(239,68,68,0.2);border-radius:8px;font-size:11px;color:rgba(239,68,68,0.8);\">\u26a0 6 critical issues identified \u2014 audit complete<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 2: STRATEGY -->\n    <div class=\"step-block flip\">\n      <div class=\"step-number-bg\">2<\/div>\n      <div class=\"step-content reveal right\">\n        <div class=\"step-kicker\">\n          <span class=\"step-num-pill\" style=\"background:linear-gradient(135deg,#d94f4f,#7c3aed);color:#fff;\">2<\/span>\n          <span class=\"step-label\">Step Two<\/span>\n        <\/div>\n        <h3>Strategy Built on <em>Data. Not Templates.<\/em><\/h3>\n        <p>Every campaign structure we build starts from your data \u2014 not a copy-paste template from a previous client. <strong>Your margins, your product mix, your customer acquisition costs, your seasonal patterns.<\/strong> We use all of it.<\/p>\n        <p>We set real targets with you \u2014 ROAS floors, CPA ceilings, budget thresholds \u2014 so there's no ambiguity about what success looks like before we spend a dollar.<\/p>\n        <ul class=\"step-details\">\n          <li style=\"border-color:#d94f4f;\"><span class=\"li-icon\">\ud83d\udcd0<\/span> Custom campaign architecture based on your actual business structure<\/li>\n          <li style=\"border-color:#7c3aed;\"><span class=\"li-icon\">\ud83d\udcb0<\/span> Margin-aware bidding \u2014 we know which products to push hardest<\/li>\n          <li style=\"border-color:#d94f4f;\"><span class=\"li-icon\">\ud83c\udfaf<\/span> Clear KPI agreement before launch \u2014 ROAS target, CPA ceiling, revenue goals<\/li>\n          <li style=\"border-color:#7c3aed;\"><span class=\"li-icon\">\ud83d\udcc5<\/span> Seasonal and trend forecasting built into the plan from day one<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"step-visual reveal left\">\n        <div class=\"step-visual-bg\" style=\"background:linear-gradient(135deg,#1a0520,#2d0c40);\"><\/div>\n        <div class=\"step-visual-content\">\n          <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(124,58,237,0.5);margin-bottom:16px;\">Campaign Strategy Matrix<\/div>\n          <div class=\"vis-matrix\">\n            <div class=\"matrix-card\">\n              <div class=\"matrix-card-label\" style=\"color:rgba(245,158,11,0.6);\">Target ROAS<\/div>\n              <div class=\"matrix-card-val\" style=\"color:#f59e0b;\">7.5x<\/div>\n              <div class=\"matrix-card-sub\">Floor: 6.0x<\/div>\n            <\/div>\n            <div class=\"matrix-card\">\n              <div class=\"matrix-card-label\" style=\"color:rgba(16,185,129,0.6);\">CPA Ceiling<\/div>\n              <div class=\"matrix-card-val\" style=\"color:#10b981;\">$22<\/div>\n              <div class=\"matrix-card-sub\">Current: $34<\/div>\n            <\/div>\n            <div class=\"matrix-card\">\n              <div class=\"matrix-card-label\" style=\"color:rgba(217,79,79,0.6);\">Budget<\/div>\n              <div class=\"matrix-card-val\" style=\"color:#d94f4f;\">$12k<\/div>\n              <div class=\"matrix-card-sub\">Monthly<\/div>\n            <\/div>\n            <div class=\"matrix-card\">\n              <div class=\"matrix-card-label\" style=\"color:rgba(124,58,237,0.6);\">Priority Seg.<\/div>\n              <div class=\"matrix-card-val\" style=\"color:#7c3aed;\">Tier 1<\/div>\n              <div class=\"matrix-card-sub\">High-margin SKUs<\/div>\n            <\/div>\n          <\/div>\n          <div style=\"margin-top:10px;padding:10px 14px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.2);border-radius:8px;font-size:11px;color:rgba(16,185,129,0.8);\">\u2713 Strategy agreed \u2014 ready to build<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 3: LAUNCH & TRACK -->\n    <div class=\"step-block\">\n      <div class=\"step-number-bg\">3<\/div>\n      <div class=\"step-content reveal left\">\n        <div class=\"step-kicker\">\n          <span class=\"step-num-pill\" style=\"background:linear-gradient(135deg,#0891b2,#22d3ee);color:#fff;\">3<\/span>\n          <span class=\"step-label\">Step Three<\/span>\n        <\/div>\n        <h3>Launch. Measure. <em>Trust the Data.<\/em><\/h3>\n        <p>We build campaigns clean, test them before they go live, and track everything \u2014 from first click to final purchase. <strong>Conversion tracking is non-negotiable.<\/strong> If we can't measure it accurately, we fix that before spending a dollar.<\/p>\n        <p>From day one, you have full visibility. Your account, your data, your access \u2014 always. We don't hide behind reports. We show you everything.<\/p>\n        <ul class=\"step-details\">\n          <li style=\"border-color:#0891b2;\"><span class=\"li-icon\">\ud83d\udce1<\/span> GA4 and Google Tag Manager verified before launch<\/li>\n          <li style=\"border-color:#22d3ee;\"><span class=\"li-icon\">\u2705<\/span> All conversions tested \u2014 purchases, leads, calls, form fills<\/li>\n          <li style=\"border-color:#0891b2;\"><span class=\"li-icon\">\ud83d\udd13<\/span> Full account access retained by you at all times<\/li>\n          <li style=\"border-color:#22d3ee;\"><span class=\"li-icon\">\ud83d\udcc8<\/span> Live reporting from day one \u2014 revenue, ROAS, CPA only<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"step-visual reveal right\">\n        <div class=\"step-visual-bg\" style=\"background:linear-gradient(135deg,#00101a,#001e2e);\"><\/div>\n        <div class=\"step-visual-content\">\n          <div class=\"vis-dashboard\">\n            <div class=\"dash-header\">\n              <div class=\"dash-dot\"><\/div>\n              <div class=\"dash-title\">Live Performance Dashboard<\/div>\n              <div class=\"dash-period\">Last 7 days<\/div>\n            <\/div>\n            <div class=\"dash-metrics\">\n              <div class=\"dash-metric\">\n                <div class=\"dash-metric-num\" style=\"color:#10b981;\">8.4x<\/div>\n                <div class=\"dash-metric-label\">ROAS<\/div>\n              <\/div>\n              <div class=\"dash-metric\">\n                <div class=\"dash-metric-num\" style=\"color:#f59e0b;\">$84k<\/div>\n                <div class=\"dash-metric-label\">Revenue<\/div>\n              <\/div>\n              <div class=\"dash-metric\">\n                <div class=\"dash-metric-num\" style=\"color:#a78bfa;\">$18<\/div>\n                <div class=\"dash-metric-label\">CPA<\/div>\n              <\/div>\n            <\/div>\n            <div class=\"dash-chart\">\n              <div style=\"font-size:9px;color:rgba(255,255,255,0.3);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;\">Revenue \u2014 7 days<\/div>\n              <div class=\"dash-bars\">\n                <div class=\"dash-bar\" style=\"height:40%;background:rgba(16,185,129,0.4);\"><\/div>\n                <div class=\"dash-bar\" style=\"height:55%;background:rgba(16,185,129,0.5);\"><\/div>\n                <div class=\"dash-bar\" style=\"height:48%;background:rgba(16,185,129,0.5);\"><\/div>\n                <div class=\"dash-bar\" style=\"height:70%;background:rgba(16,185,129,0.6);\"><\/div>\n                <div class=\"dash-bar\" style=\"height:65%;background:rgba(16,185,129,0.6);\"><\/div>\n                <div class=\"dash-bar\" style=\"height:85%;background:rgba(16,185,129,0.7);\"><\/div>\n                <div class=\"dash-bar\" style=\"height:100%;background:#10b981;\"><\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 4: INTELLIGENCE -->\n    <div class=\"step-block flip\">\n      <div class=\"step-number-bg\">4<\/div>\n      <div class=\"step-content reveal right\">\n        <div class=\"step-kicker\">\n          <span class=\"step-num-pill\" style=\"background:linear-gradient(135deg,#be185d,#7c3aed);color:#fff;\">4<\/span>\n          <span class=\"step-label\">Step Four<\/span>\n        <\/div>\n        <h3>We Watch the Market. <em>So You Don't Have To.<\/em><\/h3>\n        <p>Campaigns don't exist in a vacuum. <strong>Competitors adjust bids, launch new offers, change their creative.<\/strong> Industry trends shift. Platform algorithms update. We stay on top of all of it \u2014 continuously \u2014 so your campaigns adapt before performance drops.<\/p>\n        <p>We don't just watch your account. We watch your market. Auction insights, competitor ad copy, industry search trend data \u2014 it all feeds into how we optimize.<\/p>\n        <ul class=\"step-details\">\n          <li style=\"border-color:#be185d;\"><span class=\"li-icon\">\ud83d\udc41\ufe0f<\/span> Competitor auction insight monitoring \u2014 weekly<\/li>\n          <li style=\"border-color:#7c3aed;\"><span class=\"li-icon\">\ud83d\udcf0<\/span> Platform update tracking \u2014 algorithm changes and policy shifts<\/li>\n          <li style=\"border-color:#be185d;\"><span class=\"li-icon\">\ud83d\udcca<\/span> Industry trend analysis fed into bidding and creative decisions<\/li>\n          <li style=\"border-color:#7c3aed;\"><span class=\"li-icon\">\ud83d\udd04<\/span> Proactive pivots \u2014 we adjust before problems become expensive<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"step-visual reveal left\">\n        <div class=\"step-visual-bg\" style=\"background:linear-gradient(135deg,#1a0025,#2d0040);\"><\/div>\n        <div class=\"step-visual-content\">\n          <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(190,24,93,0.5);margin-bottom:16px;\">Market Intelligence Feed<\/div>\n          <div class=\"vis-intel\">\n            <div class=\"intel-row\">\n              <span class=\"intel-tag\" style=\"background:rgba(239,68,68,0.2);color:#f87171;\">Competitor<\/span>\n              <span class=\"intel-text\">Competitor A increased bids +18% on \"running shoes\"<\/span>\n              <span class=\"intel-action\" style=\"background:rgba(245,158,11,0.15);color:#f59e0b;\">Reviewing<\/span>\n            <\/div>\n            <div class=\"intel-row\">\n              <span class=\"intel-tag\" style=\"background:rgba(16,185,129,0.2);color:#10b981;\">Trend<\/span>\n              <span class=\"intel-text\">Search volume \u2191 34% \u2014 \"trail running gear\" this week<\/span>\n              <span class=\"intel-action\" style=\"background:rgba(16,185,129,0.15);color:#10b981;\">Acting<\/span>\n            <\/div>\n            <div class=\"intel-row\">\n              <span class=\"intel-tag\" style=\"background:rgba(124,58,237,0.2);color:#a78bfa;\">Platform<\/span>\n              <span class=\"intel-text\">PMax asset group quality scoring updated<\/span>\n              <span class=\"intel-action\" style=\"background:rgba(124,58,237,0.15);color:#a78bfa;\">Updated<\/span>\n            <\/div>\n            <div class=\"intel-row\">\n              <span class=\"intel-tag\" style=\"background:rgba(8,145,178,0.2);color:#22d3ee;\">Seasonal<\/span>\n              <span class=\"intel-text\">Holiday peak window opens in 18 days \u2014 prep underway<\/span>\n              <span class=\"intel-action\" style=\"background:rgba(8,145,178,0.15);color:#22d3ee;\">Prepared<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 5: CONVERSION -->\n    <div class=\"step-block\">\n      <div class=\"step-number-bg\">5<\/div>\n      <div class=\"step-content reveal left\">\n        <div class=\"step-kicker\">\n          <span class=\"step-num-pill\" style=\"background:linear-gradient(135deg,#10b981,#0891b2);color:#fff;\">5<\/span>\n          <span class=\"step-label\">Step Five<\/span>\n        <\/div>\n        <h3>Optimize Every Step of the <em>Path to Purchase.<\/em><\/h3>\n        <p>Getting a click is one thing. <strong>Turning that click into revenue is the whole point.<\/strong> We analyze the full funnel \u2014 from first impression to completed conversion \u2014 and identify exactly where customers are dropping off and why.<\/p>\n        <p>We work with your conversion data to continuously improve not just the campaigns, but the decisions around them: which products to push, which audiences convert best, which creative drives the lowest CPA.<\/p>\n        <ul class=\"step-details\">\n          <li style=\"border-color:#10b981;\"><span class=\"li-icon\">\ud83d\uded2<\/span> Full purchase funnel analysis \u2014 click to conversion<\/li>\n          <li style=\"border-color:#0891b2;\"><span class=\"li-icon\">\ud83d\udca1<\/span> Cart and checkout drop-off identification<\/li>\n          <li style=\"border-color:#10b981;\"><span class=\"li-icon\">\ud83c\udfaf<\/span> Audience segmentation by conversion rate and LTV<\/li>\n          <li style=\"border-color:#0891b2;\"><span class=\"li-icon\">\ud83d\udce6<\/span> Product-level performance \u2014 margin vs revenue vs conversion rate<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"step-visual reveal right\">\n        <div class=\"step-visual-bg\" style=\"background:linear-gradient(135deg,#001a12,#002a1e);\"><\/div>\n        <div class=\"step-visual-content\">\n          <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(16,185,129,0.5);margin-bottom:16px;\">Conversion Funnel<\/div>\n          <div class=\"vis-funnel\">\n            <div class=\"funnel-step\" style=\"background:rgba(16,185,129,0.15);border:1px solid rgba(16,185,129,0.2);width:100%;\">\n              <span class=\"funnel-label\">Impressions<\/span>\n              <span class=\"funnel-val\" style=\"color:#10b981;\">1,240,000<\/span>\n            <\/div>\n            <div style=\"width:85%;font-size:10px;text-align:right;color:rgba(16,185,129,0.4);padding-right:8px;\">\u2193 CTR 3.2%<\/div>\n            <div class=\"funnel-step\" style=\"background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.18);width:85%;\">\n              <span class=\"funnel-label\">Clicks<\/span>\n              <span class=\"funnel-val\" style=\"color:#10b981;\">39,680<\/span>\n            <\/div>\n            <div style=\"width:55%;font-size:10px;text-align:right;color:rgba(245,158,11,0.5);padding-right:8px;\">\u2193 Landing 67%<\/div>\n            <div class=\"funnel-step\" style=\"background:rgba(245,158,11,0.1);border:1px solid rgba(245,158,11,0.15);width:60%;\">\n              <span class=\"funnel-label\">Add to Cart<\/span>\n              <span class=\"funnel-val\" style=\"color:#f59e0b;\">4,850<\/span>\n            <\/div>\n            <div style=\"width:40%;font-size:10px;text-align:right;color:rgba(245,158,11,0.4);padding-right:8px;\">\u2193 Conv. 58%<\/div>\n            <div class=\"funnel-step\" style=\"background:rgba(16,185,129,0.18);border:1px solid rgba(16,185,129,0.3);width:40%;\">\n              <span class=\"funnel-label\">Purchases \u2713<\/span>\n              <span class=\"funnel-val\" style=\"color:#10b981;\">2,813<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <!-- STEP 6: PARTNERSHIP -->\n    <div class=\"step-block flip\">\n      <div class=\"step-number-bg\">6<\/div>\n      <div class=\"step-content reveal right\">\n        <div class=\"step-kicker\">\n          <span class=\"step-num-pill\" style=\"background:linear-gradient(135deg,#d94f4f,#f59e0b);color:#fff;\">6<\/span>\n          <span class=\"step-label\">Step Six<\/span>\n        <\/div>\n        <h3>We're In This <em>As Much As You Are.<\/em><\/h3>\n        <p>Your goals change. Markets shift. New products launch. Budgets flex. <strong>We adapt with you \u2014 not on a quarterly review call, but in real time.<\/strong> If something changes in your business that affects the campaigns, we want to know immediately.<\/p>\n        <p>You talk directly to the person managing your campaigns. Not an account manager who'll \"pass it along.\" Not a ticket system. <strong>Direct, open communication with someone who actually knows your account inside out.<\/strong><\/p>\n        <ul class=\"step-details\">\n          <li style=\"border-color:#d94f4f;\"><span class=\"li-icon\">\ud83d\udcde<\/span> Direct access to the operator \u2014 always<\/li>\n          <li style=\"border-color:#f59e0b;\"><span class=\"li-icon\">\ud83d\udd04<\/span> Strategy pivots when your business goals shift \u2014 not at the next scheduled review<\/li>\n          <li style=\"border-color:#d94f4f;\"><span class=\"li-icon\">\ud83d\udccb<\/span> Monthly reporting focused on revenue, ROAS, CPA \u2014 nothing else<\/li>\n          <li style=\"border-color:#f59e0b;\"><span class=\"li-icon\">\ud83e\udd1d<\/span> Month to month \u2014 we earn your business every single month<\/li>\n        <\/ul>\n      <\/div>\n      <div class=\"step-visual reveal left\">\n        <div class=\"step-visual-bg\" style=\"background:linear-gradient(135deg,#1a0800,#2d1400);\"><\/div>\n        <div class=\"step-visual-content\">\n          <div style=\"font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:rgba(217,79,79,0.5);margin-bottom:16px;\">Direct Communication<\/div>\n          <div class=\"vis-comms\">\n            <div class=\"comm-bubble them\">\n              <div class=\"comm-sender\">You<\/div>\n              We're launching a new product line next month \u2014 40 new SKUs. How do we handle this?\n            <\/div>\n            <div class=\"comm-bubble us\">\n              <div class=\"comm-sender\">JXC Digital<\/div>\n              Great timing \u2014 let's build a separate campaign structure for the launch with its own budget and ROAS targets. I'll set up a product group today and we can review the feed setup tomorrow.\n            <\/div>\n            <div class=\"comm-bubble them\">\n              <div class=\"comm-sender\">You<\/div>\n              Also our margin on the new line is 60% vs 38% on current \u2014 does that change our bidding?\n            <\/div>\n            <div class=\"comm-bubble us\">\n              <div class=\"comm-sender\">JXC Digital<\/div>\n              Absolutely \u2014 we should set a higher ROAS floor for the existing line and give the new SKUs more room to grow. I'll restructure the bid strategy this week.\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     NO FLUFF \/ TRUTH SECTION\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"truth\">\n  <div class=\"truth-inner\">\n    <h2 class=\"reveal\">Transparent Reporting. <em>No Spin. Ever.<\/em><\/h2>\n    <div class=\"truth-grid reveal d2\">\n      <div class=\"truth-cell dark\">\n        <h4>\u274c What We Don't Do<\/h4>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udeab<\/span> Lead with vanity numbers to distract from poor revenue performance<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udeab<\/span> Spin a bad month to look like a good one<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udeab<\/span> Report only the metrics that make us look good<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udeab<\/span> Wait until a review call to flag a problem we already knew about<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udeab<\/span> Present data without context, a cause, or a plan<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udeab<\/span> Define success for you \u2014 that's your call, not ours<\/div>\n      <\/div>\n      <div class=\"truth-cell\">\n        <h4>\u2705 What You'll Always Get<\/h4>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udcca<\/span> Full reporting \u2014 impressions, CTR, CPC, and everything in between<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udcb5<\/span> Revenue and profitability front and center \u2014 because that's usually what matters most<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udce3<\/span> Honest conversations about bad periods \u2014 with a clear plan to address them<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83c\udfaf<\/span> Reporting framed around what YOU value \u2014 whether that's ROAS, CPA, brand reach, or all of it<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udd04<\/span> Pivot plans ready before you have to ask for one<\/div>\n        <div class=\"truth-item\"><span class=\"tick\">\ud83d\udcac<\/span> Direct access to the person who actually knows your account<\/div>\n      <\/div>\n    <\/div>\n    <p class=\"truth-p reveal d3\">\n      We report everything \u2014 impressions, CTR, click volume, all of it. <strong>The difference is we don't hide behind those numbers when revenue isn't moving.<\/strong> If a period was hard, we say so, explain why, and come with a plan. If your goal is brand visibility rather than direct revenue, we report and optimize for that too. <strong>We follow your definition of success \u2014 not ours.<\/strong>\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CONVERSION DETAIL\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"conversions\">\n  <div class=\"conv-inner\">\n    <div class=\"conv-header reveal\">\n      <h2>How We Think About <em>Conversions<\/em><\/h2>\n      <p>A conversion isn't just a purchase. It's the end of a journey we helped design, measure, and optimize at every step.<\/p>\n    <\/div>\n    <div class=\"conv-grid\">\n\n      <div class=\"conv-card reveal d1\" style=\"--c:#f59e0b;\">\n        <div style=\"position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#f59e0b,#d97706);\"><\/div>\n        <span class=\"conv-icon\">\ud83c\udfd7\ufe0f<\/span>\n        <h4>Tracking Built for Business<\/h4>\n        <p>We don't just turn on \"purchase tracking.\" We configure every conversion event that matters \u2014 purchases, leads, calls, add-to-carts, checkout starts \u2014 and verify each one fires correctly before spending a cent.<\/p>\n        <span class=\"conv-tag\" style=\"background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.2);\">GA4 + GTM<\/span>\n      <\/div>\n\n      <div class=\"conv-card reveal d2\">\n        <div style=\"position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#d94f4f,#7c3aed);\"><\/div>\n        <span class=\"conv-icon\">\u26a1<\/span>\n        <h4>Signal Quality Over Volume<\/h4>\n        <p>Ad platforms optimise toward the conversion signals you feed them. Dirty data \u2014 double-counted conversions, misattributed events, view-through inflation \u2014 trains algorithms to spend money badly. We keep signals clean.<\/p>\n        <span class=\"conv-tag\" style=\"background:rgba(217,79,79,0.1);color:#d94f4f;border:1px solid rgba(217,79,79,0.2);\">Attribution<\/span>\n      <\/div>\n\n      <div class=\"conv-card reveal d3\">\n        <div style=\"position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#7c3aed,#0891b2);\"><\/div>\n        <span class=\"conv-icon\">\ud83d\udd01<\/span>\n        <h4>Full-Funnel Thinking<\/h4>\n        <p>We track micro-conversions \u2014 scroll depth, time on page, product views, add-to-cart \u2014 alongside hard conversions. This gives us the full picture of how customers move through your funnel and where they stop.<\/p>\n        <span class=\"conv-tag\" style=\"background:rgba(124,58,237,0.1);color:#a78bfa;border:1px solid rgba(124,58,237,0.2);\">Funnel Analysis<\/span>\n      <\/div>\n\n      <div class=\"conv-card reveal d4\">\n        <div style=\"position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#10b981,#0891b2);\"><\/div>\n        <span class=\"conv-icon\">\ud83d\udcb5<\/span>\n        <h4>Revenue as the North Star<\/h4>\n        <p>Every bid adjustment, every audience test, every budget reallocation is made with one question in mind: does this generate more revenue at a profitable cost? Nothing else gets optimized for. Not impressions. Not clicks. Revenue.<\/p>\n        <span class=\"conv-tag\" style=\"background:rgba(16,185,129,0.1);color:#10b981;border:1px solid rgba(16,185,129,0.2);\">Revenue Focus<\/span>\n      <\/div>\n\n      <div class=\"conv-card reveal d5\">\n        <div style=\"position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#be185d,#d94f4f);\"><\/div>\n        <span class=\"conv-icon\">\ud83e\uddea<\/span>\n        <h4>Continuous Testing<\/h4>\n        <p>Audiences, creative, bid strategies, landing pages, ad copy \u2014 we test continuously and let data determine what stays and what gets cut. There's no guesswork. Every change is tracked and measured against a clear baseline.<\/p>\n        <span class=\"conv-tag\" style=\"background:rgba(190,24,93,0.1);color:#ec4899;border:1px solid rgba(190,24,93,0.2);\">A\/B Testing<\/span>\n      <\/div>\n\n      <div class=\"conv-card reveal d6\">\n        <div style=\"position:absolute;top:0;left:0;right:0;height:2px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,#f59e0b,#d94f4f);\"><\/div>\n        <span class=\"conv-icon\">\ud83d\udce1<\/span>\n        <h4>Platform Signal Optimization<\/h4>\n        <p>Google and Meta use your conversion data to find more customers. The better your signals, the smarter their algorithms perform. We configure Enhanced Conversions, Conversions API, and proper deduplication to give platforms the cleanest possible data.<\/p>\n        <span class=\"conv-tag\" style=\"background:rgba(245,158,11,0.1);color:#f59e0b;border:1px solid rgba(245,158,11,0.2);\">Enhanced Conv.<\/span>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n     CTA\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\n<section class=\"cta\">\n  <div class=\"cta-inner\">\n    <h2 class=\"reveal\">Ready to Work With a Team That's <em>As Invested as You Are?<\/em><\/h2>\n    <p class=\"reveal d2\">Start with a free audit. No pitch. No pressure. Just an honest look at where things stand and what we can do about it.<\/p>\n    <div class=\"cta-btns reveal d3\">\n      <a href=\"https:\/\/jxcdigital.com\/staging\/3370\/get-your-free-audit\/\" class=\"btn-primary\">Get Your Free Audit \u2192<\/a>\n      <a href=\"https:\/\/jxcdigital.com\/staging\/3370\/contact-us\/\" class=\"btn-ghost\">Talk to Us First<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Scroll progress\n  var bar = document.getElementById('scroll-bar');\n  window.addEventListener('scroll', function() {\n    bar.style.width = (window.scrollY \/ (document.documentElement.scrollHeight - window.innerHeight) * 100) + '%';\n  });\n\n  \/\/ Reveal on scroll\n  var io = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) { e.target.classList.add('vis'); io.unobserve(e.target); }\n    });\n  }, { threshold: 0.12 });\n  document.querySelectorAll('.reveal').forEach(function(el) { io.observe(el); });\n\n  \/\/ Initial reveals above fold\n  setTimeout(function() {\n    document.querySelectorAll('.header .reveal').forEach(function(el) {\n      el.classList.add('vis');\n    });\n  }, 100);\n\n  \/\/ Phil stats slide in\n  var philStats = document.querySelectorAll('.phil-stat');\n  philStats.forEach(function(s, i) {\n    s.style.opacity = '0'; s.style.transform = 'translateX(30px)';\n    s.style.transition = 'opacity 0.6s ease ' + (i * 0.15) + 's, transform 0.6s ease ' + (i * 0.15) + 's';\n  });\n  var psObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        philStats.forEach(function(s) { s.style.opacity = '1'; s.style.transform = 'translateX(0)'; });\n        psObs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.2 });\n  var ps = document.querySelector('.phil-stats');\n  if (ps) psObs.observe(ps);\n\n  \/\/ Step details stagger\n  document.querySelectorAll('.step-block').forEach(function(block) {\n    var items = block.querySelectorAll('.step-details li');\n    items.forEach(function(li, i) {\n      li.style.opacity = '0'; li.style.transform = 'translateX(-16px)';\n      li.style.transition = 'opacity 0.4s ease ' + (i * 0.1) + 's, transform 0.4s ease ' + (i * 0.1) + 's';\n    });\n    var sObs = new IntersectionObserver(function(entries) {\n      entries.forEach(function(e) {\n        if (e.isIntersecting) {\n          items.forEach(function(li) { li.style.opacity = '1'; li.style.transform = 'translateX(0)'; });\n          sObs.unobserve(e.target);\n        }\n      });\n    }, { threshold: 0.3 });\n    sObs.observe(block);\n  });\n\n  \/\/ Conv cards stagger\n  var cCards = document.querySelectorAll('.conv-card');\n  cCards.forEach(function(c, i) {\n    c.style.opacity = '0'; c.style.transform = 'translateY(30px)';\n    c.style.transition = 'opacity 0.5s ease ' + (i * 0.08) + 's, transform 0.5s ease ' + (i * 0.08) + 's';\n  });\n  var ccObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        cCards.forEach(function(c) { c.style.opacity = '1'; c.style.transform = 'translateY(0)'; });\n        ccObs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.1 });\n  var cg = document.querySelector('.conv-grid');\n  if (cg) ccObs.observe(cg);\n\n  \/\/ Intel rows stagger\n  var iRows = document.querySelectorAll('.intel-row');\n  iRows.forEach(function(r, i) {\n    r.style.opacity = '0'; r.style.transform = 'translateY(10px)';\n    r.style.transition = 'opacity 0.4s ease ' + (i * 0.12) + 's, transform 0.4s ease ' + (i * 0.12) + 's';\n  });\n  var irObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        iRows.forEach(function(r) { r.style.opacity = '1'; r.style.transform = 'translateY(0)'; });\n        irObs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.3 });\n  var iv = document.querySelector('.vis-intel');\n  if (iv) irObs.observe(iv);\n\n  \/\/ Comm bubbles stagger\n  var bubbles = document.querySelectorAll('.comm-bubble');\n  bubbles.forEach(function(b, i) {\n    b.style.opacity = '0';\n    b.style.transform = b.classList.contains('us') ? 'translateX(20px)' : 'translateX(-20px)';\n    b.style.transition = 'opacity 0.5s ease ' + (i * 0.18) + 's, transform 0.5s ease ' + (i * 0.18) + 's';\n  });\n  var bObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        bubbles.forEach(function(b) { b.style.opacity = '1'; b.style.transform = 'translateX(0)'; });\n        bObs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.3 });\n  var vc = document.querySelector('.vis-comms');\n  if (vc) bObs.observe(vc);\n\n  \/\/ Signal bars animate\n  var sigBars = document.querySelectorAll('.signal-bar');\n  var sbObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        sigBars.forEach(function(b) {\n          b.style.animation = b.style.animation || 'bar-grow 1.2s cubic-bezier(0.16,1,0.3,1) both';\n        });\n        sbObs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.4 });\n  var vsig = document.querySelector('.vis-signals');\n  if (vsig) sbObs.observe(vsig);\n\n  \/\/ Funnel steps stagger\n  var fSteps = document.querySelectorAll('.funnel-step');\n  fSteps.forEach(function(s, i) {\n    s.style.opacity = '0'; s.style.transform = 'scaleX(0.7)'; s.style.transformOrigin = 'left';\n    s.style.transition = 'opacity 0.5s ease ' + (i * 0.15) + 's, transform 0.5s ease ' + (i * 0.15) + 's';\n  });\n  var fObs = new IntersectionObserver(function(entries) {\n    entries.forEach(function(e) {\n      if (e.isIntersecting) {\n        fSteps.forEach(function(s) { s.style.opacity = '1'; s.style.transform = 'scaleX(1)'; });\n        fObs.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.3 });\n  var vf = document.querySelector('.vis-funnel');\n  if (vf) fObs.observe(vf);\n\n<\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Our Process | JXC Digital JXC Digital \u00b7 How We Work The Process Behind Real Results No vanity metrics. No inflated reports. No fluff. Just a relentless, data-driven partnership built around what your business actually needs to grow. Read the story We Don&#8217;t Report Numbers.We Report Business Reality. Most agencies \u2014 and the ad platforms&#8230;<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"nf_dc_page":"","content-type":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-11949","page","type-page","status-publish","hentry","no-post-thumbnail"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Our Process - JXC Digital<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Our Process - JXC Digital\" \/>\n<meta property=\"og:description\" content=\"Our Process | JXC Digital JXC Digital \u00b7 How We Work The Process Behind Real Results No vanity metrics. No inflated reports. No fluff. Just a relentless, data-driven partnership built around what your business actually needs to grow. Read the story We Don&#8217;t Report Numbers.We Report Business Reality. Most agencies \u2014 and the ad platforms...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/\" \/>\n<meta property=\"og:site_name\" content=\"JXC Digital\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-21T13:50:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"17 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/our-process\\\/\",\"url\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/our-process\\\/\",\"name\":\"Our Process - JXC Digital\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/#website\"},\"datePublished\":\"2026-05-21T13:47:37+00:00\",\"dateModified\":\"2026-05-21T13:50:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/our-process\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/our-process\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/our-process\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Our Process\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/#website\",\"url\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/\",\"name\":\"JXC Digital\",\"description\":\"Data-Driven Paid Advertising\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/jxcdigital.com\\\/staging\\\/3370\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Our Process - JXC Digital","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/","og_locale":"en_US","og_type":"article","og_title":"Our Process - JXC Digital","og_description":"Our Process | JXC Digital JXC Digital \u00b7 How We Work The Process Behind Real Results No vanity metrics. No inflated reports. No fluff. Just a relentless, data-driven partnership built around what your business actually needs to grow. Read the story We Don&#8217;t Report Numbers.We Report Business Reality. Most agencies \u2014 and the ad platforms...","og_url":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/","og_site_name":"JXC Digital","article_modified_time":"2026-05-21T13:50:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"17 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/","url":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/","name":"Our Process - JXC Digital","isPartOf":{"@id":"https:\/\/jxcdigital.com\/staging\/3370\/#website"},"datePublished":"2026-05-21T13:47:37+00:00","dateModified":"2026-05-21T13:50:44+00:00","breadcrumb":{"@id":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jxcdigital.com\/staging\/3370\/our-process\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/jxcdigital.com\/staging\/3370\/our-process\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/jxcdigital.com\/staging\/3370\/"},{"@type":"ListItem","position":2,"name":"Our Process"}]},{"@type":"WebSite","@id":"https:\/\/jxcdigital.com\/staging\/3370\/#website","url":"https:\/\/jxcdigital.com\/staging\/3370\/","name":"JXC Digital","description":"Data-Driven Paid Advertising","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jxcdigital.com\/staging\/3370\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11949","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/comments?post=11949"}],"version-history":[{"count":5,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11949\/revisions"}],"predecessor-version":[{"id":11954,"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/pages\/11949\/revisions\/11954"}],"wp:attachment":[{"href":"https:\/\/jxcdigital.com\/staging\/3370\/wp-json\/wp\/v2\/media?parent=11949"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}