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

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

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

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

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

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

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

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

.bf-hero *,
#top #wrap_all .bf-hero * {
	box-sizing: border-box;
}

.bf-hero--noscale,
#top #wrap_all .bf-hero--noscale {
	--bf-hero-mt-now: var(--bf-hero-mt);
	--bf-hero-mb-now: var(--bf-hero-mb);
}

.bf-hero .bf-hero-t,
#top #wrap_all .bf-hero .bf-hero-t {
	display: block;
	--lead: calc((var(--lh) - (var(--asc-t) + var(--desc-t)) * var(--fs)) / 2);
	--bf-hero-tt: calc(var(--bf-fb) * (var(--lead) + (var(--asc-t) - var(--cap-t)) * var(--fs)));
	--bf-hero-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-font);
	font-size: var(--fs);
	line-height: var(--lh);
	margin-block-start: calc(-1 * var(--bf-hero-tt));
	margin-block-end: calc(-1 * var(--bf-hero-tb));
	margin-inline-start: 0;
	margin-inline-end: 0;
}

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

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

.bf-hero .bf-hero__bg,
#top #wrap_all .bf-hero .bf-hero__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;
}

.bf-hero .bf-hero__bg-img,
#top #wrap_all .bf-hero .bf-hero__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-pos);
}

.bf-hero .bf-hero__overlay,
#top #wrap_all .bf-hero .bf-hero__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-ov);
	opacity: var(--bf-hero-ov-o);
}

.bf-hero .bf-hero__frame,
#top #wrap_all .bf-hero .bf-hero__frame {
	--bf-hero-px: min(160px, max(24px, 9.2593cqi));
	--bf-hero-py-now: min(var(--bf-hero-py), max(48px, 9.2593cqi));
	position: relative;
	display: block;
	padding-inline-start: var(--bf-hero-px);
	padding-inline-end: var(--bf-hero-px);
	padding-block-start: var(--bf-hero-py-now);
	padding-block-end: var(--bf-hero-py-now);
}

.bf-hero .bf-hero__inner,
#top #wrap_all .bf-hero .bf-hero__inner {
	position: relative;
	display: block;
	container-type: inline-size;
	max-inline-size: var(--bf-hero-cw);
	margin-inline-start: auto;
	margin-inline-end: auto;
}

.bf-hero .bf-hero__inner > *,
#top #wrap_all .bf-hero .bf-hero__inner > * {
	--bf-hero-colgap-now: min(var(--bf-hero-colgap), max(48px, 13.7074cqi));
	--bf-hero-gap40: min(40px, max(20px, 2.8409cqi));
}

.bf-hero .bf-hero__col,
#top #wrap_all .bf-hero .bf-hero__col {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--bf-hero-colgap-now);
	inline-size: 57.6705%;
}

.bf-hero--card .bf-hero__col,
#top #wrap_all .bf-hero--card .bf-hero__col {
	max-inline-size: calc(100% - var(--bf-hero-cardw) - var(--bf-hero-cardgap));
}

.bf-hero--nocard .bf-hero__col,
#top #wrap_all .bf-hero--nocard .bf-hero__col {
	max-inline-size: 100%;
}

.bf-hero .bf-hero__head,
#top #wrap_all .bf-hero .bf-hero__head {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--bf-hero-gap40);
	inline-size: 100%;
}

.bf-hero .bf-hero__badge,
#top #wrap_all .bf-hero .bf-hero__badge {
	display: inline-flex;
	align-items: center;
	column-gap: 8px;
	background-color: var(--bf-hero-badge-bg);
	color: var(--bf-hero-badge-fg);
	font-family: var(--bf-hero-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%;
}

.bf-hero .bf-hero__badge-slot,
#top #wrap_all .bf-hero .bf-hero__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;
}

.bf-hero .bf-hero__badge-icon,
#top #wrap_all .bf-hero .bf-hero__badge-icon {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: 100%;
	object-fit: contain;
}

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

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

