/**
 * AgentX marketing theme — parchment stage, midnight ink, burnt orange, muted teal.
 * Matches apps/web brand tokens (--ax-*). Load after /css/field-notes-product.css.
 */

.field-product.agentx-product {
	--ax-ink: #172b36;
	--ax-parchment: #f4f0e8;
	--ax-warm-white: #fffdfa;
	--ax-burnt: #b94d30;
	--ax-teal: #387d78;
	--ax-soft: #ebe6dc;
	--ax-border: #e0d9ce;
	--ax-muted: #4a5f6b;
	--ax-link: #2a5f5b;

	--bg: var(--ax-parchment);
	--bg-mid: #ebe6dc;
	--text: var(--ax-ink);
	--muted: var(--ax-muted);
	--line: var(--ax-border);
	--link: var(--ax-link);
	--panel: var(--ax-warm-white);
	--surface: var(--ax-warm-white);
	--primary: var(--ax-burnt);
	--accent: var(--ax-burnt);
	--secondary: var(--ax-teal);
	--navy: var(--ax-ink);
	--radius: 8px;
	--maxw: 980px;

	background:
		radial-gradient(900px 520px at 92% -6%, rgba(185, 77, 48, 0.12), transparent 55%),
		radial-gradient(720px 480px at -10% 22%, rgba(56, 125, 120, 0.1), transparent 52%),
		linear-gradient(180deg, #ebe6dc 0%, var(--ax-parchment) 42%, var(--ax-parchment) 100%);
	color: var(--text);
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}

.field-product.agentx-product .field-brand-bar {
	background: rgba(244, 240, 232, 0.94);
	border-bottom: 1px solid var(--line);
	font-family: "IBM Plex Sans", system-ui, sans-serif;
}

.field-product.agentx-product .field-back {
	color: var(--ax-muted);
}

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

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

.field-product.agentx-product header .brand-mark,
.field-product.agentx-product header .brand,
.field-product.agentx-product header nav a,
.field-product.agentx-product header .nav-links a {
	color: var(--ax-muted);
	font-family: "IBM Plex Sans", system-ui, sans-serif;
}

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

.field-product.agentx-product header .brand-mark .x,
.field-product.agentx-product .hero-brand .x {
	color: var(--ax-burnt);
}

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

.field-product.agentx-product h1,
.field-product.agentx-product h2,
.field-product.agentx-product h3,
.field-product.agentx-product .hero-brand,
.field-product.agentx-product .section-title {
	font-family: "IBM Plex Sans", system-ui, sans-serif;
	color: var(--ax-ink);
	font-weight: 600;
	letter-spacing: -0.02em;
	background: none;
	-webkit-text-fill-color: unset;
}

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

.field-product.agentx-product .btn-primary {
	background: var(--ax-burnt);
	color: var(--ax-warm-white);
	border-color: var(--ax-burnt);
}

.field-product.agentx-product .btn-primary:hover {
	background: #8f3a25;
	border-color: #8f3a25;
	color: var(--ax-warm-white);
}

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

.field-product.agentx-product .btn-secondary:hover {
	border-color: var(--ax-teal);
	color: var(--ax-ink);
}

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

.field-product.agentx-product .eyebrow,
.field-product.agentx-product .pilot-pill {
	color: var(--ax-burnt);
}

.field-product.agentx-product a {
	color: var(--ax-link);
}

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

.field-product.agentx-product footer a {
	color: var(--ax-link);
}

.field-product.agentx-product .final-cta {
	background: var(--ax-ink);
	border-color: #2a3f4b;
	color: var(--ax-parchment);
}

.field-product.agentx-product .final-cta :is(h1, h2, h3, p) {
	color: var(--ax-parchment);
}

.field-product.agentx-product .final-cta p {
	color: #b8c5cb;
}

.field-product.agentx-product .final-cta .btn-primary {
	background: var(--ax-burnt);
	color: var(--ax-warm-white);
	border-color: var(--ax-burnt);
}

.field-product.agentx-product .final-cta .btn-secondary {
	color: var(--ax-parchment);
	border-color: #3a5160;
}

.field-product.agentx-product .final-cta .btn-secondary:hover {
	border-color: var(--ax-teal);
	color: #fff;
}

.field-product.agentx-product .final-cta a:not(.btn) {
	color: #9fd0cb;
}