/* Homepage: Fenix strengths - Figma frame 1000005978 */
.fenix-home-resources .fenix-core-grid,

.fenix-home-testimonials .fenix-core-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (min-width: 1025px) {
  html body.home.fenix-figma-shell-page .fenix-home-hero h1 {
    width: max-content;
    max-width: none;
  }

  html body.home.fenix-figma-shell-page .fenix-home-hero__title-line {
    white-space: nowrap;
    overflow-wrap: normal;
  }
}

.fenix-home-contact {
  padding-bottom: 96px;
}

.fenix-home-cta {
  min-height: 184px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 48px;
  padding: 52px 64px;
  border-radius: 12px;
  background: var(--fenix-neutral-900);
  color: var(--fenix-white);
}

.fenix-home-cta p {
  margin: 0 0 20px;
  color: #16c7b8;
  --fenix-type-line-height: var(--fenix-text-body-line-height);
  font-size: var(--fenix-text-body-size);
  font-weight: var(--fenix-weight-extrabold);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

.fenix-home-cta h2 {
  color: var(--fenix-white);
  --fenix-type-line-height: var(--fenix-text-h1-line-height);
  font-size: var(--fenix-text-h1-size);
  font-weight: var(--fenix-text-h1-weight);
  line-height: var(--fenix-type-line-height);
}

.fenix-home .fenix-home-apart {
	box-sizing: border-box;
	position: relative;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	width: 100% !important;
	padding-inline: 0 !important;
	overflow: hidden !important;
	isolation: isolate;
	color: var(--fenix-white);
	background: linear-gradient(180deg, color-mix(in srgb, var(--fenix-primary-800) 84%, transparent) 22.7%, color-mix(in srgb, var(--fenix-primary-500) 84%, transparent) 121.17%), var(--fenix-neutral-900) !important;
}

.fenix-home .fenix-home-apart::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: 40px;
	left: calc(50% - 28px);
	width: 678px;
	height: 588px;
	border-radius: 50%;
	background: color-mix(in srgb, var(--fenix-primary-300) 60%, transparent);
	filter: blur(150px);
	pointer-events: none;
}

.fenix-home .fenix-home-apart > .fenix-home-shell {
	position: relative;
	z-index: 1;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	height: 618px !important;
	min-height: 618px !important;
	margin: 0 auto !important;
	gap: 56px !important;
	grid-template-columns: none !important;
}

.fenix-home .fenix-home-apart__top {
	position: relative !important;
	display: block !important;
	width: 1192px !important;
	max-width: 100% !important;
	height: 402px !important;
	min-height: 402px !important;
}

.fenix-home .fenix-home-apart__copy {
	position: absolute !important;
	z-index: 2;
	top: 0 !important;
	left: 0 !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 668px !important;
	min-height: 294px !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 24px !important;
}

.fenix-home .fenix-home-apart__copy > h2 {
	width: 478px !important;
	min-height: 56px !important;
	height: auto !important;
	margin: 0 !important;
	font-family: var(--fenix-font) !important;
	--fenix-type-line-height: var(--fenix-text-h2-line-height) !important;
	font-size: var(--fenix-text-h2-size) !important;
	font-weight: var(--fenix-text-h2-weight) !important;
	line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	letter-spacing: var(--fenix-letter-spacing) !important;
	color: var(--fenix-white) !important;
}

.fenix-home .fenix-home-apart__copy > p {
	width: 478px !important;
	min-height: 84px !important;
	height: auto !important;
	margin: 0 !important;
	font-family: var(--fenix-font) !important;
	--fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;
	font-size: var(--fenix-text-subtitle-size) !important;
	font-weight: var(--fenix-text-subtitle-weight) !important;
	line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	letter-spacing: var(--fenix-letter-spacing) !important;
	color: var(--fenix-primary-50) !important;
}

.fenix-home .fenix-home-apart__visual {
	position: absolute !important;
	z-index: 1;
	top: 0 !important;
	right: 0 !important;
	width: 580px !important;
	height: 402px !important;
	margin: 0 !important;
	overflow: hidden !important;
	border-radius: 24px !important;
}

.fenix-home .fenix-home-apart__visual img {
	position: absolute !important;
	top: 0 !important;
	left: 50% !important;
	width: 603px !important;
	max-width: none !important;
	height: 402px !important;
	transform: translateX(-50%) !important;
	object-fit: cover !important;
	object-position: center !important;
	border-radius: 0 !important;
}

.fenix-home .fenix-home-apart .fenix-home-metrics {
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	width: 668px !important;
	height: 106px !important;
	min-height: 106px !important;
	margin: 0 !important;
	padding: 24px 32px !important;
	gap: 20px !important;
	background: color-mix(in srgb, var(--fenix-primary-800) 88%, transparent) !important;
	border: 1px solid var(--fenix-primary-200) !important;
	border-radius: 10px !important;
	box-shadow: 0 1px 4px color-mix(in srgb, var(--fenix-neutral-900) 8%, transparent) !important;
}

.fenix-home .fenix-home-apart .fenix-home-metric {
	box-sizing: border-box !important;
	position: relative;
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	justify-content: center !important;
	height: 58px !important;
	min-height: 58px !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 6px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.fenix-home .fenix-home-apart .fenix-home-metric:nth-child(1) { flex: 0 0 140px !important; }
.fenix-home .fenix-home-apart .fenix-home-metric:nth-child(2) { flex: 0 0 113px !important; }
.fenix-home .fenix-home-apart .fenix-home-metric:nth-child(3) { flex: 0 0 77px !important; }
.fenix-home .fenix-home-apart .fenix-home-metric:nth-child(4) { flex: 0 0 154px !important; }

.fenix-home .fenix-home-apart .fenix-home-metric:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10px;
	width: 1px;
	height: 58px;
	background: color-mix(in srgb, var(--fenix-primary-200) 45%, transparent);
}

.fenix-home .fenix-home-apart .fenix-home-metric__value {
	display: flex !important;
	flex-direction: row !important;
	align-items: center !important;
	justify-content: flex-start !important;
	width: auto !important;
	height: 32px !important;
	min-height: 32px !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 10px !important;
	background: transparent !important;
	border: 0 !important;
	border-radius: 0 !important;
}

.fenix-home .fenix-home-apart .fenix-home-metric__icon,

.fenix-home .fenix-home-apart .fenix-home-metric__icon svg {
	display: block !important;
	flex: 0 0 24px !important;
	width: 24px !important;
	height: 24px !important;
}

.fenix-home .fenix-home-apart .fenix-home-metric strong {
	display: block !important;
	width: auto !important;
	height: 32px !important;
	margin: 0 !important;
	font-family: var(--fenix-font) !important;
	--fenix-type-line-height: var(--fenix-text-h5-line-height) !important;
	font-size: var(--fenix-text-h5-size) !important;
	font-weight: var(--fenix-text-h5-weight) !important;
	line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	letter-spacing: var(--fenix-letter-spacing) !important;
	white-space: nowrap !important;
	color: var(--fenix-white) !important;
}

.fenix-home .fenix-home-apart .fenix-home-metric strong::before {
	content: none !important;
	display: none !important;
}

.fenix-home .fenix-home-apart .fenix-home-metric__label {
	display: block !important;
	width: auto !important;
	height: 20px !important;
	margin: 0 !important;
	font-family: var(--fenix-font) !important;
	--fenix-type-line-height: var(--fenix-text-label-line-height) !important;
	font-size: var(--fenix-text-label-size) !important;
	font-weight: var(--fenix-text-label-weight) !important;
	line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	letter-spacing: var(--fenix-letter-spacing) !important;
	white-space: nowrap !important;
	color: var(--fenix-primary-50) !important;
}

.fenix-home .fenix-home-apart__feature-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 580px)) !important;
	align-items: start !important;
	width: 1192px !important;
	max-width: 100% !important;
	height: 160px !important;
	min-height: 160px !important;
	margin: 0 !important;
	gap: 32px !important;
}

.fenix-home .fenix-home-apart__feature {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 580px !important;
	height: 160px !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 24px !important;
	background: transparent !important;
	border: 0 !important;
}

.fenix-home .fenix-home-apart__feature-icon {
	box-sizing: border-box !important;
	display: grid !important;
	place-items: center !important;
	flex: 0 0 52px !important;
	width: 52px !important;
	height: 52px !important;
	margin: 0 !important;
	padding: 0 !important;
	background: var(--fenix-primary-800) !important;
	border: 1px solid var(--fenix-primary-200) !important;
	border-radius: 100px !important;
}

.fenix-home .fenix-home-apart__feature-icon svg {
	display: block !important;
	width: 28px !important;
	height: 28px !important;
}

.fenix-home .fenix-home-apart__feature > div {
	display: flex !important;
	flex-direction: column !important;
	align-items: flex-start !important;
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
	gap: 16px !important;
}

.fenix-home .fenix-home-apart__feature h3 {
	margin: 0 !important;
	font-family: var(--fenix-font) !important;
	--fenix-type-line-height: var(--fenix-text-h6-line-height) !important;
	font-size: var(--fenix-text-h6-size) !important;
	font-weight: var(--fenix-text-h6-weight) !important;
	line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	letter-spacing: var(--fenix-letter-spacing) !important;
	color: var(--fenix-white) !important;
}

.fenix-home .fenix-home-apart__feature p {
	margin: 0 !important;
	font-family: var(--fenix-font) !important;
	--fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;
	font-size: var(--fenix-text-body-small-size) !important;
	font-weight: var(--fenix-weight-regular) !important;
	line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	letter-spacing: var(--fenix-letter-spacing) !important;
	color: var(--fenix-primary-50) !important;
}

@media (max-width: 1279px) {
	.fenix-home .fenix-home-apart {
		padding-inline: 48px !important;
	}

	.fenix-home .fenix-home-apart > .fenix-home-shell {
		height: auto !important;
		min-height: 0 !important;
		gap: 48px !important;
	}

	.fenix-home .fenix-home-apart__top {
		display: grid !important;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
		align-items: start !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
		gap: 32px !important;
	}

	.fenix-home .fenix-home-apart__copy,

	.fenix-home .fenix-home-apart__visual {
		position: relative !important;
		top: auto !important;
		left: auto !important;
		right: auto !important;
		width: 100% !important;
		height: auto !important;
	}

	.fenix-home .fenix-home-apart__copy > h2,

	.fenix-home .fenix-home-apart__copy > p {
		width: 100% !important;
		height: auto !important;
	}

	.fenix-home .fenix-home-apart__visual {
		aspect-ratio: 580 / 402;
	}

	.fenix-home .fenix-home-apart__visual img {
		position: absolute !important;
		left: 0 !important;
		width: 100% !important;
		height: 100% !important;
		transform: none !important;
	}

	.fenix-home .fenix-home-apart .fenix-home-metrics {
		width: 100% !important;
		height: auto !important;
		min-height: 106px !important;
	}

	.fenix-home .fenix-home-apart .fenix-home-metric:nth-child(n) {
		flex: 1 1 0 !important;
	}

	.fenix-home .fenix-home-apart__feature-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		width: 100% !important;
		height: auto !important;
		min-height: 0 !important;
	}

	.fenix-home .fenix-home-apart__feature {
		width: 100% !important;
		height: auto !important;
		min-height: 160px !important;
	}
}

@media (max-width: 767px) {
	.fenix-home .fenix-home-apart {
		padding-inline: 24px !important;
	}

	.fenix-home .fenix-home-apart__top {
		grid-template-columns: 1fr !important;
	}

	.fenix-home .fenix-home-apart__copy > h2 {
		--fenix-type-line-height: var(--fenix-text-h3-line-height) !important;
		font-size: var(--fenix-text-h3-size) !important;
		font-weight: var(--fenix-text-h3-weight) !important;
		line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	}

	.fenix-home .fenix-home-apart__copy > p {
		--fenix-type-line-height: var(--fenix-text-body-line-height) !important;
		font-size: var(--fenix-text-body-size) !important;
		line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;
	}

	.fenix-home .fenix-home-apart .fenix-home-metrics {
		display: grid !important;
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		height: auto !important;
		padding: 20px !important;
		gap: 20px !important;
	}

	.fenix-home .fenix-home-apart .fenix-home-metric:nth-child(n) {
		width: 100% !important;
		min-width: 0 !important;
	}

	.fenix-home .fenix-home-apart .fenix-home-metric::after {
		content: none !important;
		display: none !important;
	}

	.fenix-home .fenix-home-apart .fenix-home-metric__label {
		white-space: normal !important;
	}

	.fenix-home .fenix-home-apart__feature-grid {
		grid-template-columns: 1fr !important;
	}
}

/* Homepage: Fenix strengths (Figma frame 1000005978). */
.fenix-home .fenix-home-apart {
  position: relative;
  padding-inline: 0;
  overflow: hidden;
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--fenix-primary-800) 84%, transparent) 22.7%, color-mix(in srgb, var(--fenix-primary-500) 84%, transparent) 121.17%),
    var(--fenix-neutral-900);
  color: var(--fenix-white);
}

.fenix-home .fenix-home-apart::before {
  position: absolute;
  z-index: 0;
  top: calc(50% - 389px);
  left: calc(50% - 28px);
  width: 678px;
  height: 588px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--fenix-primary-300) 60%, transparent);
  content: "";
  filter: blur(150px);
  pointer-events: none;
}

.fenix-home .fenix-home-apart .fenix-home-shell {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 56px;
  min-height: 618px;
}

.fenix-home .fenix-home-apart__top {
  position: relative;
  width: 100%;
  height: 402px;
}

.fenix-home .fenix-home-apart__copy {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  width: 668px;
}

.fenix-home .fenix-home-apart__copy h2 {
  width: 478px;
  margin: 0;
  color: var(--fenix-white);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-h2-line-height);
  font-size: var(--fenix-text-h2-size);
  font-weight: var(--fenix-text-h2-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  letter-spacing: var(--fenix-letter-spacing);
}

.fenix-home .fenix-home-apart__copy > p {
  width: 478px;
  min-height: 84px;
  margin: 0;
  color: var(--fenix-primary-50);
  font-family: var(--fenix-font);
  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);
  font-size: var(--fenix-text-subtitle-size);
  font-weight: var(--fenix-text-subtitle-weight);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}

.fenix-home .fenix-home-apart__visual {
  position: absolute;
  top: 0;
  right: 0;
  width: 580px;
  height: 402px;
  overflow: hidden;
  border-radius: 24px;
  background: var(--fenix-neutral-100);
}

.fenix-home .fenix-home-apart__visual img {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 603px;
  max-width: none;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: translateX(-50%);
}

.fenix-home .fenix-home-metrics {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: stretch;
  gap: 20px;
  width: 668px;
  min-height: 106px;
  padding: 24px 32px;
  border: 1px solid var(--fenix-primary-200);
  border-radius: 10px;
  background: color-mix(in srgb, var(--fenix-primary-800) 88%, transparent);
  box-shadow: 0 1px 4px color-mix(in srgb, var(--fenix-neutral-900) 8%, transparent);
}

.fenix-home .fenix-home-metric {
  position: relative;
  display: flex;
  flex: 1 1 0;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 0;
  border: 0;
  gap: 6px;
}

.fenix-home .fenix-home-metric:not(:last-child)::after {
  position: absolute;
  top: 0;
  right: -10px;
  width: 1px;
  height: 58px;
  background: color-mix(in srgb, var(--fenix-primary-200) 50%, transparent);
  content: "";
}

.fenix-home .fenix-home-metric__value {
  display: flex;
  align-items: center;
  padding: 0;
  border: 0;
  gap: 10px;
  white-space: nowrap;
}

.fenix-home .fenix-home-metric__icon {
  display: grid;
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  color: var(--fenix-accent-300);
  place-items: center;
}

.fenix-home .fenix-home-metric__icon svg {
  width: 24px;
  height: 24px;
}

