@property --bf-fb {
	syntax: "<number>";
	inherits: true;
	initial-value: 0;
}

@property --bf-hero-form-tt {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

@property --bf-hero-form-tb {
	syntax: "<length>";
	inherits: false;
	initial-value: 0px;
}

@property --bf-hero-form-px {
	syntax: "<length>";
	inherits: true;
	initial-value: 0px;
}

@property --bf-hero-form-py-now {
	syntax: "<length>";
	inherits: true;
	initial-value: 0px;
}

@property --bf-hero-form-colgap-now {
	syntax: "<length>";
	inherits: true;
	initial-value: 0px;
}

@property --bf-hero-form-gap40 {
	syntax: "<length>";
	inherits: true;
	initial-value: 0px;
}

@property --bf-hero-form-panel-py {
	syntax: "<length>";
	inherits: true;
	initial-value: 0px;
}

@property --bf-hero-form-panel-px {
	syntax: "<length>";
	inherits: true;
	initial-value: 0px;
}

.bf-hero-form,
#top #wrap_all .bf-hero-form.bf-hero-form {
	--asc: 0.96875;
	--desc: 0.2412109375;
	--cap: 0.7275390625;
	--asc-t: var(--asc);
	--desc-t: var(--desc);
	--cap-t: var(--cap);
	--bf-hero-form-cw: 1408px;
	--bf-hero-form-bleed: 18px;
	--bf-hero-form-font: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--bf-hero-form-mt-now: var(--bf-hero-form-mt);
	--bf-hero-form-mb-now: var(--bf-hero-form-mb);
	position: relative;
	display: block;
	box-sizing: border-box;
	container-type: inline-size;
	overflow-x: hidden;
	overflow-y: hidden;
	background-color: var(--bf-hero-form-bg);
	color: var(--bf-hero-form-fg);
	min-block-size: var(--bf-hero-form-minh);
	margin-block-start: var(--bf-hero-form-mt-now);
	margin-block-end: var(--bf-hero-form-mb-now);
	font-family: var(--bf-hero-form-font);
	font-synthesis-weight: none;
	letter-spacing: 0;
}

.bf-hero-form--noscale,
#top #wrap_all .bf-hero-form--noscale.bf-hero-form--noscale {
	--bf-hero-form-mt-now: var(--bf-hero-form-mt);
	--bf-hero-form-mb-now: var(--bf-hero-form-mb);
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form-t,
#top #wrap_all .bf-hero-form .bf-hero-form-t {
	display: block;
	--lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
	--bf-hero-form-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
	--bf-hero-form-tb: calc(var(--bf-fb) * (var(--lead) + var(--desc-t) * var(--fs)));
	text-box-trim: trim-both;
	text-box-edge: cap alphabetic;
	text-box: trim-both cap alphabetic;
	font-family: var(--bf-hero-form-font);
	font-size: var(--fs);
	line-height: var(--lh);
	margin-block-start: calc(-1 * var(--bf-hero-form-tt));
	margin-block-end: calc(-1 * var(--bf-hero-form-tb));
	margin-inline-start: 0;
	margin-inline-end: 0;
	box-sizing: border-box;
	color: inherit;
	letter-spacing: inherit;
}

@supports not ((text-box: trim-both cap alphabetic) or (text-box-trim: trim-both)) {

	.bf-hero-form,
	#top #wrap_all .bf-hero-form.bf-hero-form {
		--bf-fb: 1;
	}
}

.bf-hero-form .bf-hero-form__bg,
#top #wrap_all .bf-hero-form .bf-hero-form__bg {
	position: absolute;
	inset-block-start: 0;
	inset-block-end: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
	display: block;
	overflow-x: hidden;
	overflow-y: hidden;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__bg-img,
#top #wrap_all .bf-hero-form .bf-hero-form__bg-img {
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: none;
	object-fit: cover;
	object-position: var(--bf-hero-form-pos);
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__overlay,
#top #wrap_all .bf-hero-form .bf-hero-form__overlay {
	position: absolute;
	inset-block-start: 0;
	inset-block-end: 0;
	inset-inline-start: 0;
	inset-inline-end: 0;
	display: block;
	background-color: var(--bf-hero-form-ov);
	opacity: var(--bf-hero-form-ov-o);
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__frame,
#top #wrap_all .bf-hero-form .bf-hero-form__frame {
	--bf-hero-form-px: min(160px, max(24px, 9.2593cqi));
	--bf-hero-form-py-now: min(var(--bf-hero-form-py), max(48px, 9.2593cqi));
	position: relative;
	display: block;
	padding-inline-start: var(--bf-hero-form-px);
	padding-inline-end: var(--bf-hero-form-px);
	padding-block-start: var(--bf-hero-form-py-now);
	padding-block-end: var(--bf-hero-form-py-now);
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__inner,
#top #wrap_all .bf-hero-form .bf-hero-form__inner {
	position: relative;
	display: block;
	container-type: inline-size;
	max-inline-size: var(--bf-hero-form-cw);
	margin-inline-start: auto;
	margin-inline-end: auto;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__inner > *,
