/**
 * AttendeeSync marketing theme — light cool-blue stage, navy ink, brand blue.
 * Matches attendeesync --rs-* tokens. Load after /css/field-notes-product.css.
 */

.field-product.attendeesync-product {
	--as-ink: #101b36;
	--as-bg: #f8faff;
	--as-muted-bg: #f0f4fa;
	--as-elevated: #ffffff;
	--as-accent: #2563eb;
	--as-accent-hover: #1d4ed8;
	--as-accent-soft: #dbeafe;
	--as-border: #e5eaf2;
	--as-muted: #5b677a;
	--as-link: #1d4ed8;
	--as-grad-start: #2564eb;
	--as-grad-end: #1590ea;

	--bg: var(--as-bg);
	--bg-mid: var(--as-muted-bg);
	--text: var(--as-ink);
	--muted: var(--as-muted);
	--line: var(--as-border);
	--link: var(--as-link);
	--panel: var(--as-elevated);
	--surface: var(--as-elevated);
	--primary: var(--as-accent);
	--accent: var(--as-accent);
	--secondary: var(--as-grad-end);
	--navy: var(--as-ink);
	--radius: 10px;
	--maxw: 980px;

	background:
		radial-gradient(900px 520px at 92% -6%, rgba(37, 99, 235, 0.12), transparent 55%),
		radial-gradient(720px 480px at -10% 22%, rgba(21, 144, 234, 0.1), transparent 52%),
		linear-gradient(180deg, var(--as-muted-bg) 0%, var(--as-bg) 42%, var(--as-bg) 100%);
	color: var(--text);
	font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}

.field-product.attendeesync-product .field-brand-bar {
	background: rgba(248, 250, 255, 0.94);
	border-bottom: 1px solid var(--line);
	font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}

.field-product.attendeesync-product .field-back {
	color: var(--as-muted);
}

.field-product.attendeesync-product .field-back:hover {
	color: var(--as-ink);
	text-decoration: none;
}

.field-product.attendeesync-product header {
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: saturate(140%) blur(8px);
	color: var(--text);
	border-bottom: 1px solid var(--line);
}

.field-product.attendeesync-product header .brand-mark,
.field-product.attendeesync-product header .brand,
.field-product.attendeesync-product header nav a,
.field-product.attendeesync-product header .nav-links a {
	color: var(--as-muted);
	font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
}

.field-product.attendeesync-product header .brand-mark,
.field-product.attendeesync-product header .brand {
	color: var(--as-ink);
	font-weight: 700;
	letter-spacing: -0.02em;
}

.field-product.attendeesync-product header .brand-mark .sync,
.field-product.attendeesync-product .wordmark .sync {
	color: var(--as-accent);
}

.field-product.attendeesync-product header nav a:hover,
.field-product.attendeesync-product header .nav-links a:hover {
	color: var(--as-ink);
}

.field-product.attendeesync-product h1,
.field-product.attendeesync-product h2,
.field-product.attendeesync-product h3,
.field-product.attendeesync-product .section-title {
	font-family: "Source Sans 3", "Segoe UI", system-ui, sans-serif;
	color: var(--as-ink);
	font-weight: 650;
	letter-spacing: -0.02em;
	background: none;
	-webkit-text-fill-color: unset;
}

.field-product.attendeesync-product .btn {
	border-radius: var(--radius);
	box-shadow: none;
}

.field-product.attendeesync-product .btn-primary {
	background: var(--as-accent);
	color: #fff;
	border-color: var(--as-accent);
}

.field-product.attendeesync-product .btn-primary:hover {
	background: var(--as-accent-hover);
	border-color: var(--as-accent-hover);
	color: #fff;
}

.field-product.attendeesync-product .btn-secondary {
	background: transparent;
	color: var(--as-ink);
	border-color: var(--as-border);
}

.field-product.attendeesync-product .btn-secondary:hover {
	border-color: var(--as-accent);
	color: var(--as-ink);
}

.field-product.attendeesync-product :is(.feature-list li, .pilot-card, .mode-card) {
	background: rgba(255, 255, 255, 0.92);
	border-color: var(--line);
	border-radius: var(--radius);
	box-shadow: none;
}

.field-product.attendeesync-product .eyebrow,
.field-product.attendeesync-product .pilot-pill {
	color: var(--as-accent);
}

.field-product.attendeesync-product a {
	color: var(--as-link);
}

.field-product.attendeesync-product footer {
	border-top: 1px solid var(--line);
	color: var(--as-muted);
}

.field-product.attendeesync-product footer a {
	color: var(--as-link);
}

.field-product.attendeesync-product .final-cta {
	background: var(--as-ink);
	border-color: #1a2744;
	color: #e8eef6;
}

.field-product.attendeesync-product .final-cta :is(h1, h2, h3, p) {
	color: #e8eef6;
}

.field-product.attendeesync-product .final-cta p {
	color: #a3b0c2;
}

.field-product.attendeesync-product .final-cta .btn-primary {
	background: var(--as-accent);
	color: #fff;
	border-color: var(--as-accent);
}

.field-product.attendeesync-product .final-cta .btn-secondary {
	color: #e8eef6;
	border-color: #3d4b5e;
}

.field-product.attendeesync-product .final-cta .btn-secondary:hover {
	border-color: #60a5fa;
	color: #fff;
}

.field-product.attendeesync-product .final-cta a:not(.btn) {
	color: #93c5fd;
}

.field-product.attendeesync-product .wordmark {
	display: flex;
	flex-direction: column;
	gap: 4px;
	margin-bottom: 22px;
}

.field-product.attendeesync-product .wordmark-name {
	font-size: clamp(1.85rem, 4vw, 2.4rem);
	font-weight: 750;
	letter-spacing: -0.04em;
	line-height: 1.1;
	color: var(--as-ink);
}

.field-product.attendeesync-product .wordmark-byline {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--as-muted);
}