/**
 * Page styles — lead-attribution. Loaded only on that page.
 *
 * Generated from the inline styles the templates used to carry. Values are
 * design tokens (site-tokens.css). Loaded after style.css.
 */

.utm-record__resolved-source {
	font-family:inherit;
	font-weight:700;
	color:var(--site-teal);
}

.utm-record__fields {
	padding:14px 16px;
	font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
	font-size:11px;
	color:var(--site-navy);
}

.lead-source-card__activity {
	background:var(--site-teal-bg);
	border:1px solid var(--site-teal-border);
	border-radius:7px;
	padding:9px 11px;
	font-size:10px;
	color:var(--site-text-sec);
}

.lead-source-card__channel-tag {
	margin-left:auto;
	font-size:9px;
	font-weight:700;
	background:var(--site-sky-96);
	color:var(--site-teal);
	padding:3px 9px;
	border-radius:999px;
}

.lead-source-card__field {
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:var(--site-bg-subtle);
	border-radius:7px;
	padding:8px 10px;
}


.utm-record__field {
	display:flex;
	justify-content:space-between;
	padding:6px 0;
	border-bottom:1px solid var(--site-border);
}

.utm-record__field--last {
	border-bottom:none;
}

.lead-source-card__lead {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:12px;
}

.visitor-timeline__event {
	display:flex;
	gap:10px;
	align-items:flex-start;
}

.lead-source-card__body {
	padding:14px 16px;
}

.lead-source-card__fields {
	display:flex;
	flex-direction:column;
	gap:8px;
}

.visitor-timeline__events {
	padding:14px 16px;
	display:flex;
	flex-direction:column;
	gap:9px;
}

.lead-source-card__field-value {
	font-size:11px;
	font-weight:600;
	color:var(--site-navy);
}

.visitor-timeline__event-title {
	font-size:11px;
	font-weight:600;
	color:var(--site-navy);
}

.lead-source-card__field-label {
	font-size:9px;
	font-weight:700;
	text-transform:uppercase;
	letter-spacing:.05em;
	color:var(--site-text-muted);
}

.d--capture-layer {
	flex:1 1 240px;
	max-width:280px;
	text-align:center;
}

.hero-card--attribution {
	max-width:480px;
}

.capture-layers__list {
	display:flex;
	flex-wrap:wrap;
	gap:24px;
	max-width:900px;
	margin:0 auto;
	justify-content:center;
}

.proof-av.proof-av--referral {
	background:var(--site-blue-67);
}

.proof-av--analytics {
	background:var(--site-teal);
}

.proof-av.proof-av--utm {
	background:var(--site-mint-35b);
}

.sec-sub.sec-sub--follow-on {
	margin-top:14px;
}

/* Elements whose values come from the page data: the value arrives as a custom property. */

.visitor-timeline__marker {
	width:9px;
	height:9px;
	border-radius:50%;
	margin-top:3px;
	flex-shrink:0;
	background:var(--data-bg);
}

/* Moved here from another stylesheet: this is where these classes are used. */
.lead-source-card__avatar {
	width:36px;
	height:36px;
	border-radius:50%;
	background:var(--site-teal);
	color:var(--site-white);
	font-size:12px;
	font-weight:700;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-shrink:0;
}
.lead-source-card__activity-label {
	color:var(--site-teal);
}
.lead-source-card__lead-meta {
	font-size:10px;
	color:var(--site-text-muted);
}
.lead-source-card__lead-name {
	font-size:12px;
	font-weight:700;
	color:var(--site-navy);
}
.visitor-timeline__event-detail {
	font-size:9px;
	color:var(--site-text-muted);
}
.utm-record__key {
	color:var(--site-text-muted);
}
.capture-layers__number {
	width:48px;
	height:48px;
	border-radius:50%;
	background:var(--site-teal);
	color:var(--site-white);
	font-size:20px;
	font-weight:800;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto 16px;
}
.capture-layers__desc {
	color:var(--site-slate-65);
	font-size:13px;
	line-height:1.6;
}
.capture-layers__title {
	color:var(--site-white);
	font-size:16px;
	margin-bottom:8px;
}
.eyebrow--capture-layers {
	color:var(--site-teal);
}
.capture-layers__intro {
	margin-bottom:40px;
}