.fenix-home .fenix-home-metric strong {
  color: var(--fenix-white);
  font-weight: var(--fenix-text-h5-weight);
  --fenix-type-line-height: var(--fenix-text-h5-line-height);
  font-size: var(--fenix-text-h5-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  font-family: var(--fenix-font);
}

.fenix-home .fenix-home-metric__label {
  color: var(--fenix-primary-50);
  font-weight: var(--fenix-text-label-weight);
  --fenix-type-line-height: var(--fenix-text-label-line-height);
  font-size: var(--fenix-text-label-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  font-family: var(--fenix-font);
  white-space: nowrap;
}

.fenix-home .fenix-home-apart__feature-grid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 32px;
}

.fenix-home .fenix-home-apart__feature {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  min-width: 0;
  gap: 24px;
}

.fenix-home .fenix-home-apart__feature-icon {
  display: grid;
  width: 52px;
  height: 52px;
  border: 1px solid var(--fenix-primary-200);
  border-radius: 50%;
  background: var(--fenix-primary-800);
  color: var(--fenix-accent-300);
  place-items: center;
}

.fenix-home .fenix-home-apart__feature-icon svg {
  width: 28px;
  height: 28px;
}

.fenix-home .fenix-home-apart__feature > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.fenix-home .fenix-home-apart__feature h3 {
  margin: 0;
  color: var(--fenix-white);
  font-weight: var(--fenix-text-h6-weight);
  --fenix-type-line-height: var(--fenix-text-h6-line-height);
  font-size: var(--fenix-text-h6-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  font-family: var(--fenix-font);
}

.fenix-home .fenix-home-apart__feature p {
  margin: 0;
  color: var(--fenix-primary-50);
  font-weight: var(--fenix-weight-regular);
  --fenix-type-line-height: var(--fenix-text-body-small-line-height);
  font-size: var(--fenix-text-body-small-size);
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  font-family: var(--fenix-font);
}

@media (max-width: 1024px) {
  .fenix-home .fenix-home-apart {
    padding-inline: 0;
  }

  .fenix-home .fenix-home-apart__top {
    display: flex;
    flex-direction: column;
    height: auto;
    gap: 32px;
  }

  .fenix-home .fenix-home-apart__copy,

  .fenix-home .fenix-home-apart__copy h2,

  .fenix-home .fenix-home-apart__copy > p {
    width: 100%;
  }

  .fenix-home .fenix-home-apart__visual {
    position: relative;
    order: 2;
    width: 100%;
    height: auto;
    aspect-ratio: 580 / 402;
  }

  .fenix-home .fenix-home-metrics {
    width: 100%;
  }
}

@media (max-width: 760px) {
  .fenix-home .fenix-home-apart .fenix-home-shell {
    gap: 48px;
  }

  .fenix-home .fenix-home-apart__copy h2 {
    --fenix-type-line-height: var(--fenix-text-h3-line-height);
    font-size: var(--fenix-text-h3-size);
    font-weight: var(--fenix-text-h3-weight);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  .fenix-home .fenix-home-apart__copy > p {
    --fenix-type-line-height: var(--fenix-text-body-line-height);
    font-size: var(--fenix-text-body-size);
    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
  }

  .fenix-home .fenix-home-metrics {
    display: grid;
    height: auto;
    padding: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }

  .fenix-home .fenix-home-metric:not(:last-child)::after {
    display: none;
  }

  .fenix-home .fenix-home-metric__label {
    white-space: normal;
  }

  .fenix-home .fenix-home-apart__feature-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}

@media (max-width: 480px) {
  .fenix-home .fenix-home-apart {
    padding-inline: 0;
  }

  .fenix-home .fenix-home-metrics {
    grid-template-columns: 1fr;
  }
}

.fenix-home {

  color: var(--fenix-neutral-900);

  background: var(--fenix-white);

  font-family: var(--fenix-font);

}



.fenix-figma-reference {

  width: 1512px;

  max-width: none;

  position: absolute;

  top: 0;

  left: 50%;

  z-index: 2147483647;

  pointer-events: none;

  opacity: 0.38;

  transform: translateX(-50%);

  mix-blend-mode: multiply;

}



.fenix-figma-reference img {

  width: 1512px;

  height: 8534px;

  display: block;

  max-width: none;

}



.fenix-figma-overlay-debug {

  min-width: 1512px;

}



.fenix-home h1,


.fenix-home h2,


.fenix-home h3,


.fenix-home p,


.fenix-home a,


.fenix-home span,


.fenix-home strong {

  font-family: var(--fenix-font);

  letter-spacing: var(--fenix-letter-spacing);

  overflow-wrap: normal;

}



.fenix-home-hero {

  min-height: 615px;

  display: flex;

  align-items: flex-start;

  padding-top: 110px;

  background: var(--fenix-primary-50);

}



.fenix-home-hero__content {

  width: 784px;

}



.fenix-home-kicker {

  margin: 0 0 24px;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  font-weight: var(--fenix-weight-medium);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-hero h1 {

  max-width: 784px;

  margin: 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-display-line-height);

  font-size: var(--fenix-text-display-size);

  font-weight: var(--fenix-text-display-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  text-decoration: underline;

  text-decoration-color: var(--fenix-neutral-900);

  text-decoration-thickness: 3px;

  text-decoration-skip-ink: none;

  text-underline-offset: 4px;

}



.fenix-home-hero__content > p:not(.fenix-home-kicker) {

  max-width: 784px;

  margin: 24px 0 0;

  color: var(--fenix-neutral-600);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: 400;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-hero .fenix-home-button {

  width: 142px;

  min-width: 142px;

  margin-top: 24px;

  white-space: nowrap;

}



.fenix-home-button {

  min-width: 96px;

  display: inline-flex;

  margin-top: 24px;

  text-decoration: none;

}



.fenix-home-button--center {

  width: 126px;

  margin: 40px auto 0;

  display: flex;

}



.fenix-home-section {

  padding-inline: 0;

}



.fenix-home-heading {

  max-width: 620px;

  margin: 0 0 56px;

}



.fenix-home-heading--center {

  margin-inline: auto;

  text-align: center;

}



.fenix-home-heading h2,


.fenix-home-apart h2,


.fenix-home-cta h2 {

  margin: 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-heading p,


.fenix-home-apart p {

  margin: 24px 0 0;

  color: var(--fenix-neutral-600);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  font-weight: var(--fenix-weight-regular);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-image-mark {

  width: 48px;

  height: 48px;

  margin: 0 auto 36px;

  border: 3px solid currentColor;

  border-radius: 6px;

  color: var(--fenix-neutral-900);

  opacity: 0.9;

  position: relative;

}



.fenix-home-image-mark::before,


.fenix-home-image-mark::after {

  content: "";

  position: absolute;

  border: 3px solid currentColor;

}



.fenix-home-image-mark::before {

  width: 8px;

  height: 8px;

  top: 8px;

  left: 9px;

  border-radius: 50%;

}



.fenix-home-image-mark::after {

  width: 23px;

  height: 17px;

  right: 7px;

  bottom: 7px;

  border-top: 0;

  border-left: 0;

  transform: skew(-18deg) rotate(-32deg);

}



.fenix-home-image-mark--small {

  width: 18px;

  height: 18px;

  margin: 0 0 24px;

  border-width: 2px;

}



.fenix-home-image-mark--small::before,


.fenix-home-image-mark--small::after {

  border-width: 1.5px;

}



.fenix-home-image-mark--small::before {

  width: 3px;

  height: 3px;

  top: 3px;

  left: 3px;

}



.fenix-home-image-mark--small::after {

  width: 8px;

  height: 6px;

  right: 3px;

  bottom: 3px;

}



.fenix-home-apart {

  padding-inline: 0;

  background: var(--fenix-primary-50);

}



.fenix-home-apart__grid {

  width: min(calc(100% - 48px), 78.836vw);

  height: auto;

  min-height: 550px;

  position: relative;

  display: block;

}



.fenix-home-metrics {

  width: 67.282%;

  height: 99px;

  position: absolute;

  top: 190px;

  left: 0;

  z-index: 2;

  display: grid;

  grid-template-columns: 195fr 174fr 111fr 138fr;

  gap: 20px;

  align-items: center;

  margin-top: 0;

  padding: 24px 32px;

  border: 1px solid var(--fenix-neutral-200);

  border-radius: 10px;

  background: var(--fenix-white);

  box-shadow: 0 1px 4px color-mix(in srgb, var(--fenix-neutral-900) 8%, transparent);

}



.fenix-home-metrics div {

  min-height: 51px;

  position: relative;

  padding: 0 20px 0 0;

  border-right: 1px solid var(--fenix-neutral-200);

}



.fenix-home-metrics div:last-child {

  border-right: 0;

}



.fenix-home-metrics strong {

  display: block;

  color: var(--fenix-primary-800);

  --fenix-type-line-height: var(--fenix-text-h5-line-height);

  font-size: var(--fenix-text-h5-size);

  font-weight: var(--fenix-text-h5-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-metrics strong::before {

  content: "";

  width: 18px;

  height: 18px;

  display: inline-block;

  margin-right: 10px;

  border: 2px solid currentColor;

  border-radius: 3px;

  vertical-align: -2px;

}



.fenix-home-metrics span {

  display: block;

  margin-top: 6px;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  font-weight: var(--fenix-weight-regular);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-apart__visual {

  width: 48.658%;

  height: 402px;

  position: absolute;

  top: 0;

  right: 0;

  display: grid;

  place-items: center;

  border-radius: 24px;

  background: var(--fenix-neutral-100);

}



.fenix-home-apart__visual .fenix-home-image-mark {

  width: 54px;

  height: 54px;

  margin: 0;

}



.fenix-home-apart__visual .fenix-home-image-mark::before {

  width: 10px;

  height: 10px;

  top: 10px;

  left: 11px;

}



.fenix-home-apart__visual .fenix-home-image-mark::after {

  width: 27px;

  height: 19px;

  right: 8px;

  bottom: 8px;

}



.fenix-home-feature {

  width: 48.658%;

  height: 138px;

  position: absolute;

  top: 412px;

  padding-top: 0;

}



.fenix-home-feature .fenix-home-image-mark--small {

  width: 28px;

  height: 28px;

  margin: 12px 0 20px;

  border-width: 2px;

}



.fenix-home-feature .fenix-home-image-mark--small::before {

  width: 5px;

  height: 5px;

  top: 5px;

  left: 6px;

}



.fenix-home-feature .fenix-home-image-mark--small::after {

  width: 14px;

  height: 9px;

  right: 5px;

  bottom: 5px;

}



.fenix-home-feature:nth-of-type(3) {

  left: 0;

}



.fenix-home-feature:nth-of-type(4) {

  right: 0;

}



.fenix-home-apart__grid > div:first-child {

  width: 67.282%;

  height: 402px;

}



.fenix-home-apart h2 {

  width: 478px;

  max-width: 100%;

  margin: 0;

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-apart__grid > div:first-child > p {

  width: 478px;

  max-width: 100%;

  margin-top: 24px;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-feature h3 {

  margin: 20px 0 16px;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h6-line-height);

  font-size: var(--fenix-text-h6-size);

  font-weight: var(--fenix-text-h6-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-feature p {

  margin: 0;

  color: var(--fenix-neutral-600);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  font-weight: var(--fenix-weight-regular);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-process {

  background: var(--fenix-white);

}



.fenix-home-process .fenix-home-heading {

  width: 844px;

  max-width: 100%;

  min-height: 140px;

  margin: 0 auto 48px;

}



.fenix-home-process .fenix-home-heading h2 {

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-process .fenix-home-heading p {

  width: 625px;

  max-width: 100%;

  margin: 24px auto 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-process-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 48px 80px;

}



.fenix-home-process-card {

  min-height: 295px;

  position: relative;

  padding: 48px 24px;

  border: 3px solid #b66ce7;

  border-radius: 20px;

  background: var(--fenix-white);

}



.fenix-home-process-card:nth-child(n+4) {

  min-height: 368px;

}



.fenix-home-process-card::after {

  content: "";

  width: 32px;

  height: 32px;

  position: absolute;

  top: calc(50% - 16px);

  right: -56px;

  background: linear-gradient(180deg, #cd96e5 0%, #9d4bc4 100%);

  clip-path: polygon(22% 16%, 78% 50%, 22% 84%, 22% 62%, 0 62%, 0 38%, 22% 38%);

}



.fenix-home-process-card:nth-child(3)::after {

  top: auto;

  right: calc(50% - 16px);

  bottom: -40px;

  transform: rotate(90deg);

}



.fenix-home-process-card:nth-child(4)::after,


.fenix-home-process-card:nth-child(5)::after {

  right: -56px;

  transform: rotate(180deg);

}



.fenix-home-process-card:nth-child(6)::after {

  display: none;

}



.fenix-home-process-card__icon {

  width: 60px;

  height: 60px;

  position: absolute;

  top: -33px;

  left: 24px;

  display: grid;

  place-items: center;

  border-radius: 12px;

  background: var(--fenix-white);

}



.fenix-home-process-card__icon span {

  width: 30px;

  height: 30px;

  position: relative;

  display: block;

  border: 3px solid var(--fenix-primary-800);

  border-radius: 5px;

}



.fenix-home-process-card__icon span::before,


.fenix-home-process-card__icon span::after {

  content: "";

  position: absolute;

  border: 3px solid var(--fenix-primary-800);

}



.fenix-home-process-card__icon span::before {

  width: 7px;

  height: 7px;

  top: 5px;

  left: 6px;

  border-radius: 50%;

}



.fenix-home-process-card__icon span::after {

  width: 20px;

  height: 13px;

  right: 3px;

  bottom: 3px;

  border-top: 0;

  border-left: 0;

  transform: skew(-18deg) rotate(-32deg);

}



.fenix-home-process-card__head {

  height: 53px;

  display: grid;

  grid-template-columns: 52px minmax(0, 1fr);

  align-items: stretch;

  gap: 0;

  padding: 0;

  border-radius: 0;

  background: transparent;

}



.fenix-home-process-card__head span,


.fenix-home-process-card__head strong,


.fenix-home-process-card p {

  min-height: 53px;

  display: flex;

  align-items: center;

  padding: 12px;

  border: 1px solid var(--fenix-neutral-200);

  background: var(--fenix-primary-50);

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-process-card__head span {

  justify-content: center;

  border-radius: 999px;

  font-weight: var(--fenix-weight-bold);

}



.fenix-home-process-card__head strong {

  border-radius: 12px;

  font-weight: var(--fenix-weight-bold);

}



.fenix-home-process-card p {

  margin: 20px 0 0;

  border-radius: 12px;

  font-weight: var(--fenix-weight-regular);

}



.fenix-home-cases {

  padding-inline: 0;

  background: var(--fenix-primary-50);

}



.fenix-home-cases .fenix-home-heading {

  width: 844px;

  max-width: 100%;

  min-height: 140px;

  margin: 0 auto 48px;

}



.fenix-home-cases .fenix-home-heading h2 {

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-cases .fenix-home-heading p {

  width: 625px;

  max-width: 100%;

  margin: 24px auto 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-case-grid {

  display: grid;

  grid-template-columns: repeat(3, 375px);

  justify-content: center;

  gap: 32px;

}



.fenix-home-case-card {

  width: 375px;

  height: 448px;

  min-width: 0;

  display: flex;

  flex-direction: column;

  gap: 24px;

  overflow: visible;

  border: 0;

  border-radius: 0;

  background: transparent;

  box-shadow: none;

}



.fenix-home-case-card__image {

  width: 375px;

  height: 256px;

  display: grid;

  place-items: center;

  overflow: hidden;

  border-radius: 28px;

  background: var(--fenix-white);

  text-decoration: none;

}



.fenix-home-case-card__image .fenix-home-image-mark {

  position: static;

  width: 54px;

  height: 54px;

  margin: 0;

  border-width: 3px;

  display: block;

  transform: none;

}



.fenix-home-case-card__image .fenix-home-image-mark::before {

  width: 12px;

  height: 12px;

  top: 9px;

  left: 9px;

  border-width: 3px;

}



.fenix-home-case-card__image .fenix-home-image-mark::after {

  width: 32px;

  height: 23px;

  right: 7px;

  bottom: 6px;

  border-width: 3px;

  border-top: 0;

  border-left: 0;

}



.fenix-home-case-card > div {

  width: 375px;

  min-height: 168px;

  padding: 0;

}



.fenix-home-case-card h3 {

  width: 375px;

  min-height: 29px;

  height: auto;

  margin: 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h6-line-height);

  font-size: var(--fenix-text-h6-size);

  font-style: normal;

  font-weight: var(--fenix-text-h6-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-case-card h3 a {

  color: inherit;

  text-decoration: none;

}



.fenix-home-case-card p {

  margin: 16px 0 0;

  color: var(--fenix-neutral-600);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 6px;

  margin-top: 16px;

}



.fenix-home-tags span {

  display: inline-flex;

  min-width: 105px;

}



.fenix-home-cases .fenix-home-button--center {

  width: 110px;

  min-width: 110px;

  margin-top: 48px;

}



.fenix-home-partners .fenix-home-shell {

  min-height: 279px;

}



.fenix-home-partners .fenix-home-heading {

  width: 844px;

  max-width: 100%;

  min-height: 140px;

  margin: 0 auto 48px;

}



.fenix-home-partners .fenix-home-heading h2 {

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-partners .fenix-home-heading p {

  width: 625px;

  max-width: 100%;

  margin: 24px auto 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-partner-row {

  width: 991px;

  max-width: 100%;

  height: 91px;

  margin-inline: auto;

  display: grid;

  grid-template-columns: 285px 76px 236px 124px;

  gap: 90px;

  justify-content: center;

  align-items: center;

}



.fenix-home-partner {

  display: grid;

  place-items: center;

}



.fenix-home-partner:nth-child(1) {

  width: 285px;

  height: 74.1px;

}



.fenix-home-partner:nth-child(2) {

  width: 76px;

  height: 66px;

}



.fenix-home-partner:nth-child(3) {

  width: 236px;

  height: 75px;

}



.fenix-home-partner:nth-child(4) {

  width: 124px;

  height: 91px;

}



.fenix-home-partner img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}



.fenix-home-testimonials .fenix-home-shell {

  min-height: 557px;

  display: flex;

  flex-direction: column;

  align-items: center;

}



.fenix-home-testimonials .fenix-home-heading {

  width: 844px;

  max-width: 100%;

  min-height: 140px;

  margin: 0 auto 48px;

}



.fenix-home-testimonials .fenix-home-heading h2 {

  width: 844px;

  min-height: 60px;

  height: auto;

  color: var(--fenix-neutral-900);

  background: transparent;

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  text-align: center;

}



.fenix-home-testimonials .fenix-home-heading p {

  width: 625px;

  max-width: 100%;

  margin: 24px auto 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-testimonial-row {

  width: 1191px;

  max-width: 100%;

  height: 273px;

  display: grid;

  grid-template-columns: 273px 579px 273px;

  gap: 32px;

  align-items: center;

}



.fenix-home-quote {

  width: 579px;

  height: 134px;

  margin: 0;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 24px;

  padding: 0;

  text-align: left;

}

.fenix-home-testimonial-slide {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.fenix-home-testimonial-slide[hidden] {
  display: none !important;
}



.fenix-home-quote blockquote {

  width: 579px;

  height: 56px;

  margin: 0 auto;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h6-line-height);

  font-size: var(--fenix-text-h6-size);

  font-weight: var(--fenix-text-h6-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-quote figcaption {

  width: 579px;

  height: 22px;

  margin: 0;

  color: var(--fenix-primary-800);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  font-weight: var(--fenix-weight-regular);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-testimonial-dots {

  width: max-content;

  height: 8px;

  display: flex;

  align-items: flex-start;

  gap: 4px;

  margin: 0;

}



.fenix-home-testimonial-dots button {

  width: 8px;

  height: 8px;

  display: block;

  padding: 0;

  border: 0;

  cursor: pointer;

  border-radius: 999px;

  background: var(--fenix-primary-50);

}



.fenix-home-testimonial-dots button.is-active {

  width: 38px;

  background: var(--fenix-primary-200);

}



.fenix-home-quote-mark {

  width: 273px;

  height: 273px;

  position: relative;

  color: var(--fenix-primary-200);

}



.fenix-home-quote-mark span {

  width: 80px;

  height: 205px;

  position: absolute;

  top: 34px;

  display: block;

  background-color: transparent;

  background-position: center;

  background-repeat: no-repeat;

  background-size: contain;

  border-radius: 0;

  transform: none;

}



.fenix-home-quote-mark span:first-child {

  left: 34px;

  background-image: url("../../images/figma-quote-left-light.svg");

}



.fenix-home-quote-mark span:last-child {

  right: 34px;

  background-image: url("../../images/figma-quote-left-purple.svg");

}



.fenix-home-quote-mark--right span:first-child {

  left: auto;

  right: 34px;

  background-image: url("../../images/figma-quote-right-light.svg");

}



.fenix-home-quote-mark--right span:last-child {

  left: 34px;

  right: auto;

  background-image: url("../../images/figma-quote-right-purple.svg");

}



.fenix-home-testimonials .fenix-home-button--center {

  width: 110px;

  min-width: 110px;

  margin-top: 48px;

}



.fenix-home-articles__head {

  width: 1191px;

  max-width: 100%;

  height: 140px;

  display: flex;

  align-items: flex-end;

  justify-content: space-between;

  gap: 48px;

  margin: 0 0 48px;

}



.fenix-home-articles__copy {

  width: 580px;

  min-height: 140px;

  height: auto;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 24px;

}



.fenix-home-articles__head h2 {

  width: 580px;

  min-height: 60px;

  height: auto;

  margin: 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-articles__head p {

  width: 580px;

  min-height: 56px;

  height: auto;

  margin: 0;

  color: var(--fenix-neutral-900);

  font-weight: var(--fenix-text-subtitle-weight);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-button--outline {

  width: 110px;

  min-width: 110px;

  margin-top: 0;

}



.fenix-home-article-layout {

  width: 1191px;

  max-width: 100%;

  height: 854.44px;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 32px;

}



.fenix-home-article-main {

  width: 1191px;

  max-width: 100%;

  height: 411px;

  display: flex;

  flex-direction: row;

  align-items: center;

  gap: 24px;

  padding: 0;

  overflow: hidden;

  background: var(--fenix-white);

  border: 1px solid var(--fenix-neutral-200);

  border-radius: 24px;

  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);

}



.fenix-home-article-main__image {

  width: 375px;

  height: 411px;

  display: grid;

  place-items: center;

  flex: 0 0 375px;

  position: relative;

  overflow: hidden;

  border-radius: 20px 0 0 20px;

  background: var(--fenix-neutral-100);

}



.fenix-home-article-main__image .fenix-home-image-mark,


.fenix-home-article-card__image .fenix-home-image-mark {

  width: 54px;

  height: 54px;

  margin: 0;

  border-width: 3px;

  color: var(--fenix-neutral-900);

  display: block;

  transform: none;

}



.fenix-home-article-main__image .fenix-home-image-mark::before,


.fenix-home-article-card__image .fenix-home-image-mark::before {

  width: 12px;

  height: 12px;

  top: 9px;

  left: 9px;

  border-width: 3px;

}



.fenix-home-article-main__image .fenix-home-image-mark::after,


.fenix-home-article-card__image .fenix-home-image-mark::after {

  width: 32px;

  height: 23px;

  right: 7px;

  bottom: 6px;

  border-width: 3px;

  border-top: 0;

  border-left: 0;

}



.fenix-home-article-main__image img,


.fenix-home-article-card__image img {

  display: none;

}



.fenix-home-article-main > div:last-child {

  width: 792px;

  height: 206px;

  display: flex;

  flex: 1 1 auto;

  flex-direction: column;

  align-items: flex-start;

  gap: 16px;

  padding: 32px 16px;

}



.fenix-home-article-main h3 {

  width: 760px;

  min-height: 47px;

  height: auto;

  margin: 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-h4-line-height);

  font-size: var(--fenix-text-h4-size);

  font-weight: var(--fenix-text-h4-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-article-main p {

  width: 760px;

  min-height: 42px;

  height: auto;

  margin: 0;

  color: var(--fenix-neutral-600);

  font-weight: var(--fenix-weight-regular);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-article-main time {

  display: block;

  width: 82px;

  height: 21px;

  margin-top: 0;

  color: var(--fenix-neutral-600);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  font-weight: var(--fenix-weight-bold);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-article-side {

  width: 1191px;

  height: 411.44px;

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 32px;

}



.fenix-home-article-card {

  width: 375.67px;

  height: 411.44px;

  overflow: hidden;

  background: var(--fenix-white);

  border: 1px solid var(--fenix-neutral-200);

  border-radius: 24px;

  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);

}



.fenix-home-article-card__image {

  width: 375.67px;

  max-width: none;

  height: 250.44px;

  display: grid;

  place-items: center;

  position: relative;

  overflow: hidden;

  border-radius: 20px 20px 0 0;

  background: var(--fenix-neutral-100);

}



.fenix-home-article-card h3 {

  width: 343px;

  min-height: 26px;

  height: auto;

  margin: 16px 16px 0;

  color: var(--fenix-neutral-900);

  --fenix-type-line-height: var(--fenix-text-body-large-line-height);

  font-size: var(--fenix-text-body-large-size);

  font-weight: var(--fenix-weight-semibold);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-article-card time {

  display: block;

  width: 343px;

  height: 21px;

  margin: 16px 16px 0;

  color: var(--fenix-neutral-600);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  font-weight: var(--fenix-weight-bold);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-article-card p {

  display: none;

}



.fenix-home-article-card .fenix-home-tags {

  width: 244px;

  height: 34px;

  display: flex;

  align-items: center;

  flex-wrap: nowrap;

  gap: 8px;

  margin: 24px 16px 0;

}



.fenix-home-article-card .fenix-home-tags span {

  width: 76px;

  min-width: 76px;

  text-align: center;

}



.fenix-home {

  display: flex;

  flex-direction: column;

  align-items: stretch;

  gap: var(--fenix-page-gap);

  width: 100%;

  margin: 0;

  background: var(--fenix-white);

  color: var(--fenix-navy);

  font-family: var(--fenix-font);

}



.fenix-home-section {

  width: 100%;

  padding-inline: 0;

}



.fenix-home-heading,


.fenix-home-heading--center {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 24px;

  margin: 0;

  text-align: center;

}



.fenix-home-heading h2,


.fenix-home-articles__head h2,


.fenix-home-contact-form__copy h2,


.fenix-home-apart__copy h2 {

  margin: 0;

  color: var(--fenix-navy);

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  letter-spacing: var(--fenix-letter-spacing);

}



.fenix-home-heading p,


.fenix-home-articles__head p,


.fenix-home-contact-form__copy p,


.fenix-home-apart__copy p {

  max-width: 637px;

  margin: 0;

  color: var(--fenix-navy);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: var(--fenix-text-subtitle-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-hero {

  position: relative;

  display: flex;

  align-items: flex-start;

  height: 877px;

  min-height: 877px;

  padding: 219px 0 214px;

  isolation: isolate;

  overflow: hidden;

  background:

    url("../../images/home-hero-bg.webp") right top / min(1400px, calc(100% - 112px)) 877px no-repeat,

    var(--fenix-neutral-900);

}



.fenix-home-hero::before {

  content: none;

}

.fenix-home-hero__overlay {

  position: absolute;

  inset: 0;

  z-index: 0;

  display: block;

  pointer-events: none;

}

.fenix-home-hero__overlay--brand {

  background: linear-gradient(90deg, rgb(90 41 187 / 80%) 25.85%, rgb(90 41 187 / 0%) 74.15%);

}

.fenix-home-hero__overlay--shade {

  background: linear-gradient(180deg, rgb(3 3 34 / 0%) 0%, rgb(3 3 34 / 0%) 62%, rgb(3 3 34 / 70%) 100%);

}

.fenix-home-hero > .fenix-home-shell {

  position: relative;

  z-index: 1;

}



.fenix-home-hero__content {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 32px;

  width: min(581px, 100%);

}



.fenix-home-hero h1 {

  width: min(581px, 100%);

  margin: 0;

  color: var(--fenix-white);

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-h1-line-height);

  font-size: var(--fenix-text-h1-size);

  font-weight: var(--fenix-text-h1-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  letter-spacing: var(--fenix-letter-spacing);

  text-decoration: none;

}



.fenix-home-hero__title-line {

  display: block;

  color: var(--fenix-white);

  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;

}



.fenix-home-hero__title-line--accent {

  color: var(--fenix-accent-300);

}



.fenix-home-hero p,


.fenix-home-hero__content > p:not(.fenix-home-kicker) {

  width: min(581px, 100%);

  margin: 0;

  color: var(--fenix-primary-50);

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: 400;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-button {

  display: inline-flex;

  min-width: 118px;

  text-align: center;

  text-decoration: none;

}



.fenix-home-button--hero {

  min-width: max-content;

}



.fenix-home-hero .fenix-home-button--hero {

  width: max-content;

  min-width: max-content;

  margin-top: 0;

}



.fenix-home-button__icon {

  display: block;

  flex: 0 0 24px;

  width: 24px;

  height: 24px;

}



.fenix-home-process .fenix-home-shell,


.fenix-home-cases .fenix-home-shell,


.fenix-home-partners .fenix-home-shell,


.fenix-home-testimonials .fenix-home-shell,


.fenix-home-articles .fenix-home-shell {

  display: flex;

  flex-direction: column;

  gap: 48px;

}



.fenix-home-services {

  padding-inline: 0;

}



.fenix-home-services .fenix-home-shell {

  display: flex;

  flex-direction: column;

  align-items: center;

  gap: 56px;

  min-height: 684px;

}



.fenix-home-services .fenix-home-heading {

  gap: 24px;

  width: 100%;

  min-height: 136px;

}



.fenix-home-services .fenix-home-heading h2 {

  width: 100%;

  min-height: 56px;

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-h2-line-height);

  font-size: var(--fenix-text-h2-size);

  font-weight: var(--fenix-text-h2-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  letter-spacing: var(--fenix-letter-spacing);

}



.fenix-home-services .fenix-home-heading p {

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: none;

  min-height: 56px;

  color: var(--fenix-neutral-600);

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height);

  font-size: var(--fenix-text-subtitle-size);

  font-weight: 400;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-services .fenix-home-service-grid {

  width: 100%;

  height: 492px;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 32px;

}



.fenix-home-service-grid,


.fenix-home-case-grid,


.fenix-home-article-side {

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 32px;

}



.fenix-home-case-grid,


.fenix-home-article-side {

  grid-template-columns: repeat(3, minmax(0, 1fr));

}



.fenix-home-service-card {

  position: relative;

  display: block;

  width: 100%;

  height: 492px;

  min-height: 492px;

  overflow: hidden;

  border-radius: 24px;

  background: var(--fenix-neutral-900);

  box-shadow: 0 20px 50px color-mix(in srgb, var(--fenix-neutral-900) 15%, transparent);

  color: var(--fenix-white);

  text-decoration: none;

}



.fenix-home-service-card__media {

  position: absolute;

  inset: 0;

  display: block;

}



.fenix-home-service-card__media img,


.fenix-home-case-card__image img {

  width: 100%;

  height: 100%;

  object-fit: cover;

}



.fenix-home-service-card__media::after {

  position: absolute;

  inset: 0;

  background: color-mix(in srgb, var(--fenix-neutral-900) 43%, transparent);

  content: "";

}



.fenix-home-service-card__content {

  position: absolute;

  inset: 0;

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 24px;

  padding: 280px 32px 56px;

  background: linear-gradient(180deg, color-mix(in srgb, var(--fenix-primary-500) 0%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-500) 85%, transparent) 100%);

  z-index: 1;

}



.fenix-home-service-card__copy {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 16px;

  width: 100%;

}



.fenix-home-service-card h3 {

  width: 100%;

  margin: 0;

  color: var(--fenix-white);

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-h5-line-height);

  font-size: var(--fenix-text-h5-size);

  font-weight: var(--fenix-text-h5-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-service-card p {

  width: 100%;

  max-width: none;

  margin: 0;

  color: var(--fenix-primary-50);

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-body-small-line-height);

  font-size: var(--fenix-text-body-small-size);

  font-weight: var(--fenix-weight-regular);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}

html:lang(en) body.home .fenix-home-service-card__description,
html:lang(vi) body.home .fenix-home-service-card__description {
  --fenix-type-line-height: 18px;
  font-size: 13px;
  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));
}



.fenix-home-service-card__action {

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 8px;

  width: 145px;

  height: 44px;

  padding: 0 16px;

  border: 1px solid var(--fenix-white);

  border-radius: 12px;

  background: transparent;

  color: var(--fenix-white);

  font-family: var(--fenix-font);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  font-weight: var(--fenix-weight-bold);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  letter-spacing: var(--fenix-letter-spacing);

  white-space: nowrap;

  transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;

}



@media (hover: hover) {

  .fenix-home-service-card:hover .fenix-home-service-card__action {

    background: color-mix(in srgb, var(--fenix-white) 33%, transparent);

  }

}



.fenix-home-service-card:focus-visible .fenix-home-service-card__action {

  background: color-mix(in srgb, var(--fenix-white) 33%, transparent);

}



.fenix-home-service-card:hover .fenix-home-service-card__media img,


.fenix-home-service-card:focus-visible .fenix-home-service-card__media img {

  transform: scale(1.08);

}



.fenix-home-service-card__media img {

  transform-origin: center;

  transition: transform 300ms cubic-bezier(0.22, 1, 0.36, 1);

}



.fenix-home-service-card:focus-visible {

  outline: 3px solid var(--fenix-primary-200);

  outline-offset: 4px;

}



.fenix-home-apart,
.fenix-home-contact-form {

  padding-inline: 0;

  background: var(--fenix-soft);

}



.fenix-home-apart .fenix-home-shell,


.fenix-home-contact-form .fenix-home-shell {

  display: grid;

  grid-template-columns: 1fr 459px;

  align-items: center;

  gap: 120px;

}



.fenix-home-apart__copy,


.fenix-home-contact-form__copy {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: 24px;

}



.fenix-home-apart__copy h2,


.fenix-home-apart__copy p,


.fenix-home-contact-form__copy h2,


.fenix-home-contact-form__copy p,


.fenix-home-articles__head h2,


.fenix-home-articles__head p {

  text-align: left;

}



.fenix-home-metrics {

  display: grid;

  grid-template-columns: repeat(4, minmax(0, 1fr));

  width: 637px;

  max-width: 100%;

  overflow: hidden;

  border: 1px solid var(--fenix-line);

  border-radius: 8px;

  background: var(--fenix-white);

  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);

}



.fenix-home-metrics div {

  padding: 16px 24px;

  border-right: 1px solid var(--fenix-line);

}



.fenix-home-metrics div:last-child {

  border-right: 0;

}



.fenix-home-metrics strong {

  display: block;

  color: var(--fenix-purple);

  --fenix-type-line-height: var(--fenix-text-h5-line-height);

  font-size: var(--fenix-text-h5-size);

  font-weight: var(--fenix-text-h5-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-metrics span {

  display: block;

  color: var(--fenix-navy);

  --fenix-type-line-height: var(--fenix-text-caption-line-height);

  font-size: var(--fenix-text-caption-size);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-apart__visual,


.fenix-home-image-tile,


.fenix-home-case-card__image,


.fenix-home-article-main__image,


.fenix-home-article-card__image {

  display: grid;

  place-items: center;

  background: #f7f7f8;

}



.fenix-home-apart__visual {

  min-height: 411px;

  border-radius: 24px;

}



.fenix-home-apart__feature-grid {

  grid-column: 1 / -1;

  display: grid;

  grid-template-columns: repeat(2, minmax(0, 1fr));

  gap: 120px;

}



.fenix-home-apart__feature {

  display: flex;

  flex-direction: column;

  gap: 16px;

}



.fenix-home-apart__feature h3,


.fenix-home-case-card h3,


.fenix-home-article-main h3,


.fenix-home-article-card h3 {

  margin: 0;

  color: var(--fenix-navy);

  --fenix-type-line-height: var(--fenix-text-h6-line-height);

  font-size: var(--fenix-text-h6-size);

  font-weight: var(--fenix-text-h6-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-apart__feature p,


.fenix-home-case-card p,


.fenix-home-article-main p {

  margin: 0;

  color: var(--fenix-muted);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-process-grid {

  display: grid;

  grid-template-columns: repeat(3, minmax(0, 1fr));

  gap: 48px 80px;

}



.fenix-process-card {

  border: 2px solid #b968f4;

  border-radius: 16px;

  padding: 24px;

}



.fenix-process-card__head,


.fenix-process-card li {

  display: flex;

  align-items: center;

  min-height: 44px;

  padding: 10px 16px;

  border-radius: 10px;

  background: var(--fenix-soft);

  color: var(--fenix-navy);

}



.fenix-process-card__head {

  gap: 12px;

  margin-bottom: 16px;

  font-weight: var(--fenix-weight-bold);

}



.fenix-process-card ol,


.fenix-process-card ul {

  display: flex;

  flex-direction: column;

  gap: 16px;

  margin: 0;

  padding: 0;

  list-style: none;

}



.fenix-home-cases {

  padding-inline: 0;

  background: var(--fenix-soft);

}



.fenix-home-case-card {

  display: flex;

  flex-direction: column;

  gap: 24px;

}



.fenix-home-case-card__image {

  height: 300px;

  overflow: hidden;

  border-radius: 24px;

}



.fenix-home-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 12px;

}



.fenix-home-tags span {

  display: inline-flex;

}





.fenix-home-tag {

  display: inline-flex;

  align-items: center;

  min-height: 34px;

  padding: 6px 16px;

  border-radius: 8px;

  background: var(--fenix-soft);

  color: var(--fenix-navy);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-partner-row {

  display: flex;

  align-items: center;

  justify-content: center;

  gap: 92px;

  width: 100%;

}



.fenix-home-partner img {

  display: block;

  max-width: 220px;

  max-height: 90px;

  object-fit: contain;

}



.fenix-home-testimonial-row {

  display: grid;

  grid-template-columns: 273px 579px 273px;

  justify-content: center;

  align-items: center;

  gap: 32px;

  width: 100%;

}



.fenix-home-quote {

  display: flex;

  justify-content: center;

  gap: 32px;

}



.fenix-home-quote svg,


.fenix-home-quote img {

  width: 80px;

  height: 205px;

}



.fenix-home-testimonial-copy {

  display: flex;

  flex-direction: column;

  gap: 24px;

}



.fenix-home-testimonial-copy blockquote,


.fenix-home-testimonial-copy p {

  margin: 0;

  color: var(--fenix-navy);

  --fenix-type-line-height: var(--fenix-text-h6-line-height);

  font-size: var(--fenix-text-h6-size);

  font-weight: var(--fenix-text-h6-weight);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-testimonial-copy cite {

  color: var(--fenix-purple);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  font-style: normal;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-slider-dots {

  display: flex;

  gap: 4px;

  width: 74px;

}



.fenix-home-slider-dots span {

  width: 8px;

  height: 8px;

  border-radius: 999px;

  background: var(--fenix-soft);

}



.fenix-home-slider-dots span:first-child {

  width: 38px;

  background: var(--fenix-primary-200);

}



.fenix-home-articles__head {

  display: flex;

  justify-content: space-between;

  align-items: flex-end;

  gap: 48px;

}



.fenix-home-articles__copy {

  display: flex;

  flex-direction: column;

  gap: 24px;

  width: 637px;

  max-width: 100%;

}



.fenix-home-article-main,


.fenix-home-article-card {

  overflow: hidden;

  border: 1px solid var(--fenix-line);

  border-radius: 24px;

  background: var(--fenix-white);

  box-shadow: 0 12px 24px rgba(0, 0, 0, 0.07);

}



.fenix-home-article-main {

  display: grid;

  grid-template-columns: 376px 1fr;

  min-height: 320px;

}



.fenix-home-article-main > div:last-child {

  display: flex;

  flex-direction: column;

  justify-content: center;

  padding: 48px;

}



.fenix-home-article-card {

  min-height: 411px;

}



.fenix-home-article-card__image {

  height: 250px;

}



.fenix-home-article-card__image img,


.fenix-home-article-main__image img {

  display: none;

}



.fenix-home-article-card .fenix-home-tags,


.fenix-home-article-card h3,


.fenix-home-article-card time {

  margin-inline: 24px;

}



.fenix-home-article-card .fenix-home-tags {

  padding-top: 24px;

}



.fenix-home-article-card h3 {

  margin-top: 24px;

  margin-bottom: 16px;

}



.fenix-home-article-card time,


.fenix-home-article-main time {

  display: block;

  color: var(--fenix-muted);

  --fenix-type-line-height: var(--fenix-text-body-line-height);

  font-size: var(--fenix-text-body-size);

  font-weight: var(--fenix-weight-bold);

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

}



.fenix-home-article-card p {

  display: none;

}



@media (max-width: 1024px) {

  .fenix-home-services {

    padding-inline: 0;

  }



  .fenix-home-services .fenix-home-shell {

    gap: 48px;

    min-height: 0;

  }



  .fenix-home-services .fenix-home-service-grid {

    height: auto;

    grid-template-columns: 1fr;

  }

}



@media (max-width: 640px) {

  .fenix-home-services .fenix-home-shell {

    gap: 36px;

  }



  .fenix-home-services .fenix-home-heading {

    min-height: 0;

  }



  .fenix-home-services .fenix-home-heading h2 {

    min-height: 0;

    --fenix-type-line-height: var(--fenix-text-h3-line-height);

    font-size: var(--fenix-text-h3-size);

    font-weight: var(--fenix-text-h3-weight);

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  }



  .fenix-home-services .fenix-home-heading p {

    min-height: 0;

    --fenix-type-line-height: var(--fenix-text-body-line-height);

    font-size: var(--fenix-text-body-size);

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  }



  .fenix-home-services .fenix-home-service-grid {

    gap: 24px;

  }



  .fenix-home-services .fenix-home-service-card {

    height: 360px;

    min-height: 360px;

  }



  .fenix-home-services .fenix-home-service-card__content {

    justify-content: flex-end;

    padding: 32px 24px;

  }



  .fenix-home-services .fenix-home-service-card h3 {

    --fenix-type-line-height: var(--fenix-text-h6-line-height);

    font-size: var(--fenix-text-h6-size);

    font-weight: var(--fenix-text-h6-weight);

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height));

  }

}

/* Homepage strengths: canonical Frame 1000005978. */

.fenix-home > .fenix-home-apart {

  position: relative !important;

  display: flex !important;

  justify-content: center !important;

  align-items: center !important;

  width: 100% !important;

  padding-inline: 0 !important;

  overflow: hidden !important;

  background:

    radial-gradient(circle at 64% 22%, color-mix(in srgb, var(--fenix-primary-400) 62%, transparent) 0, color-mix(in srgb, var(--fenix-primary-400) 22%, transparent) 24%, color-mix(in srgb, var(--fenix-primary-400) 0%, transparent) 47%),

    linear-gradient(180deg, color-mix(in srgb, var(--fenix-primary-800) 84%, transparent) 22.7%, color-mix(in srgb, var(--fenix-primary-500) 84%, transparent) 121.17%),

    var(--fenix-neutral-900) !important;

  color: var(--fenix-white) !important;

}



.fenix-home > .fenix-home-apart::before {

  content: "" !important;

  position: absolute !important;

  z-index: 0 !important;

  top: -95px !important;

  left: calc(50% - 28px) !important;

  width: 678px !important;

  height: 588px !important;

  border-radius: 50% !important;

  background: color-mix(in srgb, var(--fenix-primary-300) 48%, transparent) !important;

  filter: blur(150px) !important;

  pointer-events: none !important;

}



.fenix-home > .fenix-home-apart > .fenix-home-shell.fenix-home-apart__grid {

  position: relative !important;

  z-index: 1 !important;

  display: flex !important;

  flex-direction: column !important;

  height: 618px !important;

  min-height: 618px !important;

  margin: 0 auto !important;

  gap: 56px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__top {

  position: relative !important;

  display: block !important;

  flex: none !important;

  width: 100% !important;

  height: 402px !important;

  min-height: 402px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__copy {

  position: absolute !important;

  top: 0 !important;

  left: 0 !important;

  display: block !important;

  width: 668px !important;

  min-height: 402px !important;

  height: auto !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__copy h2 {

  width: 478px !important;

  min-height: 56px !important;

  height: auto !important;

  margin: 0 0 24px !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  color: var(--fenix-white) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__copy > p {

  width: 478px !important;

  min-height: 84px !important;

  height: auto !important;

  margin: 0 !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: var(--fenix-text-subtitle-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  color: var(--fenix-primary-50) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__visual {

  position: absolute !important;

  top: 0 !important;

  right: 0 !important;

  width: 580px !important;

  height: 402px !important;

  overflow: hidden !important;

  border-radius: 24px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__visual img {

  display: block !important;

  width: 100% !important;

  max-width: none !important;

  height: 100% !important;

  object-fit: cover !important;

  object-position: center center !important;

  transform: none !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metrics {

  position: absolute !important;

  bottom: 0 !important;

  left: 0 !important;

  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  width: 668px !important;

  height: 106px !important;

  padding: 24px 32px !important;

  gap: 20px !important;

  background: color-mix(in srgb, var(--fenix-primary-800) 86%, transparent) !important;

  border: 1px solid var(--fenix-primary-200) !important;

  border-radius: 10px !important;

  box-shadow: 0 18px 52px color-mix(in srgb, var(--fenix-primary-900) 18%, transparent) !important;

  backdrop-filter: blur(8px) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric {

  position: relative !important;

  display: flex !important;

  flex: none !important;

  flex-direction: column !important;

  min-width: 0 !important;

  gap: 6px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric:nth-child(1) { width: 140px !important; }

.fenix-home > .fenix-home-apart .fenix-home-metric:nth-child(2) { width: 113px !important; }

.fenix-home > .fenix-home-apart .fenix-home-metric:nth-child(3) { width: 77px !important; }

.fenix-home > .fenix-home-apart .fenix-home-metric:nth-child(4) { width: 154px !important; }



.fenix-home > .fenix-home-apart .fenix-home-metric:not(:first-child)::before {

  content: "" !important;

  position: absolute !important;

  top: 0 !important;

  left: -10px !important;

  width: 1px !important;

  height: 58px !important;

  background: color-mix(in srgb, var(--fenix-primary-200) 50%, transparent) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric__value {

  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  height: 32px !important;

  gap: 10px !important;

  white-space: nowrap !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric__icon,


.fenix-home > .fenix-home-apart .fenix-home-metric__icon svg {

  flex: none !important;

  width: 24px !important;

  height: 24px !important;

  color: var(--fenix-accent-300) !important;

  stroke: var(--fenix-accent-300) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric strong {

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h5-line-height) !important;

  font-size: var(--fenix-text-h5-size) !important;

  font-weight: var(--fenix-text-h5-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  color: var(--fenix-white) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric__label {

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-label-line-height) !important;

  font-size: var(--fenix-text-label-size) !important;

  font-weight: var(--fenix-text-label-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  white-space: nowrap !important;

  color: var(--fenix-white) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature-grid {

  display: flex !important;

  flex-direction: row !important;

  width: 100% !important;

  height: 160px !important;

  gap: 32px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature {

  display: flex !important;

  flex-direction: column !important;

  width: 580px !important;

  height: 160px !important;

  margin: 0 !important;

  padding: 0 !important;

  gap: 24px !important;

  background: transparent !important;

  border: 0 !important;

  border-radius: 0 !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature-icon {

  display: grid !important;

  place-items: center !important;

  width: 52px !important;

  min-width: 52px !important;

  height: 52px !important;

  color: var(--fenix-accent-300) !important;

  background: color-mix(in srgb, var(--fenix-primary-800) 68%, transparent) !important;

  border: 1px solid var(--fenix-primary-200) !important;

  border-radius: 100px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature-icon svg {

  width: 28px !important;

  height: 28px !important;

  stroke: var(--fenix-accent-300) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature > div {

  display: flex !important;

  flex-direction: column !important;

  width: 100% !important;

  height: 84px !important;

  gap: 16px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature h3 {

  margin: 0 !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h6-line-height) !important;

  font-size: var(--fenix-text-h6-size) !important;

  font-weight: var(--fenix-text-h6-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  color: var(--fenix-white) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature p {

  margin: 0 !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-regular) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  color: var(--fenix-primary-50) !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metric__icon::before,


.fenix-home > .fenix-home-apart .fenix-home-metric__icon::after,


.fenix-home > .fenix-home-apart .fenix-home-metric strong::before,


.fenix-home > .fenix-home-apart .fenix-home-metric strong::after,


.fenix-home > .fenix-home-apart .fenix-home-metric__label::before,


.fenix-home > .fenix-home-apart .fenix-home-metric__label::after {

  content: none !important;

  display: none !important;

}



@media (max-width: 1279px) {

  .fenix-home > .fenix-home-apart {

    padding-inline: 48px !important;

  }



  .fenix-home > .fenix-home-apart > .fenix-home-shell.fenix-home-apart__grid {

    height: auto !important;

    min-height: 0 !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__top {

    display: grid !important;

    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;

    height: auto !important;

    min-height: 0 !important;

    gap: 32px !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy,


  .fenix-home > .fenix-home-apart .fenix-home-apart__visual {

    position: static !important;

    width: 100% !important;

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy h2,


  .fenix-home > .fenix-home-apart .fenix-home-apart__copy > p {

    width: auto !important;

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__visual {

    aspect-ratio: 580 / 402 !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__visual img {

    width: 100% !important;

    height: 100% !important;

    transform: none !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-metrics {

    position: static !important;

    width: 100% !important;

    height: auto !important;

    margin-top: 32px !important;

    flex-wrap: wrap !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature-grid {

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature {

    width: calc((100% - 32px) / 2) !important;

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature > div {

    height: auto !important;

  }

}



@media (max-width: 767px) {

  .fenix-home > .fenix-home-apart {

    padding-inline: 24px !important;

  }



  .fenix-home > .fenix-home-apart > .fenix-home-shell.fenix-home-apart__grid {

    gap: 48px !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__top {

    grid-template-columns: 1fr !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy h2 {

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy > p {

    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

    font-size: var(--fenix-text-body-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-metrics {

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    padding: 20px !important;

    gap: 20px !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-metric:nth-child(n) {

    width: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-metric:not(:first-child)::before {

    content: none !important;

    display: none !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-metric__label {

    white-space: normal !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature-grid {

    flex-direction: column !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature {

    width: 100% !important;

  }

}



/* Homepage strengths correction: keep the supplied desktop frame stable. */



.fenix-home > .fenix-home-apart .fenix-home-apart__top {

  display: block !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__copy {

  position: absolute !important;

  inset: 0 auto auto 0 !important;

  width: 668px !important;

  min-height: 402px !important;

  height: auto !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__visual {

  position: absolute !important;

  inset: 0 0 auto auto !important;

  display: block !important;

  width: 580px !important;

  height: 402px !important;

  min-height: 0 !important;

  overflow: hidden !important;

  border-radius: 24px !important;

  background-color: transparent !important;

  background-image: url("../../../../../uploads/fenix-assets/responsive/homepage/what-sets-us-apart-team-1024.webp") !important;

  background-position: center center !important;

  background-size: cover !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__visual img.fenix-home-apart__image {

  position: absolute !important;

  inset: 0 !important;

  display: block !important;

  width: 100% !important;

  min-width: 100% !important;

  max-width: none !important;

  height: 100% !important;

  min-height: 100% !important;

  object-fit: cover !important;

  object-position: center center !important;

  transform: none !important;

}



.fenix-home > .fenix-home-apart .fenix-home-metrics {

  position: absolute !important;

  right: auto !important;

  bottom: 0 !important;

  left: 0 !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature-grid {

  display: grid !important;

  grid-template-columns: repeat(2, minmax(0, 580px)) !important;

  justify-content: space-between !important;

  align-items: start !important;

  width: 100% !important;

  height: 160px !important;

  gap: 32px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature {

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  width: 100% !important;

  max-width: 580px !important;

  height: 160px !important;

  gap: 24px !important;

}



.fenix-home > .fenix-home-apart .fenix-home-apart__feature > div,


.fenix-home > .fenix-home-apart .fenix-home-apart__feature h3,


.fenix-home > .fenix-home-apart .fenix-home-apart__feature p {

  position: static !important;

  transform: none !important;

}



@media (max-width: 1023px) {

  .fenix-home > .fenix-home-apart {

    padding-inline: 24px !important;

  }



  .fenix-home > .fenix-home-apart > .fenix-home-shell.fenix-home-apart__grid {

    height: auto !important;

    min-height: 0 !important;

    gap: 48px !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__top {

    display: flex !important;

    flex-direction: column !important;

    height: auto !important;

    min-height: 0 !important;

    gap: 32px !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy,


  .fenix-home > .fenix-home-apart .fenix-home-apart__visual,


  .fenix-home > .fenix-home-apart .fenix-home-metrics {

    position: relative !important;

    inset: auto !important;

    width: 100% !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy {

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__copy h2,


  .fenix-home > .fenix-home-apart .fenix-home-apart__copy > p {

    width: 100% !important;

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__visual {

    aspect-ratio: 580 / 402 !important;

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-metrics {

    height: auto !important;

    margin-top: 0 !important;

    flex-wrap: wrap !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature-grid {

    grid-template-columns: 1fr !important;

    height: auto !important;

  }



  .fenix-home > .fenix-home-apart .fenix-home-apart__feature {

    max-width: none !important;

    height: auto !important;

  }

}



/* Homepage development flow: canonical Frame 1000005862. */

.fenix-home > .fenix-home-devflow {

  width: 100% !important;

  padding-inline: 0 !important;

  overflow: hidden !important;

  background: var(--fenix-white) !important;

}



.fenix-home-devflow__inner {

  margin: 0 auto !important;

  padding-top: 0 !important;

}



.fenix-home-devflow__heading {

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  width: 100% !important;

  margin: 0 0 56px !important;

  text-align: center !important;

}



.fenix-home-devflow__heading h2 {

  margin: 0 0 24px !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-home-devflow__heading p {

  width: 682px !important;

  max-width: 100% !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: 400 !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-home-devflow__diagram {

  position: relative !important;

  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  justify-content: space-between !important;

  width: 1192px !important;

  max-width: 100% !important;

  height: 576px !important;

  min-height: 576px !important;

  margin: 0 auto !important;

  gap: 4px !important;

}



.fenix-home-devflow__group {

  position: relative !important;

  z-index: 1 !important;

  display: flex !important;

  flex-direction: column !important;

  justify-content: center !important;

  align-items: center !important;

  width: 162px !important;

  height: 408px !important;

  margin: 0 !important;

  padding: 24px 0 !important;

  gap: 20px !important;

  background: transparent !important;

  border-radius: 20px !important;

}



.fenix-home-devflow__group--5 {

  height: 576px !important;

}



.fenix-home-devflow__group h3 {

  width: 100% !important;

  flex-shrink: 0 !important;

  min-height: 24px !important;

  height: auto !important;

  margin: 0 !important;

  color: #331981 !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

  font-size: var(--fenix-text-body-size) !important;

  font-weight: var(--fenix-weight-bold) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  text-align: center !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  white-space: normal !important;

}



.fenix-home-devflow__stack {

  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: stretch !important;

  gap: 20px !important;

  width: 162px !important;

}



.fenix-home-devflow__tile {

  position: relative !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  justify-content: center !important;

  width: 162px !important;

  height: 148px !important;

  margin: 0 !important;

  padding: 24px 12px !important;

  gap: 16px !important;

  background: var(--fenix-primary-50) !important;

  border: 1px solid var(--fenix-primary-200) !important;

  border-radius: 12px !important;

  box-shadow: 0 12px 24px color-mix(in srgb, var(--fenix-primary-800) 9%, transparent) !important;

}



.fenix-home-devflow__tile > img {

  display: block !important;

  width: 60px !important;

  height: 60px !important;

  margin: 0 !important;

  object-fit: contain !important;

}



.fenix-home-devflow__tile p {

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

  font-size: var(--fenix-text-body-size) !important;

  font-weight: var(--fenix-weight-regular) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  text-align: center !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  white-space: normal !important;

}



.fenix-home-devflow__arrow {

  position: absolute !important;

  z-index: 2 !important;

  width: 36px !important;

  height: 36px !important;

  display: block !important;

  background: transparent !important;

}



.fenix-home-devflow__arrow--1 { left: 164px !important; top: 270px !important; }

.fenix-home-devflow__arrow--2 { left: 370px !important; top: 270px !important; }

.fenix-home-devflow__arrow--3 { left: 575px !important; top: 270px !important; }

.fenix-home-devflow__arrow--4 { left: 781px !important; top: 270px !important; }

.fenix-home-devflow__arrow--5 { left: 986px !important; top: 270px !important; }



.fenix-home-devflow__loop {

  position: absolute !important;

  z-index: 3 !important;

  left: 50% !important;

  bottom: -30px !important;

  width: 40px !important;

  height: 40px !important;

  display: block !important;

  transform: translateX(-50%) !important;

}



.fenix-home-devflow__arrow img,


.fenix-home-devflow__loop img {

  display: block !important;

  width: 100% !important;

  height: 100% !important;

  margin: 0 !important;

  object-fit: contain !important;

}



/* Match the tablet layout breakpoint used by the homepage section dimensions. */
@media (min-width: 768px) and (max-width: 1279px) {
  body.home .fenix-home-devflow__diagram {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-start !important;
    gap: 16px !important;
    overflow: visible !important;
    padding: 0 !important;
  }

  body.home .fenix-home-devflow__group {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }

  body.home .fenix-home-devflow__stack {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }

  body.home .fenix-home-devflow__group--5 .fenix-home-devflow__stack {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  body.home .fenix-home-devflow__tile {
    width: 100% !important;
    min-height: 136px !important;
  }

  body.home .fenix-home-devflow__arrow {
    position: static !important;
    align-self: center !important;
    flex: 0 0 auto !important;
    transform: rotate(90deg) !important;
  }
}

/* Keep the feedback connector between the same tiles when stacks become rows. */
@media (min-width: 768px) and (max-width: 1279px) {
  body.home .fenix-home-devflow__loop,
  .fenix-services-page .fenix-home-devflow__loop {
    top: 50% !important;
    bottom: auto !important;
    left: calc(100% + 9px) !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
  }
}

@media (max-width: 767px) {
  body.home .fenix-home-devflow__loop,
  .fenix-services-page .fenix-home-devflow__loop {
    top: 50% !important;
    bottom: auto !important;
    left: calc(100% + 7px) !important;
    transform: translate(-50%, -50%) rotate(90deg) !important;
  }
}



@media (max-width: 1279px) {



  .fenix-home-devflow__diagram {

    justify-content: start !important;

    overflow-x: auto !important;

    padding: 0 4px 40px !important;

    scroll-snap-type: x proximity !important;

  }



  .fenix-home-devflow__group {

    scroll-snap-align: start !important;

  }

}



@media (max-width: 767px) {



  .fenix-home-devflow__heading {

    margin-bottom: 48px !important;

  }



  .fenix-home-devflow__heading h2 {

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height) !important;

  }



  .fenix-home-devflow__heading p {

    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

    font-size: var(--fenix-text-body-size) !important;

    line-height: var(--fenix-type-line-height) !important;

  }

}



/* Case Studies page: supplied Figma `導入事例` block. */

.fenix-case-featured {

  width: 100% !important;

  min-height: 876px !important;

  padding: 120px 0 116px !important;

  background: var(--fenix-primary-50) !important;

}



.fenix-case-featured__inner {

  margin: 0 auto !important;

}



.fenix-case-featured__header {

  display: flex !important;

  align-items: flex-end !important;

  justify-content: space-between !important;

  gap: 48px !important;

  margin: 0 0 57px !important;

}



.fenix-case-featured__copy {

  width: 784px !important;

  max-width: 100% !important;

}



.fenix-case-featured__copy h1 {

  margin: 0 0 24px !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-case-featured__copy p {

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: var(--fenix-text-subtitle-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-case-featured__button {

  width: 160px !important;

  height: 44px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 8px !important;

  margin-bottom: 2px !important;

  color: var(--fenix-primary-800) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-button-line-height) !important;

  font-size: var(--fenix-text-button-size) !important;

  font-weight: var(--fenix-text-button-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  text-decoration: none !important;

  background: transparent !important;

  border: 1px solid var(--fenix-primary-800) !important;

  border-radius: 12px !important;

}



.fenix-case-featured__button img {

  width: 24px !important;

  height: 24px !important;

  display: block !important;

  margin: 0 !important;

}



.fenix-case-featured__grid {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  gap: 32px !important;

}



.fenix-case-featured__card {

  width: 100% !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 16px !important;

  margin: 0 !important;

}



.fenix-case-featured__image {

  width: 100% !important;

  height: 256px !important;

  display: block !important;

  object-fit: cover !important;

  border-radius: 20px !important;

}



.fenix-case-featured__card h2 {

  margin: 8px 0 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h5-line-height) !important;

  font-size: var(--fenix-text-h5-size) !important;

  font-weight: var(--fenix-text-h5-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-case-featured__card p {

  min-height: 63px !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-regular) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-case-featured__tags {

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 8px !important;

}



.fenix-case-featured__tags span {

  height: 44px !important;

  display: inline-flex !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 10px 12px !important;

  color: var(--fenix-primary-500) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-bold) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  background: transparent !important;

  border: 1px solid var(--fenix-primary-400) !important;

  border-radius: 8px !important;

  white-space: nowrap !important;

}



@media (max-width: 1279px) {

  .fenix-case-featured__header {

    flex-direction: column !important;

    align-items: flex-start !important;

  }



  .fenix-case-featured__grid {

    grid-template-columns: 1fr !important;

  }

}



@media (max-width: 767px) {

  .fenix-case-featured {

    padding: 72px 0 !important;

  }



  .fenix-case-featured__copy h1 {

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height) !important;

  }



  .fenix-case-featured__copy p {

    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

    font-size: var(--fenix-text-body-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-case-featured__button {

    width: 148px !important;

  }

}



/* Homepage Case studies: supplied `導入事例` block. */

.fenix-home-cases {

  padding-inline: 0 !important;

  background: var(--fenix-primary-50) !important;

}



.fenix-home-cases .fenix-home-shell {

  margin: 0 auto !important;

}



.fenix-home-cases__header {

  display: flex !important;

  align-items: flex-end !important;

  justify-content: space-between !important;

  gap: 48px !important;

  margin: 0 0 57px !important;

}



.fenix-home-cases .fenix-home-heading {

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 24px !important;

  width: 784px !important;

  max-width: 100% !important;

  min-height: 0 !important;

  margin: 0 !important;

  text-align: left !important;

}



.fenix-home-cases .fenix-home-heading h2 {

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: left !important;

}



.fenix-home-cases .fenix-home-heading p {

  width: 100% !important;

  max-width: none !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: var(--fenix-text-subtitle-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: left !important;

}



.fenix-home-cases__button {

  width: 160px !important;

  display: inline-flex !important;

  margin-bottom: 2px !important;

  text-decoration: none !important;

}



.fenix-home-cases__button img {

  width: 24px !important;

  height: 24px !important;

  display: block !important;

  margin: 0 !important;

}



.fenix-home-case-grid {

  display: grid !important;

  grid-template-columns: repeat(3, 1fr) !important;

  justify-content: stretch !important;

  gap: 32px !important;

  width: 100% !important;

}



.fenix-home-case-card {

  width: 100% !important;

  height: auto !important;

  min-height: 0 !important;

  display: flex !important;

  flex-direction: column !important;

  gap: 16px !important;

  overflow: visible !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.fenix-home-case-card__image {

  width: 100% !important;

  height: 256px !important;

  display: block !important;

  overflow: hidden !important;

  border-radius: 20px !important;

  background: var(--fenix-white) !important;

}



.fenix-home-case-card__image img {

  width: 100% !important;

  height: 100% !important;

  display: block !important;

  object-fit: cover !important;

}



.fenix-home-case-card > div {

  width: 100% !important;

  min-height: 0 !important;

  padding: 0 !important;

}



.fenix-home-case-card h3 {

  width: 100% !important;

  height: auto !important;

  margin: 8px 0 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h5-line-height) !important;

  font-size: var(--fenix-text-h5-size) !important;

  font-weight: var(--fenix-text-h5-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-home-case-card h3 a {

  color: inherit !important;

  text-decoration: none !important;

}



.fenix-home-case-card p {

  min-height: 63px !important;

  margin: 16px 0 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-regular) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-home-cases .fenix-home-tags {

  display: flex !important;

  flex-wrap: wrap !important;

  align-items: center !important;

  gap: 8px !important;

  margin-top: 16px !important;

}



.fenix-home-cases .fenix-home-tags span {

  min-width: 0 !important;

  display: inline-flex !important;

  white-space: nowrap !important;

}



@media (max-width: 1279px) {

  .fenix-home-cases__header {

    flex-direction: column !important;

    align-items: flex-start !important;

  }



  .fenix-home-case-grid {

    grid-template-columns: 1fr !important;

  }

}



@media (max-width: 767px) {

  .fenix-home-cases {

    padding-inline: 0 !important;

  }



  .fenix-home-cases .fenix-home-heading h2 {

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height) !important;

  }



  .fenix-home-cases .fenix-home-heading p {

    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

    font-size: var(--fenix-text-body-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }

}



/* Homepage Business Partners: Frame 1000005861. */

.fenix-home-partners {

  background: var(--fenix-white) !important;

}



.fenix-home-partners .fenix-home-shell {

  min-height: 283px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 56px !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.fenix-home-partners .fenix-home-heading {

  width: 1192px !important;

  max-width: 100% !important;

  min-height: 136px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 24px !important;

  margin: 0 !important;

  padding: 0 !important;

  text-align: center !important;

}



.fenix-home-partners .fenix-home-heading h2 {

  width: 100% !important;

  min-height: 56px !important;

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: center !important;

}



.fenix-home-partners .fenix-home-heading p {

  width: 100% !important;

  min-height: 56px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: 400 !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: center !important;

}



.fenix-home-partners .fenix-home-heading p span {

  width: 625px !important;

  max-width: 100% !important;

  display: block !important;

}



.fenix-home-partner-row {

  width: 945px !important;

  max-width: 100% !important;

  height: 91px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 128px !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.fenix-home-partner {

  width: auto !important;

  height: auto !important;

  display: flex !important;

  flex: 0 0 auto !important;

  align-items: center !important;

  justify-content: center !important;

  padding: 0 !important;

  background: transparent !important;

  border: 0 !important;

  box-shadow: none !important;

}



.fenix-home-partner img {

  display: block !important;

  max-width: none !important;

  object-fit: contain !important;

}



.fenix-home-partner--ta img {

  width: 285px !important;

  height: 74.1px !important;

}



.fenix-home-partner--ls {

  position: relative !important;

  width: 280px !important;

  height: 89px !important;

  overflow: hidden !important;

}



.fenix-home-partner--ls img {

  position: absolute !important;

  width: calc(100% / .705) !important;

  max-width: none !important;

  max-height: none !important;

  height: calc(100% / .399) !important;

  left: calc(-100% * .161 / .705) !important;

  top: calc(-100% * .296 / .399) !important;

  object-fit: fill !important;

}



.fenix-home-partner--alba img {

  width: 124px !important;

  height: 91px !important;

}



@media (max-width: 1279px) {

  .fenix-home-partner-row {

    height: auto !important;

    flex-wrap: wrap !important;

    gap: 40px 64px !important;

  }

}



@media (max-width: 767px) {

  .fenix-home-partners .fenix-home-shell {

    gap: 40px !important;

  }



  .fenix-home-partners .fenix-home-heading h2 {

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home-partners .fenix-home-heading p {

    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

    font-size: var(--fenix-text-body-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home-partner-row {

    gap: 28px 36px !important;

  }



  .fenix-home-partner--ta img {

    width: 220px !important;

    height: auto !important;

  }



  .fenix-home-partner--ls img {

    width: 210px !important;

    height: auto !important;

  }



  .fenix-home-partner--alba img {

    width: 96px !important;

    height: auto !important;

  }

}



/* Homepage Testimonials: Frame 1000005860. */

.fenix-home-testimonials {

  background: var(--fenix-white) !important;

}



.fenix-home-testimonials .fenix-home-shell {

  min-height: 565px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 56px !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.fenix-home-testimonials .fenix-home-heading {

  width: 1191px !important;

  max-width: 100% !important;

  min-height: 136px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 24px !important;

  margin: 0 !important;

  padding: 0 !important;

  text-align: center !important;

}



.fenix-home-testimonials .fenix-home-heading h2 {

  width: 100% !important;

  min-height: 56px !important;

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: center !important;

}



.fenix-home-testimonials .fenix-home-heading p {

  width: 100% !important;

  min-height: 56px !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: 400 !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: center !important;

}



.fenix-home-testimonials .fenix-home-heading p span {

  width: 625px !important;

  max-width: 100% !important;

  display: block !important;

}



.fenix-home-testimonial-row {

  width: 1191px !important;

  max-width: 100% !important;

  height: 273px !important;

  display: grid !important;

  grid-template-columns: 273px 579px 273px !important;

  align-items: center !important;

  justify-content: center !important;

  gap: 32px !important;

  margin: 0 !important;

}



.fenix-home-quote {

  width: 579px !important;

  height: auto !important;

  min-height: 128px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  justify-content: flex-start !important;

  gap: 24px !important;

  margin: 0 !important;

  padding: 0 !important;

  text-align: left !important;

}



.fenix-home-quote blockquote {

  width: 579px !important;

  height: auto !important;

  min-height: 0 !important;

  display: -webkit-box !important;

  overflow: hidden !important;

  -webkit-box-orient: vertical !important;

  -webkit-line-clamp: 3 !important;

  line-clamp: 3 !important;

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h6-line-height) !important;

  font-size: var(--fenix-text-h6-size) !important;

  font-weight: var(--fenix-text-h6-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-home-quote figcaption {

  display: none !important;

  width: 579px !important;

  height: 24px !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

  font-size: var(--fenix-text-body-size) !important;

  font-weight: var(--fenix-weight-regular) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

}



.fenix-home-testimonial-dots {

  width: max-content !important;

  height: 8px !important;

  display: flex !important;

  align-items: flex-start !important;

  gap: 4px !important;

  margin: 0 !important;

}



.fenix-home-testimonial-dots button {

  width: 8px !important;

  height: 8px !important;

  display: block !important;

  padding: 0 !important;

  border: 0 !important;

  cursor: pointer !important;

  border-radius: 999px !important;

  background: var(--fenix-primary-100) !important;

}



.fenix-home-testimonial-dots button.is-active {

  width: 38px !important;

  background: var(--fenix-primary-500) !important;

}



.fenix-home-quote-mark {

  width: 273px !important;

  height: 273px !important;

  position: relative !important;

  display: block !important;

}



.fenix-home-quote-mark span {

  width: 80px !important;

  height: 205px !important;

  position: absolute !important;

  top: 34px !important;

  display: block !important;

  background-color: transparent !important;

  background-position: center !important;

  background-repeat: no-repeat !important;

  background-size: contain !important;

}



.fenix-home-quote-mark--left span:first-child {

  left: 34px !important;

  right: auto !important;

  background-image: url("../../images/figma-quote-left-light.svg?ver=0.1.658") !important;

}



.fenix-home-quote-mark--left span:last-child {

  left: auto !important;

  right: 34px !important;

  background-image: url("../../images/figma-quote-left-purple.svg?ver=0.1.658") !important;

}



.fenix-home-quote-mark--right span:first-child {

  left: 34px !important;

  right: auto !important;

  background-image: url("../../images/figma-quote-right-purple.svg?ver=0.1.658") !important;

}



.fenix-home-quote-mark--right span:last-child {

  left: auto !important;

  right: 34px !important;

  background-image: url("../../images/figma-quote-right-light.svg?ver=0.1.658") !important;

}



.fenix-home-testimonials .fenix-home-button--center {

  width: 180px !important;

  min-width: 180px !important;

  display: inline-flex !important;

  margin: 0 auto !important;

  text-decoration: none !important;

}



.fenix-home-testimonials .fenix-home-button--center svg {

  width: 24px !important;

  height: 24px !important;

  flex: 0 0 24px !important;

}



@media (max-width: 1279px) {

  .fenix-home-testimonial-row {

    height: auto !important;

    grid-template-columns: 1fr !important;

    justify-items: center !important;

    gap: 32px !important;

  }



  .fenix-home-quote-mark {

    display: none !important;

  }

}



@media (max-width: 767px) {

  .fenix-home-testimonials .fenix-home-shell {

    gap: 40px !important;

  }



  .fenix-home-testimonials .fenix-home-heading h2 {

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home-testimonials .fenix-home-heading p {

    --fenix-type-line-height: var(--fenix-text-body-line-height) !important;

    font-size: var(--fenix-text-body-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home-quote,


  .fenix-home-quote blockquote,


  .fenix-home-quote figcaption {

    width: 100% !important;

    height: auto !important;

  }

}



/* Homepage Latest Articles: Frame 1000005842. */

.fenix-home-articles {

  background: var(--fenix-white) !important;

}



.fenix-home-articles .fenix-home-shell {

  display: flex !important;

  flex-direction: column !important;

  align-items: center !important;

  gap: 56px !important;

  margin: 0 auto !important;

  padding: 0 !important;

}



.fenix-home-articles__head {

  width: 1191px !important;

  max-width: 100% !important;

  height: 136px !important;

  display: flex !important;

  flex-direction: row !important;

  align-items: flex-end !important;

  justify-content: flex-start !important;

  gap: 20px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.fenix-home-articles__copy {

  width: 1011px !important;

  min-height: 136px !important;

  height: auto !important;

  display: flex !important;

  flex: 1 1 auto !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 24px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.fenix-home-articles__head h2 {

  width: 100% !important;

  min-height: 56px !important;

  height: auto !important;

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

  font-size: var(--fenix-text-h2-size) !important;

  font-weight: var(--fenix-text-h2-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: left !important;

  white-space: normal !important;

  word-break: keep-all !important;

  overflow-wrap: normal !important;

}



.fenix-home-articles__head p {

  width: 1011px !important;

  max-width: 100% !important;

  min-height: 56px !important;

  height: auto !important;

  display: flex !important;

  align-items: center !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

  font-size: var(--fenix-text-subtitle-size) !important;

  font-weight: 400 !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

  text-align: left !important;

}



.fenix-home-articles .fenix-home-button--outline {

  width: 160px !important;

  min-width: 160px !important;

  display: inline-flex !important;

  margin: 0 !important;

  text-decoration: none !important;

}



.fenix-home-articles .fenix-home-button--outline svg {

  width: 24px !important;

  height: 24px !important;

  flex: 0 0 24px !important;

}



.fenix-home-article-tabs {

  display: none !important;

}



@media (min-width: 1280px) {

  body.home .fenix-home-articles .fenix-home-article-tabs {

    width: 0 !important;

    height: 0 !important;

    display: none !important;

    overflow: hidden !important;

    margin: 0 !important;

    padding: 0 !important;

  }

}



@media (max-width: 1279px) {

  body.home .fenix-home-articles .fenix-home-article-tabs {

    width: 188px !important;

    height: 40px !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 0 !important;

    margin: 0 auto !important;

    padding: 0 !important;

    overflow: visible !important;

    order: 0 !important;

  }



  body.home .fenix-home-articles .fenix-home-article-tabs span {

    display: inline-flex !important;

    white-space: nowrap !important;

  }

}



.fenix-home-article-layout {

  width: 1191px !important;

  max-width: 100% !important;

  height: 865px !important;

  display: flex !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  gap: 32px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.fenix-home-article-main {

  width: 1191px !important;

  max-width: 100% !important;

  height: 411px !important;

  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  gap: 24px !important;

  margin: 0 !important;

  padding: 0 24px 0 0 !important;

  overflow: hidden !important;

  background: var(--fenix-white) !important;

  border: 1px solid var(--fenix-neutral-200) !important;

  border-radius: 24px !important;

  box-shadow: 0 12px 24px color-mix(in srgb, var(--fenix-primary-800) 9%, transparent) !important;

}



.fenix-home-article-main__image {

  width: 375px !important;

  height: 411px !important;

  flex: 0 0 375px !important;

  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  overflow: hidden !important;

  background: var(--fenix-neutral-100) !important;

  border-radius: 20px 0 0 20px !important;

}



.fenix-home-article-main__image img,


.fenix-home-article-card__image img {

  display: none !important;

}



.fenix-home-article-main > div:last-child {

  width: 768px !important;

  height: 260px !important;

  display: flex !important;

  flex: 1 1 auto !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  justify-content: flex-start !important;

  gap: 16px !important;

  padding: 32px 16px !important;

}



.fenix-home-article-main .fenix-home-tags,


.fenix-home-article-card .fenix-home-tags {

  display: flex !important;

  flex-direction: row !important;

  align-items: center !important;

  justify-content: flex-start !important;

  gap: 8px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.fenix-home-article-main .fenix-home-tags span,


.fenix-home-article-card .fenix-home-tags span {

  width: 49px !important;

  display: inline-flex !important;

  white-space: nowrap !important;

}



.fenix-home-article-main h3 {

  width: 736px !important;

  max-width: 100% !important;

  min-height: 44px !important;

  height: auto !important;

  margin: 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

  font-size: var(--fenix-text-h3-size) !important;

  font-weight: var(--fenix-text-h3-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  letter-spacing: var(--fenix-letter-spacing) !important;

}



.fenix-home-article-main p {

  width: 736px !important;

  max-width: 100% !important;

  min-height: 40px !important;

  height: auto !important;

  margin: 0 !important;

  color: var(--fenix-neutral-600) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-regular) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

}



.fenix-home-article-main time {

  width: 736px !important;

  max-width: 100% !important;

  height: 20px !important;

  margin: 0 !important;

  color: var(--fenix-neutral-400) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-bold) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

}



.fenix-home-article-side {

  width: 1191px !important;

  max-width: 100% !important;

  height: auto !important;

  display: flex !important;

  flex-direction: row !important;

  align-items: stretch !important;

  gap: 32px !important;

  margin: 0 !important;

  padding: 0 !important;

}



.fenix-home-article-card {

  width: 375px !important;

  height: auto !important;

  min-height: 422px !important;

  display: flex !important;

  flex: 0 0 375px !important;

  flex-direction: column !important;

  align-items: flex-start !important;

  margin: 0 !important;

  padding: 0 0 24px !important;

  overflow: hidden !important;

  background: var(--fenix-white) !important;

  border: 1px solid var(--fenix-neutral-200) !important;

  border-radius: 24px !important;

  box-shadow: 0 12px 24px color-mix(in srgb, var(--fenix-primary-800) 9%, transparent) !important;

}



.fenix-home-article-card__image {

  width: 375px !important;

  height: 250px !important;

  flex: 0 0 250px !important;

  position: relative !important;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: var(--fenix-neutral-100) !important;

  border-radius: 20px 20px 0 0 !important;

}



.fenix-home-article-card .fenix-home-tags {

  width: calc(100% - 32px) !important;

  height: auto !important;

  min-height: 44px !important;

  flex-shrink: 0 !important;

  margin: 24px 16px 0 !important;

}



.fenix-home-article-card h3 {

  width: 343px !important;

  min-height: 28px !important;

  height: auto !important;

  margin: 16px 16px 0 !important;

  color: var(--fenix-neutral-900) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-h6-line-height) !important;

  font-size: var(--fenix-text-h6-size) !important;

  font-weight: var(--fenix-text-h6-weight) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

}



.fenix-home-article-card time {

  width: 343px !important;

  height: 20px !important;

  margin: 16px 16px 0 !important;

  color: var(--fenix-neutral-400) !important;

  font-family: var(--fenix-font) !important;

  --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

  font-size: var(--fenix-text-body-small-size) !important;

  font-weight: var(--fenix-weight-bold) !important;

  line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

}



.fenix-home-article-card p {

  display: none !important;

}



.fenix-home-article-main__image .fenix-home-image-mark,


.fenix-home-article-card__image .fenix-home-image-mark {

  width: 72px !important;

  height: 72px !important;

  display: block !important;

  position: relative !important;

}



.fenix-home-article-main__image .fenix-home-image-mark::before,


.fenix-home-article-card__image .fenix-home-image-mark::before {

  width: 54px !important;

  height: 54px !important;

  left: 9px !important;

  top: 9px !important;

  border: 3px solid var(--fenix-neutral-900) !important;

  border-radius: 8px !important;

}



@media (max-width: 1279px) {

  .fenix-home-articles__head,


  .fenix-home-article-layout,


  .fenix-home-article-main,


  .fenix-home-article-side {

    width: 100% !important;

    height: auto !important;

  }



  .fenix-home-article-main,


  .fenix-home-article-side {

    flex-direction: column !important;

  }



  .fenix-home-article-card,


  .fenix-home-article-main__image,


  .fenix-home-article-card__image {

    width: 100% !important;

  }



  .fenix-home-article-main {

    padding: 0 !important;

  }

}



@media (max-width: 767px) {

  .fenix-home-articles__head {

    flex-direction: column !important;

    align-items: flex-start !important;

  }



  .fenix-home-articles__head h2 {

    width: 100% !important;

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  .fenix-home-articles__head p,


  .fenix-home-articles__copy,


  .fenix-home-article-main > div:last-child,


  .fenix-home-article-main h3,


  .fenix-home-article-main p,


  .fenix-home-article-main time,


  .fenix-home-article-card h3,


  .fenix-home-article-card time {

    width: 100% !important;

    height: auto !important;

  }

}

/* Homepage tablet/mobile responsive pass from supplied Figma frames. */

@media (min-width: 768px) and (max-width: 1023px) {

  body.home {


  }



  body.home .fenix-home {

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;

    width: 100% !important;

    overflow-x: hidden !important;

  }



  body.home .fenix-home > section + section {

    margin-top: 120px !important;

  }



  body.home .fenix-home-hero {

    height: 813px !important;

    min-height: 813px !important;

    display: flex !important;

    align-items: flex-start !important;

    padding: 219px 0 214px !important;

  }



  body.home .fenix-home-hero__content {

    width: 596px !important;

    max-width: 100% !important;

  }



  body.home .fenix-home-hero h1 {

    --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

    font-size: var(--fenix-text-h2-size) !important;

    font-weight: var(--fenix-text-h2-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-services {

    padding-inline: 0 !important;

  }



  body.home .fenix-home-services .fenix-home-shell {

    gap: 48px !important;

  }



  body.home .fenix-home-service-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 24px !important;

  }



  body.home .fenix-home-service-card {

    min-height: 432px !important;

  }



  body.home .fenix-home-apart,
body.home .fenix-home-contact-form {

    width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;

    margin-right: calc(50% - 50vw) !important;

    padding-left: 32px !important;

    padding-right: 32px !important;

  }



  body.home .fenix-home-apart .fenix-home-shell {

    grid-template-columns: 1fr !important;

    gap: 32px !important;

  }



  body.home .fenix-home-metrics {

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

  }



  body.home .fenix-home-case-grid {

    display: flex !important;

    grid-template-columns: none !important;

    width: 100% !important;

    max-width: none !important;

    gap: 32px !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    align-items: flex-start !important;

    scroll-snap-type: x mandatory !important;

    -webkit-overflow-scrolling: touch !important;

    scrollbar-width: none !important;

  }



  body.home .fenix-home-case-grid::-webkit-scrollbar {

    display: none !important;

  }



  body.home .fenix-home-case-card {

    width: 336px !important;

    min-width: 336px !important;

    height: auto !important;

    min-height: 0 !important;

    flex: 0 0 336px !important;

    scroll-snap-align: start !important;

  }



  body.home .fenix-home-case-card__image {

    height: 228px !important;

  }



  body.home .fenix-home-case-card > div {

    display: flex !important;

    flex: 1 1 auto !important;

    flex-direction: column !important;

    min-height: 0 !important;

  }



  body.home .fenix-home-case-card p {

    min-height: 84px !important;

  }



  body.home .fenix-home-cases .fenix-home-tags {

    margin-top: auto !important;

  }



  body.home .fenix-home-partner-row {

    width: 100% !important;

    gap: 48px !important;

    justify-content: center !important;

  }



  body.home .fenix-home-testimonial-row {

    width: 100% !important;

    grid-template-columns: 120px minmax(0, 1fr) 120px !important;

    gap: 24px !important;

  }



  body.home .fenix-home-contact-form .fenix-home-shell {

    flex-direction: column !important;

    gap: 48px !important;

  }



  body.home .fenix-home-contact-form__copy,


  body.home .fenix-home-contact-form__copy h2,


  body.home .fenix-home-contact-form__copy p {

    width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-articles__head,


  body.home .fenix-home-article-layout,


  body.home .fenix-home-article-main,


  body.home .fenix-home-article-side {

    width: 100% !important;

  }



  body.home .fenix-home-article-main {

    flex-direction: row !important;

  }



  body.home .fenix-home-article-main__image {

    width: 280px !important;

    flex-basis: 280px !important;

  }



  body.home .fenix-home-article-side {

    display: grid !important;

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    gap: 24px !important;

  }



  body.home .fenix-home-article-card {

    width: 100% !important;

    flex-basis: auto !important;

  }

}



@media (max-width: 767px) {

  body.home {


  }



  body.home .fenix-home {

    display: flex !important;

    flex-direction: column !important;

    gap: 0 !important;

    width: 100% !important;

    overflow-x: hidden !important;

  }



  body.home .fenix-home > section + section {

    margin-top: 64px !important;

  }



  body.home .fenix-home-hero {

    height: 640px !important;

    min-height: 640px !important;

    display: flex !important;

    align-items: flex-start !important;

    padding: 160px 0 120px !important;

  }



  body.home .fenix-home-hero h1 {

    --fenix-type-line-height: var(--fenix-text-h4-line-height) !important;

    font-size: var(--fenix-text-h4-size) !important;

    font-weight: var(--fenix-text-h4-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-hero p,


  body.home .fenix-home-hero__content > p:not(.fenix-home-kicker) {

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-heading,


  body.home .fenix-home-devflow__heading,


  body.home .fenix-home-articles__copy {

    gap: 16px !important;

  }



  body.home .fenix-home-heading h2,


  body.home .fenix-home-devflow__heading h2,


  body.home .fenix-home-articles__head h2,


  body.home .fenix-home-contact-form__copy h2,


  body.home .fenix-home-apart__copy h2 {

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-h4-line-height) !important;

    font-size: var(--fenix-text-h4-size) !important;

    font-weight: var(--fenix-text-h4-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-heading p,


  body.home .fenix-home-devflow__heading p,


  body.home .fenix-home-articles__head p,


  body.home .fenix-home-contact-form__copy p,


  body.home .fenix-home-apart__copy p {

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-services {

    padding-inline: 0 !important;

  }



  body.home .fenix-home-services .fenix-home-shell {

    gap: 32px !important;

  }



  body.home .fenix-home-service-grid {

    grid-template-columns: 1fr !important;

    gap: 16px !important;

  }



  body.home .fenix-home-service-card {

    min-height: 398px !important;

  }



  body.home .fenix-home-apart,
body.home .fenix-home-contact-form {

    width: 100vw !important;

    margin-left: calc(50% - 50vw) !important;

    margin-right: calc(50% - 50vw) !important;

    padding-left: 16px !important;

    padding-right: 16px !important;

  }



  body.home .fenix-home-apart .fenix-home-shell {

    grid-template-columns: 1fr !important;

    gap: 24px !important;

  }



  body.home .fenix-home-metrics,


  body.home .fenix-home-apart__feature-grid {

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

  }



  body.home .fenix-home-devflow__diagram {

    width: 100% !important;

    height: auto !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 12px !important;

    overflow: visible !important;

  }



  body.home .fenix-home-devflow__group {

    position: static !important;

    width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-devflow__stack {

    width: 100% !important;

    height: auto !important;

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 12px !important;

  }



  body.home .fenix-home-devflow__group--5 .fenix-home-devflow__stack {

    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

  }



  body.home .fenix-home-devflow__tile {

    width: 100% !important;

    min-height: 118px !important;

    padding: 16px 8px !important;

  }



  body.home .fenix-home-devflow__tile > img {

    width: 44px !important;

    height: 44px !important;

  }



  body.home .fenix-home-devflow__tile p {

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-devflow__arrow {

    position: static !important;

    align-self: center !important;

    transform: rotate(90deg) scale(0.85) !important;

  }



  body.home .fenix-home-cases {

    padding-left: 0 !important;

    padding-right: 0 !important;

  }

  body.home .fenix-home-cases .fenix-home-shell {

    height: auto !important;

    min-height: 0 !important;

  }



  body.home .fenix-home-cases__header {

    align-items: flex-start !important;

    gap: 16px !important;

  }



  body.home .fenix-home-case-grid {

    display: flex !important;

    width: calc(100vw - 16px) !important;

    max-width: none !important;

    height: auto !important;

    margin-right: -16px !important;

    gap: 16px !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    align-items: flex-start !important;

    scroll-snap-type: x mandatory !important;

    -webkit-overflow-scrolling: touch !important;

  }



  body.home .fenix-home-case-card {

    width: 280px !important;

    min-width: 280px !important;

    height: auto !important;

    min-height: 0 !important;

    flex: 0 0 280px !important;

    scroll-snap-align: start !important;

  }

  body.home .fenix-home-case-card > div {

    min-height: 0 !important;

  }



  body.home .fenix-home-partner-row {

    width: 100% !important;

    flex-direction: column !important;

    gap: 24px !important;

  }



  body.home .fenix-home-testimonial-row {

    width: 100% !important;

    grid-template-columns: 48px minmax(0, 1fr) 48px !important;

    gap: 12px !important;

  }



  body.home .fenix-home-quote-mark {

    transform: scale(0.56) !important;

  }



  body.home .fenix-home-contact-form .fenix-home-shell {

    flex-direction: column !important;

    gap: 32px !important;

  }



  body.home .fenix-home-contact-form__copy,


  body.home .fenix-home-contact-form__copy h2,


  body.home .fenix-home-contact-form__copy p {

    width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-articles__head,


  body.home .fenix-home-article-layout,


  body.home .fenix-home-article-main,


  body.home .fenix-home-article-side {

    width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-articles__head {

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 20px !important;

  }



  body.home .fenix-home-article-main,


  body.home .fenix-home-article-side {

    flex-direction: column !important;

    gap: 16px !important;

  }



  body.home .fenix-home-article-main__image,


  body.home .fenix-home-article-card,


  body.home .fenix-home-article-card__image {

    width: 100% !important;

    flex-basis: auto !important;

  }



  body.home .fenix-home-article-main {

    padding: 0 !important;

  }

}



/* Homepage mobile/tablet visual correction for hero and service cards. */

@media (min-width: 768px) and (max-width: 1023px) {

  body.home .fenix-home-hero {

    background:

      linear-gradient(180deg, color-mix(in srgb, var(--fenix-neutral-900) 0%, transparent) 0%, color-mix(in srgb, var(--fenix-neutral-900) 0%, transparent) 62%, color-mix(in srgb, var(--fenix-neutral-900) 70%, transparent) 100%),

      linear-gradient(90deg, color-mix(in srgb, var(--fenix-primary-500) 80%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-500) 0%, transparent) 74.15%),

      url("../../images/home-hero-bg-1024.webp") center center / cover no-repeat,

      var(--fenix-neutral-900) !important;

  }



  body.home .fenix-home-service-card {

    height: 492px !important;

    min-height: 492px !important;

    border-radius: 16px !important;

  }



  body.home .fenix-home-service-card__content {

    padding: 280px 16px 56px !important;

    gap: 10px !important;

    border-radius: 8px !important;

  }



  body.home .fenix-home-service-card h3 {

    --fenix-type-line-height: var(--fenix-text-body-large-line-height) !important;

    font-size: var(--fenix-text-body-large-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-service-card p {

    --fenix-type-line-height: var(--fenix-text-caption-line-height) !important;

    font-size: var(--fenix-text-caption-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-service-card__action {

    width: 135px !important;

    height: 44px !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }

}



@media (max-width: 767px) {



  body.home .fenix-home-hero {

    height: 640px !important;

    min-height: 640px !important;

    padding: 160px 0 120px !important;

    background:

      linear-gradient(180deg, color-mix(in srgb, var(--fenix-neutral-900) 0%, transparent) 0%, color-mix(in srgb, var(--fenix-neutral-900) 0%, transparent) 62%, color-mix(in srgb, var(--fenix-neutral-900) 70%, transparent) 100%),

      linear-gradient(90deg, color-mix(in srgb, var(--fenix-primary-500) 80%, transparent) 0%, color-mix(in srgb, var(--fenix-primary-500) 0%, transparent) 74.15%),

      url("../../images/home-hero-bg-768.webp") center center / cover no-repeat,

      var(--fenix-neutral-900) !important;

  }



  body.home .fenix-home-hero__content {

    width: 358px !important;

    max-width: 100% !important;

    gap: 32px !important;

  }



  body.home .fenix-home-hero h1 {

    width: 358px !important;

    max-width: 100% !important;

    --fenix-type-line-height: var(--fenix-text-h3-line-height) !important;

    font-size: var(--fenix-text-h3-size) !important;

    font-weight: var(--fenix-text-h3-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-hero .fenix-home-button--hero {

    width: max-content !important;

    min-width: max-content !important;

    flex: 0 0 auto !important;

  }



  body.home .fenix-home-service-card {

    height: 492px !important;

    min-height: 492px !important;

    border-radius: 16px !important;

  }



  body.home .fenix-home-service-card:nth-child(2) {

    height: 476px !important;

    min-height: 476px !important;

  }



  body.home .fenix-home-service-card__content {

    padding: 280px 16px 56px !important;

    gap: 10px !important;

    border-radius: 8px !important;

  }



  body.home .fenix-home-service-card__copy {

    gap: 16px !important;

  }



  body.home .fenix-home-service-card h3 {

    --fenix-type-line-height: var(--fenix-text-body-large-line-height) !important;

    font-size: var(--fenix-text-body-large-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-service-card p {

    --fenix-type-line-height: var(--fenix-text-caption-line-height) !important;

    font-size: var(--fenix-text-caption-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-service-card__action {

    width: 135px !important;

    height: 44px !important;

    gap: 8px !important;

    padding: 0 16px !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }

}



body.home .fenix-home-service-card__action::after {

  content: "" !important;

  width: 24px !important;

  height: 24px !important;

  flex: 0 0 24px !important;

  background: currentColor !important;

  -webkit-mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M12 5L19 12L12 19' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;

  mask: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12H19M12 5L19 12L12 19' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 24px 24px no-repeat !important;

}



/* Keep the service block breathing evenly above and below on responsive frames. */



/* Tighten responsive case-study heading to card spacing. */

@media (min-width: 768px) and (max-width: 1023px) {

  body.home .fenix-home-cases .fenix-home-shell {

    gap: 40px !important;

  }



  body.home .fenix-home-cases__header {

    height: auto !important;

    min-height: 0 !important;

    margin: 0 !important;

    gap: 16px !important;

  }

}



@media (max-width: 767px) {

  body.home .fenix-home-cases .fenix-home-shell {

    gap: 24px !important;

  }



  body.home .fenix-home-cases__header,


  body.home .fenix-home-cases__header .fenix-home-heading,


  body.home .fenix-home-cases__header .fenix-home-heading h2,


  body.home .fenix-home-cases__header .fenix-home-heading p {

    height: auto !important;

    min-height: 0 !important;

  }



  body.home .fenix-home-cases__header {

    margin: 0 !important;

  }

}



/* Mobile correction for the partners/testimonials area from Frame 1000005860. */

@media (min-width: 768px) and (max-width: 1023px) {

  body.home .fenix-home-partners .fenix-home-shell,


  body.home .fenix-home-testimonials .fenix-home-shell {

    padding: 0 !important;

  }



  body.home .fenix-home-partners .fenix-home-shell {

    min-height: 283px !important;

    gap: 56px !important;

  }



  body.home .fenix-home-partners .fenix-home-heading,


  body.home .fenix-home-testimonials .fenix-home-heading {

    width: 704px !important;

    max-width: 100% !important;

    min-height: 136px !important;

    gap: 24px !important;

  }



  body.home .fenix-home-partners .fenix-home-heading h2,


  body.home .fenix-home-testimonials .fenix-home-heading h2 {

    --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

    font-size: var(--fenix-text-h2-size) !important;

    font-weight: var(--fenix-text-h2-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-partners .fenix-home-heading p,


  body.home .fenix-home-testimonials .fenix-home-heading p {

    min-height: 56px !important;

    --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

    font-size: var(--fenix-text-subtitle-size) !important;

    font-weight: var(--fenix-text-subtitle-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-partner-row {

    width: 704px !important;

    max-width: 100% !important;

    height: 91px !important;

    flex-wrap: nowrap !important;

    gap: 36px !important;

  }



  body.home .fenix-home-partner--ta img {

    width: 220px !important;

    height: auto !important;

  }



  body.home .fenix-home-partner--ls img {

    width: 210px !important;

    height: auto !important;

  }



  body.home .fenix-home-partner--alba img {

    width: 96px !important;

    height: auto !important;

  }



  body.home .fenix-home-testimonials .fenix-home-shell {

    min-height: 565px !important;

    gap: 56px !important;

  }



  body.home .fenix-home-testimonial-row {

    width: 704px !important;

    max-width: 100% !important;

    height: 273px !important;

    display: grid !important;

    grid-template-columns: 120px minmax(0, 416px) 120px !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 24px !important;

  }



  body.home .fenix-home-quote-mark {

    display: block !important;

    width: 120px !important;

    height: 120px !important;

  }



  body.home .fenix-home-quote-mark span {

    width: 35px !important;

    height: 90px !important;

    top: 15px !important;

  }



  body.home .fenix-home-quote-mark--left span:first-child,


  body.home .fenix-home-quote-mark--right span:first-child {

    left: 15px !important;

  }



  body.home .fenix-home-quote-mark--left span:last-child,


  body.home .fenix-home-quote-mark--right span:last-child {

    right: 15px !important;

  }



  body.home .fenix-home-quote {

    width: 416px !important;

    height: 164px !important;

    min-width: 0 !important;

    gap: 24px !important;

  }



  body.home .fenix-home-quote blockquote {

    width: 416px !important;

    max-width: 100% !important;

    height: auto !important;

    min-height: 84px !important;

    --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

    font-size: var(--fenix-text-subtitle-size) !important;

    font-weight: var(--fenix-text-subtitle-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    overflow-wrap: normal !important;

    word-break: normal !important;

  }



  body.home .fenix-home-quote figcaption {

    width: 416px !important;

    max-width: 100% !important;

    height: 24px !important;

  }

}



@media (max-width: 767px) {

  body.home .fenix-home-testimonials .fenix-home-shell {

    min-height: 368px !important;

    gap: 32px !important;

    padding: 0 !important;

  }



  body.home .fenix-home-testimonials .fenix-home-heading {

    width: 358px !important;

    max-width: 100% !important;

    min-height: 118px !important;

    gap: 12px !important;

    align-items: center !important;

  }



  body.home .fenix-home-testimonials .fenix-home-heading h2 {

    width: 100% !important;

    flex-shrink: 0 !important;

    min-height: 40px !important;

    --fenix-type-line-height: var(--fenix-text-h4-line-height) !important;

    font-size: var(--fenix-text-h4-size) !important;

    font-weight: var(--fenix-text-h4-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    letter-spacing: var(--fenix-letter-spacing) !important;

    text-align: center !important;

  }



  body.home .fenix-home-testimonials .fenix-home-heading p {

    width: 100% !important;

    min-height: 66px !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    text-align: center !important;

  }



  body.home .fenix-home-testimonials .fenix-home-heading p span {

    width: 358px !important;

    max-width: 100% !important;

  }



  body.home .fenix-home-testimonial-row {

    width: 358px !important;

    max-width: 100% !important;

    height: 142px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: center !important;

    justify-content: center !important;

    gap: 16px !important;

    margin: 0 !important;

  }



  body.home .fenix-home-quote-mark {

    display: none !important;

  }



  body.home .fenix-home-quote {

    width: 358px !important;

    max-width: 100% !important;

    height: 142px !important;

    align-items: flex-start !important;

    gap: 24px !important;

    text-align: left !important;

  }



  body.home .fenix-home-quote blockquote {

    width: 100% !important;

    height: 66px !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    white-space: normal !important;

    word-break: normal !important;

    overflow-wrap: normal !important;

  }



  body.home .fenix-home-quote figcaption {

    width: 100% !important;

    height: 20px !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    white-space: normal !important;

  }



  body.home .fenix-home-testimonial-dots {

    width: max-content !important;

    height: 8px !important;

    gap: 4px !important;

  }



  body.home .fenix-home-testimonials .fenix-home-button--center {

    margin: 0 auto !important;

  }

}



/* Responsive contact form correction: keep the purple block wrapping the full form. */

@media (min-width: 768px) and (max-width: 1023px) {

  body.home .fenix-home-contact-form {

    padding-inline: 0 !important;

    overflow: hidden !important;

  }



  body.home .fenix-home-contact-form .fenix-home-shell {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 48px !important;

  }



  body.home .fenix-home-contact-form__copy {

    width: 580px !important;

    max-width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-contact-form__copy h2,


  body.home .fenix-home-contact-form__copy p {

    width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-contact-form__copy h2 {

    --fenix-type-line-height: var(--fenix-text-h2-line-height) !important;

    font-size: var(--fenix-text-h2-size) !important;

    font-weight: var(--fenix-text-h2-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    letter-spacing: var(--fenix-letter-spacing) !important;

  }



  body.home .fenix-home-contact-form__copy p {

    --fenix-type-line-height: var(--fenix-text-subtitle-line-height) !important;

    font-size: var(--fenix-text-subtitle-size) !important;

    font-weight: var(--fenix-text-subtitle-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }

}



@media (max-width: 767px) {

  body.home .fenix-home-contact-form {

    box-sizing: border-box !important;

    align-items: flex-start !important;

    padding-inline: 16px !important;

    overflow: hidden !important;

  }



  body.home .fenix-home-contact-form .fenix-home-shell {

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 40px !important;

  }



  body.home .fenix-home-contact-form__copy {

    width: 358px !important;

    max-width: 100% !important;

    height: auto !important;

    flex: 0 0 auto !important;

    gap: 16px !important;

  }



  body.home .fenix-home-contact-form__copy h2 {

    width: 100% !important;

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-h4-line-height) !important;

    font-size: var(--fenix-text-h4-size) !important;

    font-weight: var(--fenix-text-h4-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-contact-form__copy p {

    width: 100% !important;

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }

}



/* Mobile latest articles correction from Frame 1000005842. */

@media (max-width: 767px) {

  body.home .fenix-home-articles .fenix-home-shell {

    align-items: center !important;

    gap: 32px !important;

    padding: 0 !important;

  }



  body.home .fenix-home-articles__head {

    width: 358px !important;

    max-width: 100% !important;

    height: 182px !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    gap: 20px !important;

    margin: 0 !important;

  }



  body.home .fenix-home-articles__copy {

    width: 358px !important;

    max-width: 100% !important;

    min-height: 118px !important;

    height: auto !important;

    gap: 12px !important;

  }



  body.home .fenix-home-articles__head h2 {

    width: 100% !important;

    flex-shrink: 0 !important;

    min-height: 40px !important;

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-h4-line-height) !important;

    font-size: var(--fenix-text-h4-size) !important;

    font-weight: var(--fenix-text-h4-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

    letter-spacing: var(--fenix-letter-spacing) !important;

  }



  body.home .fenix-home-articles__head p {

    width: 358px !important;

    max-width: 100% !important;

    min-height: 66px !important;

    height: auto !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-articles .fenix-home-button--outline {

    width: 160px !important;

    min-width: 160px !important;

  }



  body.home .fenix-home-article-tabs {

    width: 188px !important;

    height: 40px !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: center !important;

    gap: 0 !important;

    margin: 0 auto !important;

    padding: 0 !important;

    order: 0 !important;

  }



  body.home .fenix-home-article-tabs span {

    display: inline-flex !important;

    white-space: nowrap !important;

  }



  body.home .fenix-home-article-layout {

    width: 358px !important;

    max-width: 100% !important;

    height: 335.33px !important;

    display: block !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

  }



  body.home .fenix-home-article-main {

    display: none !important;

  }



  body.home .fenix-home-article-side {

    width: 358px !important;

    max-width: none !important;

    height: 335.33px !important;

    display: flex !important;

    flex-direction: row !important;

    align-items: flex-start !important;

    gap: 16px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow-x: auto !important;

    overflow-y: hidden !important;

    scroll-snap-type: x mandatory !important;

    -webkit-overflow-scrolling: touch !important;

  }



  body.home .fenix-home-article-card {

    width: 266px !important;

    min-width: 266px !important;

    height: 335.33px !important;

    flex: 0 0 266px !important;

    scroll-snap-align: start !important;

    border-radius: 24px !important;

  }



  body.home .fenix-home-article-card__image {

    width: 266px !important;

    height: 177.33px !important;

    flex: 0 0 177.33px !important;

    border-radius: 20px 20px 0 0 !important;

  }



  body.home .fenix-home-article-card .fenix-home-tags {

    width: 151px !important;

    height: 40px !important;

    gap: 8px !important;

    margin: 24px 16px 0 !important;

  }



  body.home .fenix-home-article-card .fenix-home-tags span {

    width: 45px !important;

  }



  body.home .fenix-home-article-card h3 {

    width: 234px !important;

    min-height: 22px !important;

    height: auto !important;

    margin: 16px 16px 0 !important;

    --fenix-type-line-height: var(--fenix-text-body-small-line-height) !important;

    font-size: var(--fenix-text-body-small-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-article-card time {

    width: 234px !important;

    height: 16px !important;

    margin: 16px 16px 0 !important;

    --fenix-type-line-height: var(--fenix-text-caption-line-height) !important;

    font-size: var(--fenix-text-caption-size) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }

}



/* Homepage latest articles tablet correction from responsive Figma frame. */

@media (min-width: 768px) and (max-width: 1279px) {

  body.home .fenix-home-articles .fenix-home-shell {

    gap: 56px !important;

  }



  body.home .fenix-home-articles__head {

    width: 672px !important;

    max-width: 100% !important;

    height: auto !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: flex-start !important;

    gap: 16px !important;

    margin: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

  }



  body.home .fenix-home-articles__copy {

    width: 672px !important;

    max-width: 100% !important;

    height: auto !important;

    flex: 0 0 auto !important;

    gap: 16px !important;

  }



  body.home .fenix-home-articles__head h2,


  body.home .fenix-home-articles__head p {

    width: 100% !important;

    max-width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-articles .fenix-home-button--outline {

    position: static !important;

    align-self: flex-start !important;

    width: 160px !important;

    min-width: 160px !important;

    max-width: 100% !important;

    flex: 0 0 auto !important;

    transform: none !important;

  }



  body.home .fenix-home-article-layout {

    width: 672px !important;

    max-width: 100% !important;

    height: auto !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: stretch !important;

    gap: 24px !important;

    overflow: visible !important;

  }



  body.home .fenix-home-article-main {

    width: 672px !important;

    max-width: 100% !important;

    height: 344px !important;

    min-height: 344px !important;

    display: grid !important;

    grid-template-columns: 336px minmax(0, 1fr) !important;

    align-items: stretch !important;

    gap: 0 !important;

    padding: 0 !important;

    border-radius: 16px !important;

  }



  body.home .fenix-home-article-main__image {

    width: 336px !important;

    height: 344px !important;

    min-height: 344px !important;

    flex: 0 0 336px !important;

    border-radius: 16px 0 0 16px !important;

  }



  body.home .fenix-home-article-main > div:last-child {

    width: auto !important;

    height: auto !important;

    min-width: 0 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    gap: 16px !important;

    padding: 48px 32px !important;

  }



  body.home .fenix-home-article-main h3,


  body.home .fenix-home-article-main p,


  body.home .fenix-home-article-main time {

    width: 100% !important;

    height: auto !important;

  }



  body.home .fenix-home-article-main h3 {

    --fenix-type-line-height: var(--fenix-text-h4-line-height) !important;

    font-size: var(--fenix-text-h4-size) !important;

    font-weight: var(--fenix-text-h4-weight) !important;

    line-height: var(--fenix-type-line-height, var(--fenix-text-body-line-height)) !important;

  }



  body.home .fenix-home-article-side {

    width: 672px !important;

    max-width: 100% !important;

    height: auto !important;

    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 24px !important;

    overflow: visible !important;

  }



  body.home .fenix-home-article-card {

    width: 100% !important;

    min-width: 0 !important;

    height: 344px !important;

    min-height: 344px !important;

    flex: 0 1 auto !important;

    border-radius: 16px !important;

  }



  body.home .fenix-home-article-card__image {

    width: 100% !important;

    height: 176px !important;

    min-height: 176px !important;

    flex: 0 0 176px !important;

    border-radius: 16px 16px 0 0 !important;

  }



  body.home .fenix-home-article-card .fenix-home-tags {

    width: auto !important;

    height: 40px !important;

    margin: 16px 16px 0 !important;

    gap: 8px !important;

  }



  body.home .fenix-home-article-card .fenix-home-tags span {

    width: auto !important;

    min-width: 45px !important;

  }



  body.home .fenix-home-article-card h3 {

    width: calc(100% - 32px) !important;

    height: auto !important;

    margin: 16px 16px 0 !important;

  }



  body.home .fenix-home-article-card time {

    width: calc(100% - 32px) !important;

    height: auto !important;

    margin: 16px 16px 0 !important;

  }



  body.home .fenix-home-article-side .fenix-home-article-card:nth-child(n+3) {

    display: none !important;

  }

}



/* Keep the scroll-up button inside the responsive homepage canvas. */

@media (min-width: 768px) and (max-width: 1279px) {

  body.home .fenix-home-scroll-top {

    right: 24px !important;

    bottom: 32px !important;

  }

}



@media (max-width: 767px) {

  body.home .fenix-home-scroll-top {

    right: auto !important;

    left: clamp(260px, calc(100vw - 60px), 330px) !important;

    bottom: 20px !important;

  }

}



/* Homepage tablet header correction from supplied responsive design. */



/* Homepage header scroll background correction. */

@media (max-width: 767px) {
  body.home .fenix-home-case-grid {
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
  }

  body.home .fenix-home-case-grid::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
  }

  body.home .fenix-home-cases .fenix-home-tags {
    flex-wrap: nowrap !important;
    gap: 8px !important;
  }

  body.home .fenix-home-cases .fenix-home-tags span {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    white-space: nowrap !important;
  }
}

/* HUG-height cards keep CMS text and tags inside the horizontal carousel. */
.fenix-home-cases__mobile-break {
  display: none;
}

@media (max-width: 1279px) {
  html body .fenix-home-cases .fenix-home-case-card p {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    overflow: hidden !important;
  }

  html body .fenix-home-cases .fenix-home-tags span {
    box-sizing: border-box !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 12px !important;
    font-size: 13px !important;
    line-height: 18px !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
}

@media (max-width: 767px) {
  html body .fenix-home-cases .fenix-home-tags span {
    min-height: 40px !important;
    font-size: 12px !important;
    line-height: 16px !important;
  }
}

@media (min-width: 768px) and (max-width: 1279px) {
  html body .fenix-home-cases {
    padding: 64px 0 !important;
    background: var(--fenix-primary-50) !important;
  }

  html body .fenix-home-cases .fenix-home-shell {
    width: calc(100% - 64px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    gap: 48px !important;
    height: auto !important;
    min-height: 0 !important;
  }

  html body .fenix-home-cases__header {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 20px !important;
    align-items: flex-start !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body .fenix-home-cases .fenix-home-heading {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 16px !important;
    text-align: left !important;
    letter-spacing: 0 !important;
  }

  html body .fenix-home-cases .fenix-home-heading h2 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 40px !important;
    line-height: 48px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
  }

  html body .fenix-home-cases .fenix-home-heading p {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 400 !important;
    text-align: left !important;
    letter-spacing: 0 !important;
  }

  html body .fenix-home-cases__button {
    width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 !important;
    flex: 0 0 44px !important;
  }

  html body .fenix-home-case-grid {
    width: calc(100% + 32px) !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: none !important;
    justify-content: start !important;
    gap: 24px !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    max-width: none !important;
    margin: 0 !important;
    padding-right: 32px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    scroll-snap-type: x mandatory !important;
  }

  html body .fenix-home-case-grid::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html body .fenix-home-case-card {
    width: 375px !important;
    min-width: 375px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 375px !important;
    gap: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    scroll-snap-align: start !important;
  }

  html body .fenix-home-case-card__image {
    width: 100% !important;
    height: 256px !important;
    min-height: 256px !important;
    margin: 0 !important;
    border-radius: 24px !important;
    flex: 0 0 256px !important;
  }

  html body .fenix-home-case-card > div {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    flex: 1 !important;
  }

  html body .fenix-home-case-card h3 {
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
  }

  html body .fenix-home-case-card p {
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    margin: 0 !important;
    font-size: 13px !important;
    line-height: 18px !important;
    font-weight: 400 !important;
    overflow-wrap: anywhere !important;
  }

  html body .fenix-home-cases .fenix-home-tags {
    height: auto !important;
    min-height: 0 !important;
    margin: auto 0 0 !important;
    gap: 8px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
  }
}

@media (max-width: 767px) {
  html body .fenix-home-cases {
    padding: 48px 0 !important;
    background: var(--fenix-primary-50) !important;
  }

  html body .fenix-home-cases .fenix-home-shell {
    width: calc(100% - 32px) !important;
    max-width: none !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    gap: 32px !important;
  }

  html body .fenix-home-cases__header {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    gap: 20px !important;
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html body .fenix-home-cases .fenix-home-heading {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    gap: 12px !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }

  html body .fenix-home-cases .fenix-home-heading h2 {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-align: center !important;
  }

  html body .fenix-home-cases .fenix-home-heading p {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 400 !important;
    text-align: center !important;
    letter-spacing: 0 !important;
  }

  html body .fenix-home-cases__mobile-break {
    display: inline !important;
  }

  html body .fenix-home-cases__button {
    width: 160px !important;
    height: 44px !important;
    min-height: 44px !important;
    margin: 0 auto !important;
    flex: 0 0 44px !important;
  }

  html body .fenix-home-case-grid {
    width: calc(100% + 16px) !important;
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: none !important;
    justify-content: start !important;
    gap: 16px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scrollbar-width: none !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    max-width: none !important;
    padding-right: 16px !important;
    box-sizing: border-box !important;
    align-items: stretch !important;
    scroll-snap-type: x mandatory !important;
  }

  html body .fenix-home-case-grid::-webkit-scrollbar {
    display: none !important;
    width: 0 !important;
    height: 0 !important;
  }

  html body .fenix-home-case-card {
    width: 266px !important;
    min-width: 266px !important;
    height: auto !important;
    min-height: 0 !important;
    flex: 0 0 266px !important;
    gap: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    scroll-snap-align: start !important;
  }

  html body .fenix-home-case-card__image {
    width: 100% !important;
    height: 256px !important;
    min-height: 256px !important;
    margin: 0 !important;
    border-radius: 24px !important;
    flex: 0 0 256px !important;
  }

  html body .fenix-home-case-card > div {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    min-width: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 16px !important;
    flex: 1 !important;
  }

  html body .fenix-home-case-card h3 {
    width: 100% !important;
    height: auto !important;
    min-height: 44px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 700 !important;
    overflow-wrap: anywhere !important;
  }

  html body .fenix-home-case-card p {
    width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 0 !important;
    font-size: 12px !important;
    line-height: 16px !important;
    font-weight: 400 !important;
    overflow-wrap: anywhere !important;
  }

  html body .fenix-home-cases .fenix-home-tags {
    height: auto !important;
    min-height: 0 !important;
    margin: auto 0 0 !important;
    gap: 8px !important;
    width: 100% !important;
    flex-wrap: wrap !important;
  }
}

/* Case study block: match the supplied 1512px Figma frame. */
@media (min-width: 1280px) {
  html body .fenix-home-cases {
    padding: 120px 0 !important;
    background: var(--fenix-primary-50) !important;
  }

  html body .fenix-home-cases .fenix-home-shell {
    width: 1192px !important;
    max-width: calc(100% - 64px) !important;
    margin: 0 auto !important;
    gap: 56px !important;
  }

  html body .fenix-home-cases__header {
    width: 1192px !important;
    height: 108px !important;
    margin: 0 !important;
    gap: 32px !important;
    align-items: flex-end !important;
  }

  html body .fenix-home-cases .fenix-home-heading {
    width: 1000px !important;
    height: 108px !important;
    gap: 24px !important;
  }

  html body .fenix-home-cases .fenix-home-heading h2 {
    font-size: 48px !important;
    line-height: 56px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
  }

  html body .fenix-home-cases .fenix-home-heading p {
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 400 !important;
  }

  html body .fenix-home-cases__button {
    width: 160px !important;
    height: 44px !important;
    margin: 0 !important;
    flex: 0 0 160px !important;
  }

  html body .fenix-home-case-grid {
    width: 1192px !important;
    height: 444px !important;
    grid-template-columns: repeat(3, 375px) !important;
    justify-content: start !important;
    gap: 32px !important;
  }

  html body .fenix-home-case-card {
    width: 375px !important;
    height: 444px !important;
    gap: 24px !important;
  }

  html body .fenix-home-case-card__image {
    width: 375px !important;
    height: 256px !important;
    border-radius: 24px !important;
  }

  html body .fenix-home-case-card > div {
    width: 375px !important;
    height: 164px !important;
    min-height: 164px !important;
  }

  html body .fenix-home-case-card h3 {
    width: 375px !important;
    height: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    font-family: var(--fenix-font-en), var(--fenix-font-ja), sans-serif !important;
    font-size: 20px !important;
    line-height: 28px !important;
    font-weight: 700 !important;
  }

  html body .fenix-home-case-card p {
    width: 375px !important;
    height: 60px !important;
    min-height: 60px !important;
    margin: 16px 0 0 !important;
    font-size: 14px !important;
    line-height: 20px !important;
    font-weight: 400 !important;
  }

  html body .fenix-home-cases .fenix-home-tags {
    height: 44px !important;
    min-height: 44px !important;
    margin: 16px 0 0 !important;
    gap: 8px !important;
  }
}