/**
 * Meridian marketing theme — dark navy + cyan/teal (matches app seed spirit).
 * Load after /css/field-notes-product.css so product tokens win.
 */

.field-product.meridian-product {
	--bg: #050b1b;
	--bg-mid: #0a1228;
	--text: #e8eef8;
	--muted: #8b97ad;
	--line: rgba(255, 255, 255, 0.1);
	--accent: #00b4d8;
	--accent-2: #1a73e8;
	--teal: #00d1b2;
	--link: #7ec8ff;
	--panel: rgba(255, 255, 255, 0.035);
	--green: var(--teal);
	--primary: var(--accent);
	--canvas: var(--bg);
	--surface: rgba(255, 255, 255, 0.04);
	--border: var(--line);
	--navy: var(--bg);
	--radius: 6px;
	--maxw: 980px;

	background:
		radial-gradient(900px 520px at 88% -8%, rgba(0, 177, 216, 0.18), transparent 55%),
		radial-gradient(700px 480px at -12% 18%, rgba(26, 115, 232, 0.16), transparent 50%),
		linear-gradient(180deg, var(--bg-mid) 0%, var(--bg) 45%, var(--bg) 100%);
	color: var(--text);
	font-family: "Source Sans 3", system-ui, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}

.field-product.meridian-product .field-brand-bar {
	background: rgba(5, 11, 27, 0.92);
	border-bottom: 1px solid var(--line);
	font-family: "Source Sans 3", system-ui, sans-serif;
}

.field-product.meridian-product .field-back {
	color: rgba(232, 238, 248, 0.78);
}

.field-product.meridian-product .field-back:hover {
	color: #fff;
	text-decoration: none;
}

.field-product.meridian-product header {
	background: rgba(5, 11, 27, 0.55);
	backdrop-filter: saturate(140%) blur(8px);
	color: var(--text);
	border-bottom: 1px solid var(--line);
}

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

.field-product.meridian-product header .brand-mark,
.field-product.meridian-product header .brand {
	color: var(--text);
	font-family: "Space Grotesk", sans-serif;
	font-weight: 700;
}

.field-product.meridian-product header nav a:hover,
.field-product.meridian-product header .nav-links a:hover {
	color: var(--text);
}

.field-product.meridian-product h1,
.field-product.meridian-product h2,
.field-product.meridian-product h3,
.field-product.meridian-product .hero-brand,
.field-product.meridian-product .section-title {
	font-family: "Space Grotesk", sans-serif;
	color: var(--text);
	font-weight: 700;
	letter-spacing: -0.03em;
	background: none;
	-webkit-text-fill-color: unset;
}

.field-product.meridian-product .hero-brand {
	background: linear-gradient(115deg, #e8eef8 0%, #7ec8ff 45%, var(--teal) 100%);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
	-webkit-text-fill-color: transparent;
	line-height: 0.95;
}

.field-product.meridian-product .btn {
	border-radius: 6px;
	box-shadow: none;
}

.field-product.meridian-product .btn-primary {
	background: linear-gradient(135deg, var(--accent-2), var(--accent));
	color: #04101c;
	border-color: transparent;
}

.field-product.meridian-product .btn-primary:hover {
	filter: brightness(1.08);
	background: linear-gradient(135deg, var(--accent-2), var(--accent));
	color: #04101c;
}

.field-product.meridian-product .btn-secondary {
	background: transparent;
	color: var(--text);
	border-color: var(--line);
}

.field-product.meridian-product .btn-secondary:hover {
	border-color: rgba(255, 255, 255, 0.28);
	color: var(--text);
}

.field-product.meridian-product :is(.hero-card, .feature-card, .pricing-card, .card, .download-card, .info-card) {
	background: var(--panel);
	border-color: var(--line);
	border-radius: 10px;
	box-shadow: none;
}

.field-product.meridian-product :is(.feature-card strong, .pricing-card h3, .feature-list strong) {
	color: var(--text);
}

.field-product.meridian-product :is(.feature-card p, .pricing-card p, .hero-lead, .section-lead, .feature-list p) {
	color: var(--muted);
}

.field-product.meridian-product :is(.eyebrow, .status-label, .tag, .hero-note a) {
	color: var(--teal);
}

.field-product.meridian-product :is(.note, .lifecycle, .integrations) {
	background: rgba(0, 180, 216, 0.07);
	border-color: var(--line);
}

.field-product.meridian-product :is(.cta-panel, .final-cta) {
	background: rgba(255, 255, 255, 0.04);
	border: 1px solid var(--line);
	color: var(--text);
}

.field-product.meridian-product :is(.cta-panel, .final-cta) :is(h1, h2, h3, p) {
	color: var(--text);
}

.field-product.meridian-product :is(.cta-panel, .final-cta) .btn-primary {
	background: linear-gradient(135deg, var(--accent-2), var(--accent));
	color: #04101c;
	border-color: transparent;
}

.field-product.meridian-product a:focus-visible,
.field-product.meridian-product button:focus-visible,
.field-product.meridian-product summary:focus-visible {
	outline: 2px solid var(--accent);
	outline-offset: 3px;
}

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