#top #wrap_all .bf-hero-form .bf-hero-form__inner > * {
	--bf-hero-form-colgap-now: min(var(--bf-hero-form-colgap), max(48px, 17.4716cqi));
	--bf-hero-form-gap40: min(40px, max(20px, 2.8409cqi));
	--bf-hero-form-panel-py: min(48px, max(24px, 3.4091cqi));
	--bf-hero-form-panel-px: min(40px, max(20px, 2.8409cqi));
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__row,
#top #wrap_all .bf-hero-form .bf-hero-form__row {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	column-gap: 5.1136%;
	row-gap: var(--bf-hero-form-gap40);
	inline-size: 100%;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__col,
#top #wrap_all .bf-hero-form .bf-hero-form__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	row-gap: var(--bf-hero-form-colgap-now);
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 57.6705%;
	min-inline-size: 0;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__head,
#top #wrap_all .bf-hero-form .bf-hero-form__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--bf-hero-form-gap40);
	inline-size: 100%;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__badge,
#top #wrap_all .bf-hero-form .bf-hero-form__badge {
	display: inline-flex;
	align-items: center;
	column-gap: 8px;
	background-color: var(--bf-hero-form-badge-bg);
	color: var(--bf-hero-form-badge-fg);
	font-family: var(--bf-hero-form-font);
	line-height: 1;
	letter-spacing: 0;
	border-radius: 8px;
	padding-inline-start: 12px;
	padding-inline-end: 12px;
	padding-block-start: 4px;
	padding-block-end: 4px;
	margin-block-start: 0;
	margin-block-end: 0;
	max-inline-size: 100%;
	box-sizing: border-box;
}

.bf-hero-form .bf-hero-form__badge-slot,
#top #wrap_all .bf-hero-form .bf-hero-form__badge-slot {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 24px;
	block-size: 24px;
	overflow-x: hidden;
	overflow-y: hidden;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__badge-icon,
#top #wrap_all .bf-hero-form .bf-hero-form__badge-icon {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: 100%;
	object-fit: contain;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__badge-text,
#top #wrap_all .bf-hero-form .bf-hero-form__badge-text {
	--fs: 16px;
	--lh: calc(1.5 * var(--fs));
	font-weight: 400;
	letter-spacing: 0;
	color: var(--bf-hero-form-badge-fg);
	box-sizing: border-box;
	font-family: inherit;
}

.bf-hero-form .bf-hero-form__title,
#top #wrap_all .bf-hero-form .bf-hero-form__title {
	--fs: clamp(2.25rem, 4.5455cqi, 4rem);
	--lh: calc(1.0625 * var(--fs));
	font-family: var(--bf-hero-form-font);
	font-weight: 600;
	letter-spacing: -0.04em;
	color: var(--bf-hero-form-fg);
	inline-size: 100%;
	text-transform: none;
	box-sizing: border-box;
}

.bf-hero-form .bf-hero-form__em,
#top #wrap_all .bf-hero-form .bf-hero-form__em {
	font-weight: 600;
	color: var(--bf-hero-form-fg);
	opacity: 1;
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__mute,
#top #wrap_all .bf-hero-form .bf-hero-form__mute {
	font-weight: 400;
	color: var(--bf-hero-form-fg);
	opacity: var(--bf-hero-form-muted);
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__sub,
#top #wrap_all .bf-hero-form .bf-hero-form__sub {
	--fs: clamp(1.25rem, 1.9886cqi, 1.75rem);
	--lh: calc(1.142857 * var(--fs));
	font-weight: 500;
	letter-spacing: -0.02em;
	color: var(--bf-hero-form-fg);
	inline-size: 100%;
	box-sizing: border-box;
	font-family: inherit;
}

.bf-hero-form .bf-hero-form__lede,
#top #wrap_all .bf-hero-form .bf-hero-form__lede {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--bf-hero-form-gap40);
	inline-size: 70.8128%;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__lede-text,
#top #wrap_all .bf-hero-form .bf-hero-form__lede-text {
	--fs: clamp(1rem, 1.2784cqi, 1.125rem);
	--lh: calc(1.5556 * var(--fs));
	font-weight: 400;
	letter-spacing: 0;
	color: var(--bf-hero-form-fg);
	opacity: var(--bf-hero-form-muted);
	inline-size: calc(100% + var(--bf-hero-form-bleed));
	max-inline-size: calc(100% + var(--bf-hero-form-bleed));
	box-sizing: border-box;
	font-family: inherit;
}

.bf-hero-form .bf-hero-form__actions,
#top #wrap_all .bf-hero-form .bf-hero-form__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 12px;
	row-gap: 12px;
	box-sizing: border-box;
	color: inherit;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__btn,
#top #wrap_all .bf-hero-form .bf-hero-form__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 12px;
	font-family: var(--bf-hero-form-font);
	border-radius: 4px;
	padding-block-start: 16px;
	padding-block-end: 16px;
	padding-inline-start: 24px;
	padding-inline-end: 20px;
	text-decoration-line: none;
	border-block-end-width: 0;
	border-block-start-width: 0;
	border-inline-start-width: 0;
	border-inline-end-width: 0;
	transition-property: background-color, box-shadow;
	transition-duration: 200ms;
	transition-timing-function: ease;
	box-sizing: border-box;
	color: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__btn--primary,
