:root {
	--hz-color-primary: #8a5574;
	--hz-color-dark: #6b445c;
	--hz-color-light: #f6f1f4;
	--hz-color-muted: #e8dde3;
	--hz-color-accent: #ad889e;
	--hz-color-white: #ffffff;
	--hz-color-background: #f4f4f4;
	--hz-color-text-dark: #555555;
	--hz-color-border: #dddddd;
	--hz-color-success: #30c772;
	--hz-font-body: "Source Sans Pro", Arial, sans-serif;
	--hz-font-heading: "Open Sans", Arial, sans-serif;
	--hz-space-xxs: 4px;
	--hz-space-xs: 8px;
	--hz-space-s: 16px;
	--hz-space-m: 24px;
	--hz-space-l: 32px;
	--hz-space-xl: 48px;
	--hz-space-xxl: 80px;
	--hz-space-xxxl: 128px;
	--hz-button-width: 400px;
	--hz-button-height: 58px;
	--hz-button-icon-size: 26px;
}

.hz-component,
.hz-component * {
	box-sizing: border-box;
}

.hz-component {
	font-family: var(--hz-font-body);
}

.hz-landing-page-shell {
	width: min(100%, 1142px);
	margin-inline: auto;
	background: var(--hz-color-white);
}

.hz-landing-page-shell.e-con,
.hz-landing-page-shell .e-con {
	padding-inline: 0;
}

.hz-landing-page-shell > .e-con-inner,
.hz-landing-page-shell .e-con > .e-con-inner {
	width: 100%;
	max-width: 100%;
}

.hz-landing-page-shell .hz-hero {
	width: 100%;
	margin-right: 0;
	margin-left: 0;
}