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 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 & 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 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® is a registered trademark. Ground Signal™, Signal Manifest™, Attribution Manifest™, and In-Mix Incrementality™ 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.