#top #wrap_all .bf-hero-form .bf-hero-form__btn--primary {
	background-color: var(--bf-hero-form-btn-bg);
	color: var(--bf-hero-form-btn-fg);
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__btn--secondary,
#top #wrap_all .bf-hero-form .bf-hero-form__btn--secondary {
	background-color: rgba(255, 255, 255, 0.08);
	background-color: color-mix(in srgb, var(--bf-hero-form-fg) 8%, transparent);
	color: var(--bf-hero-form-fg);
	box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.2);
	box-shadow: inset 0 0 0 2px color-mix(in srgb, var(--bf-hero-form-fg) 20%, transparent);
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__btn--primary:hover,
#top #wrap_all .bf-hero-form .bf-hero-form__btn--primary:hover {
	background-color: var(--bf-hero-form-btn-bg);
	color: var(--bf-hero-form-btn-fg);
	filter: brightness(0.94);
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__btn--secondary:hover,
#top #wrap_all .bf-hero-form .bf-hero-form__btn--secondary:hover {
	background-color: rgba(255, 255, 255, 0.16);
	background-color: color-mix(in srgb, var(--bf-hero-form-fg) 16%, transparent);
	color: var(--bf-hero-form-fg);
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__btn-label,
#top #wrap_all .bf-hero-form .bf-hero-form__btn-label {
	--fs: 16px;
	--lh: calc(1.5 * var(--fs));
	font-weight: 500;
	letter-spacing: 0;
	color: inherit;
	box-sizing: border-box;
	font-family: inherit;
}

.bf-hero-form .bf-hero-form__btn-icon,
#top #wrap_all .bf-hero-form .bf-hero-form__btn-icon {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 20px;
	block-size: 20px;
	color: inherit;
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form .bf-hero-form__aside,
#top #wrap_all .bf-hero-form .bf-hero-form__aside {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 37.2159%;
	min-inline-size: 0;
	font-family: var(--bf-hero-form-font);
	box-sizing: border-box;
	color: inherit;
	letter-spacing: inherit;
}

.bf-hero-form--panel .bf-hero-form__aside,
#top #wrap_all .bf-hero-form--panel .bf-hero-form__aside {
	background-color: var(--bf-hero-form-panel-bg);
	color: var(--bf-hero-form-panel-fg);
	border-radius: var(--bf-hero-form-panel-radius);
	padding-block-start: var(--bf-hero-form-panel-py);
	padding-block-end: var(--bf-hero-form-panel-py);
	padding-inline-start: var(--bf-hero-form-panel-px);
	padding-inline-end: var(--bf-hero-form-panel-px);
	box-shadow: 28px 46px 59.5px rgba(0, 0, 0, 0.04), 111px 185px 108px rgba(0, 0, 0, 0.03);
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

.bf-hero-form--nopanel .bf-hero-form__aside,
#top #wrap_all .bf-hero-form--nopanel .bf-hero-form__aside {
	background-color: transparent;
	color: inherit;
	border-radius: 0;
	padding-block-start: 0;
	padding-block-end: 0;
	padding-inline-start: 0;
	padding-inline-end: 0;
	box-shadow: none;
	box-sizing: border-box;
	font-family: inherit;
	letter-spacing: inherit;
}

@media (min-width: 900px) and (max-width: 1199px) {

	.bf-hero-form--scale,
	#top #wrap_all .bf-hero-form--scale.bf-hero-form--scale {
		--bf-hero-form-mt-now: calc(var(--bf-hero-form-mt) * 0.75);
		--bf-hero-form-mb-now: calc(var(--bf-hero-form-mb) * 0.75);
	}
}

@media (max-width: 899px) {

	.bf-hero-form--scale,
	#top #wrap_all .bf-hero-form--scale.bf-hero-form--scale {
		--bf-hero-form-mt-now: calc(var(--bf-hero-form-mt) * 0.6);
		--bf-hero-form-mb-now: calc(var(--bf-hero-form-mb) * 0.6);
	}
}

@media (max-width: 900px) {

	.bf-hero-form .bf-hero-form__row,
	#top #wrap_all .bf-hero-form .bf-hero-form__row {
		flex-direction: column;
		column-gap: 0;
	}

	.bf-hero-form .bf-hero-form__col,
	#top #wrap_all .bf-hero-form .bf-hero-form__col {
		inline-size: 100%;
	}

	.bf-hero-form .bf-hero-form__aside,
	#top #wrap_all .bf-hero-form .bf-hero-form__aside {
		inline-size: 100%;
	}

	.bf-hero-form .bf-hero-form__lede,
	#top #wrap_all .bf-hero-form .bf-hero-form__lede {
		inline-size: 100%;
	}

	.bf-hero-form .bf-hero-form__lede-text,
	#top #wrap_all .bf-hero-form .bf-hero-form__lede-text {
		inline-size: 100%;
		max-inline-size: 100%;
	}
}
