:root {
	--vtx-color-athens-gray-50: #f8f6f5;
	--vtx-color-athens-gray-100: #e8e8ea;
	--vtx-color-graphite-core-950: #404040;
	--vtx-semantic-background: var(--vtx-color-athens-gray-50);
	--vtx-semantic-foreground: var(--vtx-color-graphite-core-950);
	--vtx-surface-wash-top: var(--vtx-color-athens-gray-50);
	--vtx-surface-wash-bottom: #f5f1ec;
	--vtx-surface-glow-primary: rgba(255, 178, 23, 0.16);
	--vtx-surface-glow-secondary: rgba(255, 98, 20, 0.12);
	--color-surface-wash-top: var(--vtx-surface-wash-top);
	--color-surface-wash-bottom: var(--vtx-surface-wash-bottom);
	--color-surface-glow-primary: var(--vtx-surface-glow-primary);
	--color-surface-glow-secondary: var(--vtx-surface-glow-secondary);
	--font-heading: "Be Vietnam Pro", system-ui, sans-serif;
	--font-body: "Be Vietnam Pro", system-ui, sans-serif;
	--text-h1: 52px;
	--text-h1--line-height: 1.15;
	--text-h1--letter-spacing: -0.025em;
	--text-h2: 36px;
	--text-h2--line-height: 1.25;
	--text-h2--letter-spacing: -0.01em;
	--text-h3: 24px;
	--text-h3--line-height: 1.375;
	--text-h3--letter-spacing: -0.01em;
	--text-h4: 20px;
	--text-h4--line-height: 1.375;
	--text-h5: 16px;
	--text-h5--line-height: 1.375;
	--text-h6: 14px;
	--text-h6--line-height: 1.4;
	--text-body-lg: 18px;
	--text-body-lg--line-height: 32px;
	--text-body: 16px;
	--text-body--line-height: 28px;
	--text-body-sm: 14px;
	--text-body-sm--line-height: 24px;
	--text-caption: 14px;
	--tracking-eyebrow: 0.26em;
	--tracking-overline: 0.24em;
	color: var(--vtx-semantic-foreground);
	background: var(--vtx-semantic-background);
	font-family: var(--font-body);
	font-synthesis: none;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

body {
	margin: 0;
	min-width: 320px;
	background:
		radial-gradient(circle at top left, var(--color-surface-glow-primary), transparent 34%),
		radial-gradient(circle at right center, var(--color-surface-glow-secondary), transparent 28%),
		linear-gradient(180deg, var(--color-surface-wash-top) 0%, var(--color-surface-wash-bottom) 100%);
	color: var(--vtx-semantic-foreground, #404040);
	font-family: var(--font-body);
	font-synthesis: none;
	font-size: var(--text-body);
	font-weight: 400;
	line-height: var(--text-body--line-height);
	letter-spacing: 0;
	-webkit-font-smoothing: auto;
	-moz-osx-font-smoothing: auto;
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer, .brxe-vantixb-header) {
	font-family: var(--font-body);
	letter-spacing: 0;
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer) :where(h1, h2, h3, h4, h5, h6) {
	color: var(--vtx-color-graphite-core-950, #404040);
	font-family: var(--font-heading);
	text-rendering: auto;
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer) h1 {
	font-size: var(--text-h1);
	font-weight: 700;
	line-height: var(--text-h1--line-height);
	letter-spacing: var(--text-h1--letter-spacing);
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer) h2 {
	font-size: var(--text-h2);
	font-weight: 700;
	line-height: var(--text-h2--line-height);
	letter-spacing: var(--text-h2--letter-spacing);
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer) h3 {
	font-size: var(--text-h3);
	font-weight: 600;
	line-height: var(--text-h3--line-height);
	letter-spacing: var(--text-h3--letter-spacing);
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer) h4 {
	font-size: var(--text-h4);
	font-weight: 600;
	line-height: var(--text-h4--line-height);
	letter-spacing: 0;
}

:where(.brxe-vantixb-home-hero, .brxe-vantixb-page-banner, .brxe-vantixb-page-intro, .brxe-vantixb-about-teaser-section, .brxe-vantixb-solutions-section, .brxe-vantixb-feature-grid-section, .brxe-vantixb-module-grid-section, .brxe-vantixb-article-grid-section, .brxe-vantixb-article-archive-section, .brxe-vantixb-contact-section, .brxe-vantixb-footer) :where(p, li) {
	font-size: var(--text-body);
	line-height: var(--text-body--line-height);
	letter-spacing: 0;
}