@charset "UTF-8";
/*! Normalise CSS !*/
@import url(normalize.css);
/*! AOS custom animation: scale 0.8 -> 1 (use data-aos="scale-up") !*/
@import url(root.css);
[data-aos=scale-up] {
  opacity: 0;
  transform: scale(1);
  transition-property: transform, opacity;
  transform-origin: bottom center;
}

[data-aos=scale-up].aos-animate {
  opacity: 1 !important;
  transform: scale(1.08) !important;
}

/*! AOS custom: short top -> bottom fade (use data-aos="fade-down-sm")
   uses the independent `translate` property so it composes with any
   existing `transform: rotate()` instead of overriding it !*/
[data-aos=fade-down-sm] {
  opacity: 0 !important;
  translate: 0 -1.875rem !important;
  transition-property: translate, opacity !important;
}

[data-aos=fade-down-sm].aos-animate {
  opacity: 1 !important;
  translate: 0 0 !important;
}

/*! AOS custom: fade up + subtle scale 1 -> 1.02 (use data-aos="fade-up-scale") !*/
[data-aos=fade-up-scale] {
  opacity: 0;
  transform: translateY(1.25rem) scale(1);
  transition-property: transform, opacity;
}

[data-aos=fade-up-scale].aos-animate {
  opacity: 1;
  transform: translateY(0) scale(1.02);
}

/*!Root Css!*/
/*! Google Fonts !*/
/*! Google Fonts !*/
* {
  margin: 0rem;
  padding: 0rem;
  box-sizing: border-box;
}

html {
  width: 100%;
  height: 100%;
  margin: 0rem;
  padding: 0rem;
}

body {
  margin: 0rem;
  padding: 0rem;
  color: var(--Neutral-50);
  /* Website/lg/Regular */
  font-family: Inter;
  font-size: var(--fs-lg);
  font-style: normal;
  font-weight: 400;
  line-height: 2.34375rem; /* 150% */
  background: #fff;
  overflow-x: hidden;
}

/* ===========================
   Global Typography
=========================== */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-family);
  color: var(--neutral-900);
  margin: 0;
}

h1 {
  font-size: var(--fs-5xl);
  line-height: var(--lh-5xl);
  font-weight: var(--font-semibold);
}

