PageSourceSearch

https://c3metrics.com/c3metrics-contact

html c3metrics.com collected 2026-09-24 09:47:24 UTC 51,570 bytes, 778 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3<head>
4<meta charset="UTF-8">
5<meta name="viewport" content="width=device-width, initial-scale=1.0">
6<link rel="icon" type="image/x-icon" href="data:image/x-icon;base64,AAABAAEAEBAAAAAAIABCAQAAFgAAAIlQTkcNChoKAAAADUlIRFIAAAAQAAAAEAgGAAAAH/P/YQAAAQlJREFUeJxjZICCHPuj/xlIAFMOWjMyMDAwMJGjGVkPIzmakQETJZqpYgALimnMjAyBmQoMxs4iDKxsTAz71zxjeHL7K0NqiwbDn9//GO5c+MQws+oGw5/f/7AbYOMnwWDhKcYwuegqw+NbXxj+Q0Mn1+EYg4mrKENclSoDFy8zw6d3OAyQVeVmeHzrC8Ojm19QnJlYp8Zg5CTCcOX4e4avn/6gyKGEwePbXxlk1XgYZNW4URTNb7rF0Jd9mUHHUpBBWY8Pdxgc2fSCQVSagyGzU4uBjYOJYf/q5wzMLIwMrlHSDL9+/GO4euI9w8PrqK4bBumAcgNguYocMOWgNSMTjEGOZgYGBgYATVtXbjturr4AAAAASUVORK5CYII=">
7<link rel="icon" type="image/png" sizes="32x32" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACe0lEQVR4nO2XTUgUYRzGfzP75X7qbuqopa3uIdH0kEnhLmmhJ1OxgqS7hyCjQ3UqooMnL0XeKuhkItTNiD4oBRMD6YMuHgxT1FZk09bd1WZ2p4PYrrLjatAKsc/p5eVhnt/8/+/7zrwCCbpUP6KSBvUOeYWNsZju8K1ZYrrDt0IIexGeKDG1JQOQAfjPAfSpDBXHnHhbJdzlNqzZBpRfMYJLMv7pCA9uTqDIMcw2Pb5WiSMnc8kvzgIEFudW+fB2kZePZ4nK2jtdE0AQoOOqh7pmibVIlIE7X/k0HMBk0XHAY8HXVoCoE0CGuuZ8FFnl4a0Jgksy9e2FtHSWUFRWgksy0dczqQmgeRCdOl9E+0U3AH09k4wO+lMVa5O6n9bicBmIhKJcbx7T9CVdA4IIjR37AQj9VHj/YmFX4bBeQYDVkLKtL2kLpGIzdqcBAP90ZNsebpXZquPEmULsTgOqCs8ezewewGKPT68syTsKdhWYuN1fs2ludNDP+OvF3QOEg/Gy2XIMOwIIfF+jq+EdZpueap+LC9c81J2WkA6auXv5C6pGEZOuAf9MhOCP9TeXSszoDEIyW1JFVhTGni/weSQAgKfKQVGZRdOfFECNwav+WQCsDj21jXk7Bog/JD6MRbVtmifhm4G5P1vvXFcptU15GLN02J0GDtVk09ldjjFLB8CVe4ep9rlw7DNisug42pRHldcFwMT4MvNTYU2AlD8klcedeFsk3BV2rA49iqwSWpaZnwpz/8b6SVhaaafhbCHuSjs5uUbWVmP4v4X5OBxg6Mk8ihz7e4B/rT3/GGUAMgAZADHxophu9Q55BXFjsBfhkNCCdEIkZv0GikPPKLAZa3AAAAAASUVORK5CYII=">
8<link rel="apple-touch-icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAACe0lEQVR4nO2XTUgUYRzGfzP75X7qbuqopa3uIdH0kEnhLmmhJ1OxgqS7hyCjQ3UqooMnL0XeKuhkItTNiD4oBRMD6YMuHgxT1FZk09bd1WZ2p4PYrrLjatAKsc/p5eVhnt/8/+/7zrwCCbpUP6KSBvUOeYWNsZju8K1ZYrrDt0IIexGeKDG1JQOQAfjPAfSpDBXHnHhbJdzlNqzZBpRfMYJLMv7pCA9uTqDIMcw2Pb5WiSMnc8kvzgIEFudW+fB2kZePZ4nK2jtdE0AQoOOqh7pmibVIlIE7X/k0HMBk0XHAY8HXVoCoE0CGuuZ8FFnl4a0Jgksy9e2FtHSWUFRWgksy0dczqQmgeRCdOl9E+0U3AH09k4wO+lMVa5O6n9bicBmIhKJcbx7T9CVdA4IIjR37AQj9VHj/YmFX4bBeQYDVkLKtL2kLpGIzdqcBAP90ZNsebpXZquPEmULsTgOqCs8ezewewGKPT68syTsKdhWYuN1fs2ludNDP+OvF3QOEg/Gy2XIMOwIIfF+jq+EdZpueap+LC9c81J2WkA6auXv5C6pGEZOuAf9MhOCP9TeXSszoDEIyW1JFVhTGni/weSQAgKfKQVGZRdOfFECNwav+WQCsDj21jXk7Bog/JD6MRbVtmifhm4G5P1vvXFcptU15GLN02J0GDtVk09ldjjFLB8CVe4ep9rlw7DNisug42pRHldcFwMT4MvNTYU2AlD8klcedeFsk3BV2rA49iqwSWpaZnwpz/8b6SVhaaafhbCHuSjs5uUbWVmP4v4X5OBxg6Mk8ihz7e4B/rT3/GGUAMgAZADHxophu9Q55BXFjsBfhkNCCdEIkZv0GikPPKLAZa3AAAAAASUVORK5CYII=">
9<title>Contact Us — C3 Metrics</title>
10  <!-- SEO -->
11  <meta name="description" content="Request a demo or intro discussion with C3 Metrics. Independent marketing attribution for omni-channel advertisers. Based in Portsmouth, NH.">
12  <meta name="robots" content="index, follow">
13  <link rel="canonical" href="https://www.c3metrics.com/c3metrics-contact">
14
15  <!-- Open Graph -->
16  <meta property="og:type" content="website">
17  <meta property="og:url" content="https://www.c3metrics.com/c3metrics-contact.html">
18  <meta property="og:title" content="Contact C3 Metrics — Request a Demo">
19  <meta property="og:description" content="Request a demo or book an intro discussion with C3 Metrics. We work with omni-channel advertisers who need independent, accurate marketing attribution. Based in Portsmouth, NH.">
20  <meta property="og:site_name" content="C3 Metrics">  
20<script type="application/ld+json">
21  {
22    "@context": "https://schema.org",
23    "@type": "Organization",
24    "name": "C3 Metrics",
25    "url": "https://c3metrics.com",
26    "description": "C3 Metrics delivers independent, omni-channel multi-touch attribution and marketing mix modeling for large advertisers — replacing platform self-reporting with accurate, cookie-less measurement.",
27    "address": {
28      "@type": "PostalAddress",
29      "streetAddress": "1 NH Avenue, Suite 125",
30      "addressLocality": "Portsmouth",
31      "addressRegion": "NH",
32      "postalCode": "03801",
33      "addressCountry": "US"
34    },
35    "telephone": "+16036100575",
36    "email": "[email protected]",
37    "sameAs": ["https://www.linkedin.com/company/c3-metrics"]
38  }
39  </script>
39
40  
40<script type="application/ld+json">
41  {
42    "@context": "https://schema.org",
43    "@type": "BreadcrumbList",
44    "itemListElement": [
45      {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://www.c3metrics.com/"},
46      {"@type": "ListItem", "position": 2, "name": "Contact", "item": "https://www.c3metrics.com/c3metrics-contact.html"}
47    ]
48  }
49  </script>
49
50<link rel="preconnect" href="https://fonts.googleapis.com">
51<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Manrope:wght@400;500;600;700;800&family=Candal&display=swap" rel="stylesheet">
52<style>
53  :root {
54    --ink:        #0F1923;
55    --ink-mid:    #2D3E50;
56    --ink-light:  #64748B;
57    --ink-faint:  #94A3B8;
58    --blue:       #0057FF;
59    --blue-hover: #0047D9;
60    --blue-light: #EEF3FF;
61    --teal:       #00B5A3;
62    --teal-light: #E6F7F6;
63    --purple:     #6C3FC5;
64    --purple-light:#F0EBFF;
65    --amber:      #F59E0B;
66    --amber-light:#FFFBEB;
67    --border:     #E2E8F0;
68    --bg:         #FFFFFF;
69    --bg-soft:    #F8FAFC;
70    --bg-mid:     #F1F5F9;
71  }
72  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
73  html { scroll-behavior: smooth; }
74  body { background: var(--bg); color: var(--ink); font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.7; overflow-x: hidden; }
75  h1,h2,h3,h4 { font-family: 'Manrope', sans-serif; line-height: 1.2; letter-spacing: -0.02em; }
76
77  .logo-svg { height: 28px; width: auto; display: block; }
78
79  nav { position: fixed; top: 0; left: 0; right: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 0 5%; height: 68px; background: rgba(255,255,255,0.94); backdrop-filter: blur(20px); border-bottom: 1px solid var(--border); transition: box-shadow 0.3s; }
80  nav.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,0.07); }
81  .nav-links { display: flex; align-items: center; gap: 2.25rem; list-style: none; }
82  .nav-links a { color: var(--ink-light); text-decoration: none; font-size: 0.875rem; font-weight: 500; transition: color 0.2s; }
83  .nav-links a:hover { color: var(--ink); }
84  .nav-btn { background: var(--blue) !important; color: #fff !important; padding: 0.55rem 1.3rem; border-radius: 6px; font-weight: 600 !important; font-size: 0.85rem !important; transition: background 0.2s !important; }
85  .nav-btn:hover { background: var(--blue-hover) !important; }
86
87  .section-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); margin-bottom: 0.85rem; }
88  .reveal { opacity: 0; transform: translateY(18px); transition: opacity 0.55s ease, transform 0.55s ease; }
89  .reveal.visible { opacity: 1; transform: none; }
90
91  /* ── PAGE HERO ── */
92  .page-hero { background: var(--bg-soft); border-bottom: 1px solid var(--border); padding: 7.5rem 5% 4rem; }
93  .page-hero-inner { max-width: 1280px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 5rem; align-items: center; }
94  .page-hero h1 { font-size: clamp(2rem, 3.5vw, 3rem); font-weight: 800; color: var(--ink); margin-bottom: 1rem; }
95  .page-hero h1 .accent { color: var(--blue); }
96  .page-hero-desc { font-size: 1.05rem; color: var(--ink-light); line-height: 1.8; margin-bottom: 2rem; max-width: 500px; }
97  .hero-contact-items { display: grid; gap: 1rem; }
98  .hero-contact-item { display: flex; align-items: center; gap: 1rem; }
99  .contact-icon { width: 40px; height: 40px; background: var(--blue-light); border-radius: 9px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
100  .contact-label { font-size: 0.7rem; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.08em; font-weight: 600; margin-bottom: 0.1rem; }
101  .contact-value { font-size: 0.9rem; color: var(--ink-mid); font-weight: 500; }
102  .contact-value a { color: var(--blue); text-decoration: none; }
103  .contact-value a:hover { text-decoration: underline; }
104
105  /* ── MAIN LAYOUT ── */
106  .main-wrap { max-width: 1280px; margin: 0 auto; padding: 5rem 5%; display: grid; grid-template-columns: 1fr 420px; gap: 5rem; align-items: start; }
107
108  /* ── FORM ── */
109  .form-card { background: var(--bg); border: 1.5px solid var(--border); border-radius: 16px; padding: 2.5rem; }
110  .form-card h2 { font-size: 1.4rem; font-weight: 800; color: var(--ink); margin-bottom: 0.4rem; }
111  .form-card .form-sub { font-size: 0.85rem; color: var(--ink-light); margin-bottom: 2rem; line-height: 1.6; }
112  .form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-bottom: 1rem; }
113  .form-group { margin-bottom: 1rem; }
114  .form-group label { display: block; font-size: 0.78rem; font-weight: 600; color: var(--ink-mid); margin-bottom: 0.4rem; }
115  .form-group label .req { color: var(--blue); margin-left: 2px; }
116  .form-control { width: 100%; padding: 0.7rem 0.95rem; border: 1.5px solid var(--border); border-radius: 7px; font-family: 'Inter', sans-serif; font-size: 0.88rem; color: var(--ink); background: var(--bg); transition: border-color 0.18s, box-shadow 0.18s; outline: none; }
117  .form-control:focus { border-color: var(--blue); box-shadow: 0 0 0 3px rgba(0,87,255,0.08); }
118  .form-control::placeholder { color: var(--ink-faint); }
119  select.form-control { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394A3B8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.9rem center; padding-right: 2.2rem; }
120  textarea.form-control { resize: vertical; min-height: 110px; }
121  .form-submit { width: 100%; padding: 0.9rem; background: var(--blue); color: #fff; border: none; border-radius: 7px; font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 0.95rem; cursor: pointer; transition: all 0.2s; margin-top: 0.5rem; }
122  .form-submit:hover { background: var(--blue-hover); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,87,255,0.22); }
123  .form-note { font-size: 0.72rem; color: var(--ink-faint); text-align: center; margin-top: 0.85rem; line-height: 1.5; }
124
125  /* ── SUCCESS STATE ── */
126  .form-success { display: none; text-align: center; padding: 3rem 1rem; }
127  .success-icon { width: 60px; height: 60px; background: var(--teal-light); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.25rem; }
128  .form-success h3 { font-size: 1.3rem; font-weight: 800; color: var(--ink); margin-bottom: 0.5rem; }
129  .form-success p { font-size: 0.88rem; color: var(--ink-light); line-height: 1.7; }
130
131  /* ── SIDEBAR ── */
132  .sidebar-stack { display: grid; gap: 1.25rem; }
133  .sidebar-card { background: var(--bg-soft); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; }
134  .sidebar-card h3 { font-size: 0.95rem; font-weight: 800; color: var(--ink); margin-bottom: 0.5rem; }
135  .sidebar-card p { font-size: 0.83rem; color: var(--ink-light); line-height: 1.7; }
136  .sidebar-card-dark { background: var(--ink); border-color: transparent; }
137  .sidebar-card-dark h3 { color: #fff; }
138  .sidebar-card-dark p { color: rgba(255,255,255,0.5); }
139  .sidebar-stat-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.85rem; margin-top: 1rem; }
140  .sidebar-stat { background: rgba(255,255,255,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 0.9rem 1rem; }
141  .sidebar-stat-num { font-family: 'Manrope', sans-serif; font-size: 1.4rem; font-weight: 800; color: #fff; letter-spacing: -0.04em; line-height: 1; }
142  .sidebar-stat-num .accent { color: var(--teal); }
143  .sidebar-stat-label { font-size: 0.68rem; color: rgba(255,255,255,0.4); margin-top: 0.2rem; }
144  .check-list { list-style: none; display: grid; gap: 0.55rem; margin-top: 0.85rem; }
145  .check-list li { font-size: 0.82rem; color: var(--ink-light); display: flex; align-items: flex-start; gap: 0.6rem; line-height: 1.55; }
146  .check-list li::before { content: '✓'; font-size: 0.68rem; font-weight: 700; color: var(--teal); background: var(--teal-light); width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-top: 0.1rem; }
147  .tag-row { display: flex; gap: 0.4rem; flex-wrap: wrap; margin-top: 0.85rem; }
148  .small-tag { font-size: 0.68rem; font-weight: 600; padding: 0.2rem 0.55rem; border-radius: 4px; background: var(--blue-light); color: var(--blue); }
149  .address-block { font-size: 0.83rem; color: var(--ink-light); line-height: 1.8; margin-top: 0.5rem; }
150
151  /* ── TOOLS STRIP ── */
152  .tools-strip { background: var(--bg-soft); border-top: 1px solid var(--border); }
153  .tools-strip-inner { max-width: 1280px; margin: 0 auto; padding: 4rem 5%; display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: start; }
154  .tools-card { background: var(--bg); border: 1.5px solid var(--border); border-radius: 14px; padding: 2rem 2.25rem; }
155  .tools-card-label { font-size: 0.7rem; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase; color: var(--blue); margin-bottom: 0.7rem; }
156  .tools-card h3 { font-size: 1.1rem; font-weight: 800; color: var(--ink); margin-bottom: 0.5rem; line-height: 1.3; }
157  .tools-card p { font-size: 0.84rem; color: var(--ink-light); line-height: 1.7; margin-bottom: 1.4rem; }
158  .tools-dl-btn { display: inline-flex; align-items: center; gap: 0.55rem; background: var(--ink); color: #fff; padding: 0.75rem 1.4rem; border-radius: 8px; font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 0.88rem; text-decoration: none; transition: all 0.2s; }
159  .tools-dl-btn:hover { background: #1a2a38; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(15,25,35,0.18); }
160  .tools-dl-meta { font-size: 0.72rem; color: var(--ink-faint); margin-top: 0.75rem; }
161  @media(max-width:720px){ .tools-strip-inner { grid-template-columns: 1fr; gap: 1.5rem; } }
162  .address-block a { color: var(--blue); text-decoration: none; }
163  .address-block a:hover { text-decoration: underline; }
164
165  /* ── TABS ── */
166  .tab-bar { display: flex; gap: 0; background: var(--bg-mid); border-radius: 10px; padding: 4px; margin-bottom: 1.75rem; }
167  .tab-btn { flex: 1; padding: 0.6rem 1rem; border: none; background: transparent; border-radius: 7px; font-family: 'Manrope', sans-serif; font-size: 0.85rem; font-weight: 600; color: var(--ink-light); cursor: pointer; transition: all 0.2s; display: flex; align-items: center; justify-content: center; gap: 0.45rem; }
168  .tab-btn.active { background: var(--bg); color: var(--ink); box-shadow: 0 1px 6px rgba(0,0,0,0.08); }
169  .tab-btn svg { flex-shrink: 0; }
170
171  /* ── BOOKINGS CARD ── */
172  .bookings-wrap { display: none; }
173  .bookings-wrap.active { display: block; }
174  .bookings-card { background: var(--bg-soft); border: 1.5px solid var(--border); border-radius: 14px; padding: 2.25rem; text-align: center; }
175  .bookings-avatar { width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: center top; border: 3px solid var(--bg); box-shadow: 0 4px 16px rgba(0,0,0,0.12); margin: 0 auto 1rem; display: block; }
176  .bookings-host-name { font-size: 0.72rem; font-weight: 600; color: var(--ink-faint); text-transform: uppercase; letter-spacing: 0.08em; margin-bottom: 1.25rem; }
177  .bookings-card h3 { font-family: 'Manrope', sans-serif; font-size: 1.2rem; font-weight: 800; color: var(--ink); margin-bottom: 0.4rem; }
178  .bookings-card .bookings-desc { font-size: 0.88rem; color: var(--ink-light); line-height: 1.7; margin-bottom: 1.75rem; max-width: 380px; margin-left: auto; margin-right: auto; }
179  .bookings-meta { display: flex; justify-content: center; gap: 1.5rem; flex-wrap: wrap; margin-bottom: 1.75rem; }
180  .bookings-meta-item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.8rem; color: var(--ink-mid); font-weight: 500; }
181  .bookings-meta-item svg { color: var(--blue); flex-shrink: 0; }
182  .bookings-btn { display: inline-flex; align-items: center; gap: 0.5rem; background: var(--blue); color: #fff; padding: 0.9rem 2rem; border-radius: 8px; font-family: 'Manrope', sans-serif; font-weight: 700; font-size: 0.95rem; text-decoration: none; transition: all 0.2s; }
183  .bookings-btn:hover { background: var(--blue-hover); transform: translateY(-1px); box-shadow: 0 6px 20px rgba(0,87,255,0.22); }
184  .bookings-note { font-size: 0.72rem; color: var(--ink-faint); text-align: center; margin-top: 1rem; line-height: 1.5; }
185
186  /* ── FOOTER ── */
187  footer { max-width: 1280px; margin: 0 auto; padding: 2.5rem 5%; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--border); flex-wrap: wrap; gap: 1rem; }
188  .footer-links { display: flex; gap: 1.75rem; list-style: none; }
189  .footer-links a { font-size: 0.78rem; color: var(--ink-faint); text-decoration: none; transition: color 0.2s; }
190  .footer-links a:hover { color: var(--ink); }
191  .footer-copy { font-size: 0.73rem; color: var(--ink-faint); }
192
193  @media (max-width: 900px) {
194    .page-hero-inner { grid-template-columns: 1fr; gap: 2rem; }
195    .main-wrap { grid-template-columns: 1fr; }
196    .form-row { grid-template-columns: 1fr; }
197  }
198</style>
199<!-- Google Analytics -->
vendor: 64 bytes, lines 199-200
199
200<script async src="https://www.googletagmanager.com/gtag/js?id=
200G-MHX0P73GLV
vendor: 12 bytes, line 200
200"></script>
201<script>
202  
vendor: 133 bytes, lines 202-205
202window.dataLayer = window.dataLayer || [];
203  function gtag(){dataLayer.push(arguments);}
204  gtag('js', new Date());
205  gtag('config', '
205G-MHX0P73GLV
vendor: 4 bytes, line 205
205');
206</script>
206
207  <link rel="stylesheet" href="mobile.css">
208</head>
209<body>
210
211<nav id="mainnav">
212  <a href="/" style="font-family:Candara,Calibri,'Segoe UI',sans-serif;font-weight:700;font-size:22px;color:#6C3FC5;letter-spacing:-0.5px;line-height:1;text-decoration:none;">C3 Metrics</a>
213  <button class="hamburger" id="hamburger" aria-label="Open menu"><span></span><span></span><span></span></button>
214  <ul class="nav-links">
215    <li><a href="c3metrics-platform">Platform</a></li>
216    <li><a href="why-c3">Why C3</a></li>
217    <li><a href="ground-signal">Ground Signal™</a></li>
218    <li><a href="c3metrics-solutions">Solutions</a></li>
219    <li><a href="c3metrics-datalab">Data Lab</a></li>
220    <li><a href="c3metrics-about">Company</a></li>
221    <li><a href="c3metrics-contact" class="nav-btn">Get a Demo</a></li>
222  </ul>
223</nav>
224
225<!-- PAGE HERO -->
226<div class="page-hero">
227  <div class="page-hero-inner">
228    <div class="reveal">
229      <div class="section-label">Get in Touch</div>
230      <h1>Let's talk about your <span class="accent">measurement program</span></h1>
231      <p class="page-hero-desc">Whether you're evaluating attribution for the first time or replacing a program that isn't delivering, we'd like to hear about your situation. No sales pitch — just a real conversation about what good measurement looks like for your business.</p>
232      <div class="hero-contact-items">
233        <div class="hero-contact-item">
234          <div class="contact-icon">
235            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M3 3h12a1 1 0 011 1v10a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1z" stroke="#0057FF" stroke-width="1.5"/><path d="M2 4.5l7 5 7-5" stroke="#0057FF" stroke-width="1.5" stroke-linecap="round"/></svg>
236          </div>
237          <div>
238            <div class="contact-label">Email</div>
239            <div class="contact-value"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="1b7874756f7a786f5b7828767e6f6972786835787476">[email&#160;protected]</a></div>
240          </div>
241        </div>
242        <div class="hero-contact-item">
243          <div class="contact-icon">
244            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M3.5 3C3.5 3 2 3 2 5.5c0 4.142 3.358 8.5 5.5 9.5 1 .477 2 .5 3 0C12.6 13.998 16 9.642 16 5.5 16 3 14.5 3 14.5 3h-2l-1 3 1.5 1.5s-.5 2-2 3.5L9.5 9.5l-1.5 1C6.5 9 6 7 6 7l1.5-1.5L6.5 3h-3z" stroke="#0057FF" stroke-width="1.5" stroke-linejoin="round"/></svg>
245          </div>
246          <div>
247            <div class="contact-label">Phone</div>
248            <div class="contact-value"><a href="tel:+16036100575">(603) 610-0575</a></div>
249          </div>
250        </div>
251        <div class="hero-contact-item">
252          <div class="contact-icon">
253            <svg width="18" height="18" viewBox="0 0 18 18" fill="none"><path d="M9 1C6.239 1 4 3.239 4 6c0 4 5 11 5 11s5-7 5-11c0-2.761-2.239-5-5-5z" stroke="#0057FF" stroke-width="1.5"/><circle cx="9" cy="6" r="2" stroke="#0057FF" stroke-width="1.5"/></svg>
254          </div>
255          <div>
256            <div class="contact-label">Office</div>
257            <div class="contact-value">1 NH Avenue, Suite 125 · Portsmouth, NH 03801</div>
258          </div>
259        </div>
260      </div>
261    </div>
262    <div class="reveal" style="transition-delay:0.1s;">
263      <!-- Mini qualifier card -->
264      <div style="background:var(--bg);border:1.5px solid var(--border);border-radius:14px;padding:2rem;box-shadow:0 12px 40px rgba(0,0,0,0.06);">
265        <div class="section-label">Is C3 Metrics the right fit?</div>
266        <p style="font-size:0.85rem;color:var(--ink-light);margin-bottom:1rem;">C3 Metrics is purpose-built for omni-channel advertisers with meaningful investment across multiple media types. You're likely a good fit if:</p>
267        <ul class="check-list">
268          <li>You invest meaningfully across digital, search, social, TV, or other omni-channel media</li>
269          <li>You need attribution that goes beyond last-click — across the full media mix</li>
270          <li>Privacy compliance and cookie-less measurement matter to your program</li>
271          <li>You're evaluating or dissatisfied with MTA, MMM, or unified measurement</li>
272          <li>You have an internal analytics team, or work with an agency that does</li>
273        </ul>
274        <div style="margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--border);font-size:0.78rem;color:var(--ink-faint);">If your program is predominantly single-channel or social-only, we may 
274not be the right fit — and we'll tell you that directly.</div>
275      </div>
276    </div>
277  </div>
278</div>
279
280<!-- MAIN CONTENT -->
281<div class="main-wrap">
282
283  <!-- CONTACT FORM -->
284  <div class="reveal">
285    <div class="form-card">
286      <h2>Request a Demo</h2>
287      <p class="form-sub">Book a time directly with C3 Metrics, or send us a message and we'll follow up within one business day.</p>
288
289      <!-- Tab switcher -->
290      <div class="tab-bar">
291        <button class="tab-btn active" id="tab-book" onclick="switchTab('book')">
292          <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><rect x="1" y="2" width="13" height="12" rx="2" stroke="currentColor" stroke-width="1.4"/><path d="M5 1v2M10 1v2" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/><path d="M1 6h13" stroke="currentColor" stroke-width="1.4"/><rect x="4" y="9" width="2" height="2" rx="0.5" fill="currentColor"/><rect x="7.5" y="9" width="2" height="2" rx="0.5" fill="currentColor"/></svg>
293          Book a Time
294        </button>
295        <button class="tab-btn" id="tab-form" onclick="switchTab('form')">
296          <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M2 3h11M2 7h11M2 11h6" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
297          Send a Message
298        </button>
299        <button class="tab-btn" id="tab-reference" onclick="switchTab('reference')">
300          <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><circle cx="5.5" cy="5" r="2.5" stroke="currentColor" stroke-width="1.4"/><circle cx="10.5" cy="5" r="2.5" stroke="currentColor" stroke-width="1.4"/><path d="M1 13c0-2.5 2-4 4.5-4M14 13c0-2.5-2-4-4.5-4M7.5 9c2.5 0 4.5 1.5 4.5 4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
301          Speak with a Client
302        </button>
303      </div>
304
305      <!-- Microsoft Bookings card -->
306      <div class="bookings-wrap active" id="pane-book">
307        <div class="bookings-card">
308          <img src="greg-collins-headshot.jpg" alt="Greg Collins, C3 Metrics" class="bookings-avatar">
309          <div class="bookings-host-name">Greg Collins · C3 Metrics</div>
310          <h3>Intro Discussion with C3 Metrics</h3>
311          <p class="bookings-desc">Pick a time that works for you. We'll cover your current measurement setup, what's not working, and how C3's approach would differ — no prep required on your end.</p>
312          <div class="bookings-meta">
313            <div class="bookings-meta-item">
314              <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><circle cx="7.5" cy="7.5" r="6" stroke="currentColor" stroke-width="1.4"/><path d="M7.5 4.5V8l2 1.5" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
315              30 minutes
316            </div>
317            <div class="bookings-meta-item">
318              <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M7.5 1C5.015 1 3 3.015 3 5.5c0 3.5 4.5 8.5 4.5 8.5S12 9 12 5.5C12 3.015 9.985 1 7.5 1z" stroke="currentColor" stroke-width="1.4"/><circle cx="7.5" cy="5.5" r="1.5" stroke="currentColor" stroke-width="1.4"/></svg>
319              Video or phone
320            </div>
321            <div class="bookings-meta-item">
322              <svg width="15" height="15" viewBox="0 0 15 15" fill="none"><path d="M2 2h11a1 1 0 011 1v7a1 1 0 01-1 1H2a1 1 0 01-1-1V3a1 1 0 011-1z" stroke="currentColor" stroke-width="1.4"/><path d="M1 3.5l6.5 4 6.5-4" stroke="currentColor" stroke-width="1.4" stroke-linecap="round"/></svg>
323              Confirmation sent instantly
324            </div>
325          </div>
326          <a href="https://outlook.office.com/book/[email protected]/" target="_blank" rel="noopener" class="bookings-btn">
327            View Available Times →
328          </a>
329        </div>
330        <p class="bookings-note">Opens in a new tab. Powered by Microsoft Bookings — you'll receive a calendar invite and confirmation email immediately.</p>
331      </div>
332
333      <!-- Reference pane -->
334      <div id="pane-reference" style="display:none;">
335        <div style="padding:1.75rem 0 0.5rem;">
336          <div style="font-size:0.7rem;font-weight:700;letter-spacing:0.1em;text-transform:uppercase;color:var(--teal);margin-bottom:0.85rem">Every client is a reference</div>
337          <h3 style="font-size:1.25rem;font-weight:800;color:var(--ink);margin-bottom:0.85rem;letter-spacing:-0.02em">Choose who you want to speak with</h3>
338          <p style="font-size:0.88rem;color:var(--ink-light);line-height:1.75;margin-bottom:1rem">Every C3 Metrics client — current and many prior clients — is willing to speak directly with a prospect. Tell us your vertical, your measurement challenge, or the specific program type most relevant to your situation. We'll connect you with the client whose experience most closely matches yours. No cherry-picking. Your choice.</p>
339          <p style="font-size:0.82rem;color:var(--ink-faint);line-height:1.7;margin-bottom:1.5rem;padding:0.85rem 1rem;background:var(--bg-soft);border-left:3px solid var(--teal);border-radius:0 6px 6px 0"><strong style="color:var(--ink)">A note on confidentiality:</strong> We don't publish a client roster or display logos — not because we can't, but because we're absolutely committed to protecting every program relationship. Introductions are made directly, with client consent, for each conversation.</p>
340          <div style="background:var(--bg-soft);border:1px solid var(--border);border-radius:10px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;">
341            <div style="font-size:0.72rem;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:0.85rem">Reference conversations available across</div>
342            <div style="display:flex;flex-wrap:wrap;gap:0.5rem;">
343              <span style="background:var(--blue-light);color:var(--blue);font-size:0.72rem;font-weight:600;padding:0.25rem 0.65rem;border-radius:100px;">Automotive OEM</span>
344              <span style="background:var(--blue-light);color:var(--blue);font-size:0.72rem;font-weight:600;padding:0.25rem 0.65rem;border-radius:100px;">Financial Services</span>
345              <span style="background:var(--blue-light);color:var(--blue);font-size:0.72rem;font-weight:600;padding:0.25rem 0.65rem;border-radius:100px;">Pharmaceutical / Biotech</span>
346              <span style="background:var(--blue-light);color:var(--blue);font-size:0.72rem;font-weight:600;padding:0.25rem 0.65rem;border-radius:100px;">Insurance</span>
347              <span style="background:var(--blue-light);color:var(--blue);font-size:0.72rem;font-weight:600;padding:0.25rem 0.65rem;border-radius:100px;">D2C / eCommerce</span>
348              <span style="background:var(--blue-light);color:var(--blue);font-size:0.72rem;font-weight:600;padding:0.25rem 0.65rem;border-radius:100px;">Measurement-first agency</span>
349            </div>
350          </div>
351          <div id="ref-form">
352            <div class="form-group">
353              <label>Your Name <span class="req">*</span></label>
354              <input type="text" class="form-control" placeholder="Jane Smith" id="ref-name">
355            </div>
356            <div class="form-group">
357              <label>Work Email <span class="req">*</span></label>
358              <input type="email" class="form-control" placeholder="[email protected]" id="ref-email">
359            </div>
360            <div class="form-group">
361              <label>Which vertical or program type is most relevant to you?</label>
362              <textarea class="form-control" style="min-height:80px;" placeholder="e.g. Automotive with dealer co-op complexity, or pharma with DTC and HCP channels..." id="ref-context"></textarea>
363            </div>
364            <button class="form-submit" onclick="submitRefForm()">Request a Client Introduction →</button>
365            <p class="form-note">We'll match you with the most relevant reference and make the introduction within one business day.</p>
366          </div>
367          <div class="form-success" id="ref-success" style="display:none;">
368            <div class="success-icon"><svg width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M5 13l5 5L21 7" stroke="#00B5A3" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
369            <h3>We'll make the introduction.</h3>
370            <p>Thank you. We'll match you with a relevant client reference and follow up within one business day.</p>
371          </div>
372        </div>
373      </div>
374
375      <!-- Contact form -->
376      <div id="pane-form" style="display:none;">
377      <div id="contact-form">
378        <div class="form-row">
379          <div class="form-group">
380            <label>First Name <span class="req">*</span></label>
381            <input type="text" class="form-control" placeholder="Jane" id="fname">
382          </div>
383          <div class="form-group">
384            <label>Last Name <span class="req">*</span></label>
385            <input type="text" class="form-control" placeholder="Smith" id="lname">
386          </div>
387        </div>
388        <div class="form-group">
389          <label>Work Email <span class="req">*</span></label>
390          <input type="email" class="form-control" placeholder="[email protected]" id="email">
391        </div>
392        <div class="form-row">
393          <div class="form-group">
394            <label>Company <span class="req">*</span></label>
395            <input type="text" class="form-control" placeholder="Acme Corp" id="company">
396          </div>
397          <div class="form-group">
398            <label>Title</label>
399            <input type="text" class="form-control" placeholder="VP Marketing" id="title">
400          </div>
401        </div>
402        <div class="form-group">
403          <label>Annual Media Spend</label>
404          <select class="form-control" id="spend">
405            <option value="" disabled selected>Select a range</option>
406            <option>Under $5M</option>
407            <option>$5M – $25M</option>
408            <option>$25M – $100M</option>
409            <option>$100M – $500M</option>
410            <option>$500M+</option>
411          </select>
412        </div>
413        <div class="form-group">
414          <label>What are you trying to solve?</label>
415          <select class="form-control" id="interest">
416            <option value="" disabled selected>Primary area of interest</option>
417            <option>Multi-Touch Attribution (MTA)</option>
418            <option>Marketing Mix Modeling (MMM)</option>
419            <option>Unified Marketing Measurement (UMM)</option>
420            <option>Replacing an existing attribution tool</option>
421            <option>PE / Finance / Portfolio company review</option>
422            <option>General inquiry / not sure yet</option>
423          </select>
424        </div>
425        <div class="form-group">
426          <label>Anything else you'd like us to know?</label>
427          <textarea class="form-control" placeholder="Current measurement setup, specific challenges, timeline, or anything else that would help us prepare..." id="message"></textarea>
428        </div>
429        <button class="form-submit" onclick="submitForm()">Request Demo →</button>
430        <p class="form-note">We don't share your information. Expect a response within one business day.</p>
431      </div>
432
433      <div class="form-success" id="form-success">
434        <div class="success-icon">
435          <svg width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M5 13l5 5L21 7" stroke="#00B5A3" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
436        </div>
437        <h3>We'll be in touch shortly.</h3>
438        <p>Thank you for reaching out. Someone from our team will follow up within one business day.<br><br>In the meantime, you might find our <a href="c3metrics-datalab" style="color:var(--blue);">Data Lab</a> useful — it covers the thinking behind our approach to measurement.</p>
439      </div>
440      </div><!-- /pane-form -->
441    </div>
442  </div>
443
444  <!-- SIDEBAR -->
445  <div class="sidebar-stack reveal" style="transition-delay:0.15s;">
446
447    <div class="sidebar-card sidebar-card-dark">
448      <div class="section-label" style="color:var(--teal);">Why C3 Metrics</div>
449      <h3>Results clients actually see</h3>
450      <div class="sidebar-stat-grid">
451        <div class="sidebar-stat">
452          <div class="sidebar-stat-num">15<span class="accent">%+</span></div>
453          <div class="sidebar-stat-label">Avg. ROI improvement</div>
454        </div>
455        <div class="sidebar-stat">
456          <div class="sidebar-stat-num">6<span class="accent">×</span></div>
457          <div class="sidebar-stat-label">Return on attribution investment</div>
458        </div>
459        <div class="sidebar-stat">
460          <div class="sidebar-stat-num">56<span class="accent">B+</span></div>
461          <div class="sidebar-stat-label">Consumer touchpoints attributed since 2022 — 2.47B in March 2026</div>
462        </div>
463        <div class="sidebar-stat">
464          <div class="sidebar-stat-num">100<span class="accent">%</span></div>
465          <div class="sidebar-stat-label">Cookie-less architecture</div>
466        </div>
467      </div>
468    </div>
469
470    <div class="sidebar-card">
471      <div class="section-label">What to expect</div>
472      <h3>The demo conversation</h3>
473      <p>A typical first conversation covers your current measurement setup, what's not working, and how C3's approach would differ. We'll share relevant client examples from your vertical.</p>
474      <ul class="check-list" style="margin-top:1rem;">
475        <li>30–45 minute call, no slides required from your side</li>
476        <li>We walk through a live platform example</li>
477        <li>You leave with a clear sense of fit — or not</li>
478      </ul>
479    </div>
480
481    <div class="sidebar-card">
482      <div class="section-label">Verticals we serve</div>
483      <h3>Deep experience where it matters</h3>
484      <div class="tag-row">
485        <span class="small-tag">Automotive</span>
486        <span class="small-tag">Insurance</span>
487        <span class="small-tag">Financial Services</span>
488        <span class="small-tag">Healthcare</span>
489        <span class="small-tag">Pharma</span>
490        <span class="small-tag">eCommerce</span>
491        <span class="small-tag">Retail</span>
492        <span class="small-tag">Travel</span>
493        <span class="small-tag">Education</span>
494        <span class="small-tag">B2B Tech</span>
495      </div>
496    </div>
497
498    <div class="sidebar-card" style="background:var(--ink);border-color:rgba(245,158,11,0.25);">
499      <div class="section-label" style="color:#F59E0B;">PE &amp; Finance Teams</div>
500      <h3 style="color:#fff;">Conducting a portfolio review?</h3>
501      <p style="color:rgba(255,255,255,0.6);font-size:0.85rem;line-height:1.7;">We work with PE operating groups reviewing marketing spend efficiency in portfolio companies. The conversation is different — less about methodology, more about what the first 90 days finds and what it's worth.</p>
502      <a href="c3metrics-datalab#playbook" style="display:inline-block;margin-top:0.75rem;font-size:0.82rem;font-weight:600;color:#F59E0B;text-decoration:none;">Read the PE playbook →</a>
503    </div>
504
505    <div class="sidebar-card">
506      <div class="section-label">Headquarters</div>
507      <h3>C3 Metrics, Inc.</h3>
508      <div class="address-block">
509        1 NH Avenue, Suite 125<br>
510        Portsmouth, NH 03801<br>
511        <a href="tel:+16036100575">(603) 610-0575</a><br>
512        <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="02616d6c766361764261316f6776706b61712c616d6f">[email&#160;protected]</a>
513      </div>
514    </div>
515
516  </div>
517</div>
518
519<!-- TOOLS STRIP -->
520<div class="tools-strip" id="review">
521  <div class="tools-strip-inner">
522
523    <!-- Checklist download -->
524    <div class="tools-card reveal">
525      <div class="tools-card-label">Free Download</div>
526      <h3>12 Questions to Ask Your Marketing Measurement Vendor</h3>
527      <p>A due diligence checklist covering independence, measurement capability, privacy architecture, partnership model, and vertical fit — with Yes / Partial / No scoring for up to three vendors. Bring it to any evaluation conversation, including ours.</p>
528      <a href="C3_Metrics_Vendor_Evaluation_Checklist.pdf" target="_blank" class="tools-dl-btn">
529        <svg width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 01-2 2H5a2 2 0 01-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
530        Download Checklist (PDF)
531      </a>
532      <p class="tools-dl-meta">3 pages · No form required · Free to share</p>
533    </div>
534
535    <!-- Tailored review form -->
536    <div class="tools-card reveal" style="transition-delay:0.12s;">
537      <div class="tools-card-label">Mid-Funnel Offer</div>
538      <h3>Want us to run this review against your actual program?</h3>
539      <p>Tell us your vertical and current measurement approach. We'll apply these twelve questions to your specific setup and send you a one-page assessment — before any conversation is required.</p>
540
541      <div id="review-form">
542        <div class="form-row" style="margin-bottom:0.85rem;">
543          <div class="form-group" style="margin-bottom:0;">
544            <label style="font-size:0.78rem;font-weight:600;color:var(--ink-mid);
544display:block;margin-bottom:0.35rem;">Name <span class="req">*</span></label>
545            <input type="text" class="form-control" placeholder="Jane Smith" id="rv-name">
546          </div>
547          <div class="form-group" style="margin-bottom:0;">
548            <label style="font-size:0.78rem;font-weight:600;color:var(--ink-mid);display:block;margin-bottom:0.35rem;">Work Email <span class="req">*</span></label>
549            <input type="email" class="form-control" placeholder="[email protected]" id="rv-email">
550          </div>
551        </div>
552        <div class="form-row" style="margin-bottom:0.85rem;">
553          <div class="form-group" style="margin-bottom:0;">
554            <label style="font-size:0.78rem;font-weight:600;color:var(--ink-mid);display:block;margin-bottom:0.35rem;">Company</label>
555            <input type="text" class="form-control" placeholder="Acme Corp" id="rv-company">
556          </div>
557          <div class="form-group" style="margin-bottom:0;">
558            <label style="font-size:0.78rem;font-weight:600;color:var(--ink-mid);
558display:block;margin-bottom:0.35rem;">Vertical</label>
559            <select class="form-control" id="rv-vertical">
560              <option value="" disabled selected>Select your industry</option>
561              <option>Automotive</option>
562              <option>Financial Services / Insurance</option>
563              <option>Healthcare / Pharma</option>
564              <option>D2C / Retail</option>
565              <option>Travel / Hospitality</option>
566              <option>B2B Tech</option>
567              <option>Other</option>
568            </select>
569          </div>
570        </div>
571        <div class="form-group" style="margin-bottom:0.85rem;">
572          <label style="font-size:0.78rem;font-weight:600;color:var(--ink-mid);display:block;margin-bottom:0.35rem;">Current measurement approach</label>
573          <input type="text" class="form-control" placeholder="e.g. Platform self-reporting + GA4, or Rockerbox, or MMM only…" id="rv-current">
574        </div>
575        <button class="form-submit" onclick="submitReviewForm()" style="margin-top:0.25rem;">Request Tailored Review →</button>
576        <p class="form-note">We'll send a one-page assessment within two business days. No sales call required.</p>
577      </div>
578
579      <div class="form-success" id="review-success" style="display:none;">
580        <div class="success-icon"><svg width="26" height="26" viewBox="0 0 26 26" fill="none"><path d="M5 13l5 5L21 7" stroke="#00B5A3" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"/></svg></div>
581        <h3>We're on it.</h3>
582        <p>Thank you. We'll review your setup against the twelve criteria and send a one-page assessment within two business days.</p>
583      </div>
584    </div>
585
586  </div>
587</div>
588
589<footer>
590  <a href="/">
591    <svg viewBox="0 0 160 32" fill="none" style="height:24px;width:auto;" xmlns="http://www.w3.org/2000/svg">
592      <text x="0" y="26" font-family="Candara, Calibri, 'Segoe UI', sans-serif" font-weight="700" font-size="26" fill="#6C3FC5" opacity="0.6" letter-spacing="-0.5">C3 Metrics</text>
593    </svg>
594  </a>
595    <a href="https://www.linkedin.com/company/c3-metrics" target="_blank" rel="noopener" aria-label="C3 Metrics on LinkedIn" style="display:inline-flex;align-items:center;color:#94A3B8;transition:color 0.2s;" onmouseover="this.style.color='#0A66C2'" onmouseout="this.style.color='#94A3B8'">
596    <svg width="18" height="18" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433a2.062 2.062 0 01-2.063-2.065 2.064 2.064 0 112.063 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"/></svg>
597  </a>
598
599  <ul class="footer-links">
600    <li><a href="c3metrics-platform">Platform</a></li>
601    <li><a href="why-c3">Why C3</a></li>
602    <li><a href="ground-signal">Ground Signal™</a></li>
603    <li><a href="c3metrics-solutions">Solutions</a></li>
604    <li><a href="c3metrics-datalab">Data Lab</a></li>
605    <li><a href="c3metrics-about">Company</a></li>
606    <li><a href="letter-may-2026">From the CEO</a></li>
607    <li><a href="c3metrics-contact">Contact</a></li>
608    <li><a href="c3metrics-privacy">Privacy Policy</a></li>
609  </ul>
610  <span class="footer-copy">© 2026 C3 Metrics®, Inc. · Portsmouth, NH · (603) 610-0575</span>
611  <span class="footer-copy" style="display:block;margin-top:0.5rem;font-size:0.78em;opacity:0.65;">C3 Metrics&reg; is a registered trademark. Ground Signal&trade;, Signal Manifest&trade;, Attribution Manifest&trade;, and In-Mix Incrementality&trade; are trademarks of C3 Metrics, Inc.</span>
612</footer>
vendor: 110 bytes, lines 612-614
612
613
614<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
614<script>
615  function switchTab(tab) {
616    ['book','form','reference'].forEach(t => {
617      document.getElementById('tab-' + t).classList.toggle('active', t === tab);
618      const pane = document.getElementById('pane-' + t);
619      if (pane) pane.style.display = t === tab ? 'block' : 'none';
620    });
621    if (tab === 'book') {
622      document.getElementById('pane-book').classList.add('active');
623    } else {
624      document.getElementById('pane-book').classList.remove('active');
625    }
626  }
627
628  // Open reference tab if URL has #reference anchor
629  if (window.location.hash === '#reference') {
630    switchTab('reference');
631  }
632
633  window.addEventListener('scroll', () => {
634    document.getElementById('mainnav').classList.toggle('scrolled', window.scrollY > 30);
635  });
636  const io = new IntersectionObserver(
637    entries => entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); }),
638    { threshold: 0.08 }
639  );
640  document.querySelectorAll('.reveal').forEach(el => io.observe(el));
641
642  // ── EmailJS ──────────────────────────────────────────────
643  // Replace the three placeholders below with your EmailJS credentials:
644  //   EMAILJS_PUBLIC_KEY  → Account > API Keys > Public Key
645  //   EMAILJS_SERVICE_ID  → Email Services > your service ID
646  //   EMAILJS_TEMPLATE_ID → Email Templates > your template ID
647  const EMAILJS_PUBLIC_KEY  = 'DO49giqvKB-8SKVP0';
648  const EMAILJS_SERVICE_ID  = 'service_rd2xr5r';
649  const EMAILJS_TEMPLATE_ID = 'template_a1g8jzq';
650
651  (function(){
652    var s = document.createElement('script');
653    s.src = 'https://cdn.jsdelivr.net/npm/@emailjs/browser@4/dist/email.min.js';
654    s.onload = function(){ emailjs.init({ publicKey: EMAILJS_PUBLIC_KEY }); };
655    document.head.appendChild(s);
656  })();
657
658  function submitForm() {
659    const required = ['fname', 'lname', 'email', 'company'];
660    let valid = true;
661    required.forEach(id => {
662      const el = document.getElementById(id);
663      if (!el.value.trim()) {
664        el.style.borderColor = '#EF4444';
665        valid = false;
666      } else {
667        el.style.borderColor = '';
668      }
669    });
670    if (!valid) return;
671
672    const btn = document.querySelector('.form-submit');
673    btn.textContent = 'Sending…';
674    btn.disabled = true;
675
676    const params = {
677      from_name: document.getElementById('fname').value.trim() + ' ' + document.getElementById('lname').value.trim(),
678      from_email: document.getElementById('email').value.trim(),
679      company:    document.getElementById('company').value.trim(),
680      title:      document.getElementById('title').value.trim(),
681      spend:      document.getElementById('spend').value,
682      interest:   document.getElementById('interest').value,
683      message:    document.getElementById('message').value.trim(),
684    };
685
686    emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE_ID, params)
687      .then(function() {
688        document.getElementById('contact-form').style.display = 'none';
689        document.getElementById('form-success').style.display = 'block';
690      }, function(err) {
691        btn.textContent = 'Request Demo →';
692        btn.disabled = false;
693        alert('Something went wrong — please email us directly at [email protected]');
694        console.error('EmailJS error:', err);
695      });
696  }
697
698  function submitReviewForm() {
699    const nameEl  = document.getElementById('rv-name');
700    const emailEl = document.getElementById('rv-email');
701    if (!nameEl.value.trim() || !emailEl.value.trim()) {
702      if (!nameEl.value.trim())  nameEl.style.borderColor  = '#EF4444';
703      if (!emailEl.value.trim()) emailEl.style.borderColor = '#EF4444';
704      return;
705    }
706    const btn = document.querySelector('#review-form .form-submit');
707    btn.textContent = 'Sending…';
708    btn.disabled = true;
709    const vertical = document.getElementById('rv-vertical').value || 'Not specified';
710    const current  = document.getElementById('rv-current').value.trim() || 'Not specified';
711    const params = {
712      from_name:  nameEl.value.trim(),
713      from_email: emailEl.value.trim(),
714      company:    document.getElementById('rv-company').value.trim(),
715      title:      '',
716      spend:      '',
717      interest:   vertical,
718      message:    'TAILORED REVIEW REQUEST — Vertical: ' + vertical + ' | Current approach: ' + current,
719    };
720    emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE_ID, params)
721      .then(function() {
722        document.getElementById('review-form').style.display = 'none';
723        document.getElementById('review-success').style.display = 'block';
724      }, function(err) {
725        btn.textContent = 'Request Tailored Review →';
726        btn.disabled = false;
727        alert('Something went wrong — please email us directly at [email protected]');
728      });
729  }
730
731  function submitRefForm() {
732    const nameEl  = document.getElementById('ref-name');
733    const emailEl = document.getElementById('ref-email');
734    if (!nameEl.value.trim() || !emailEl.value.trim()) {
735      if (!nameEl.value.trim())  nameEl.style.borderColor  = '#EF4444';
736      if (!emailEl.value.trim()) emailEl.style.borderColor = '#EF4444';
737      return;
738    }
739    const btn = document.querySelector('#ref-form .form-submit');
740    btn.textContent = 'Sending…';
741    btn.disabled = true;
742    const params = {
743      from_name:  nameEl.value.trim(),
744      from_email: emailEl.value.trim(),
745      message:    'REFERENCE REQUEST — ' + (document.getElementById('ref-context').value.trim() || 'No context provided'),
746      company: '', title: '', spend: '', interest: ''
747    };
748    emailjs.send(EMAILJS_SERVICE_ID, EMAILJS_TEMPLATE_ID, params)
749      .then(function() {
750        document.getElementById('ref-form').style.display = 'none';
751        document.getElementById('ref-success').style.display = 'block';
752      }, function(err) {
753        btn.textContent = 'Request a Client Introduction →';
754        btn.disabled = false;
755        alert('Something went wrong — please email us directly at [email protected]');
756      });
757  }
758
759  // Mobile nav
760  (function(){
761    var btn = document.getElementById('hamburger');
762    var nav = document.querySelector('.nav-links');
763    if (!btn || !nav) return;
764    btn.addEventListener('click', function(){
765      btn.classList.toggle('open');
766      nav.classList.toggle('open');
767    });
768    nav.querySelectorAll('a').forEach(function(a){
769      a.addEventListener('click', function(){
770        btn.classList.remove('open');
771        nav.classList.remove('open');
772      });
773    });
774  })();
775</script>
vendor: 1 bytes, line 775
775
776<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"f4ad73c0271349b2a93b70c234827c47","r":1,"spa":2}' crossorigin="anonymous"></script>
776
777</body>
778</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.