.bf-hero .bf-hero__em,
#top #wrap_all .bf-hero .bf-hero__em {
	font-weight: 600;
	color: var(--bf-hero-fg);
	opacity: 1;
}

.bf-hero .bf-hero__mute,
#top #wrap_all .bf-hero .bf-hero__mute {
	font-weight: 400;
	color: var(--bf-hero-fg);
	opacity: var(--bf-hero-muted);
}

.bf-hero .bf-hero__sub,
#top #wrap_all .bf-hero .bf-hero__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-fg);
	inline-size: 100%;
}

.bf-hero .bf-hero__lede,
#top #wrap_all .bf-hero .bf-hero__lede {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: var(--bf-hero-gap40);
	inline-size: 70.8128%;
}

.bf-hero .bf-hero__lede-text,
#top #wrap_all .bf-hero .bf-hero__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-fg);
	opacity: var(--bf-hero-muted);
	inline-size: calc(100% + var(--bf-hero-bleed));
	max-inline-size: calc(100% + var(--bf-hero-bleed));
}

.bf-hero .bf-hero__actions,
#top #wrap_all .bf-hero .bf-hero__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 12px;
	row-gap: 12px;
}

.bf-hero .bf-hero__btn,
#top #wrap_all .bf-hero .bf-hero__btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 12px;
	font-family: var(--bf-hero-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;
}

.bf-hero .bf-hero__btn--primary,
#top #wrap_all .bf-hero .bf-hero__btn--primary {
	background-color: var(--bf-hero-btn-bg);
	color: var(--bf-hero-btn-fg);
}

.bf-hero .bf-hero__btn--secondary,
#top #wrap_all .bf-hero .bf-hero__btn--secondary {
	background-color: rgba(255, 255, 255, 0.08);
	background-color: color-mix(in srgb, var(--bf-hero-fg) 8%, transparent);
	color: var(--bf-hero-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-fg) 20%, transparent);
}

.bf-hero .bf-hero__btn--primary:hover,
#top #wrap_all .bf-hero .bf-hero__btn--primary:hover {
	background-color: var(--bf-hero-btn-bg);
	color: var(--bf-hero-btn-fg);
	filter: brightness(0.94);
}

.bf-hero .bf-hero__btn--secondary:hover,
#top #wrap_all .bf-hero .bf-hero__btn--secondary:hover {
	background-color: rgba(255, 255, 255, 0.16);
	background-color: color-mix(in srgb, var(--bf-hero-fg) 16%, transparent);
	color: var(--bf-hero-fg);
}

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

.bf-hero .bf-hero__btn-icon,
#top #wrap_all .bf-hero .bf-hero__btn-icon {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 20px;
	block-size: 20px;
	color: inherit;
}

.bf-hero .bf-hero__card,
#top #wrap_all .bf-hero .bf-hero__card {
	position: absolute;
	inset-inline-end: 0;
	inset-block-end: calc(-1 * var(--bf-hero-py-now));
	display: block;
	inline-size: var(--bf-hero-cardw);
	background-color: rgba(255, 255, 255, 0.2);
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	padding-block-start: 8px;
	padding-block-end: 0;
	padding-inline-start: 8px;
	padding-inline-end: 8px;
	border-start-start-radius: 8px;
	border-start-end-radius: 8px;
	border-end-start-radius: 0;
	border-end-end-radius: 0;
	box-shadow: 0 29px 32.5px rgba(0, 0, 0, 0.08), 0 118px 59px rgba(0, 0, 0, 0.07);
}

