/**
 * Honest the HIPAApotamus marketing theme — cool clinical blue + Outfit.
 * Load after /css/field-notes-product.css so product tokens win.
 */

.field-product.honest-product {
	--stage: #e8edf4;
	--stage-lift: #f3f6fa;
	--ink: #152033;
	--muted: #3d4b5f;
	--blue: #1f5fbf;
	--blue-bright: #2f74d8;
	--gold: #9a7b28;
	--bow: #b33a3a;
	--shady: #c43a2c;
	--line: rgba(21, 32, 51, 0.14);
	--panel: #ffffff;
	--text: var(--ink);
	--canvas: var(--stage);
	--surface: var(--panel);
	--border: var(--line);
	--primary: var(--blue);
	--accent: var(--blue);
	--link: var(--blue);
	--navy: var(--ink);
	--green: #1f7a4d;
	--radius: 2px;
	--maxw: 1080px;

	background:
		radial-gradient(1000px 520px at 78% 8%, rgba(31, 95, 191, 0.1), transparent 58%),
		radial-gradient(720px 420px at 8% 70%, rgba(196, 58, 44, 0.05), transparent 55%),
		linear-gradient(180deg, #f5f7fb 0%, var(--stage) 55%, #dfe5ee 100%);
	color: var(--ink);
	font-family: Outfit, system-ui, sans-serif;
	line-height: 1.6;
	-webkit-font-smoothing: antialiased;
	min-height: 100vh;
}

.field-product.honest-product .field-brand-bar {
	background: #f5f7fb;
	border-bottom: 1px solid var(--line);
	font-family: Outfit, system-ui, sans-serif;
}

.field-product.honest-product .field-back {
	color: var(--blue);
}

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

.field-product.honest-product header {
	background: rgba(243, 246, 250, 0.86);
	backdrop-filter: saturate(140%) blur(8px);
	color: var(--ink);
	border-bottom: 1px solid var(--line);
}

.field-product.honest-product header .brand-mark,
.field-product.honest-product header .brand,
.field-product.honest-product header nav a,
.field-product.honest-product header .nav-links a {
	color: var(--muted);
	font-family: Outfit, system-ui, sans-serif;
}

.field-product.honest-product header .brand-mark,
.field-product.honest-product header .brand {
	color: var(--ink);
	font-weight: 700;
}

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

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

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

.field-product.honest-product .btn-primary {
	background: var(--blue);
	color: #fff;
	border-color: var(--blue);
}

.field-product.honest-product .btn-primary:hover {
	background: var(--blue-bright);
	border-color: var(--blue-bright);
	color: #fff;
}

.field-product.honest-product .btn-secondary {
	background: transparent;
	color: var(--blue);
	border-color: rgba(31, 95, 191, 0.35);
}

.field-product.honest-product .btn-secondary:hover {
	border-color: var(--blue);
	color: var(--ink);
}

.field-product.honest-product :is(.hero-card, .feature-card, .pricing-card, .card, .cast-card, .inquiry-form) {
	background: var(--panel);
	border-color: var(--line);
	border-radius: var(--radius);
	box-shadow: none;
}

.field-product.honest-product :is(.feature-card strong, .pricing-card h3) {
	color: var(--ink);
}

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

.field-product.honest-product :is(.eyebrow, .tag, .hero-note a) {
	color: var(--blue);
}

.field-product.honest-product :is(.note, .lifecycle, .integrations) {
	background: var(--stage-lift);
	border-color: var(--line);
}

.field-product.honest-product :is(.cta-panel, .final-cta) {
	background: var(--ink);
	color: #f5f7fb;
	border: 0;
}

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

.field-product.honest-product :is(.cta-panel, .final-cta) .btn-primary {
	background: #f5f7fb;
	color: var(--ink);
	border-color: #f5f7fb;
}

.field-product.honest-product input:not([type="checkbox"]):not([type="radio"]),
.field-product.honest-product select,
.field-product.honest-product textarea {
	background: var(--panel);
	color: var(--ink);
	border-color: rgba(21, 32, 51, 0.22);
}

.field-product.honest-product a:focus-visible,
.field-product.honest-product button:focus-visible,
.field-product.honest-product input:focus-visible {
	outline: 3px solid var(--blue-bright);
	outline-offset: 3px;
}

.field-product.honest-product a {
	color: var(--blue);
}