h2 {
  font-size: var(--fs-4xl);
  line-height: var(--lh-4xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

h3 {
  font-size: var(--fs-3xl);
  line-height: var(--lh-3xl);
  font-weight: var(--font-semibold);
}

h4 {
  font-size: var(--fs-2xl);
  line-height: var(--lh-2xl);
  font-weight: var(--font-medium);
}

h5 {
  font-size: var(--fs-xl);
  line-height: var(--lh-xl);
  font-weight: var(--font-medium);
}

h6 {
  font-size: var(--fs-lg);
  line-height: var(--lh-lg);
  font-weight: var(--font-medium);
  color: var(--neutral-0-white, #fff);
}

.subheading {
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-medium);
  color: var(--neutral-900);
}

/* Global section heading — dark gradient h2 */
.heading-title-h2 {
  font-size: var(--fs-3xl);
  line-height: 4.59375rem; /* 73.5px */
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

p {
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-700);
  margin: 0 0 20px;
}

img {
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-object-fit: cover;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
ul li {
  margin: 0;
  padding: 0;
}

a {
  transition: all 0.3s ease-in-out;
  text-decoration: none;
}

/* ===========================
   Buttons
=========================== */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  font-weight: var(--font-medium);
  line-height: var(--lh-sm);
  border-radius: 1rem;
  padding: 1rem 1.5rem;
  border: none;
  cursor: pointer;
  text-decoration: none;
  transition: opacity 0.2s ease;
  gap: 0.625rem;
  background: linear-gradient(90deg, var(--neutral-0-white, #fff) 0%, var(--Neutral-50, #f4f7f9) 100%);
  color: var(----neutral-900);
}
.btn:hover {
  opacity: 0.88;
}

/* Dark gradient CTA — primary action */
.btn-primary {
  background: linear-gradient(135deg, var(--neutral-950), var(--neutral-800));
  color: var(--neutral-50);
}

/* Light gradient — secondary / ghost */
.btn-secondary {
  background: linear-gradient(135deg, var(--white), var(--neutral-50));
  color: var(--neutral-900);
  border: 0.0625rem solid var(--neutral-200);
}

/* Blue accent — info / link actions */
.btn-accent {
  background: var(--primary-500);
  color: var(--white);
}

.btn-accent:hover {
  background: var(--primary-600);
  opacity: 1;
}

input:not([type=submit])::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
  opacity: 0.5;
}

input:not([type=submit])::placeholder,
textarea::placeholder,
select::placeholder {
  opacity: 0.5;
}

input:not([type=submit]),
select {
  display: block;
  width: 100%;
  padding: 8px 20px;
  border-radius: 8px;
  background: #f1f1f1;
  color: #000;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border: none;
  outline: none;
  box-shadow: none;
  line-height: normal;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  transition: all 0.3s ease-in-out;
  position: relative;
}

select {
  background: #f1f1f1 url(../images/downarrow.svg) no-repeat right 10px center !important;
}

textarea {
  height: 208px;
  resize: none;
  overflow: hidden;
  display: block;
  width: 100%;
  color: #000;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  padding: 8px 20px;
  border: none;
  border-radius: 12px;
  background: #f1f1f1;
  margin-bottom: 16px;
  outline: none;
  box-shadow: none;
  line-height: normal;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  transition: all 0.3s ease-in-out;
  position: relative;
}

textarea:focus {
  outline: none;
  box-shadow: none;
  border: none;
  background: #f1f1f1;
  box-shadow: none;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: var(--Black, #000);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  background: url(../images/downarrow.svg) no-repeat right center;
}

select:focus {
  border: 1px solid #cccccc;
  outline: none;
  background-color: #fff;
}

select option {
  color: #1d1d1d;
  font-size: 14px;
  font-weight: 400;
}

label {
  color: #0d0d0d;
  font-family: Montserrat;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
  display: block;
}

.checkbox {
  display: inline-block;
}
.checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}
.checkbox label {
  position: relative;
  cursor: pointer;
  color: #090914;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  margin: 0;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 8px;
  text-align: left;
}
.checkbox label:before {
  content: "";
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #bbc4cd;
  padding: 11px;
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 8px;
  border-radius: 4px;
  top: 0;
}
.checkbox label a {
  text-decoration: none;
  color: var(--accent-color-2, #ed7005);
}
.checkbox input:checked + label::before {
  background: #fff;
}
.checkbox input:checked + label:after {
  position: absolute;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f00c";
  left: 6px;
  font-size: 13px;
  top: 1px;
  color: #121212;
}

.container {
  max-width: 1278px;
}

.container-custom {
  max-width: 1540px;
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}

.swiper-button-disabled {
  opacity: 0.5;
}

.mainhd {
  padding: 1rem 0;
  background: linear-gradient(0deg, rgba(18, 19, 20, 0.05) 0%, rgba(18, 19, 20, 0.05) 100%), rgba(255, 255, 255, 0.05);
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
}
.mainhd:before {
  content: "";
  position: absolute;
  inset: 0;
  backdrop-filter: blur(25px);
  z-index: -1;
}
.mainhd .headerrow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.5rem;
}
.mainhd .headerrow .logo {
  max-width: 5.125rem;
}
.mainhd .headerrow .logo img {
  width: 100%;
}
.mainhd .headerrow .navigation ul > li > a {
  color: var(--neutral-100);
  /* Admin Panel/xs-1/Regular */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22.4px; /* 140% */
  text-decoration: none;
}
.mainhd .headerrow .contact {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.mainhd .headerrow .contact .ahg-nav-search__btn {
  width: 1.1875rem;
  flex-shrink: 0;
  aspect-ratio: 1/1;
  background-color: transparent;
  border: none;
}

body:has(.navigation-white) .mainhd {
  background: white;
}
body:has(.navigation-white) .mainhd .headerrow .logo img {
  filter: grayscale(0) brightness(0);
}
body:has(.navigation-white) .mainhd .headerrow .navigation ul > li > a {
  color: var(--neutral-800);
}
body:has(.navigation-white) .mainhd .stellarnav li.has-sub > a:after {
  background: url(../images/navdown-black.svg) no-repeat 0 0;
}
body:has(.navigation-white) .mainhd .headerrow .contact .ahg-nav-search__btn img {
  filter: grayscale(0) brightness(0);
}

.banner {
  position: relative;
  width: 100%;
  height: 100vh;
  height: 100dvh;
}
.banner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(26, 27, 29, 0) 34.49%, var(--neutral-900-charcoal, #1a1b1d) 100%);
}
.banner video {
  width: 100% !important;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.banner .container-custom {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 4.06rem;
  gap: 1rem;
}
.banner h2 {
  max-width: 40.75rem;
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.health-device {
  padding: 11.25rem 0 16.87rem;
}
.health-device h2 {
  max-width: 52.375rem;
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 5.62rem;
}
.health-device h6 {
  color: var(--neutral-700);
  text-align: center;
  font-weight: var(--font-semibold);
}
.health-device .health-bx {
  height: 100%;
  display: inline-flex;
  padding: 2rem 3.375rem 0 3.4375rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  gap: 2rem;
  border-radius: 2.5rem;
  background: var(--Neutral-50, #f4f7f9);
}
.health-device .health-bx .icon {
  display: flex;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0.875rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  border-radius: 1rem;
  background: var(--neutral-100-azureish-white, #e1e9ed);
}
.health-device .health-bx .icon img {
  width: auto;
}
.health-device .health-bx img {
  max-width: 24rem;
  width: 100%;
}

.connected-experience {
  padding-bottom: 11.25rem;
}
.connected-experience .connected-experience-inner {
  position: relative;
}
.connected-experience .connected-experience-inner .connected-experience-text {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4rem;
}
.connected-experience .connected-experience-inner .connected-experience-text h3 {
  max-width: 23.5625rem;
  color: var(--white);
  margin-bottom: 1rem;
}
.connected-experience .connected-experience-inner .connected-experience-text p {
  color: var(--neutral-50);
  /* Website/xs-1/Regular */
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  font-weight: var(--font-regular);
  line-height: var(--lh-sm); /* 150% */
  margin-bottom: 0;
  max-width: 20.4375rem;
  margin-bottom: 2rem;
}
.connected-experience .video-container {
  overflow: hidden;
  height: 40rem;
  flex-shrink: 0;
  border-radius: 2.5rem;
  position: relative;
}
.connected-experience .video-container:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(26, 27, 29, 0) 40.41%, var(--neutral-900-charcoal, #1a1b1d) 100%);
}
.connected-experience .video-container video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.eco-system-outer {
  overflow: hidden;
  position: relative;
  height: 102.375rem;
  padding-top: 7.94rem;
  padding-bottom: 6.63rem;
}
.eco-system-outer:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(70px);
  z-index: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.eco-system-outer.active:before {
  opacity: 1;
}
.eco-system-outer.active .row:first-child {
  opacity: 0;
}
.eco-system-outer.active .row:nth-child(2) .eco-system-text-bx {
  opacity: 1;
  transform: translateY(0);
}
.eco-system-outer.active .row:nth-child(2) .eco-system-img {
  transform: scale(1);
  opacity: 1;
}
.eco-system-outer .bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  height: 100%;
  width: 100%;
}
.eco-system-outer .container {
  height: 100%;
}
.eco-system-outer .container .eco-system-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
  align-items: stretch;
  justify-content: space-between;
}
.eco-system-outer h2,
.eco-system-outer p {
  max-width: 33.625rem;
  margin-bottom: 0;
}
.eco-system-outer h2 {
  margin-bottom: 3rem;
}
.eco-system-outer p {
  color: var(--neutral-50);
  /* Website/lg/Regular */
  font-family: var(--font-family);
  font-size: var(--fs-base);
  font-weight: var(--font-regular);
  line-height: 2.34375rem; /* 150% */
}
.eco-system-outer h4 {
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.eco-system-outer .row {
  position: relative;
  z-index: 1;
}
.eco-system-outer .row:first-child {
  transition: all 0.3s ease-in-out;
}
.eco-system-outer .row:first-child .eco-system-text-bx {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
}
.eco-system-outer .row:nth-child(2) .eco-system-text-bx {
  opacity: 0;
  max-width: 35.1875rem;
  transform: translateY(2rem);
  transition: all 0.3s ease-in-out;
}
.eco-system-outer .row:nth-child(2) .eco-system-text-bx h4 {
  margin-bottom: 3rem;
}
.eco-system-outer .row:nth-child(2) p {
  color: var(--neutral-50);
  font-size: var(--fs-lg);
}
.eco-system-outer .row:nth-child(2) .eco-system-img {
  opacity: 0;
  transform: scale(0.9);
  position: relative;
  right: -156px;
  transition: all 0.5s ease-in-out;
}
.eco-system-outer.info-sec .eco-system-img {
  right: 0 !important;
  text-align: right;
}
.eco-system-outer.info-sec .eco-system-img img {
  margin-left: auto;
}

.everything-together {
  padding: 11.25rem 0;
  text-align: center;
}
.everything-together h2 {
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 46.5rem;
  margin: 0 auto 2.5rem;
}
.everything-together p {
  color: var(--Neutral-600, #5f676e);
  text-align: center;
  /* Website/lg/Regular */
  font-family: Inter;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.34375rem; /* 150% */
  max-width: 46.8rem;
  margin: 0 auto 5.63rem;
}
.everything-together .et-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5rem;
  padding-bottom: 5.62rem;
}
.everything-together .together-bx {
  border-radius: 1rem;
  background: linear-gradient(180deg, var(--Neutral-50, #f4f7f9) 0%, var(--neutral-0-white, #fff) 100%);
  display: flex;
  max-width: 24.225rem;
  width: 100%;
  padding: 1rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 0.25rem;
  text-align: left;
}
.everything-together .together-bx h6 {
  color: var(--neutral-900);
  font-weight: var(--font-semibold);
  margin-bottom: 0.25rem;
}
.everything-together .together-bx p {
  text-align: left;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  color: var(--neutral-600);
  margin-bottom: 0;
}
.everything-together .imgbx {
  text-align: center;
}
.everything-together .imgbx .imgbx-inner {
  max-width: 687px;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.everything-together .imgbx .imgbx-inner .top-img {
  width: 100%;
  z-index: 1;
  position: relative;
}
.everything-together .imgbx .imgbx-inner .bottom-img {
  max-width: 642px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.5s;
  top: -400px;
  z-index: 0;
}
.everything-together.active .imgbx .imgbx-inner .bottom-img {
  top: -70px;
}

.products-slider {
  padding: 11.25rem 0;
  overflow: hidden;
}
.products-slider-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.products-slider-heading {
  max-width: 55.875rem;
}
.products-slider-heading p {
  color: var(--neutral-600, #5f676e);
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  margin-bottom: 0;
}

.products-h2 {
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
}

.slider-controls {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  flex-shrink: 0;
}
.slider-controls .slider-btn {
  width: 3.5rem;
  height: 3.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s ease;
}
.slider-controls .slider-btn.ahg-products__prev {
  rotate: -180deg;
}
.slider-controls .slider-btn:hover {
  opacity: 0.7;
}
.slider-controls .slider-btn img {
  width: 100%;
  height: 100%;
}

.ahgProductSwiper {
  overflow: visible;
}

.product-card {
  width: 100%;
  height: 36.25rem;
  border-radius: 3rem;
  background: linear-gradient(43.5deg, var(--neutral-50, #f4f7f9) 80%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  overflow: hidden;
  position: relative;
}
.product-card-content {
  position: absolute;
  top: 3.5rem;
  left: 3.5rem;
  width: 22.375rem;
  z-index: 1;
}
.product-card-title {
  font-size: 1.9375rem;
  line-height: 2.7125rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-800, #2c3035);
  margin-bottom: 1.25rem;
  background: none;
  -webkit-text-fill-color: var(--neutral-800, #2c3035);
}
.product-card-desc {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
  margin-bottom: 1.5rem;
}
.product-card-img {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 50%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  pointer-events: none;
}
.product-card-img img {
  max-height: 100%;
  width: auto;
  max-width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: bottom center;
     object-position: bottom center;
}

.product-discover-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-weight: var(--font-medium);
  line-height: 1.4rem;
  color: var(--neutral-500, #7e8590);
  text-decoration: none;
  transition: color 0.2s ease;
}
.product-discover-link:hover {
  color: var(--neutral-800, #2c3035);
}

.products-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 2.5rem;
}
.products-pagination .swiper-pagination-bullet {
  height: 0.75rem;
  width: 0.75rem;
  border-radius: 3.75rem;
  background: var(--neutral-200, #c9d3d9);
  opacity: 1;
  margin: 0 !important;
  cursor: pointer;
  transition: all 0.3s ease;
}
.products-pagination .swiper-pagination-bullet-active {
  width: 2.25rem;
  background: var(--neutral-900, #1a1b1d);
}

.digital-heart {
  height: 1289px;
  position: relative;
  padding: 6.25rem 0 5rem;
}
.digital-heart .img-container {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.digital-heart .img-container:before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, var(--Neutral-950, #121314) 0%, rgba(18, 19, 20, 0) 49.96%), linear-gradient(270deg, var(--Neutral-950, #121314) 0%, rgba(18, 19, 20, 0) 57.31%);
}
.digital-heart .img-container .bg {
  width: 100%;
  height: 100%;
}
.digital-heart .container-custom {
  display: flex;
  position: absolute;
  flex-direction: column;
  justify-content: space-between;
  inset: 6.25rem 0 5rem;
}
.digital-heart .container-custom .dh-bx-img {
  border-radius: 2.5rem;
  background: var(--white);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}
.digital-heart .container-custom .dh-bx-img img {
  max-width: 17.6875rem;
  width: 100%;
  margin: 0 auto;
}
.digital-heart .container-custom .dh-txt {
  margin-top: 1.5rem;
}
.digital-heart .container-custom .dh-txt span {
  display: inline-block;
  align-self: stretch;
  font-size: var(--fs-base);
  font-weight: var(--font-regular);
  line-height: 1.875rem; /* 150% */
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.digital-heart .container-custom .dh-text {
  max-width: 29.9375rem;
  width: 100%;
  margin-left: auto;
}
.digital-heart .container-custom .dh-text h2 {
  margin-bottom: 2rem;
}
.digital-heart .container-custom .dh-text p {
  color: var(--neutral-50);
  /* Website/lg/Regular */
  font-family: var(--font-family);
  font-size: var(--fs-lg);
  font-weight: var(--font-regular);
  line-height: 2.34375rem;
}

.app-features {
  padding: 11.25rem 0;
}
.app-features .app-features-title {
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 55.875rem;
  margin-bottom: 3.75rem;
}
.app-features .app-features-card {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  min-height: 43.1875rem;
  padding: 1.5rem 3.75rem;
  border-radius: 3rem;
  background: linear-gradient(38deg, var(--neutral-50, #f4f7f9) 80%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  overflow: hidden;
}
.app-features .app-features-card.thermometer {
  min-height: 590px;
}
.app-features .app-features-accordion-wrap {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  max-width: 29.125rem;
  width: 100%;
}
.app-features .app-features-accordion-wrap--scrollable .app-features-accordion {
  overflow-y: auto;
  scroll-behavior: smooth;
  height: 550px;
  justify-content: start;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.app-features .app-features-accordion-wrap--scrollable .app-features-accordion::-webkit-scrollbar {
  display: none;
}
.app-features .app-features-accordion-nav {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  padding-top: 0.25rem;
}
.app-features .app-features-accordion-nav__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 0.0625rem solid var(--neutral-200, #c9d3d9);
  background: var(--neutral-0-white, #fff);
  color: var(--neutral-700, #3f464c);
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease;
}
.app-features .app-features-accordion-nav__btn svg {
  display: block;
  pointer-events: none;
}
.app-features .app-features-accordion-nav__btn:hover:not(:disabled) {
  background: var(--neutral-100-azureish-white, #e1e9ed);
  border-color: var(--neutral-300, #a9b6bd);
}
.app-features .app-features-accordion-nav__btn:disabled {
  opacity: 0.35;
  cursor: default;
}
.app-features .app-features-accordion {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 29.125rem;
  width: 100%;
  /* APPLE-STYLE ACCORDION: flex-start so a collapsed item is only as
         wide as its label (a pill). The open item stretches to 100% (see
         .is-open) — animating between the two widths + heights together is
         what makes the box grow diagonally instead of just vertically. */
  align-items: flex-start;
}
.app-features .ahg-acc-item {
  background: var(--neutral-0-white, #fff);
  border-radius: 1rem;
  padding: 1rem;
  cursor: pointer;
  /* APPLE-STYLE ACCORDION: only transition colours/padding here — the
         width + height are driven by JS (Web Animations API) so the CSS
         transition must NOT also fight over them. */
  transition: background-color 0.3s ease, padding 0.3s ease;
  /* clip the answer text while the box is smaller than its content
         during the diagonal grow/shrink */
  overflow: hidden;
  flex-shrink: 0;
}
.app-features .ahg-acc-item.is-open {
  /* stays a visible card (NOT transparent) so you actually see the
           box grow diagonally, exactly like Apple's panel */
  width: 100%;
  cursor: default;
  padding: 1rem;
}
.app-features .ahg-acc-item.is-open .ahg-acc-icon {
  display: none;
}
.app-features .ahg-acc-item.is-open .ahg-acc-title {
  font-weight: var(--font-semibold);
}
.app-features .ahg-acc-head {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  /* keep the label on one line while collapsed so the pill measures its
         real single-line width (otherwise it could wrap at the narrow size) */
  white-space: nowrap;
}
.app-features .ahg-acc-icon {
  width: 1.1875rem;
  height: 1.1875rem;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-features .ahg-acc-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--font-medium);
  color: var(--neutral-800, #2c3035);
  margin: 0;
}
.app-features {
  /* ============================================================
       APPLE-STYLE ACCORDION BODY (reuse for any similar accordion)
       - height starts at 0 and gets animated to its content height
         via JS (Web Animations API) instead of jQuery slideUp/Down,
         so the easing matches Apple's smooth "grow the card" feel.
       - overflow:hidden is required so the collapsed height is
         really 0 and so the child's margin-top below doesn't
         collapse out of the box (see .ahg-acc-body p margin-top).
       - opacity is animated separately/slower in JS so the text
         fades in a beat AFTER the box has started expanding.
       ============================================================ */
}
.app-features .ahg-acc-body {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.app-features .ahg-acc-body p {
  font-size: var(--fs-sm);
  line-height: 1.4rem;
  color: var(--neutral-600, #5f676e);
  max-width: 22.375rem;
  margin-top: 0.5rem; /* replaces the old padding-top: 0.5rem on the body — must live on the child, not the collapsing element */
  margin-bottom: 0;
}
.app-features {
  /* ============================================================
       END APPLE-STYLE ACCORDION BODY
       ============================================================ */
}
.app-features .app-features-phone {
  flex-shrink: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-right: 6.25rem;
  background: #000 url(../images/frame-bg.png) no-repeat 0 0;
  padding: 11px;
  background-size: 100%;
  border-radius: 43px;
}
.app-features .app-features-phone img {
  width: 19.5rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 3rem;
}

.app-features.technical-specs.technical-outer-236 .technical-specs-media {
  padding: 0;
}

.why-ahg {
  padding: 11.25rem 0 0;
  overflow: hidden;
}
.why-ahg .why-ahg-head {
  max-width: 55.875rem;
  margin: 0 auto;
  text-align: center;
}
.why-ahg .why-ahg-title {
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1rem;
}
.why-ahg .why-ahg-sub {
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  font-weight: var(--font-medium);
  color: var(--neutral-600, #5f676e);
  margin-bottom: 0;
}
.why-ahg .why-ahg-body {
  position: relative;
  display: flex;
  justify-content: flex-end;
  margin-top: 12.88rem;
  padding-bottom: 27.69rem;
}
.why-ahg .why-ahg-visual {
  position: absolute;
  left: -15rem;
  bottom: 5.62rem;
  width: 87rem;
  z-index: 0;
  pointer-events: none;
}
.why-ahg .why-ahg-visual img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-ahg .why-ahg-list {
  position: relative;
  z-index: 1;
  width: 30.75rem;
  display: flex;
  flex-direction: column;
  gap: 3.9375rem;
}
.why-ahg .why-ahg-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1rem;
}
.why-ahg .why-ahg-icon {
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 1rem;
  background: var(--neutral-100-azureish-white, #e1e9ed);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.why-ahg .why-ahg-icon img {
  width: 1.75rem;
  height: 1.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-ahg .why-ahg-item-title {
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-800, #2c3035);
  background: none;
  -webkit-text-fill-color: var(--neutral-800, #2c3035);
  margin: 0;
}
.why-ahg .why-ahg-item-desc {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}

.distribution-banner {
  position: relative;
  height: 73rem;
  overflow: hidden;
}
.distribution-banner .bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}
.distribution-banner:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0.906%, rgba(18, 19, 20, 0) 50%);
}
.distribution-banner .container-custom {
  position: relative;
  height: 100%;
}
.distribution-banner .distribution-text {
  position: absolute;
  top: 6.25rem;
  max-width: 32.375rem;
}
.distribution-banner h2 {
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
}
.distribution-banner p {
  color: var(--neutral-50, #f4f7f9);
  font-size: var(--fs-lg);
  font-weight: var(--font-regular);
  line-height: 2.34375rem;
  max-width: 29.9375rem;
  margin-bottom: 0;
}
.distribution-banner .distribution-slider {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 3.75rem;
  z-index: 1;
}
.distribution-banner .distribution-slider .container-custom {
  height: auto;
}
.distribution-banner .ahgDistributionSwiper {
  overflow: visible;
}
.distribution-banner .swiper-slide {
  width: 24.75rem;
  height: auto;
}
.distribution-banner .dist-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.distribution-banner .dist-card-box {
  width: 100%;
  height: 22.6875rem;
  border-radius: 2.5rem;
  background: var(--neutral-0-white, #fff);
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3.75rem;
}
.distribution-banner .dist-card-box img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.distribution-banner .dist-card-label {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-medium);
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0;
}
.distribution-banner .distribution-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.875rem;
  margin-top: 2.5rem;
}
.distribution-banner .distribution-nav .slider-btn {
  width: 3.5rem;
  height: 3.5rem;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.distribution-banner .distribution-nav .slider-btn:hover {
  opacity: 0.7;
}
.distribution-banner .distribution-nav .slider-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.distribution-banner .distribution-nav .slider-btn.ahg-dist__prev {
  transform: rotate(-180deg);
}

.support {
  background: var(--neutral-50, #f4f7f9);
  padding: 11.25rem 0 5.62rem;
  overflow: hidden;
}
.support .support-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.support .support-heading {
  max-width: 47.1875rem;
}
.support .support-title {
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 39rem;
  margin-bottom: 1.5rem;
}
.support .support-heading p {
  color: var(--neutral-600, #5f676e);
  font-size: var(--fs-lg);
  font-weight: var(--font-regular);
  line-height: 2.34375rem;
  margin-bottom: 0;
}
.support .slider-controls {
  display: flex;
  align-items: center;
  gap: 1.875rem;
  flex-shrink: 0;
}
.support .slider-controls .slider-btn {
  width: 3.5rem;
  height: 3.5rem;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.support .slider-controls .slider-btn.ahg-support__prev {
  transform: rotate(-180deg);
}
.support .slider-controls .slider-btn:hover {
  opacity: 0.7;
}
.support .slider-controls .slider-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support .ahgSupportSwiper {
  overflow: visible;
}
.support .swiper-slide {
  width: 30.8125rem;
  height: auto;
}
.support .support-card {
  position: relative;
  width: 100%;
  height: 36.75rem;
  border-radius: 2.5rem;
  background: var(--neutral-0-white, #fff);
  overflow: hidden;
  padding: 2.5rem;
}
.support .support-card-title {
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  background: none;
  -webkit-text-fill-color: var(--neutral-700, #3f464c);
  margin-bottom: 1.5rem;
}
.support .support-card-desc {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  max-width: 25.8125rem;
  margin-bottom: 2.3rem;
}
.support .support-card-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.support .support-card-img img {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.support .support-card-img--center {
  bottom: 0;
}
.support .support-card-img--center img {
  width: 18.375rem;
}
.support .support-card-img--phone {
  bottom: -5rem;
  padding: 8px;
  background: #000 url(../images/frame-bg.png) no-repeat 0 0;
  background-size: 100%;
  max-width: 164px;
  border-radius: 28px;
  margin: 0 auto;
}
.support .support-card-img--phone img {
  width: 12.375rem;
  border-radius: 18px;
}
.support .support-card-img--stack {
  height: 24rem;
  bottom: -1rem;
}
.support .support-card-img--stack img {
  position: absolute;
  bottom: 0;
  width: 16.275rem;
  box-shadow: 0px 4px 10.3px 0px rgba(0, 0, 0, 0.25);
}
.support .support-card-img--stack .stack-back {
  transform: rotate(10.51deg);
  left: 55%;
}
.support .support-card-img--stack .stack-front {
  transform: rotate(3.41deg);
  left: 25%;
}

.cta-connected {
  padding: 5.62rem 0 11.25rem;
  overflow: hidden;
}
.cta-connected .cta-head {
  margin-bottom: 5.25rem;
}
.cta-connected .cta-title {
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  max-width: 55.0625rem;
  margin-bottom: 1.5rem;
}
.cta-connected .cta-sub {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  max-width: 47.1875rem;
  margin-bottom: 0;
}
.cta-connected .cta-cards {
  display: flex;
  gap: 1.875rem;
}
.cta-connected .cta-card {
  position: relative;
  flex: 1;
  height: 36.125rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
  padding: 2.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
.cta-connected .cta-card .cta-card-img {
  transform-origin: bottom center;
  transition: all 0.8s ease-in-out;
}
.cta-connected .cta-card:hover {
  transform: scale(1.02);
}
.cta-connected .cta-card:hover .cta-card-img {
  transform: scale(1.04);
}
.cta-connected .cta-card-title {
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  background: none;
  -webkit-text-fill-color: var(--neutral-700, #3f464c);
  margin-bottom: 1.5rem;
}
.cta-connected .cta-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  color: var(--neutral-50, #f4f7f9);
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  transition: opacity 0.2s ease;
}
.cta-connected .cta-card-btn:hover {
  opacity: 0.88;
}
.cta-connected .cta-card-img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  pointer-events: none;
}
.cta-connected .cta-card-img img {
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.cta-connected .cta-card-img.cta-card-img--phone {
  bottom: -200px;
}
.cta-connected .cta-card-img--products img {
  width: 27.8125rem;
}
.cta-connected .cta-card-img--phone img {
  width: 16.9375rem;
}

.mainft {
  background: var(--neutral-50, #f4f7f9);
  padding: 5.625rem 0 3.75rem;
}
.mainft .ft-top-row {
  margin-bottom: 5.625rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mainft .ft-top-row .ft-logo {
  max-width: 8.9375rem;
}
.mainft .ft-top-row .ft-logo img {
  width: 100%;
}
.mainft .ft-top-row .ft-award {
  width: 13rem;
}
.mainft .ft-top-row .ft-award img {
  width: 100%;
}
.mainft .ft-cols {
  display: flex;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.mainft .ft-col-title {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--font-medium);
  color: var(--neutral-600, #5f676e);
  margin-bottom: 1rem;
}
.mainft .ft-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mainft .ft-links li {
  margin-bottom: 1rem;
}
.mainft .ft-links li:last-child {
  margin-bottom: 0;
}
.mainft .ft-links a {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: opacity 0.2s ease;
}
.mainft .ft-links a:hover {
  opacity: 0.7;
}
.mainft .ft-divider {
  border: none;
  border-top: 1px solid var(--neutral-200, #c9d3d9);
  margin: 0 0 1.875rem;
  opacity: 1;
}
.mainft .ft-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
}
.mainft .ft-copy {
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.mainft .ft-social {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mainft .ft-social a {
  width: 1.75rem;
  height: 1.75rem;
  border: 0.5px solid var(--neutral-800, #2c3035);
  border-radius: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--neutral-800, #2c3035);
  font-size: 0.875rem;
  transition: all 0.2s ease;
}
.mainft .ft-social a:hover {
  background: var(--neutral-800, #2c3035);
  color: var(--neutral-0-white, #fff);
}

.innerbanner {
  position: relative;
  overflow: hidden;
}
.innerbanner .container {
  content: "";
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  padding: 8rem 0px 10rem;
}
.innerbanner .headingarea {
  text-align: center;
}
.innerbanner .headingarea h2 {
  margin-bottom: 3.88rem;
}
.innerbanner .headingarea h2 img {
  max-width: 44rem;
  width: 100%;
}
.innerbanner .headingarea h5 {
  max-width: 33.625rem;
  margin: 0 auto;
  color: var(--neutral-50);
}
.innerbanner .bottom-heading {
  text-align: center;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 1;
}
.innerbanner .bottom-heading .heart-svg {
  opacity: 0;
}
.innerbanner .bottom-heading .heart-svg svg {
  max-width: 16.25rem;
  width: 100%;
  margin-bottom: 3rem;
}
@keyframes drawLeftToRight {
  0% {
    /* Fully hidden on the left side */
    clip-path: inset(0 100% 0 0);
  }
  100% {
    /* Fully revealed on the right side */
    clip-path: inset(0 0% 0 0);
  }
}
.innerbanner .bottom-heading h3 {
  background: linear-gradient(180deg, var(--Neutral-50, #f4f7f9) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
  transition: all 0.7s ease-in-out;
  transition-delay: 1;
  transform: translateY(100px);
  opacity: 0;
  max-width: 78rem;
}
.innerbanner .bottom-heading h6 {
  max-width: 33.3125rem;
  width: 100%;
  color: var(--neutral-50);
  text-align: center;
  margin: 0 auto;
  transition: all 0.7s ease-in-out;
  transition-delay: 0.1s;
  transform: translateY(100px);
  opacity: 0;
}
.innerbanner:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(70px);
  z-index: 1;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.innerbanner.active:before {
  opacity: 1;
}
.innerbanner.active .bottom-heading .heart-svg {
  opacity: 1;
}
.innerbanner.active .bottom-heading .heart-svg .heartbeat-line {
  opacity: 1;
  /* Change 'infinite' to 'forwards' if you only want it to animate once */
  animation: drawLeftToRight 1.7s cubic-bezier(0.7, 0, 0.3, 1) forwards;
}
.innerbanner.active .bottom-heading h3,
.innerbanner.active .bottom-heading h6 {
  opacity: 1;
  transform: translateY(0);
}

.health-generate {
  padding: 11.25rem 0;
}
.health-generate .hg-inner {
  padding: 4rem;
  border-radius: 3rem;
  background: linear-gradient(55deg, var(--neutral-50) 80%, var(--neutral-100) 100%);
  position: relative;
  min-height: 33.75rem;
}
.health-generate .hg-inner h4 {
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
  max-width: 34.1875rem;
  width: 100%;
}
.health-generate .hg-inner h6 {
  max-width: 22rem;
  color: var(--neutral-600);
  font-weight: var(--font-regular);
  line-height: 2.34375rem; /* 150% */
}
.health-generate .hg-inner .img-container img {
  width: 100%;
  border-radius: 1rem;
  overflow: hidden;
}
.health-generate .hg-inner .img-container img.img1 {
  width: 12.6875rem;
  height: 9.75rem;
  transform: rotate(8.971deg);
  aspect-ratio: 95/73;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  bottom: 0.8rem;
  right: 43.825rem;
}
.health-generate .hg-inner .img-container img.img2 {
  width: 14.875rem;
  height: 5.75rem;
  transform: rotate(-9.151deg);
  aspect-ratio: 119/46;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: 29rem;
  bottom: 10.5rem;
}
.health-generate .hg-inner .img-container img.img3 {
  width: 8.0625rem;
  height: 9.0625rem;
  aspect-ratio: 129/145;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  right: 35.125rem;
  z-index: 3;
}
.health-generate .hg-inner .img-container img.img4 {
  width: 9.3585rem;
  height: 10.4945rem;
  transform: rotate(9.023deg);
  aspect-ratio: 140/157;
  -o-object-fit: contain;
     object-fit: contain;
  bottom: 0.5rem;
  position: absolute;
  right: 24.82rem;
  z-index: 4;
}
.health-generate .hg-inner .img-container img.img5 {
  width: 17.12688rem;
  height: 6.642rem;
  transform: rotate(-18.988deg);
  aspect-ratio: 274.03/106.27;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: 12.14rem;
  bottom: 14.79rem;
  z-index: 5;
}
.health-generate .hg-inner .img-container img.img6 {
  width: 22.5rem;
  height: 13.75rem;
  transform: rotate(-15.062deg);
  aspect-ratio: 18/11;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: 19px;
  bottom: 40px;
  z-index: 7;
}
.health-generate .hg-inner .img-container img.img7 {
  width: 15.125rem;
  height: 7.125rem;
  transform: rotate(25.346deg);
  aspect-ratio: 121/57;
  -o-object-fit: contain;
  object-fit: contain;
  position: absolute;
  bottom: 20.21rem;
  right: 0.4125rem;
  z-index: 6;
}

.numbers {
  padding: 11.25rem 0;
  text-align: center;
}
.numbers h2 {
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 auto 3rem;
  max-width: 44.25rem;
}
.numbers .numbers-bg {
  width: 100%;
  margin-bottom: 3rem;
}
.numbers h5 {
  color: var(--neutral-600);
  max-width: 39.625rem;
  margin: 0 auto 3rem;
}
.numbers .numbers-img {
  max-width: 47.1875rem;
  width: 100%;
  margin: 0 auto;
}

.clarity {
  position: relative;
  min-height: 90.375rem;
}
.clarity .clarity-bg {
  width: 100%;
}
.clarity .clarity-row {
  position: absolute;
  inset: 0;
  padding: 6rem 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.clarity .clarity-img {
  position: absolute;
  right: 0;
  bottom: 4rem;
  max-width: 48.8125rem;
  width: 100%;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.5s;
  transform: translateX(100px);
  opacity: 0;
}
.clarity .clarity-img img {
  width: 100%;
}
.clarity .clarity-bottom {
  height: 44rem;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.clarity .clarity-bottom .container {
  height: 100%;
}
.clarity .clarity-bottom .container .row {
  height: 100%;
  align-items: center;
}
.clarity .clarity-bottom .clarity-text {
  margin-right: auto;
  margin-left: 0;
  transition: all 0.5s ease-in-out;
  transition-delay: 0.5s;
  transform: translateX(-100px);
  opacity: 0;
}
.clarity .clarity-text {
  max-width: 36rem;
  margin-left: auto;
}
.clarity .clarity-text h2 {
  margin-bottom: 3rem;
}
.clarity h6 {
  color: var(--neutral-50);
  line-height: 2.34375rem; /* 150% */
  font-weight: var(--font-regular);
}
.clarity:before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.14);
  backdrop-filter: blur(70px);
  z-index: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.clarity.active:before {
  opacity: 1;
}
.clarity.active .clarity-bottom {
  opacity: 1;
}
.clarity.active .clarity-text {
  opacity: 1;
  transform: translateX(0);
}
.clarity.active .clarity-img {
  opacity: 1;
  transform: translateX(0);
}

.measurement-bx {
  display: flex;
  padding: 4rem 5.9375rem 0 5.9375rem;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 3rem;
  border-radius: 3rem;
  background: linear-gradient(55deg, var(--Neutral-50, #f4f7f9) 80%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  min-height: 454px;
}
.measurement-bx img {
  border-radius: 2.5rem;
}
.measurement-bx h5 {
  color: var(--neutral-800);
}
.measurement-bx.two-grid {
  display: flex;
  flex-direction: row;
  padding: 3.25rem 4rem 3.25rem;
}
.measurement-bx.two-grid img {
  max-width: 18.5625rem;
}

.growing-impact {
  padding: 8.37rem 0 5.88rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
}
.growing-impact-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.growing-impact-heading {
  max-width: 46.3125rem;
}

.impact-h2 {
  margin-bottom: 0;
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.ahgImpactSwiper {
  overflow: visible;
}
.ahgImpactSwiper .swiper-slide {
  width: 30.8125rem;
  height: auto;
}

.ahg-impact__prev {
  rotate: -180deg;
}

.impact-card {
  position: relative;
  width: 100%;
  height: 18.625rem;
  border-radius: 2.5rem;
  background: var(--neutral-0-white, #ffffff);
  overflow: hidden;
  display: flex;
  align-items: center;
}
.impact-card-title {
  font-size: 2.4375rem;
  line-height: 3.65625rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  margin: 0;
  padding-left: 2.5rem;
  max-width: 23.5rem;
  background: none;
  -webkit-text-fill-color: var(--neutral-700, #3f464c);
}
.impact-card-icon {
  position: absolute;
  right: 0;
  pointer-events: none;
}
.impact-card-icon img {
  display: block;
  width: 100%;
  height: 100%;
}
.impact-card-icon--globe {
  top: 2.1875rem;
  width: 7.6875rem;
  height: 14.25rem;
}
.impact-card-icon--network {
  top: 2.875rem;
  width: 7.8125rem;
  height: 13.25rem;
}

.future-outer {
  padding: 11.25rem 0;
}
.future-outer .future-inner {
  position: relative;
  height: 40rem;
  border-radius: 2.5rem;
  overflow: hidden;
}
.future-outer .future-inner .future-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 114.48%;
  height: 152.36%;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.future-outer .future-inner .future-title {
  position: absolute;
  left: 4rem;
  top: 10.90625rem;
  transform: translateY(-50%);
  width: 33.0625rem;
  margin: 0;
  font-size: 3.0625rem;
  line-height: 4.59375rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-950, #121314);
  background: none;
  -webkit-text-fill-color: var(--neutral-950, #121314);
}
.future-outer .future-inner .future-desc {
  position: absolute;
  left: 4rem;
  top: 22.3125rem;
  transform: translateY(-50%);
  width: 20.4375rem;
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-900, #1a1b1d);
}

.support-hero {
  padding: 5.625rem 0 0;
}
.support-hero .support-hero-logo {
  text-align: center;
  margin-bottom: 5.625rem;
  margin-top: 5.63rem;
}
.support-hero .support-hero-logo img {
  width: 36.7065rem;
  height: auto;
}
.support-hero .support-hero-inner {
  max-width: 47.125rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}
.support-hero .support-hero-text {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
}
.support-hero .support-hero-title {
  margin: 0;
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-hero .support-hero-desc {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-hero .support-search {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.5rem;
  border-radius: 1.5rem;
  border: 1px solid var(--neutral-200, #c9d3d9);
  background: var(--neutral-0-white, #fff);
  position: relative;
}
.support-hero .support-search .support-search-icon {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}
.support-hero .support-search .support-search-icon img {
  width: 100%;
  height: 100%;
}
.support-hero .support-search input {
  flex: 1;
  width: 100%;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  background: transparent;
  font-family: var(--font-family);
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-hero .support-search input::-moz-placeholder {
  color: var(--neutral-600, #5f676e);
  opacity: 1;
}
.support-hero .support-search input::placeholder {
  color: var(--neutral-600, #5f676e);
  opacity: 1;
}
.support-hero .support-search input:focus {
  outline: none;
  box-shadow: none;
  background: transparent;
}

.support-h2 {
  font-size: 3.0625rem;
  line-height: 4.59375rem;
  font-weight: var(--font-semibold);
  margin: 0;
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.support-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem 0;
  text-decoration: none;
}
.support-link span {
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
}
.support-link img {
  width: 1.4375rem;
  height: 1.4375rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.support-devices {
  padding: 3.5rem 0 0;
}
.support-devices .support-top {
  max-width: 47.125rem;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  align-items: center;
  margin-bottom: 5.625rem;
}
.support-devices .support-top h2 {
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-devices .support-top p {
  max-width: 47.125rem;
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-devices .support-devices-row {
  display: flex;
  justify-content: center;
  gap: 3.75rem;
  flex-wrap: wrap;
}
.support-devices .support-device {
  width: 7.25rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  position: relative;
}
.support-devices .support-device .abs {
  position: absolute;
  inset: 0;
}
.support-devices .support-device-img {
  width: 3.75rem;
  height: 3.75rem;
}
.support-devices .support-device-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-devices .support-device-label {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-medium);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.support-quick {
  padding: 5.625rem 0 0;
}
.support-quick .support-h2 {
  text-align: center;
  margin-bottom: 3.125rem;
}
.support-quick .support-quick-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 6rem;
  column-gap: 1.875rem;
  row-gap: 1.875rem;
}
.support-quick .support-quick-card {
  min-height: 15.375rem;
  padding: 2.5rem 1.5rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
  cursor: pointer;
}
.support-quick .support-quick-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 2rem;
}
.support-quick .support-quick-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-quick .support-quick-title {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}
.support-quick .support-quick-desc {
  margin: 0.5rem 0 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
}
.support-quick .support-quick-link {
  margin-top: auto;
  padding-bottom: 0;
}

.support-popup {
  position: fixed;
  inset: 0;
  z-index: 1000;
  visibility: hidden;
  pointer-events: none;
  transition: visibility 0s linear 0.45s;
}
.support-popup .support-popup-overlay {
  position: absolute;
  inset: 0;
  background: rgba(18, 19, 20, 0.5);
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.6, 1);
}
.support-popup .support-popup-panel {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  max-width: 36.875rem;
  display: flex;
  flex-direction: column;
  background: var(--neutral-50, #f4f7f9);
  border-radius: 2.5rem 0 0 2.5rem;
  box-shadow: -20px 0 60px rgba(18, 19, 20, 0.15);
  transform: translateX(100%);
  transition: transform 0.45s cubic-bezier(0.4, 0, 0.6, 1);
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.support-popup .support-popup-close {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: var(--neutral-50, #f4f7f9);
  cursor: pointer;
  transition: background 0.2s ease;
}
.support-popup .support-popup-close:hover {
  background: var(--neutral-100, #e1e9ed);
}
.support-popup .support-popup-close span {
  position: absolute;
  width: 1.125rem;
  height: 2px;
  border-radius: 2px;
  background: var(--neutral-900, #1a1b1d);
}
.support-popup .support-popup-close span:first-child {
  transform: rotate(45deg);
}
.support-popup .support-popup-close span:last-child {
  transform: rotate(-45deg);
}
.support-popup .support-popup-inner {
  padding: 4.875rem 3rem 3rem;
}
.support-popup .support-popup-title {
  margin: 0 0 0.75rem;
  font-size: var(--fs-2xl);
  line-height: var(--lh-2xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-popup .support-popup-desc {
  max-width: 25.8125rem;
  margin: 0 0 2.5rem;
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
}
.support-popup .support-form {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.support-popup .support-field {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 4.5rem;
  padding: 1.5rem;
  background: var(--neutral-0-white, #fff);
  border: 1px solid var(--neutral-200, #c9d3d9);
  border-radius: 1.5rem;
  overflow: hidden;
}
.support-popup .support-field input,
.support-popup .support-field textarea {
  width: 100%;
  border: none;
  outline: none;
  background: transparent;
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-900, #1a1b1d);
  resize: none;
  padding: 0;
}
.support-popup .support-field input::-moz-placeholder,
.support-popup .support-field textarea::-moz-placeholder {
  color: var(--neutral-400, #92a1a8);
}
.support-popup .support-field input::-moz-placeholder, .support-popup .support-field textarea::-moz-placeholder {
  color: var(--neutral-400, #92a1a8);
}
.support-popup .support-field input::placeholder,
.support-popup .support-field textarea::placeholder {
  color: var(--neutral-400, #92a1a8);
}
.support-popup .support-field--upload {
  justify-content: space-between;
  gap: 1rem;
  padding: 0 0 0 1.5rem;
}
.support-popup .support-field-placeholder {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-400, #92a1a8);
}
.support-popup .support-field-placeholder.has-file {
  color: var(--neutral-900, #1a1b1d);
}
.support-popup .support-upload-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  flex-shrink: 0;
  height: 4.5rem;
  padding: 1.5rem;
  background: var(--neutral-400, #92a1a8);
  border-radius: 1.5rem;
  cursor: pointer;
  font-size: var(--fs-sm);
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  color: var(--neutral-950, #121314);
  margin-bottom: 0;
  color: var(--Neutral-950, #121314);
  /* Admin Panel/xs-1/Medium */
  font-family: Inter;
}
.support-popup .support-upload-ic {
  flex-shrink: 0;
}
.support-popup .support-field--textarea {
  align-items: flex-start;
  height: 9.8125rem;
}
.support-popup .support-field--textarea textarea {
  height: 100%;
}
.support-popup .support-form-submit {
  margin-top: 1rem;
  width: 100%;
  padding: 1.5rem;
  border: none;
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  color: var(--neutral-50, #f4f7f9);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.75rem;
  font-weight: var(--font-medium);
  text-align: center;
  cursor: pointer;
}
.support-popup.is-open {
  visibility: visible;
  pointer-events: auto;
  transition: visibility 0s linear 0s;
}
.support-popup.is-open .support-popup-overlay {
  opacity: 1;
}
.support-popup.is-open .support-popup-panel {
  transform: translateX(0);
}

body.support-popup-open {
  overflow: hidden;
}

.support-faq .support-quick-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 6rem;
  column-gap: 6rem;
  row-gap: 1.875rem;
}
.support-faq .support-faq-card {
  min-height: 11.875rem;
  justify-content: flex-start;
}
.support-faq .support-faq-card .support-quick-title {
  margin-top: 0.5rem;
}

.support-feature-sec {
  padding: 5.625rem 0 0;
}

.support-feature {
  position: relative;
  min-height: 41.25rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
}
.support-feature .support-feature-media {
  position: absolute;
  left: 0;
  top: 0;
  width: 39rem;
  height: 100%;
  overflow: hidden;
}
.support-feature .support-feature-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support-feature .support-feature-body {
  position: relative;
  padding: 5.3125rem 5rem 5rem 44.875rem;
}
.support-feature .support-feature-title {
  max-width: 26.75rem;
  margin-bottom: 1.5rem;
}
.support-feature .support-feature-desc {
  max-width: 28.75rem;
  margin: 0 0 1rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-feature .support-feature-links {
  display: flex;
  flex-direction: column;
}
.support-feature.support-feature--app .support-feature-media {
  background: var(--neutral-0-white, #fff);
}
.support-feature.support-feature--app .support-feature-media img {
  position: absolute;
  left: 50%;
  top: 3rem;
  transform: translateX(-50%);
  width: 29.8125rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-feature.support-feature--app .support-feature-body {
  padding-left: 46rem;
}

.support-claim-sec {
  padding: 3.75rem 0 0;
}

.support-claim {
  min-height: 24.75rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  padding: 3.75rem 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.support-claim .support-claim-icon {
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 2.5rem;
}
.support-claim .support-claim-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-claim .support-claim-title {
  font-size: 2.4375rem;
  line-height: 3.65625rem;
  margin-bottom: 0.5rem;
}
.support-claim .support-claim-desc {
  max-width: 35rem;
  margin: 0 0 1.5rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-claim .support-claim-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  color: var(--neutral-50, #f4f7f9);
  text-decoration: none;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
}

.support-linkcards-sec {
  padding: 3.75rem 0 0;
}

.support-linkcards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  row-gap: 2.5rem;
}

.support-linkcard {
  min-height: 15.3125rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.support-linkcard .support-linkcard-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 2rem;
}
.support-linkcard .support-linkcard-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-linkcard .support-linkcard-title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}
.support-linkcard .support-linkcard-desc {
  max-width: 16.5625rem;
  margin: 0 0 1.5rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
}
.support-linkcard .support-link {
  padding: 0;
}

.support-models {
  padding: 5.625rem 0 0;
}
.support-models .support-models-head {
  max-width: 47.125rem;
  margin: 0 auto 3.75rem;
  text-align: center;
}
.support-models .support-models-title {
  margin: 0 0 1.5rem;
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-950, #121314);
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-models .main-title {
  text-align: center;
  /* Website/3xl/SemiBold */
  font-family: Inter;
  font-size: 3.0625rem;
  font-style: normal;
  font-weight: 600;
  line-height: 4.59375rem; /* 150% */
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 5.63rem;
}
.support-models .support-models-sub {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-models .support-models-row {
  display: flex;
  justify-content: center;
  gap: 3.75rem;
}
.support-models .support-model {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 7.25rem;
  text-decoration: none;
}
.support-models .support-model-img {
  width: 3.75rem;
  height: 3.75rem;
}
.support-models .support-model-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-models .support-model-label {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-medium);
  color: var(--neutral-950, #121314);
  text-align: center;
}

.support-more {
  padding: 5.625rem 0;
}
.support-more .support-more-head {
  text-align: center;
  margin-bottom: 3.125rem;
}
.support-more .support-h2 {
  margin-bottom: 1.5rem;
}
.support-more .support-more-sub {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}

.ahg-app-hero {
  padding: 5rem 0 6rem;
  overflow: hidden;
}
.ahg-app-hero .ahg-app-hero__stage {
  position: relative;
  width: 100%;
  max-width: 94.5rem;
  margin: 0 auto;
  height: 49.875rem;
}
.ahg-app-hero .ahg-app-hero__title {
  position: absolute;
  left: 50%;
  top: 19.49%;
  width: 43.12%;
  margin: 0;
  text-align: center;
  font-size: var(--fs-4xl);
  line-height: var(--lh-4xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950) 0%, var(--neutral-800) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  opacity: 0;
  transform: translate(-50%, -50%);
  animation: ahgAppTitleIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) 0.1s forwards;
}
.ahg-app-hero .ahg-app-hero__phone {
  position: absolute;
  left: 50%;
  top: 26.7%;
  width: 20.6%;
  opacity: 0;
  transform: translateX(-50%) translateY(2.5rem);
  animation: ahgAppPhoneIn 0.9s cubic-bezier(0.22, 1, 0.36, 1) 0.25s forwards;
  z-index: 2;
}
.ahg-app-hero .ahg-app-hero__phone img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3rem;
  animation: ahgAppPhoneSlide 12s ease-in-out infinite;
}
.ahg-app-hero .ahg-app-hero__phone img:first-child {
  position: relative;
  z-index: 3;
}
.ahg-app-hero .ahg-app-hero__phone img:not(:first-child) {
  position: absolute;
  inset: 0;
}
.ahg-app-hero .ahg-app-hero__phone img:nth-child(1) {
  animation-delay: 0s;
  z-index: 3;
}
.ahg-app-hero .ahg-app-hero__phone img:nth-child(2) {
  animation-delay: 4s;
  z-index: 2;
}
.ahg-app-hero .ahg-app-hero__phone img:nth-child(3) {
  animation-delay: 8s;
  z-index: 1;
}
.ahg-app-hero .ahg-app-hero__icon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  border-radius: 3.75rem;
  background: var(--neutral-50);
  overflow: hidden;
  opacity: 0;
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.34, 1.4, 0.64, 1);
  animation-fill-mode: both;
}
.ahg-app-hero .ahg-app-hero__icon img {
  width: 50%;
  height: 50%;
  -o-object-fit: contain;
     object-fit: contain;
}
.ahg-app-hero .ahg-app-hero__icon:nth-child(even) img {
  animation-duration: 6s;
  animation-delay: -1.5s;
}
.ahg-app-hero .ahg-app-hero__icon:nth-child(3n) img {
  animation-duration: 7s;
  animation-delay: -3s;
}
.ahg-app-hero .ahg-app-hero__icon--bed {
  left: 20.3%;
  top: 25.34%;
  width: 4.63%;
  animation-name: ahgAppInTL;
  animation-delay: 0.35s;
}
.ahg-app-hero .ahg-app-hero__icon--heart-rate {
  left: 4.76%;
  top: 28.86%;
  width: 3.9%;
  animation-name: ahgAppInTL;
  animation-delay: 0.43s;
}
.ahg-app-hero .ahg-app-hero__icon--lungs {
  left: 93.32%;
  top: 23.41%;
  width: 4.76%;
  animation-name: ahgAppInTR;
  animation-delay: 0.51s;
}
.ahg-app-hero .ahg-app-hero__icon--ruler {
  left: 33.78%;
  top: 38.07%;
  width: 5.16%;
  animation-name: ahgAppInTL;
  animation-delay: 0.59s;
}
.ahg-app-hero .ahg-app-hero__icon--heart {
  left: 66.6%;
  top: 42.39%;
  width: 6.08%;
  animation-name: ahgAppInTR;
  animation-delay: 0.67s;
}
.ahg-app-hero .ahg-app-hero__icon--glucose {
  left: 84.39%;
  top: 47.61%;
  width: 4.96%;
  animation-name: ahgAppInBR;
  animation-delay: 0.75s;
}
.ahg-app-hero .ahg-app-hero__icon--person {
  left: 21.43%;
  top: 52.84%;
  width: 3.97%;
  animation-name: ahgAppInBL;
  animation-delay: 0.83s;
}
.ahg-app-hero .ahg-app-hero__icon--bmi {
  left: 7.67%;
  top: 62.39%;
  width: 5.56%;
  animation-name: ahgAppInBL;
  animation-delay: 0.91s;
}
.ahg-app-hero .ahg-app-hero__icon--capsules {
  left: 98.08%;
  top: 68.52%;
  width: 2.98%;
  animation-name: ahgAppInBR;
  animation-delay: 0.99s;
}
.ahg-app-hero .ahg-app-hero__icon--scale {
  left: 28.64%;
  top: 74.32%;
  width: 6.42%;
  animation-name: ahgAppInBL;
  animation-delay: 1.07s;
}
.ahg-app-hero .ahg-app-hero__icon--utensils {
  left: 77.31%;
  top: 74.32%;
  width: 5.56%;
  animation-name: ahgAppInBR;
  animation-delay: 1.15s;
}

@keyframes ahgAppTitleIn {
  from {
    opacity: 0;
    transform: translate(-50%, -50%) translateY(2rem);
  }
  to {
    opacity: 1;
    transform: translate(-50%, -50%) translateY(0);
  }
}
@keyframes ahgAppPhoneIn {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(2.5rem);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}
@keyframes ahgAppPhoneSlide {
  0% {
    opacity: 0;
  }
  8% {
    opacity: 1;
  }
  33% {
    opacity: 1;
  }
  41% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes ahgAppInTL {
  from {
    opacity: 0;
    transform: translate(3.5rem, 3.5rem);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ahgAppInTR {
  from {
    opacity: 0;
    transform: translate(-3.5rem, 3.5rem);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ahgAppInBL {
  from {
    opacity: 0;
    transform: translate(3.5rem, -3.5rem);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ahgAppInBR {
  from {
    opacity: 0;
    transform: translate(-3.5rem, -3.5rem);
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes ahgAppFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-0.625rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  .ahg-app-hero .ahg-app-hero__title,
  .ahg-app-hero .ahg-app-hero__phone,
  .ahg-app-hero .ahg-app-hero__icon {
    animation: none;
    opacity: 1;
    transform: translate(-50%, -50%);
  }
  .ahg-app-hero .ahg-app-hero__phone {
    transform: translateX(-50%);
  }
  .ahg-app-hero .ahg-app-hero__phone img {
    animation: none;
  }
  .ahg-app-hero .ahg-app-hero__phone img:not(:first-child) {
    opacity: 0;
  }
  .ahg-app-hero .ahg-app-hero__icon {
    transform: none;
  }
  .ahg-app-hero .ahg-app-hero__icon img {
    animation: none;
  }
}
.create-story {
  padding: 6.25rem 0 5.63rem;
  position: relative;
  height: 129.5625rem;
  overflow: hidden;
}
.create-story::before {
  content: "";
  position: absolute;
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, rgba(255, 255, 255, 0) 22%);
  inset: 0;
  pointer-events: none;
  z-index: 1;
}
.create-story:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, #000 100%);
  pointer-events: none;
  z-index: 1;
}
.create-story .createstorybg {
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.create-story .container-custom {
  height: 100%;
}
.create-story .create-story-row {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.create-story .create-story-row .create-story-top .create-story-text {
  text-align: center;
}
.create-story .create-story-row .create-story-top .create-story-text h3 {
  max-width: 42.3125rem;
  margin: 0 auto 2.5rem;
}
.create-story .create-story-row .create-story-top .create-story-text h6 {
  max-width: 43.75rem;
  margin: 0 auto;
  font-weight: var(--font-regular);
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.create-story .create-story-row .create-story-bottom {
  width: 100%;
}
.create-story .create-story-row .create-story-bottom .ahgStorySwiper {
  overflow: visible;
}
.create-story .create-story-row .create-story-bottom .swiper-slide {
  width: 30.8125rem;
  height: auto;
}
.create-story .create-story-row .create-story-bottom .story-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.create-story .create-story-row .create-story-bottom .story-card-box {
  position: relative;
  width: 100%;
  aspect-ratio: 493/363;
  border-radius: 2.5rem;
  background: var(--neutral-0-white, #fff);
  overflow: hidden;
}
.create-story .create-story-row .create-story-bottom .story-card-box img {
  position: absolute;
  width: 59.43%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.create-story .create-story-row .create-story-bottom .story-card-box--1 img {
  left: 50%;
  top: 9.92%;
  transform: translateX(-50%);
}
.create-story .create-story-row .create-story-bottom .story-card-box--2 img {
  left: 50%;
  top: -83.2%;
  transform: translateX(-50%);
}
.create-story .create-story-row .create-story-bottom .story-card-box--3 img {
  left: 20.28%;
  top: 3.86%;
}
.create-story .create-story-row .create-story-bottom .story-card-cap {
  margin: 0;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-medium);
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.create-story .create-story-row .create-story-bottom .story-nav {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.875rem;
  margin-top: 2.5rem;
}
.create-story .create-story-row .create-story-bottom .story-nav .slider-btn {
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.create-story .create-story-row .create-story-bottom .story-nav .slider-btn.ahg-story__prev {
  transform: rotate(180deg);
}
.create-story .create-story-row .create-story-bottom .story-nav .slider-btn:hover {
  opacity: 0.7;
}
.create-story .create-story-row .create-story-bottom .story-nav .slider-btn img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.clearer-picture {
  position: relative;
  padding: 11.25rem 0;
  background: var(--white);
  text-align: center;
  overflow: hidden;
}
.clearer-picture .clearer-card {
  position: absolute;
  z-index: 0;
  width: 20.5625rem;
  height: auto;
  pointer-events: none;
}
.clearer-picture .clearer-card--1 {
  left: 1.875%;
  top: 5.1875rem;
}
.clearer-picture .clearer-card--2 {
  left: 8.1875%;
  top: 16.9375rem;
}
.clearer-picture .clearer-card--3 {
  left: 73.56%;
  top: 11.375rem;
}
.clearer-picture .clearer-card--4 {
  left: 26.44%;
  top: 25rem;
}
.clearer-picture .clearer-card--5 {
  left: 77.56%;
  top: 0;
}
.clearer-picture .clearer-card--6 {
  left: 65.44%;
  top: 22.5rem;
}
.clearer-picture .container-custom {
  position: relative;
  z-index: 1;
}
.clearer-picture .clearer-picture__head {
  margin-bottom: 7.5rem;
}
.clearer-picture .clearer-picture__title {
  max-width: 42.3125rem;
  margin: 0 auto 1.5rem;
  font-size: var(--fs-3xl);
  line-height: var(--lh-3xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clearer-picture .clearer-picture__desc {
  max-width: 33.8125rem;
  margin: 0 auto;
  font-size: var(--fs-lg);
  line-height: var(--lh-lg);
  font-weight: var(--font-regular);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.clearer-picture .clearer-picture__sub {
  max-width: 58.25rem;
  margin: 0 auto 3.5rem;
  font-size: var(--fs-xl);
  line-height: var(--lh-xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding-top: 7.5rem;
}
.clearer-picture .clearer-phone {
  position: relative;
  width: 19.47rem;
  aspect-ratio: 311.522/643;
  margin: 0 auto;
  background: #000;
  border: 1px solid #8c8c8a;
  border-radius: 3.19rem;
  box-shadow: inset 0 0 0 3px #f7f7f7;
  overflow: hidden;
  pointer-events: none;
  background-image: none !important;
  background-color: black !important;
}
.clearer-picture .clearer-phone video {
  position: absolute;
  inset: 13px;
  border-radius: 2.5rem;
  -o-object-fit: cover;
  object-fit: cover;
  width: calc(100% - 24px);
  height: calc(100% - 24px);
}
.clearer-picture .clearer-phone .clearer-phone__notch {
  pointer-events: none;
  position: absolute;
  top: 3.6%;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 99px;
  z-index: 2;
}

.everyday-health {
  padding: 11.25rem 0 5.62rem;
}
.everyday-health .everyday-health__head {
  margin-bottom: 3.75rem;
}
.everyday-health .app-features-title {
  margin-bottom: 1.5rem;
}
.everyday-health .everyday-health__desc {
  max-width: 54.8125rem;
  margin-bottom: 0;
  font-size: var(--fs-lg);
  line-height: var(--lh-lg);
  font-weight: var(--font-regular);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.feel-human {
  padding: 5.62rem 0 11.25rem;
  background: var(--white);
}
.feel-human .feel-human__head {
  margin-bottom: 3.75rem;
}
.feel-human .feel-human__title {
  margin-bottom: 1.5rem;
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.feel-human .feel-human__desc {
  max-width: 54.5625rem;
  margin-bottom: 0;
  font-size: var(--fs-lg);
  line-height: var(--lh-lg);
  font-weight: var(--font-regular);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.feel-human .feel-human__cards {
  display: flex;
  gap: 1.875rem;
}
.feel-human .feel-human-card {
  position: relative;
  flex: 1 1 0;
  min-width: 0;
  aspect-ratio: 493/588;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  padding-top: 2.5rem;
  overflow: hidden;
}
.feel-human .feel-human-card__title {
  position: static;
  width: 13rem;
  margin: 0 auto;
  text-align: center;
  font-size: var(--fs-xl);
  line-height: var(--lh-xl);
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
}
.feel-human .feel-human-card__img {
  position: absolute;
  top: 28.57%;
  left: 50%;
  transform: translateX(-50%);
  width: 62.27%;
}
.feel-human .feel-human-card__img img {
  display: block;
  width: 100%;
  height: auto;
}

.app-real-life {
  position: relative;
  height: 69.3125rem;
  overflow: hidden;
}
.app-real-life .bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -2;
}
.app-real-life::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(270deg, rgba(18, 19, 20, 0) 41.44%, var(--neutral-950, #121314) 100%);
}
.app-real-life::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 45%, #000 100%);
  pointer-events: none;
}
.app-real-life .container-custom {
  position: relative;
  height: 100%;
}
.app-real-life .app-real-life__text {
  position: absolute;
  top: 8.5rem;
  max-width: 33.8125rem;
}
.app-real-life .app-real-life__title {
  margin-bottom: 1.5rem;
  white-space: nowrap;
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.app-real-life .app-real-life__desc {
  margin-bottom: 0;
  color: var(--neutral-50);
  font-size: var(--fs-lg);
  line-height: var(--lh-lg);
  font-weight: var(--font-regular);
}
.app-real-life .app-real-life__pods {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 6.25rem;
  display: flex;
  gap: 1.875rem;
}
.app-real-life .real-life-pod {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.app-real-life .real-life-pod__img {
  width: 100%;
  aspect-ratio: 493/363;
  border-radius: 2.5rem;
  overflow: hidden;
}
.app-real-life .real-life-pod__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.app-real-life .real-life-pod__cap {
  margin: 0;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-medium);
  background: linear-gradient(180deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.app-cta-banner {
  padding: 5.62rem 0;
}
.app-cta-banner .app-cta-banner__inner {
  position: relative;
  min-height: 32.5rem;
  border-radius: 2.5rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.app-cta-banner .app-cta-banner__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(270deg, rgba(26, 27, 29, 0) 50%, var(--neutral-900, #1a1b1d) 100%);
  pointer-events: none;
}
.app-cta-banner .app-cta-banner__inner .text-container {
  position: absolute;
  inset: 0;
  top: 4rem;
  left: 4rem;
}
.app-cta-banner .app-cta-banner__title {
  max-width: 28.5rem;
  color: var(--white);
  margin: 0 0 1.5rem;
}
.app-cta-banner .app-cta-banner__desc {
  max-width: 24.25rem;
  color: var(--neutral-50);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-regular);
  margin: 0 0 2.5rem;
}
.app-cta-banner .app-cta-banner__stores {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.app-cta-banner .store-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.625rem;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--neutral-0-white, #fff) 0%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
  transition: opacity 0.2s ease;
}
.app-cta-banner .store-btn:hover {
  opacity: 0.88;
}
.app-cta-banner .store-btn .store-btn__icon {
  flex-shrink: 0;
  width: 2.125rem;
  height: 2.125rem;
  display: flex;
}
.app-cta-banner .store-btn .store-btn__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.app-cta-banner .store-btn .store-btn__text {
  display: flex;
  flex-direction: column;
  color: var(--neutral-900, #1a1b1d);
}
.app-cta-banner .store-btn .store-btn__text small {
  font-size: 0.5rem;
  font-weight: var(--font-regular);
  line-height: normal;
}
.app-cta-banner .store-btn .store-btn__text strong {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-medium);
}

.distributor-hero {
  position: relative;
  overflow: hidden;
  background: var(--white);
}
.distributor-hero .dh-stage {
  position: relative;
  width: 100%;
  height: 95.625rem;
  margin: 0 auto;
}
.distributor-hero .dh-content {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}
.distributor-hero .dh-title {
  position: absolute;
  top: 11.34rem;
  left: 50%;
  transform: translateX(-50%);
  width: 42.3125rem;
  text-align: center;
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.distributor-hero .dh-desc {
  position: absolute;
  top: 62.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 40.25rem;
  text-align: center;
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  margin: 0;
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.distributor-hero .dh-btn {
  position: absolute;
  top: 76.0625rem;
  left: 50%;
  transform: translateX(-50%);
  pointer-events: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  color: var(--neutral-50, #f4f7f9);
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.distributor-hero .dh-btn:hover {
  opacity: 0.88;
}
.distributor-hero .dh-img {
  position: absolute;
  z-index: 1;
  -o-object-fit: contain;
     object-fit: contain;
  pointer-events: none;
}
.distributor-hero .dh-img--glucose {
  left: -2.8125rem;
  top: 17.875rem;
  width: 25.375rem;
  height: 40.4375rem;
}
.distributor-hero .dh-img--therm372 {
  left: 23.72rem;
  top: 27.47rem;
  width: 10.358rem;
  height: 20.41rem;
  transform: rotate(-26.81deg);
}
.distributor-hero .dh-img--bp300 {
  left: 50%;
  top: 23.9375rem;
  transform: translateX(-50%);
  width: 21.8125rem;
  height: 27.4375rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.distributor-hero .dh-img--thermtb {
  left: 70%;
  top: 26.25rem;
  width: 2.6875rem;
  height: 22.8125rem;
}
.distributor-hero .dh-img--bp2285 {
  left: auto;
  top: 17.4375rem;
  width: 26.5625rem;
  height: 40.875rem;
  right: 0;
}
.distributor-hero .dh-img--lancing {
  left: 9.33rem;
  top: 64.71rem;
  width: 12.9375rem;
  height: 21.375rem;
  transform: rotate(-26.94deg);
}
.distributor-hero .dh-img--scale {
  left: auto;
  top: 58.94rem;
  width: 33.875rem;
  height: 39.5rem;
  transform: rotate(-90deg);
  right: 0;
}
@media (max-width: 1199px) {
  .distributor-hero .dh-stage {
    width: 100%;
    height: auto;
    padding: 12rem 1.5rem 6rem;
  }
  .distributor-hero .dh-content {
    position: static;
    display: flex;
    flex-direction: column;
    align-items: center;
    pointer-events: auto;
  }
  .distributor-hero .dh-title,
  .distributor-hero .dh-desc,
  .distributor-hero .dh-btn {
    position: static;
    transform: none;
    left: auto;
    top: auto;
    width: 100%;
    max-width: 42.3125rem;
  }
  .distributor-hero .dh-desc {
    margin-top: 1.5rem;
  }
  .distributor-hero .dh-btn {
    margin-top: 2.5rem;
  }
  .distributor-hero .dh-img {
    display: none;
  }
}

.why-distribution {
  background: var(--neutral-50, #f4f7f9);
  padding: 8.37rem 0 5.88rem;
  overflow: hidden;
}
.why-distribution .why-distribution-head {
  text-align: center;
  margin-bottom: 5.62rem;
}
.why-distribution .why-distribution-title {
  max-width: 39rem;
  margin: 0 auto;
}
.why-distribution .ahgWhySwiper {
  overflow: visible;
}
.why-distribution .swiper-slide {
  width: 22.625rem;
  height: auto;
}
.why-distribution .why-card {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.why-distribution .why-card-box {
  position: relative;
  width: 100%;
  height: 29rem;
  border-radius: 2.5rem;
  background: var(--neutral-0-white, #fff);
  overflow: hidden;
}
.why-distribution .why-card-box--photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.why-distribution .why-card-box--dollar {
  display: flex;
  align-items: center;
  justify-content: center;
}
.why-distribution .why-card-box--dollar img {
  width: auto;
  height: 25rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-distribution .why-card-box--packaging img {
  position: absolute;
  left: 0;
  top: 7.625rem;
  width: 100%;
  height: 13.75rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-distribution .why-card-box--support .wc-icon {
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}
.why-distribution .why-card-box--support .wc-icon--tools {
  left: 7rem;
  top: 2.0625rem;
  width: 2.1875rem;
  height: 2.1875rem;
}
.why-distribution .why-card-box--support .wc-icon--mobile {
  left: 17.5rem;
  top: 4.8125rem;
  width: 2.5rem;
  height: 2.5rem;
}
.why-distribution .why-card-box--support .wc-icon--help {
  left: 15.3125rem;
  top: 22.9375rem;
  width: 3rem;
  height: 3rem;
}
.why-distribution .why-card-box--support .wc-icon--headset {
  left: 1.625rem;
  top: 11.0625rem;
  width: 3rem;
  height: 3rem;
}
.why-distribution .why-card-box--support .wc-device {
  position: absolute;
  left: 8.25rem;
  top: 9.09rem;
  width: 6.75rem;
  height: 10.75rem;
  -o-object-fit: contain;
     object-fit: contain;
  transform: rotate(9.25deg);
}
.why-distribution .why-card-text {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.why-distribution .why-card-title {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  margin: 0;
}
.why-distribution .why-card-desc {
  font-size: var(--fs-sm);
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.why-distribution .why-distribution-nav {
  justify-content: flex-end;
  margin-top: 3.75rem;
}
.why-distribution .why-distribution-nav .ahg-why__prev {
  transform: rotate(-180deg);
}
@media (max-width: 767px) {
  .why-distribution .why-distribution-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
}

.products-available {
  background: var(--neutral-0-white, #fff);
  padding: 5.62em 0;
  overflow: hidden;
}
.products-available .products-available-title {
  max-width: 29.625rem;
  margin: 0 auto 5.62rem;
  text-align: center;
}
.products-available .products-available-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 3.75rem;
  flex-wrap: wrap;
}
.products-available .pa-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  width: 7.25rem;
}
.products-available .pa-item-icon {
  width: 3.75rem;
  height: 3.75rem;
}
.products-available .pa-item-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.products-available .pa-item-label {
  margin: 0;
  text-align: center;
  font-size: var(--fs-sm);
  line-height: 1.5rem;
  font-weight: var(--font-medium);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.benefits {
  padding: 0 0 11.25rem;
  overflow: hidden;
}
.benefits .benefits-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.benefits .benefits-heading {
  max-width: 39rem;
}
.benefits .ahg-benefit__prev {
  transform: rotate(-180deg);
}
.benefits .ahgBenefitSwiper {
  overflow: visible;
}
.benefits .swiper-slide {
  width: 22.625rem;
  height: auto;
}
.benefits .benefit-card {
  height: 16.125rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  padding: 2rem;
  overflow: hidden;
}
.benefits .benefit-card-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.5rem;
}
.benefits .benefit-card-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.benefits .benefit-card-title {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  margin: 0 0 0.5rem;
}
.benefits .benefit-card-desc {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
@media (max-width: 767px) {
  .benefits .benefits-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
}

.expanding-outer {
  padding: 0 0 11.25rem;
  overflow: hidden;
}
.expanding-outer .expanding-inner {
  display: flex;
  gap: 1.875rem;
}
.expanding-outer .exp-card {
  position: relative;
  flex: 1;
  height: 52.375rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
  padding: 2.5rem;
}
.expanding-outer .exp-card-title {
  font-size: var(--fs-3xl);
  line-height: 4.59375rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
  background: none;
  -webkit-text-fill-color: var(--neutral-900, #1a1b1d);
  margin: 0 0 2.5rem;
}
.expanding-outer .exp-list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.expanding-outer .exp-list .exp-list-item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.expanding-outer .exp-list .exp-list-item .exp-check {
  width: 2.375rem;
  height: 2.375rem;
  flex-shrink: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.expanding-outer .exp-list .exp-list-item span {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.expanding-outer .exp-card-desc {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
  max-width: 33.5rem;
  margin: 0 0 2.5rem;
}
.expanding-outer .exp-btn {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  color: var(--neutral-50, #f4f7f9);
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  white-space: nowrap;
  transition: opacity 0.2s ease;
}
.expanding-outer .exp-btn:hover {
  opacity: 0.88;
}
.expanding-outer .exp-card-img {
  position: absolute;
  pointer-events: none;
}
.expanding-outer .exp-card-img--hands {
  left: 0;
  bottom: -12rem;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top center;
     object-position: top center;
}
.expanding-outer .exp-card-img--device {
  left: 0;
  bottom: -29rem;
  width: 97.625rem;
  height: 54.9375rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 991px) {
  .expanding-outer .expanding-inner {
    flex-direction: column;
  }
  .expanding-outer .exp-card {
    height: auto;
    min-height: 40rem;
  }
  .expanding-outer .exp-card-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
}

.faq {
  padding: 0 0 5.62rem;
}
.faq .row {
  gap: 2.5rem 0;
}
.faq .faq-title {
  text-align: center;
  max-width: 47.125rem;
  margin: 0 auto 5.62rem;
}
.faq .faq-card {
  overflow: hidden;
  margin-bottom: 2.5rem;
}
.faq .faq-card:last-child {
  margin-bottom: 0;
}
.faq .faq-card-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.25rem;
}
.faq .faq-card-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.faq .faq-card-q {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
  max-width: 16.5rem;
  margin: 0 0 1.5rem;
}
.faq .faq-card-link {
  display: inline-flex;
  padding: 1rem 0;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  transition: opacity 0.2s ease;
}
.faq .faq-card-link img {
  width: 1.4375rem;
  height: 1.4375rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.faq .faq-card-link:hover {
  opacity: 0.7;
}

.distributer-outer {
  padding: 0 0 5.62rem;
}
.distributer-outer .distributor-inner {
  display: flex;
  align-items: stretch;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
  min-height: 54.8125rem;
}
.distributer-outer .di-media {
  flex-shrink: 0;
  width: 38.0625rem;
  border-radius: 2.5rem;
  overflow: hidden;
}
.distributer-outer .di-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.distributer-outer .di-form {
  flex: 1;
  padding: 4.8125rem 3.4375rem;
}
.distributer-outer .di-form-title {
  margin: 0 0 2.5rem;
}
.distributer-outer .di-steps {
  display: flex;
  gap: 2.5rem;
  margin-bottom: 2.5rem;
}
.distributer-outer .di-steps .di-step {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
}
.distributer-outer .di-steps .di-step.is-active {
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}
.distributer-outer .di-form-fields,
.distributer-outer .di-form-step {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  max-width: 30.875rem;
}
.distributer-outer .di-form-fields input:not([type=submit]),
.distributer-outer .di-form-step input:not([type=submit]) {
  width: 100%;
  padding: 1.5rem;
  border-radius: 1.5rem;
  border: 1px solid var(--neutral-200, #c9d3d9);
  background: var(--neutral-0-white, #fff);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-900, #1a1b1d);
}
.distributer-outer .di-form-fields input:not([type=submit])::-moz-placeholder, .distributer-outer .di-form-step input:not([type=submit])::-moz-placeholder {
  color: var(--neutral-600, #5f676e);
  opacity: 1;
}
.distributer-outer .di-form-fields input:not([type=submit])::placeholder,
.distributer-outer .di-form-step input:not([type=submit])::placeholder {
  color: var(--neutral-600, #5f676e);
  opacity: 1;
}
.distributer-outer .di-next,
.distributer-outer .di-prev {
  margin-top: 1.5rem;
  width: 100%;
  padding: 1.5rem;
  border: none;
  border-radius: 1rem;
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  color: var(--neutral-50, #f4f7f9);
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: 1.75rem;
  font-weight: var(--font-medium);
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.distributer-outer .di-next:hover,
.distributer-outer .di-prev:hover {
  opacity: 0.88;
}
@media (max-width: 991px) {
  .distributer-outer .distributor-inner {
    flex-direction: column;
    min-height: 0;
  }
  .distributer-outer .di-media {
    width: 100%;
    height: 25rem;
  }
  .distributer-outer .di-form {
    padding: 3rem 2rem;
  }
  .distributer-outer .di-form-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
  .distributer-outer .di-form-fields {
    max-width: 100%;
  }
}

.mainhd {
  z-index: 1000;
}

.mega-backdrop {
  position: fixed;
  inset: 0;
  z-index: 990;
  background: rgba(18, 19, 20, 0.18);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}

body.mega-open .mega-backdrop {
  opacity: 1;
  visibility: visible;
}
body.mega-open .mainhd {
  background: var(--white);
}
body.mega-open .mainhd .headerrow .logo img {
  filter: grayscale(0) brightness(0);
}
body.mega-open .mainhd .headerrow .navigation ul > li > a {
  color: var(--neutral-800);
}
body.mega-open .mainhd .headerrow .contact .ahg-nav-search__btn img {
  filter: grayscale(0) brightness(0);
}

.mega-panel {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--white);
  box-shadow: 0 1.25rem 1.875rem rgba(18, 19, 20, 0.08);
  border-radius: 0 0 1.5rem 1.5rem;
  padding: 2rem 0 2.5rem;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-0.625rem);
  transition: all 0.3s ease-in-out;
}
.mega-panel .container {
  max-width: 1083px;
}
.mega-panel .mega-grid {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
}
.mega-panel .mega-col {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  align-items: flex-start;
}
.mega-panel .mega-col--links {
  max-width: 14.5625rem;
}
.mega-panel .mega-col-label {
  font-size: var(--fs-xs);
  line-height: 1.21875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-400, #92a1a8);
}
.mega-panel .mega-device {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1rem;
  border-radius: 1rem;
  background: var(--neutral-50, #f4f7f9);
  transition: opacity 0.2s ease;
  width: 100%;
  align-items: flex-start;
}
.mega-panel .mega-device:hover {
  opacity: 0.85;
}
.mega-panel .mega-device .mega-device-img {
  width: 3.5rem;
  height: 3.5rem;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mega-panel .mega-device .mega-device-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mega-panel .mega-device .mega-device-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
  align-items: flex-start;
}
.mega-panel .mega-device .mega-device-name {
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: 1.5rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
}
.mega-panel .mega-device .mega-device-model {
  font-family: var(--font-family);
  font-size: var(--fs-xs);
  line-height: 1.21875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.mega-panel .mega-link {
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: 1.5rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: opacity 0.2s ease;
}
.mega-panel .mega-link:hover {
  opacity: 0.7;
}

@media (min-width: 992px) {
  .has-mega.mega-active > .mega-panel {
    opacity: 1;
    visibility: visible;
    transform: none;
  }
}
@media (max-width: 991px) {
  .mega-backdrop {
    display: none;
  }
  .mega-panel {
    position: static;
    width: 100%;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0.5rem 1rem 1rem;
    display: none;
  }
  .mega-panel .container {
    max-width: 100%;
    padding: 0;
  }
  .mega-panel .mega-grid {
    flex-direction: column;
    gap: 1.25rem;
  }
  .has-mega.is-open > .mega-panel {
    display: block;
  }
}
.everyday-health {
  padding: 11.25rem 0;
  overflow: hidden;
}
.everyday-health .everyday-health-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.everyday-health .everyday-health-heading {
  max-width: 52rem;
}
.everyday-health .ahg-everyday__prev {
  transform: rotate(-180deg);
}
.everyday-health .ahgEverydaySwiper {
  overflow: visible;
}
.everyday-health .swiper-slide {
  width: 30.8125rem;
  height: auto;
}
.everyday-health .swiper-slide.eh-slide--wide {
  width: 39rem;
}
.everyday-health .eh-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.everyday-health .eh-card-box {
  position: relative;
  width: 100%;
  height: 25rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
}
.everyday-health .eh-card-box--wrist img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.everyday-health .eh-card-box--phone img {
  position: absolute;
  left: 50%;
  top: 2.1875rem;
  transform: translateX(-50%);
  width: 18.25rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.everyday-health .eh-card-box--device img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 24rem;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.everyday-health .eh-card-text {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
  margin: 0;
}
.everyday-health .eh-card-text .eh-lead {
  color: var(--neutral-900, #1a1b1d);
}
@media (max-width: 767px) {
  .everyday-health {
    padding: 5.62rem 0;
  }
  .everyday-health .everyday-health-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
  .everyday-health .swiper-slide,
  .everyday-health .swiper-slide.eh-slide--wide {
    width: 85%;
  }
}

.confidence-outer {
  position: relative;
  min-height: 102.3rem;
  overflow: hidden;
}
.confidence-outer:before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(270deg, rgba(18, 19, 20, 0) 50%, var(--neutral-950, #121314) 100%);
}
.confidence-outer:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(18, 19, 20, 0) 0%, #121314 100%);
}
.confidence-outer .confidence-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 0;
}
.confidence-outer .confidence-inner {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 6.25rem 0;
}
.confidence-outer .text {
  max-width: 30.5rem;
}
.confidence-outer .text h2 {
  max-width: 28.9375rem;
  margin-bottom: 1.5rem;
}
.confidence-outer .text p {
  color: var(--white);
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  margin: 0;
}
.confidence-outer .confidence-slider-area {
  position: relative;
}
.confidence-outer .ahgConfidenceSwiper {
  overflow: visible;
}
.confidence-outer .ahgConfidenceSwiper .swiper-slide {
  width: 30.75rem;
  height: auto;
}
.confidence-outer .ahg-conf__prev {
  transform: rotate(-180deg);
}
.confidence-outer .confidence-slider-nav .slider-btn img {
  filter: brightness(0) invert(1);
}
.confidence-outer .confidence-slider-nav {
  justify-content: flex-end;
  margin-top: 2.5rem;
}
.confidence-outer .conf-card {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.confidence-outer .conf-card-box {
  width: 100%;
  height: 29rem;
  border-radius: 2.5rem;
  background: var(--neutral-0-white, #fff);
  overflow: hidden;
}
.confidence-outer .conf-card-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.confidence-outer .conf-card-box .conf-card-img--top {
  -o-object-position: top center;
     object-position: top center;
}
.confidence-outer .conf-card-text {
  color: var(--white);
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  margin: 0;
}
@media (max-width: 767px) {
  .confidence-outer {
    min-height: 0;
  }
  .confidence-outer .confidence-inner {
    position: static;
    padding: 5.62rem 0;
  }
  .confidence-outer .text {
    max-width: 100%;
  }
  .confidence-outer .text h2 {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
  .confidence-outer .confidence-row-bottom {
    margin-top: 3.75rem;
  }
  .confidence-outer .ahgConfidenceSwiper .swiper-slide {
    width: 85%;
  }
}

.measurement-exp {
  padding: 11.25rem 0;
  overflow: hidden;
}
.measurement-exp .measurement-exp-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.measurement-exp .measurement-exp-heading {
  max-width: 47.4375rem;
}
.measurement-exp .measurement-exp-title {
  max-width: 42.8125rem;
  margin-bottom: 1.5rem;
}
.measurement-exp .measurement-exp-intro {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.measurement-exp .ahg-measure__prev {
  transform: rotate(-180deg);
}
.measurement-exp .ahgMeasureSwiper {
  overflow: visible;
}
.measurement-exp .swiper-slide {
  width: 55.375rem;
  height: auto;
}
.measurement-exp .me-card {
  display: flex;
  align-items: stretch;
  height: 36.25rem;
  border-radius: 3rem;
  overflow: hidden;
  background: linear-gradient(43.5deg, var(--neutral-50, #f4f7f9) 80%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
}
.measurement-exp .me-card-media {
  position: relative;
  flex: 0 0 50%;
  max-width: 50%;
  overflow: hidden;
}
.measurement-exp .me-card-media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.measurement-exp .me-card-media.me-card-media--full img {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left center;
     object-position: left center;
}
.measurement-exp .me-card-body {
  flex: 0 0 50%;
  max-width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2.5rem;
  padding: 2.5rem 3rem 2.5rem 1.5rem;
}
.measurement-exp .me-card-badge {
  width: 8.0625rem;
  height: 8.3125rem;
}
.measurement-exp .me-card-badge img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3.0625rem;
}
.measurement-exp .me-card-text {
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  margin: 0;
  max-width: 22.75rem;
}
.measurement-exp .measurement-exp-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3.75rem;
}
.measurement-exp .measurement-exp-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  border-radius: 3.75rem;
  background: var(--neutral-200, #c9d3d9);
  opacity: 1;
  transition: width 0.3s ease, background 0.3s ease;
}
.measurement-exp .measurement-exp-pagination .swiper-pagination-bullet-active {
  width: 2.25rem;
  background: var(--neutral-900, #1a1b1d);
}
@media (max-width: 767px) {
  .measurement-exp {
    padding: 5.62rem 0;
  }
  .measurement-exp .measurement-exp-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
  .measurement-exp .swiper-slide {
    width: 85%;
  }
  .measurement-exp .me-card {
    flex-direction: column;
    height: auto;
  }
  .measurement-exp .me-card-media,
  .measurement-exp .me-card-body {
    flex: 1 1 auto;
    max-width: 100%;
  }
  .measurement-exp .me-card-media {
    height: 17rem;
  }
  .measurement-exp .me-card-body {
    padding: 2rem;
    gap: 1.5rem;
  }
  .measurement-exp .me-card-text {
    font-size: var(--fs-base);
    line-height: 1.5;
  }
}

.real-households {
  padding: 11.25rem 0;
  overflow: hidden;
}
.real-households .real-households-head {
  text-align: center;
  max-width: 47.4375rem;
  margin: 0 auto 3.75rem;
}
.real-households .real-households-title {
  margin-bottom: 0.75rem;
}
.real-households .real-households-intro {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.real-households .ahgHouseholdSwiper {
  overflow: visible;
}
.real-households .swiper-slide {
  width: 30.8125rem;
  height: auto;
}
.real-households .swiper-slide.rh-slide--wide {
  width: 39rem;
}
.real-households .rh-card {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.real-households .rh-card-box {
  position: relative;
  width: 100%;
  height: 25rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
}
.real-households .rh-card-box img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.real-households .rh-card-box--logs img {
  position: absolute;
  left: 20.5%;
  top: 8.75%;
  width: 59.2%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.real-households .rh-card-text {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
  margin: 0;
}
.real-households .ahg-household__prev {
  transform: rotate(-180deg);
}
.real-households .real-households-nav {
  justify-content: flex-end;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .real-households {
    padding: 5.62rem 0;
  }
  .real-households .real-households-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
  .real-households .swiper-slide,
  .real-households .swiper-slide.rh-slide--wide {
    width: 85%;
  }
}

.precision-outer .bg {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.precision-outer .eco-system-img img {
  width: 100%;
  height: auto;
  border-radius: 6.4375rem;
}
.precision-outer.eco-system-outer .row:nth-child(2) .eco-system-text-bx {
  max-width: unset;
}
.precision-outer.eco-system-outer .row:nth-child(2) .eco-system-img {
  right: -350px;
}
.precision-outer.eco-system-outer .row:nth-child(2) .eco-system-img img {
  height: 800px;
}
.precision-outer h2 {
  max-width: unset;
}

.lifestyle {
  padding: 11.25rem 0;
  overflow: hidden;
}
.lifestyle h2 {
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 1.5rem;
}
.lifestyle .lifestyle-head {
  max-width: 50.625rem;
  margin: 0 auto;
  text-align: center;
}
.lifestyle .lifestyle-head p {
  color: var(--Neutral-600, #5f676e);
  text-align: center;
  /* Website/lg/Regular */
  font-family: Inter;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2.34375rem; /* 150% */
  margin-bottom: 0;
}
.lifestyle .lifestyle-bg-inner {
  padding-top: 7.63rem;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.lifestyle .lifestyle-bg-inner .bg {
  width: 100%;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-wrap {
  position: absolute;
  inset: 0;
  padding: 7.63rem 0;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-top,
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom {
  height: 50%;
  position: relative;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-top .lifestyle-media,
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom .lifestyle-media {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  width: 50%;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-top .lifestyle-media img,
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom .lifestyle-media img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: contain;
}
.lifestyle .lifestyle-bg-inner h3 {
  font-size: 1.9375rem;
  line-height: 2.90625rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  background: none;
  -webkit-text-fill-color: var(--neutral-700, #3f464c);
  margin-bottom: 1.5rem;
}
.lifestyle .lifestyle-bg-inner .lifestyle-text {
  max-width: 30.8125rem;
  margin-left: auto;
  margin-top: 84px;
}
.lifestyle .lifestyle-bg-inner .lifestyle-text .icon {
  display: flex;
  width: 4rem;
  height: 4rem;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
  margin-bottom: 1.5rem;
  border-radius: 1rem;
  background: var(--neutral-100-azureish-white, #e1e9ed);
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom .lifestyle-media {
  left: auto;
  right: 0;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom .lifestyle-text {
  max-width: 30.8125rem;
  margin-right: auto;
  margin-left: 0;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom .container {
  height: 100%;
}
.lifestyle .lifestyle-bg-inner .lifestyle-bg-inner-bottom .container .row {
  height: 100%;
  align-items: center;
}

.technical-specs .technical-specs-title {
  margin-bottom: 3.75rem;
}
.technical-specs .app-features-card {
  align-items: stretch;
  padding-right: 0;
}
.technical-specs .app-features-accordion {
  position: relative;
  z-index: 1;
  justify-content: center;
}
.technical-specs .technical-specs-media {
  position: absolute;
  top: 50%;
  right: -2%;
  transform: translateY(-50%);
  width: 55%;
  pointer-events: none;
  margin: 0;
  background-image: unset;
  background-color: transparent;
}
.technical-specs .technical-specs-media img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  .technical-specs .technical-specs-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
    margin-bottom: 2.5rem;
  }
  .technical-specs .app-features-card {
    flex-direction: column;
    padding: 1.5rem;
  }
  .technical-specs .app-features-accordion {
    max-width: 100%;
    order: 2;
  }
  .technical-specs .technical-specs-media {
    position: static;
    transform: none;
    width: 100%;
    order: 1;
    margin-bottom: 1.5rem;
  }
}

.whats-included {
  padding: 11.25rem 0;
  overflow: hidden;
}
.whats-included .whats-included-head {
  text-align: center;
  max-width: 37.25rem;
  margin: 0 auto;
}
.whats-included .whats-included-title {
  margin-bottom: 0.75rem;
}
.whats-included .whats-included-intro {
  font-size: var(--fs-base);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.whats-included .whats-included-visual {
  max-width: 63.5rem;
  margin: 2.5rem auto 4.5rem;
}
.whats-included .whats-included-visual img {
  width: 100%;
  height: auto;
  display: block;
}
.whats-included .whats-included-items {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 1.875rem;
}
.whats-included .wi-item {
  flex: 1 1 0;
  max-width: 16rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 1rem;
}
.whats-included .wi-icon {
  width: 3rem;
  height: 3rem;
}
.whats-included .wi-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.whats-included .wi-label {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  margin: 0;
}
@media (max-width: 767px) {
  .whats-included {
    padding: 5.62rem 0;
  }
  .whats-included .whats-included-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
  .whats-included .whats-included-items {
    flex-wrap: wrap;
    gap: 2.5rem 1.5rem;
  }
  .whats-included .wi-item {
    flex: 0 0 calc(50% - 0.75rem);
    max-width: calc(50% - 0.75rem);
  }
}

.ahg-standard-outer {
  padding-bottom: 11.25rem;
}
.ahg-standard-outer .ahg-standard-inner {
  position: relative;
  text-align: center;
  padding: 6rem 2rem 0;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
}
.ahg-standard-outer .ahg-standard-title {
  font-size: var(--fs-3xl);
  line-height: 4.59375rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-950, #121314);
  background: none;
  -webkit-text-fill-color: currentColor;
  margin: 0 0 1rem;
}
.ahg-standard-outer .ahg-standard-intro {
  max-width: 44.3125rem;
  margin: 0 auto;
  font-size: var(--fs-sm);
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-900, #1a1b1d);
}
.ahg-standard-outer .ahg-standard-visual {
  max-width: 65.875rem;
  margin: 2.5rem auto 0;
}
.ahg-standard-outer .ahg-standard-visual img {
  width: 100%;
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  .ahg-standard-outer {
    padding-bottom: 5.62rem;
  }
  .ahg-standard-outer .ahg-standard-inner {
    padding: 3rem 1.25rem 0;
  }
  .ahg-standard-outer .ahg-standard-title {
    font-size: var(--fs-2xl);
    line-height: 1.2;
  }
}

.support-resources {
  padding: 11.25rem 0;
  overflow: hidden;
}
.support-resources .support-resources-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.support-resources .support-resources-heading {
  max-width: 56.875rem;
}
.support-resources .support-resources-title {
  max-width: 39rem;
  margin-bottom: 1.5rem;
}
.support-resources .support-resources-intro {
  font-size: var(--fs-lg);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.support-resources .ahg-supportres__prev {
  transform: rotate(-180deg);
}
.support-resources .ahgSupportResSwiper {
  overflow: visible;
}
.support-resources .swiper-slide {
  width: 22.625rem;
  height: auto;
}
.support-resources .support-card {
  display: flex;
  flex-direction: column;
  height: 23.9375rem;
  padding: 2rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
}
.support-resources .support-card-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.5rem;
}
.support-resources .support-card-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-resources .support-card-title {
  font-size: var(--fs-lg, 1.5625rem);
  line-height: 2.34375rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-700, #3f464c);
  margin: 0 0 0.75rem;
}
.support-resources .support-card-text {
  font-size: var(--fs-base);
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.support-resources .support-card-link {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-top: auto;
  font-size: var(--fs-sm);
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  text-decoration: none;
}
.support-resources .support-card-link img {
  width: 1.4375rem;
  height: 1.4375rem;
  -o-object-fit: contain;
     object-fit: contain;
}

.banner.normal-banner {
  height: unset;
}
.banner.normal-banner img {
  width: 100%;
}
.banner.normal-banner .container-custom {
  padding-bottom: 2rem;
}
.banner.normal-banner .container-custom p {
  color: white;
  margin-bottom: 0;
}

.support-loop {
  padding: 5.625rem 0 0;
  display: flex;
  flex-direction: column;
  gap: 5.625rem 0;
}
.support-loop .support-loop-row {
  display: flex;
  flex-direction: column;
  gap: 5.625rem;
  scroll-margin-top: 5.625rem;
}
.support-loop .support-meterbanner-sec {
  padding: 0;
}
.support-loop .support-start {
  padding: 0;
}
.support-loop .support-start .support-start-head {
  margin-bottom: 2.5rem;
  text-align: center;
}
.support-loop .support-start .support-start-title {
  margin: 0;
  font-size: 2.4375rem;
  line-height: 3.65625rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-loop .support-start .support-start-sub {
  margin: 0.5rem 0 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-loop .support-start .support-start-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 1.875rem;
       column-gap: 1.875rem;
  row-gap: 2.5rem;
}
.support-loop .support-start .support-start-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.support-loop .support-start .support-start-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.75rem;
}
.support-loop .support-start .support-start-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-loop .support-start .support-start-card-title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}
.support-loop .support-start .support-start-card-desc {
  margin: 0;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
}
.support-loop .support-start .support-start-link {
  margin-top: auto;
  padding-bottom: 0;
}

.support-meterbanner {
  padding: 3.75rem 1.875rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  overflow: hidden;
}
.support-meterbanner .support-meterbanner-icon {
  width: 3.75rem;
  height: 3.75rem;
  margin-bottom: 2.4375rem;
}
.support-meterbanner .support-meterbanner-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-meterbanner .support-meterbanner-title {
  margin: 0;
  font-size: 2.4375rem;
  line-height: 3.65625rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-meterbanner .support-meterbanner-sub {
  margin: 0.5rem 0 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-meterbanner .support-meterbanner-btn {
  margin-top: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border-radius: 1rem;
  background: linear-gradient(to right, var(--neutral-950, #121314), var(--neutral-800, #2c3035));
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-medium);
  color: var(--neutral-50, #f4f7f9);
  text-decoration: none;
}

.support-downloads .support-downloads-head {
  margin-bottom: 2.5rem;
  text-align: center;
}
.support-downloads .support-downloads-title {
  margin: 0;
  font-size: 2.4375rem;
  line-height: 3.65625rem;
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.support-downloads .support-downloads-sub {
  margin: 0.5rem 0 0;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.support-downloads .support-downloads-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem 10.1875rem;
  justify-content: center;
}
.support-downloads .support-downloads-card {
  flex: 0 1 22.625rem;
}
.support-downloads .support-downloads-card.support-downloads-card--wide {
  flex: 0 1 30.6875rem;
}
.support-downloads .support-downloads-icon {
  width: 3rem;
  height: 3rem;
  margin-bottom: 1.75rem;
}
.support-downloads .support-downloads-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.support-downloads .support-downloads-card-title {
  margin: 0 0 0.5rem;
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}
.support-downloads .support-downloads-card-desc {
  margin: 0 0 1rem;
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
}
.support-downloads .support-downloads-langs {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.faq-hero {
  padding: 9.6875rem 0 0;
}
.faq-hero .faq-hero-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.faq-hero .breadcrumb ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.faq-hero .breadcrumb li {
  display: flex;
  align-items: center;
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
}
.faq-hero .breadcrumb li:not(:last-child)::after {
  content: "/";
  margin-left: 0.5rem;
  color: var(--neutral-400, #a5adb6);
}
.faq-hero .breadcrumb li a {
  color: var(--neutral-500, #7e8590);
  text-decoration: none;
  transition: color 0.2s ease;
}
.faq-hero .breadcrumb li a:hover {
  color: var(--neutral-900, #1a1b1d);
}
.faq-hero .breadcrumb li span {
  color: var(--neutral-900, #1a1b1d);
}
.faq-hero .faq-hero-crumb {
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-500, #7e8590);
  text-decoration: none;
}
.faq-hero .faq-hero-title {
  margin: 0.375rem 0 0;
  font-size: var(--fs-4xl);
  line-height: var(--lh-4xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--Neutral-950, #121314) 0%, var(--Neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.faq-hero .faq-hero-search {
  margin-top: 1.75rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  width: 100%;
  max-width: 47.125rem;
  padding: 1.5rem;
  border: 1px solid var(--neutral-200, #c9d3d9);
  border-radius: 1.5rem;
  background: var(--neutral-0-white, #fff);
}
.faq-hero .faq-hero-search-icon {
  width: 1.5rem;
  flex-shrink: 0;
}
.faq-hero .faq-hero-search-icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.faq-hero input {
  padding-left: 0;
  padding-right: 0;
  flex: 1;
  border: none;
  outline: none;
  background: transparent;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-regular);
  color: var(--Neutral-600, #5f676e);
  /* Website/base/Regular */
  font-family: Inter;
}
.faq-hero input::-moz-placeholder {
  color: var(--neutral-600, #5f676e);
}
.faq-hero input::placeholder {
  color: var(--neutral-600, #5f676e);
}

.faq-main {
  padding: 5.62rem 0 0;
}
.faq-main .faq-tabs ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.faq-main .faq-tabs li {
  border-radius: 1.5rem;
  cursor: pointer;
  transition: background 0.2s ease;
}
.faq-main .faq-tabs li span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 1.5rem;
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-semibold);
  color: var(--neutral-600, #5f676e);
}
.faq-main .faq-tabs li span::after {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  flex-shrink: 0;
}
.faq-main .faq-tabs li:hover span, .faq-main .faq-tabs li.active span {
  color: var(--neutral-900, #1a1b1d);
}
.faq-main .faq-tabs li.active {
  background: var(--neutral-50, #f4f7f9);
}
.faq-main .col-md-3 {
  border-right: 1px solid var(--Neutral-200, #c9d3d9);
}

.faq-tabs-container .faq-acc {
  display: none;
}
.faq-tabs-container .faq-acc.is-active {
  display: flex;
}

.faq-acc {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.faq-acc .faq-acc-item {
  border-radius: 1.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
}
.faq-acc .faq-acc-head {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.5rem;
  border: none;
  background: transparent;
  cursor: pointer;
  text-align: left;
}
.faq-acc .faq-acc-q {
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}
.faq-acc .faq-acc-icon {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  flex-shrink: 0;
}
.faq-acc .faq-acc-icon::before {
  content: "";
  position: absolute;
  top: 45%;
  left: 50%;
  width: 0.625rem;
  height: 0.625rem;
  border-right: 2px solid var(--neutral-900, #1a1b1d);
  border-bottom: 2px solid var(--neutral-900, #1a1b1d);
  transform: translate(-50%, -50%) rotate(45deg);
  transition: transform 0.2s ease;
}
.faq-acc .faq-acc-item.is-open .faq-acc-icon::before {
  top: 55%;
  transform: translate(-50%, -50%) rotate(-135deg);
}
.faq-acc .faq-acc-body {
  display: none;
  padding: 0 1.5rem 1.5rem;
}
.faq-acc .faq-acc-body p {
  margin: 0;
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.faq-acc .faq-acc-body ol {
  margin: 0;
  padding-left: 1.5rem;
}
.faq-acc .faq-acc-body ol li {
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-800, #2c3035);
}
.faq-acc .faq-acc-body > * + * {
  margin-top: 0.25rem;
}

.searchpop-modal {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  padding: 9.375rem 1.5rem 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.3s ease, visibility 0s linear 0.3s;
}
.searchpop-modal .searchpop-overlay {
  position: absolute;
  inset: 0;
  background: rgba(18, 19, 20, 0.45);
  backdrop-filter: blur(25px);
  -webkit-backdrop-filter: blur(25px);
}
.searchpop-modal .searchpop-inner {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 48rem;
  opacity: 0;
  transform: translateY(-2.5rem) scale(0.98);
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.searchpop-modal .searchpop-close {
  position: absolute;
  top: -3.25rem;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.75rem;
  line-height: 1;
  color: var(--neutral-0-white, #fff);
  background: transparent;
  border: none;
  cursor: pointer;
  transition: opacity 0.2s ease;
}
.searchpop-modal .searchpop-close:hover {
  opacity: 0.7;
}
.searchpop-modal .searchpop-form {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  border-radius: 1rem;
  background: var(--neutral-0-white, #fff);
  box-shadow: 0 1.25rem 3.75rem rgba(0, 0, 0, 0.3);
}
.searchpop-modal .searchpop-form input {
  flex: 1;
  width: auto;
  padding: 0.75rem 0;
  background: transparent;
  border-radius: 0;
  font-size: var(--fs-base);
}
.searchpop-modal .searchpop-form .searchpop-submit {
  flex-shrink: 0;
  padding: 0.875rem 1.75rem;
  border-radius: 0.75rem;
  border: none;
  cursor: pointer;
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  font-weight: var(--font-medium);
  color: var(--neutral-50, #f4f7f9);
  background: linear-gradient(90deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  transition: opacity 0.2s ease;
}
.searchpop-modal .searchpop-form .searchpop-submit:hover {
  opacity: 0.88;
}
.searchpop-modal.is-open {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: opacity 0.3s ease, visibility 0s linear 0s;
}
.searchpop-modal.is-open .searchpop-inner {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.autocomplete-suggestions {
  width: 100%;
  left: 0;
  bottom: -5px;
  transform: translateY(100%);
  background: #fff;
  padding: 10px 20px;
  border-radius: 15px;
  max-height: 200px;
  overflow: auto;
  font-size: 1.05rem;
  border: 1px solid rgba(221, 221, 221, 0.8666666667);
}
.autocomplete-suggestions .search-list .search-item {
  padding-block: 5px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.autocomplete-suggestions .search-list .search-item:hover {
  background: #f5f5f5;
}
.autocomplete-suggestions .search-list .search-item:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

body.searchpop-open {
  overflow: hidden;
}

.banner h2 {
  max-width: 49rem;
}

.eco-system-outer.precision-outer.dependon h2 {
  max-width: 33.625rem;
}

.lifestyle.lifestyle-edit .lifestyle-bg-inner {
  padding-top: 0;
}
.lifestyle.lifestyle-edit .lifestyle-bg-inner .lifestyle-bg-inner-wrap {
  position: static;
  padding-top: 4rem;
}
.lifestyle.lifestyle-edit .lifestyle-bg-inner .lifestyle-bg-inner-top,
.lifestyle.lifestyle-edit .lifestyle-bg-inner .lifestyle-bg-inner-bottom {
  height: 44.875rem;
}

.eco-system-outer.precision-outer.blood-glucose-monitors-ahg-2085 .row:nth-child(2) .eco-system-img {
  right: -100px;
}
.eco-system-outer.precision-outer.blood-glucose-monitors-ahg-2085 .row:nth-child(2) .eco-system-img img {
  height: auto;
}

.ft-policy ul {
  display: flex;
  justify-content: flex-start;
}
.ft-policy ul li {
  position: relative;
  font-size: 1rem;
  line-height: 1.12rem;
  font-weight: var(--font-regular);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ft-policy ul li::after {
  content: "|";
  margin: 0px 10px;
}
.ft-policy ul li:last-child:after {
  display: none;
}
.ft-policy ul li a {
  font-size: 1rem;
  line-height: 1.12rem;
  font-weight: var(--font-regular);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  transition: opacity 0.2s ease;
}
.ft-policy ul li a:hover {
  opacity: 0.5;
}

body:has(.home-banner) header {
  background-color: black;
  position: static;
  top: 0;
}

.policy-page {
  padding: 10rem 0 6.25rem;
  background: var(--white, #fff);
}
.policy-page article h1 {
  font-family: var(--font-family);
  font-size: var(--fs-3xl);
  line-height: var(--lh-3xl);
  font-weight: var(--font-semibold);
  background: linear-gradient(180deg, var(--neutral-950, #121314) 0%, var(--neutral-800, #2c3035) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
  border-bottom: 1px solid var(--neutral-200, #c9d3d9);
}
.policy-page article h2 {
  font-family: var(--font-family);
  font-size: var(--fs-xl);
  line-height: var(--lh-xl);
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
  background: none;
  -webkit-text-fill-color: unset;
  margin-top: 3rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  border-top: 1px solid var(--neutral-100, #e1e9ed);
}
.policy-page article h1 + h2 {
  border-top: none;
  padding-top: 0;
  margin-top: 0;
}
.policy-page article h3 {
  font-family: var(--font-family);
  font-size: var(--fs-base);
  line-height: var(--lh-base);
  font-weight: var(--font-semibold);
  color: var(--neutral-800, #2c3035);
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}
.policy-page article p {
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
  margin: 0 0 1.25rem;
}
.policy-page article a {
  color: var(--neutral-700, #3f464c);
  text-decoration: none;
  font-weight: var(--font-medium);
  transition: color 0.2s ease;
}
.policy-page article a:hover {
  color: var(--neutral-700, #3f464c);
  text-decoration: underline;
  opacity: 0.7;
}
.policy-page article .policy-list {
  list-style: none;
  margin: 0 0 1.5rem;
  padding: 0;
}
.policy-page article .policy-list li {
  position: relative;
  padding-left: 1.5rem;
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
  margin-bottom: 0.625rem;
}
.policy-page article .policy-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.5625rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: var(--neutral-700);
}
.policy-page article .faq-steps {
  margin: 0 0 1.5rem;
  padding: 0 0 0 1.2rem;
}
.policy-page article .faq-steps li {
  font-family: var(--font-family);
  font-size: var(--fs-sm);
  line-height: var(--lh-sm);
  font-weight: var(--font-regular);
  color: var(--neutral-900);
  margin-bottom: 0.625rem;
}
.policy-page article strong {
  font-weight: var(--font-semibold);
  color: var(--neutral-900, #1a1b1d);
}

.lifestyle.lifestyle-edit.lifestyle-outer-1329 .lifestyle-bg-inner .lifestyle-bg-inner-top,
.lifestyle.lifestyle-edit.lifestyle-outer-1329 .lifestyle-bg-inner .lifestyle-bg-inner-bottom,
.lifestyle.lifestyle-edit.lifestyle-outer-1380 .lifestyle-bg-inner .lifestyle-bg-inner-top,
.lifestyle.lifestyle-edit.lifestyle-outer-1380 .lifestyle-bg-inner .lifestyle-bg-inner-bottom {
  height: 35rem;
}

.app-features.technical-specs.technical-outer-1329 .technical-specs-media {
  position: absolute;
  top: 50%;
  right: 2%;
  transform: translateY(-50%);
  width: 40%;
  pointer-events: none;
  margin: 0;
}

.precision-outer.eco-system-outer .row:nth-child(2) .eco-system-img img {
  height: unset;
}

.precision-outer.eco-system-outer .row:nth-child(2) .eco-system-img {
  right: -100px;
}

.real-households.real-households-noslider .real-households-bx {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1.5rem;
}
.real-households.real-households-noslider .real-households-bx .img {
  height: 400px;
  width: 100%;
  border-radius: 3rem;
  overflow: hidden;
}
.real-households.real-households-noslider .real-households-bx .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.real-households.real-households-noslider .real-households-bx .txt p {
  color: var(--neutral-700-mako, #3f464c);
  /* Website/base/Regular */
  font-family: Inter;
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.875rem; /* 150% */
}
.real-households.real-households-noslider .real-households-bx .txt p:last-child {
  margin-bottom: 0;
}

.eco-system-outer.precision-outer.precision-outer-235 .row:nth-child(2) .eco-system-img img,
.eco-system-outer.precision-outer.precision-outer-238 .row:nth-child(2) .eco-system-img img,
.eco-system-outer.precision-outer.precision-outer-1548 .row:nth-child(2) .eco-system-img img {
  height: 500px;
  -o-object-fit: contain;
     object-fit: contain;
}

.app-features.technical-specs.technical-outer-235 .technical-specs-media,
.app-features.technical-specs.technical-outer-236 .technical-specs-media,
.app-features.technical-specs.technical-outer-238 .technical-specs-media,
.app-features.technical-specs.technical-outer-1548 .technical-specs-media {
  height: 500px;
  top: auto;
  right: 6%;
  transform: unset;
  width: 28%;
  -o-object-fit: contain;
  object-fit: contain;
  bottom: 0;
  display: flex;
  align-items: flex-end;
}

.eco-system-outer.precision-outer.precision-outer-1497 .row:nth-child(2) .eco-system-img {
  display: flex;
  justify-content: flex-end;
  right: 0;
}
.eco-system-outer.precision-outer.precision-outer-1497 .row:nth-child(2) .eco-system-img img {
  height: 602px;
  width: 337px;
}

.app-features.technical-specs.technical-outer-1497 .technical-specs-media {
  right: 0;
  width: 35%;
}

.lifestyle.lifestyle-edit.lifestyle-outer-1548 .lifestyle-bg-inner .lifestyle-bg-inner-top .lifestyle-media,
.lifestyle.lifestyle-edit.lifestyle-outer-1548 .lifestyle-bg-inner .lifestyle-bg-inner-bottom .lifestyle-media {
  max-width: 65%;
}

.app-features.technical-specs.technical-outer-232 .technical-specs-media {
  position: absolute;
  top: auto;
  right: -2%;
  transform: unset;
  width: 55%;
  pointer-events: none;
  margin: 0;
  background-image: unset;
  background-color: transparent;
  bottom: -10px;
}

.w-wrap {
  width: -moz-max-content;
  width: max-content;
  display: inline-flex;
}

.lancing-device {
  padding: 11.25rem 0;
  overflow: hidden;
  /* ---- head: heading block left, prev/next buttons bottom-right ---- */
}
.lancing-device .lancing-device-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2rem;
  margin-bottom: 3.75rem;
}
.lancing-device .lancing-device-heading {
  max-width: 47.4375rem;
}
.lancing-device .lancing-device-title {
  margin-bottom: 1.5rem;
}
.lancing-device .lancing-device-intro {
  font-size: var(--fs-base);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.lancing-device .ahg-lancing__prev {
  transform: rotate(-180deg);
}
.lancing-device {
  /* ---- slider: cards bleed past the container edge ---- */
}
.lancing-device .ahgLancingSwiper {
  overflow: visible;
}
.lancing-device .swiper-slide {
  width: 55.375rem;
  height: auto;
}
.lancing-device {
  /* ---- card shell (same as .me-card in .measurement-exp) ---- */
}
.lancing-device .ld-card {
  display: flex;
  align-items: stretch;
  height: 36.25rem;
  border-radius: 3rem;
  overflow: hidden;
  background: linear-gradient(43.5deg, var(--neutral-50, #f4f7f9) 80%, var(--neutral-100-azureish-white, #e1e9ed) 100%);
}
.lancing-device {
  /* ---- media column ---- */
}
.lancing-device .ld-card-media {
  position: relative;
  flex: 0 0 29.125rem;
  max-width: 29.125rem;
  overflow: hidden;
}
.lancing-device .ld-media-stage {
  position: relative;
  width: 29.125rem;
  height: 36.25rem;
  margin: 0 auto;
}
.lancing-device .ld-media-img {
  position: absolute;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  pointer-events: none;
}
.lancing-device {
  /* Wrapper for renders that Figma rotates 90deg.
       The wrapper is the final on-screen box; the <img> keeps its natural
       landscape size and is rotated about its own centre. */
}
.lancing-device .ld-media-rot {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lancing-device .ld-media-rot img {
  flex: none;
  max-width: none;
  -o-object-fit: cover;
     object-fit: cover;
  transform: rotate(90deg);
  pointer-events: none;
}
.lancing-device {
  /* Cards 1 & 2 — Forward Spring Technology / Independent Lancet Holder.
       Figma: box 102.645x509 at left 197 / top 35, image 509x102.645 rotated 90. */
}
.lancing-device .ld-media-rot--spring {
  left: 12.3125rem;
  top: 2.1875rem;
  width: 6.4153rem;
  height: 31.8125rem;
}
.lancing-device .ld-media-rot--spring img {
  width: 31.8125rem;
  height: 6.4153rem;
}
.lancing-device {
  /* Card 6 — 2-in-1 Button & Lancet Ejector.
       Figma: box 168.386x835 at left 146 / top 34 — taller than the card on
       purpose, the card's overflow:hidden crops it. */
}
.lancing-device .ld-media-rot--ejector {
  left: 9.125rem;
  top: 2.125rem;
  width: 10.5241rem;
  height: 52.1875rem;
}
.lancing-device .ld-media-rot--ejector img {
  width: 52.1875rem;
  height: 10.5241rem;
}
.lancing-device .ld-media-img--indicator {
  left: 7.1875rem;
  top: 0;
  width: 17.8125rem;
  height: 29.3125rem;
}
.lancing-device .ld-media-img--rail-top {
  left: 4.3125rem;
  top: 6.8125rem;
  width: 20.375rem;
  height: 9.5rem;
}
.lancing-device .ld-media-img--rail-bottom {
  left: 0;
  top: 20.9375rem;
  width: 27.6875rem;
  height: 15.3125rem;
}
.lancing-device .ld-media-img--depth-numbers {
  left: 8rem;
  top: 6.4375rem;
  width: 10.25rem;
  height: 8.8125rem;
}
.lancing-device .ld-media-img--depth-device {
  left: 7rem;
  bottom: 0;
  width: 12.1875rem;
  height: 20.625rem;
  mix-blend-mode: darken;
}
.lancing-device {
  /* ---- text column: 364px copy width + 56px right gutter, vertically centred ---- */
}
.lancing-device .ld-card-body {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 1.5rem;
  padding: 2.5rem 3.5rem 2.5rem 0;
}
.lancing-device .ld-card-title {
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  margin: 0;
  max-width: 22.75rem;
}
.lancing-device .ld-card-list,
.lancing-device .ld-card-text {
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
  margin: 0;
  max-width: 22.75rem;
}
.lancing-device .ld-card-list {
  list-style: disc;
  padding-left: 1.5rem;
}
.lancing-device .ld-card-list li {
  list-style: disc;
}
.lancing-device {
  /* ---- pagination (same treatment as .measurement-exp-pagination) ---- */
}
.lancing-device .lancing-device-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3.75rem;
}
.lancing-device .lancing-device-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  border-radius: 3.75rem;
  background: var(--neutral-200, #c9d3d9);
  opacity: 1;
  transition: width 0.3s ease, background 0.3s ease;
}
.lancing-device .lancing-device-pagination .swiper-pagination-bullet-active {
  width: 2.25rem;
  background: var(--neutral-900, #1a1b1d);
}

.test-strip {
  padding: 11.25rem 0;
  overflow: hidden;
  /* ---- head: copy on the left, render bleeding off the right ---- */
}
.test-strip .test-strip-head {
  position: relative;
  margin-bottom: 3.75rem;
}
.test-strip .test-strip-heading {
  position: relative;
  z-index: 1;
}
.test-strip .test-strip-title {
  max-width: 57.1875rem;
  margin-bottom: 1.5rem;
}
.test-strip .test-strip-intro {
  max-width: 53.0625rem;
  font-size: var(--fs-base);
  line-height: 2.34375rem;
  font-weight: var(--font-regular);
  color: var(--neutral-600, #5f676e);
  margin: 0;
}
.test-strip .test-strip-intro strong {
  font-weight: var(--font-semibold);
  color: inherit;
}
.test-strip {
  /* Figma: 497x357 sitting top-right of the copy. Figma's frame is 1278 wide
       while .container-custom grows to 1540, so this is pinned to the container's
       right edge instead of to the Figma x-offset. */
}
.test-strip .test-strip-visual {
  position: absolute;
  top: 0;
  right: 0;
  width: 31.0625rem;
  height: 22.3125rem;
  pointer-events: none;
}
.test-strip .test-strip-visual img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right top;
     object-position: right top;
}
.test-strip {
  /* ---- slider: cards bleed past the container edge ---- */
}
.test-strip .ahgStripSwiper {
  overflow: visible;
}
.test-strip .swiper-slide {
  width: auto;
  height: auto;
}
.test-strip {
  /* ---- card: flat panel, text only ----
       Figma text column starts 51px in; right gutter is what's left over. */
}
.test-strip .ts-card {
  width: 34.8125rem;
  height: 23.5rem;
  border-radius: 2.5rem;
  background: var(--neutral-50, #f4f7f9);
  overflow: hidden;
  padding: 2.875rem 1.875rem 2.5rem 3.1875rem;
}
.test-strip .ts-card .ts-card-title {
  max-width: 26.625rem;
}
.test-strip .ts-card--narrow {
  width: 29.375rem;
  padding-right: 3.4375rem;
}
.test-strip .ts-card--narrow .ts-card-title {
  max-width: 22.75rem;
}
.test-strip .ts-card-title {
  font-size: 1.5625rem;
  line-height: 2.1875rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  margin: 0 0 2rem;
}
.test-strip .ts-card-label {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-weight: var(--font-medium);
  color: var(--neutral-900, #1a1b1d);
  margin: 0 0 0.5rem;
}
.test-strip .ts-card-list {
  list-style: disc;
  padding-left: 1.5rem;
  margin: 0 0 2rem;
  font-size: 1rem;
  line-height: 1.4rem;
  font-weight: var(--font-regular);
  color: var(--neutral-700, #3f464c);
}
.test-strip .ts-card-list li {
  list-style: disc;
}
.test-strip .ts-card-list:last-child {
  margin-bottom: 0;
}
.test-strip {
  /* ---- arrows sit under the slider, right-aligned (as in .real-households) ---- */
}
.test-strip .ahg-strip__prev {
  transform: rotate(-180deg);
}
.test-strip .test-strip-nav {
  justify-content: flex-end;
  margin-top: 3.75rem;
}
.test-strip {
  /* ---- pagination (same treatment as .measurement-exp-pagination) ---- */
}
.test-strip .test-strip-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-top: 3.75rem;
}
.test-strip .test-strip-pagination .swiper-pagination-bullet {
  width: 0.75rem;
  height: 0.75rem;
  margin: 0;
  border-radius: 3.75rem;
  background: var(--neutral-200, #c9d3d9);
  opacity: 1;
  transition: width 0.3s ease, background 0.3s ease;
}
.test-strip .test-strip-pagination .swiper-pagination-bullet-active {
  width: 2.25rem;
  background: var(--neutral-900, #1a1b1d);
}/*# sourceMappingURL=style.css.map */