.bf-hero .bf-hero__card-body,
#top #wrap_all .bf-hero .bf-hero__card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	row-gap: 28px;
	inline-size: 100%;
	background-color: var(--bf-hero-card-bg);
	color: var(--bf-hero-card-fg);
	font-family: var(--bf-hero-font);
	padding-block-start: 40px;
	padding-block-end: 40px;
	padding-inline-start: 32px;
	padding-inline-end: 32px;
	border-start-start-radius: 8px;
	border-start-end-radius: 8px;
	border-end-start-radius: 0;
	border-end-end-radius: 0;
	text-decoration-line: none;
	border-block-end-width: 0;
	border-block-start-width: 0;
	border-inline-start-width: 0;
	border-inline-end-width: 0;
}

.bf-hero .bf-hero__card-logo,
#top #wrap_all .bf-hero .bf-hero__card-logo {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	block-size: 40px;
	max-inline-size: 100%;
}

.bf-hero .bf-hero__card-logo-img,
#top #wrap_all .bf-hero .bf-hero__card-logo-img {
	display: block;
	block-size: 100%;
	inline-size: auto;
	max-inline-size: 100%;
	object-fit: contain;
	object-position: left center;
}

.bf-hero .bf-hero__card-rule,
#top #wrap_all .bf-hero .bf-hero__card-rule {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 100%;
	block-size: 1px;
	background-color: var(--bf-hero-card-rule);
}

.bf-hero .bf-hero__card-heading,
#top #wrap_all .bf-hero .bf-hero__card-heading {
	--fs: 20px;
	--lh: calc(1.1 * var(--fs));
	font-weight: 400;
	letter-spacing: -0.02em;
	inline-size: 100%;
}

.bf-hero .bf-hero__card-kicker,
#top #wrap_all .bf-hero .bf-hero__card-kicker {
	font-weight: 400;
	color: var(--bf-hero-card-fg);
}

.bf-hero .bf-hero__card-title,
#top #wrap_all .bf-hero .bf-hero__card-title {
	font-weight: 600;
	color: var(--bf-hero-card-title);
}

.bf-hero .bf-hero__facts,
#top #wrap_all .bf-hero .bf-hero__facts {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	row-gap: 14px;
	inline-size: 100%;
}

.bf-hero .bf-hero__fact,
#top #wrap_all .bf-hero .bf-hero__fact {
	display: flex;
	align-items: center;
	column-gap: 8px;
	inline-size: 100%;
}

.bf-hero .bf-hero__fact-slot,
#top #wrap_all .bf-hero .bf-hero__fact-slot {
	display: block;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
	inline-size: 18px;
	block-size: 18px;
	overflow-x: hidden;
	overflow-y: hidden;
}

.bf-hero .bf-hero__fact-icon,
#top #wrap_all .bf-hero .bf-hero__fact-icon {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	color: var(--bf-hero-card-fg);
}

.bf-hero .bf-hero__fact-img,
#top #wrap_all .bf-hero .bf-hero__fact-img {
	display: block;
	inline-size: 100%;
	block-size: 100%;
	max-inline-size: 100%;
	object-fit: contain;
}

.bf-hero .bf-hero__fact-text,
#top #wrap_all .bf-hero .bf-hero__fact-text {
	--fs: 16px;
	--lh: calc(1.5 * var(--fs));
	font-weight: 400;
	letter-spacing: 0;
	color: var(--bf-hero-card-fg);
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0;
	min-inline-size: 0;
}

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

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

@media (max-width: 899px) {

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

@media (max-width: 900px) {

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

	.bf-hero--card .bf-hero__col,
	#top #wrap_all .bf-hero--card .bf-hero__col {
		max-inline-size: 100%;
	}

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

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

	.bf-hero .bf-hero__card,
	#top #wrap_all .bf-hero .bf-hero__card {
		position: static;
		inline-size: 100%;
		max-inline-size: 360px;
		margin-block-start: var(--bf-hero-gap40);
		padding-block-end: 8px;
		border-end-start-radius: 8px;
		border-end-end-radius: 8px;
	}

	.bf-hero .bf-hero__card-body,
	#top #wrap_all .bf-hero .bf-hero__card-body {
		border-end-start-radius: 8px;
		border-end-end-radius: 8px;
	}
}