.hero {
  --elevation-title-size: clamp(74px, 9.67vw, 188px);
  --elevation-subtitle-size: clamp(18px, 1.86vw, 36px);
  --elevation-title-line: 0.85;
}

.hero .hero-copy {
  position: absolute !important;
  left: 50% !important;
  top: var(--hero-image-start) !important;
  transform: translate(-50%, -50%) !important;
  z-index: 6 !important;
  display: block !important;
  width: max-content !important;
  max-width: none !important;
  padding: 0 !important;
  pointer-events: none !important;
}

.hero .hero-copy__title {
  margin: 0 !important;
  width: auto !important;
  color: #F3EDF7 !important;
  text-align: left !important;
  font-family: "Termina", Arial, sans-serif !important;
  font-size: var(--elevation-title-size) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: var(--elevation-title-line) !important;
  letter-spacing: clamp(-1.2px, -0.062vw, -0.45px) !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.hero .hero-copy__subtitle {
  position: absolute !important;
  top: calc(var(--elevation-title-size) * 0.875) !important;
  right: calc(var(--elevation-title-size) * 0.064) !important;
  margin: 0 !important;
  color: #F3EDF7 !important;
  text-align: right !important;
  font-family: "Termina", Arial, sans-serif !important;
  font-size: var(--elevation-subtitle-size) !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  letter-spacing: clamp(-0.6px, -0.031vw, -0.2px) !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.hero .hero-copy__subtitle span {
  display: inline-block !important;
  transform: none !important;
}

@media (min-width: 1945px) {
  .hero {
    --elevation-title-size: 188px;
    --elevation-subtitle-size: 36px;
  }

  .hero .hero-copy {
    top: var(--hero-image-start) !important;
  }
}

@media (min-width: 768px) and (max-width: 1944px) {
  .hero {
    --elevation-title-size: clamp(74px, 9.67vw, 188px);
    --elevation-subtitle-size: clamp(18px, 1.86vw, 36px);
  }

  .hero .hero-copy {
    top: var(--hero-image-start) !important;
  }
}

@media (min-width: 768px) and (max-width: 1275px) {
  .hero {
    --elevation-title-size: clamp(70px, 10vw, 123px);
    --elevation-subtitle-size: clamp(18px, 2.55vw, 31px);
  }
}

@media (max-width: 767px) {
  .hero {
    --elevation-title-size: clamp(54px, 12.8vw, 96px);
    --elevation-subtitle-size: clamp(14px, 3.6vw, 24px);
  }

  .hero .hero-copy {
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: max-content !important;
    max-width: none !important;
  }

  .hero .hero-copy__title {
    white-space: nowrap !important;
    line-height: 0.88 !important;
  }

  .hero .hero-copy__subtitle {
    top: calc(var(--elevation-title-size) * 0.98) !important;
    right: calc(var(--elevation-title-size) * 0.03) !important;
    white-space: nowrap !important;
  }
  .hero {
    position: relative !important;
  }

  .hero::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    background:
      radial-gradient(ellipse at 86% 10%, rgba(223, 122, 15, 0.24) 0%, rgba(223, 122, 15, 0.10) 26%, rgba(223, 122, 15, 0.00) 58%),
      linear-gradient(180deg, #151515 0%, #151515 100%);
    pointer-events: none;
    z-index: 2;
  }

  .mobile-header {
    background: transparent !important;
    overflow: visible !important;
  }

  .mobile-header::before {
    display: none !important;
  }

  .mobile-header__menu-button,
  .mobile-header__logo {
    z-index: 90 !important;
  }

  .hero-copy {
    z-index: 80 !important;
  }

  .hero__image {
    z-index: 1 !important;
  }	
}
	
@media (max-width: 390px) {
    .hero {
--elevation-title-size: clamp(43.2px, 10.24vw, 76.8px) !important;
--elevation-subtitle-size: clamp(11.2px, 2.88vw, 19.2px) !important;
    }
}


/* Charge Section (banner for Charge) */
.charge-section__chip-mobile {
  display: none;
}

.charge-section__chip-desktop {
  display: inline;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .charge-section {
    height: clamp(640px, 46.2vw, 887px);
  }

  .charge-section__q svg {
    left: 38%;
    width: clamp(1280px, 92vw, 1672px);
    height: clamp(640px, 46.2vw, 887px);
  }

  .charge-section__inner {
    position: relative;
    z-index: 2;
    width: min(100%, 1500px);
    height: 100%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(320px, 46%) minmax(390px, 54%);
    align-items: center;
    column-gap: clamp(22px, 3.2vw, 72px);
    padding: clamp(52px, 5.5vw, 96px) clamp(34px, 5vw, 88px);
  }

  .charge-section__bottle-wrap {
    position: relative;
    left: auto;
    top: auto;
    width: min(100%, 740px);
    height: auto;
    justify-self: end;
    background: transparent;
    border: 0;
    box-shadow: none;
    filter: none;
    overflow: visible;
  }

  .charge-section__bottle-wrap::before,
  .charge-section__bottle-wrap::after {
    content: none;
    display: none;
  }

  .charge-section__bottle {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background: transparent;
    box-shadow: none;
    filter: none;
  }

  .charge-section__content {
    position: relative;
    left: auto;
    top: auto;
    width: min(100%, 780px);
    z-index: 3;
  }

  .charge-section__title {
    margin: 0 0 clamp(24px, 2.2vw, 42px);
    font-size: clamp(54px, 6.4vw, 96px);
    line-height: 0.92;
    letter-spacing: clamp(3px, 0.3vw, 5.76px);
    white-space: nowrap;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .charge-section__body {
    width: min(100%, 740px);
    font-size: clamp(14px, 1.04vw, 20px);
    line-height: clamp(22px, 1.67vw, 32px);
  }

  .charge-section__support-title {
    margin-top: clamp(42px, 5vw, 96px);
  }

  .charge-section__chips {
    width: 100%;
    gap: clamp(10px, 0.94vw, 18px) clamp(10px, 0.83vw, 16px);
  }

  .charge-section__chip {
    flex: 1 1 clamp(170px, 16vw, 253px);
    min-width: 0;
    padding-left: clamp(12px, 1.46vw, 28px);
    padding-right: clamp(12px, 1.46vw, 28px);
    font-size: clamp(10px, 0.75vw, 12px);
  }

  .charge-section__chip--wide,
  .charge-section__chip--mid {
    min-width: 0;
  }

  .charge-section__footnote {
    margin-top: clamp(36px, 3.65vw, 70px);
  }
}

@media (min-width: 768px) and (max-width: 1040px) {
  .charge-section__inner {
    grid-template-columns: minmax(270px, 42%) minmax(360px, 58%);
    column-gap: 20px;
    padding-left: 28px;
    padding-right: 28px;
  }

  .charge-section__title {
    font-size: clamp(46px, 6.2vw, 64px);
  }

  .charge-section__body {
    font-size: 14px;
    line-height: 22px;
  }

  .charge-section__support-title {
    margin-top: 38px;
  }
}

@media (max-width: 767px) {
  .charge-section {
    position: relative;
    height: 755px;
    min-height: 755px;
    overflow: hidden;
    background:
      linear-gradient(180deg, rgba(21, 21, 21, 0.00) 4.45%, #151515 100%),
      linear-gradient(67deg, #8061DC 4.1%, #18045D 90.69%);
  }

  .charge-section__q {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
  }

  .charge-section__q svg {
    display: none;
  }

  .charge-section__q::before {
    content: "";
    position: absolute;
    top: -28px;
    left: 50%;
    width: 520px;
    height: 520px;
    transform: translateX(-49%);
    background: url("../images/mobile_Q_vector.png") center top / contain no-repeat;
    opacity: 0.78;
  }

  .charge-section__q::after {
    content: "";
    position: absolute;
    left: -80px;
    top: 150px;
    width: 600px;
    height: 360px;
    background: radial-gradient(ellipse at 42% 22%, rgba(197, 157, 255, 0.12) 0%, rgba(197, 157, 255, 0.05) 33%, rgba(197, 157, 255, 0) 68%);
    filter: blur(4px);
  }

  .charge-section__inner {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 2;
  }

  .charge-section__content {
    position: static;
    width: 100%;
    height: 100%;
    z-index: 3;
  }

  .charge-section__title {
    position: absolute;
    top: 27px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 100%;
    color: #FDF5FF;
    text-align: center;
    font-family: "Termina", Arial, sans-serif;
    font-size: 56px;
    font-style: normal;
    font-weight: 500;
    line-height: 62px;
    letter-spacing: 3.36px;
    text-transform: uppercase;
    white-space: nowrap;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .charge-section__bottle-wrap {
    position: absolute;
    left: 50%;
    top: 40px;
    width: 360px;
    height: auto;
    transform: translateX(-50%);
    background: transparent;
    border: 0;
    box-shadow: none;
    filter: none;
    overflow: visible;
    z-index: 2;
  }

  .charge-section__bottle {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
    background: transparent;
    box-shadow: none;
    filter: none;
  }

  .charge-section__body {
    position: absolute;
    top: 398px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: min(338px, calc(100vw - 40px));
    color: #B3B2B7;
    text-align: center;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: -0.16px;
  }

  .charge-section__body br {
    display: none;
  }

  .charge-section__support-title {
    position: absolute;
    top: 523px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: min(340px, calc(100vw - 40px));
    color: #FFF;
    text-align: center;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: -0.14px;
  }

  .charge-section__chip-desktop {
    display: none;
  }

  .charge-section__chip-mobile {
    display: inline;
  }

  .charge-section__chips {
    position: absolute;
    top: 556px;
    left: 50%;
    transform: translateX(-50%);
    width: min(354px, calc(100vw - 20px));
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 9px 10px;
    z-index: 3;
  }

  .charge-section__chip,
  .charge-section__chip--wide,
  .charge-section__chip--mid {
    flex: 0 0 auto;
    width: auto;
    min-width: 0;
    height: 28px;
    padding: 0 16px;
    border-radius: 16px;
    background: rgba(197, 157, 255, 0.15);
    backdrop-filter: blur(11px);
    -webkit-backdrop-filter: blur(11px);
    color: #E4D1FF;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    letter-spacing: -0.11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
  }

  .charge-section__footnote {
    position: absolute;
    left: 50%;
    bottom: 34px;
    transform: translateX(-50%);
    margin: 0;
    width: min(330px, calc(100vw - 46px));
    color: #B3B2B7;
    text-align: center;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.4px;
    letter-spacing: -0.12px;
  }
}

@media (max-width: 374px) {
  .charge-section__title {
    font-size: 51px;
    line-height: 58px;
    letter-spacing: 3px;
  }

  .charge-section__bottle-wrap {
    width: 238px;
    top: 116px;
  }

  .charge-section__body {
    top: 392px;
    width: calc(100vw - 34px);
    font-size: 15px;
    line-height: 21px;
  }

  .charge-section__support-title {
    top: 515px;
  }

  .charge-section__chips {
    top: 548px;
    width: min(330px, calc(100vw - 18px));
    gap: 8px;
  }

  .charge-section__chip,
  .charge-section__chip--wide,
  .charge-section__chip--mid {
    padding: 0 12px;
    font-size: 10.5px;
  }

  .charge-section__footnote {
    bottom: 34px;
  }
}

/* .how section */
@media (min-width: 768px) and (max-width: 1919px) {
  .how {
    height: clamp(610px, 46vw, 800px) !important;
    overflow: hidden;
  }

  .how__eyebrow {
    top: clamp(64px, 5.7vw, 110px) !important;
    white-space: nowrap;
  }

  .how__intro {
    top: clamp(122px, 9.7vw, 186px) !important;
    width: min(720px, calc(100vw - 80px)) !important;
  }

  .how__diagram {
    top: clamp(255px, 18.5vw, 355px) !important;
    left: 56% !important;
    width: 1650px !important;
    height: 340px !important;
    transform: translateX(-50%) scale(clamp(0.48, 0.052vw, 1)) !important;
    transform-origin: top center !important;
  }
}

@media (max-width: 767px) {
  .how {
    height: auto !important;
    min-height: 0 !important;
    padding: 17px 0 72px !important;
    background: #151515;
    overflow: hidden;
  }

  .how__inner {
    position: relative !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
	margin-top: 120px;  
    margin-bottom: 100px;	  
  }
	
	.vision__eyebrow {    
position: static !important;
margin: 0 0 56px;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        color: #FFF;
        font-family: "Termina", Arial, sans-serif;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        letter-spacing: -0.12px;
        text-transform: uppercase;
  }	

  .how__eyebrow {
    position: static !important;
    transform: none !important;
    margin: 0 0 34px !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: #FFF;
    font-family: "Termina", Arial, sans-serif;
    font-size: 13px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 28px !important;
    letter-spacing: -0.13px;
    text-transform: uppercase;
    white-space: nowrap;
  }

  .how__eyebrow svg {
    width: 19px;
    height: 19px;
    flex: 0 0 auto;
  }

  .how__intro {
    position: static !important;
    transform: none !important;
    margin: 0 0 70px !important;
    width: min(340px, calc(100vw - 52px)) !important;
    color: #B3B2B7;
    text-align: left;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 26px !important;
    letter-spacing: -0.16px;
  }

  .how__intro strong {
    color: #FFF;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 26px !important;
  }

  .how__intro br {
    display: none;
  }

  .how__diagram {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(340px, calc(100vw - 48px)) !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    z-index: 2;
  }

  .how__card,
  .how__line {
    display: none !important;
  }

  .how__item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 253px !important;
    height: 143px !important;
    min-height: 143px;
    margin: 0 0 0 !important;
    padding: 26px 22px 18px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    gap: 14px;
    color: #B3B2B7;
    text-align: center;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 400;
    line-height: 22px !important;
    letter-spacing: -0.14px;
    white-space: normal !important;
    z-index: 2;
  }

  .how__item svg {
    width: 32px;
    height: 32px;
    display: block;
    flex: 0 0 auto;
  }

  .how__item span {
    display: block;
    max-width: 190px;
  }

  .how__item strong {
    color: #FFF;
    font-family: "Roboto Flex", Arial, sans-serif;
    font-size: 14px !important;
    font-style: normal;
    font-weight: 700;
    line-height: 22px !important;
    letter-spacing: -0.14px;
  }

  .how__item--pathways {
    order: 1;
    align-self: flex-start;
    background-image: url("../images/mobileRectangle52.png");
  }

  .how__item--integrity {
    order: 2;
    align-self: flex-end;
    background-image: url("../images/mobileRectangle53.png");
    margin-top: -1px !important;
  }

  .how__item--mitochondrial {
    order: 3;
    align-self: flex-start;
    background-image: url("../images/mobileRectangle54.png");
    margin-top: -1px !important;
  }

  .how__item--antioxidant {
    order: 4;
    align-self: flex-end;
    background-image: url("../images/mobileRectangle55br.png");
    margin-top: 0px !important;
  }

  .how__item--aging {
    order: 5;
    align-self: flex-start;
    background-image: url("../images/mobileRectangle56.png");
    margin-top: -1px !important;
  }
}

@media (max-width: 374px) {
  .how__intro {
    width: calc(100vw - 40px) !important;
    font-size: 15px !important;
    line-height: 24px !important;
  }

  .how__diagram {
    width: min(320px, calc(100vw - 36px)) !important;
  }

  .how__item {
    width: 253px !important;
    height: 143px !important;
  }
}

@media (min-width: 768px) and (max-width: 1399px) {
  .how {
    height: auto !important;
    min-height: 0 !important;
    padding: clamp(70px, 7vw, 96px) 28px clamp(86px, 8vw, 120px) !important;
    overflow: hidden !important;
  }

  .how__inner {
    position: relative !important;
    width: 100% !important;
    max-width: 1040px !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .how__eyebrow {
    position: static !important;
    transform: none !important;
    margin: 0 0 clamp(34px, 4vw, 48px) !important;
    font-size: clamp(11px, 1.2vw, 13px) !important;
    line-height: 28px !important;
    white-space: nowrap !important;
  }

  .how__intro {
    position: static !important;
    transform: none !important;
    width: min(620px, calc(100vw - 80px)) !important;
    margin: 0 0 clamp(64px, 7vw, 86px) !important;
    text-align: center !important;
    font-size: clamp(16px, 1.55vw, 20px) !important;
    line-height: clamp(26px, 2.35vw, 32px) !important;
  }

  .how__intro strong {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .how__diagram {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(860px, calc(100vw - 72px)) !important;
    height: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    column-gap: clamp(22px, 4vw, 48px) !important;
    row-gap: clamp(22px, 3.4vw, 42px) !important;
    align-items: stretch !important;
    justify-items: stretch !important;
    z-index: 2 !important;
  }

  .how__card,
  .how__line {
    display: none !important;
  }

  .how__item {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    height: clamp(150px, 16vw, 188px) !important;
    min-height: 150px !important;
    padding: 34px 26px 26px !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    color: #B3B2B7 !important;
    text-align: center !important;
    font-family: "Roboto Flex", Arial, sans-serif !important;
    font-size: clamp(14px, 1.35vw, 16px) !important;
    line-height: clamp(22px, 2vw, 26px) !important;
    letter-spacing: -0.16px !important;
    white-space: normal !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    z-index: 2 !important;
  }

  .how__item span {
    display: block !important;
    max-width: 300px !important;
  }

  .how__item strong {
    color: #FFF !important;
    font-size: inherit !important;
    line-height: inherit !important;
    font-weight: 700 !important;
  }

  .how__item svg {
    width: 32px !important;
    height: 32px !important;
    flex: 0 0 auto !important;
  }

  .how__item--pathways {
    order: 1 !important;
    background-image: url("../images/mobileRectangle52.png") !important;
  }

  .how__item--integrity {
    order: 2 !important;
    background-image: url("../images/mobileRectangle53.png") !important;
  }

  .how__item--mitochondrial {
    order: 3 !important;
    background-image: url("../images/mobileRectangle54.png") !important;
  }

  .how__item--antioxidant {
    order: 4 !important;
    background-image: url("../images/mobileRectangle55.png") !important;
  }

  .how__item--aging {
    order: 5 !important;
    grid-column: 1 / -1 !important;
    justify-self: center !important;
    width: min(50%, 406px) !important;
    background-image: url("../images/mobileRectangle56.png") !important;
  }
}


@media (min-width: 768px) and (max-width: 900px) {
  .how {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }

  .how__diagram {
    width: min(700px, calc(100vw - 44px)) !important;
    column-gap: 18px !important;
    row-gap: 22px !important;
  }

  .how__item {
    height: 148px !important;
    min-height: 148px !important;
    padding: 28px 18px 22px !important;
    font-size: 13px !important;
    line-height: 21px !important;
  }

  .how__item span {
    max-width: 230px !important;
  }
}

/* .publicly section */
@media (min-width: 768px) and (max-width: 1919px) {
  .publicly {
    height: clamp(540px, 46vw, 802px) !important;
    background-position: center center !important;
    background-size: cover !important;
  }

  .publicly__title {
    top: clamp(-28px, -1.7vw, -8px) !important;
    left: 50% !important;
    width: calc(100% - clamp(40px, 6vw, 120px)) !important;
    max-width: 1480px !important;
    transform: translateX(-50%) !important;
    text-align: center !important;
    font-size: clamp(48px, 6.7vw, 92px) !important;
    line-height: 1.04 !important;
    letter-spacing: clamp(3.2px, 0.45vw, 10.12px) !important;
    white-space: nowrap !important;
  }

  .publicly__copy {
    top: clamp(100px, 10.2vw, 150px) !important;
    right: clamp(48px, 12vw, 245px) !important;
    width: min(650px, 54vw) !important;
    text-align: right !important;
  }

  .publicly__subhead {
    font-size: clamp(26px, 3vw, 40px) !important;
    line-height: 1.18 !important;
    letter-spacing: clamp(-0.08px, -0.004vw, -0.04px) !important;
    white-space: nowrap !important;
  }

  .publicly__body {
    margin-top: 8px !important;
    font-size: clamp(15px, 1.55vw, 24px) !important;
    line-height: 1.25 !important;
  }

  .publicly__cta {
    top: auto !important;
    bottom: clamp(72px, 7.2vw, 126px) !important;
    transform: translateX(-50%) scale(clamp(0.78, 0.054vw, 1)) !important;
    transform-origin: center center !important;
  }
}

@media (min-width: 768px) and (max-width: 1100px) {
  .publicly {
    height: clamp(560px, 58vw, 640px) !important;
  }

  .publicly__title {
    top: 18px !important;
    font-size: clamp(40px, 6.2vw, 64px) !important;
    letter-spacing: clamp(2.4px, 0.36vw, 4.2px) !important;
  }

  .publicly__copy {
    top: clamp(108px, 12vw, 132px) !important;
    right: clamp(30px, 7vw, 80px) !important;
    width: min(520px, 58vw) !important;
  }

  .publicly__subhead {
    font-size: clamp(22px, 3.2vw, 32px) !important;
  }

  .publicly__body {
    font-size: clamp(13px, 1.8vw, 18px) !important;
  }

  .publicly__cta {
    bottom: clamp(52px, 7vw, 82px) !important;
    transform: translateX(-50%) scale(0.78) !important;
  }
}

@media (max-width: 767px) {
  .publicly {
    position: relative !important;
    height: 791px !important;
    min-height: 721px !important;
    overflow: hidden !important;
    background:
      linear-gradient(180deg, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.00) 38%, rgba(0, 0, 0, 0.10) 100%),
      url("../images/yogawindow_thrive.png") center top / cover no-repeat !important;
  }

  .publicly__inner {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
  }

  .publicly__title {
    position: absolute !important;
    top: 39px !important;
    left: 20px !important;
    right: auto !important;
    transform: none !important;
    width: min(350px, calc(100vw - 40px)) !important;
    margin: 0 !important;
    color: #FDF5FF !important;
    text-align: left !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: 39px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 39px !important;
    letter-spacing: 2.15px !important;
    text-transform: uppercase !important;
    white-space: normal !important;
    z-index: 4 !important;
  }

  .publicly__copy {
    position: absolute !important;
    top: 128px !important;
    left: 20px !important;
    right: auto !important;
    width: min(350px, calc(100vw - 40px)) !important;
    text-align: left !important;
    z-index: 4 !important;
  }

  .publicly__subhead {
    margin: 0 !important;
    color: #FDF5FF !important;
    text-align: left !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: 18px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 24px !important;
    letter-spacing: 1.08px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .publicly__body {
    display: none !important;
  }

  .publicly__cta {
    position: absolute !important;
    left: 50% !important;
    top: auto !important;
    bottom: 25px !important;
    transform: translateX(-50%) !important;
    width: min(336px, calc(100vw - 54px)) !important;
    height: 112px !important;
    border-radius: 18px !important;
    border: 0 !important;
    background: linear-gradient(180deg, rgba(255, 212, 135, 0.96) 0%, rgba(212, 152, 42, 0.96) 100%) !important;
    box-shadow: 0 14px 28px rgba(154, 114, 28, 0.24) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 15px 14px 12px !important;
    z-index: 5 !important;
  }

  .publicly__cta .hero-cta__text {
color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: rgba(255, 255, 255, 0.40);
font-family: "Roboto Flex";
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 28px;
letter-spacing: -0.15px;
text-transform: uppercase;	
  }
	

  .publicly__cta .hero-cta__button {
    width: 100% !important;
    height: 48px !important; 
border-radius: 32px;
border: 2px solid rgba(241, 241, 241, 0.15);
background: rgba(255, 176, 32, 0.80);
box-shadow: 1px 9px 19px 0 rgba(197, 153, 35, 0.20);
}

  .publicly__cta .hero-cta__button:hover,
  .publicly__cta .hero-cta__button:active,
  .publicly__cta .hero-cta__button.is-active {
    border-radius: 32px;
    background: #FFB020 !important;
    transform: none !important;  
   border: 2px solid rgba(241, 241, 241, 0.35);	  
  }

  .publicly__cta .hero-cta__button-icon {
    left: 6px !important;
    width: 31px !important;
    height: 31px !important;
  }

  .publicly__cta .hero-cta__button-text {
    left: 55% !important;
    font-family: "Roboto Flex", Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 20px !important;
  }
}

@media (max-width: 374px) {
  .publicly {
    height: 700px !important;
  }

  .publicly__title {
    top: 34px !important;
    font-size: 35px !important;
    line-height: 36px !important;
    letter-spacing: 1.9px !important;
  }

  .publicly__copy {
    top: 116px !important;
  }

  .publicly__subhead {
    font-size: 16px !important;
  }

  .publicly__cta {
    width: calc(100vw - 42px) !important;
    bottom: 22px !important;
  }
}

/* Elevation Hero section */
@media (max-width: 767px) {
  .hero {
    position: relative !important;
    width: 100% !important;
    height: 696px !important;
    min-height: 696px !important;
    overflow: hidden !important;
    background: #000 !important;
  }

  .hero__header-atmosphere,
  .header {
    display: none !important;
  }

  .hero__image {
    content: url("../images/mobile_womanstretching_morning.png");
    position: absolute !important;
    top: 60px !important;
    left: 0 !important;
    width: 100% !important;
    height: 616px !important;
    object-fit: cover !important;
    object-position: center top !important;
    z-index: 1 !important;
  }

  .hero-copy {
    position: absolute !important;
    top: 32px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 100vw !important;
    z-index: 5 !important;
    pointer-events: none !important;
    display: block !important;
  }

  .hero-copy__title {
    margin: 0 !important;
    color: #F3EDF7 !important;
    text-align: center !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: clamp(48px, 14.95vw, 62px) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.08 !important;
    letter-spacing: clamp(2.7px, 0.9vw, 3.7px) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

.hero-copy__subtitle {
    position: absolute !important;
    top: 54px !important;
right: max(-67px, calc((100vw - 375px) / 2 - 67px)) !important;
    color: #F3EDF7 !important;
    text-align: right !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: clamp(21px, 6.05vw, 25px) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    letter-spacing: -0.3px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    margin-top: 20px;
}

  .hero-copy__subtitle span {
    transform: none !important;
  }

@media (max-width: 490px) {
    .hero-copy__title {
        margin: 0 !important;
        color: #F3EDF7 !important;
        text-align: center !important;
        font-family: "Termina", Arial, sans-serif !important;
        font-size: clamp(34.32px, 10.69vw, 44.33px) !important;
        font-style: normal !important;
        font-weight: 500 !important;
        line-height: 1.08 !important;
        letter-spacing: clamp(2.7px, 0.9vw, 3.7px) !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }
    .hero-copy__subtitle {
position: absolute !important;
top: 54px !important;
right: max(18px, calc((100vw - 375px) / 2 + 18px)) !important;
color: #F3EDF7 !important;
text-align: right !important;
font-family: "Termina", Arial, sans-serif !important;
font-size: clamp(15.12px, 4.36vw, 18px) !important;
font-style: normal !important;
font-weight: 500 !important;
line-height: 1 !important;
letter-spacing: -0.3px !important;
text-transform: uppercase !important;
white-space: nowrap !important;
margin-top: 6px;
    }
}
	

  .hero-cta {
    position: absolute !important;
    left: 50% !important;
    top: auto !important;
    bottom: 46px !important;
    transform: translateX(-50%) !important;
    width: min(336px, calc(100vw - 40px)) !important;
    height: 112px !important;
    border-radius: 18px !important;
    border: 0 !important;
    background: linear-gradient(180deg, rgba(255, 212, 135, 0.96) 0%, rgba(212, 152, 42, 0.96) 100%) !important;
    box-shadow: 0 14px 28px rgba(154, 114, 28, 0.24) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 13px !important;
    padding: 15px 14px 12px !important;
    z-index: 7 !important;
  }

  .hero-cta__text {
    color: #FFF !important;
    text-align: center !important;
    -webkit-text-stroke-width: 1px !important;
    -webkit-text-stroke-color: rgba(255, 255, 255, 0.40) !important;
    font-family: "Roboto Flex", Arial, sans-serif !important;
    font-size: 15px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 28px !important;
    letter-spacing: -0.15px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    transform: none !important;
  }

  .hero-cta__button {
    width: 100% !important;
    height: 48px !important;
    border-radius: 32px !important;
    border: 2px solid rgba(241, 241, 241, 0.15) !important;
    background: rgba(255, 176, 32, 0.80) !important;
    box-shadow: 1px 9px 19px 0 rgba(197, 153, 35, 0.20) !important;
    transform: none !important;
  }

  .hero-cta__button:hover,
  .hero-cta__button:active,
  .hero-cta__button.is-active {
    border-radius: 32px !important;
    border: 2px solid rgba(241, 241, 241, 0.35) !important;
    background: #FFB020 !important;
    box-shadow: 1px 9px 19px 0 rgba(0, 0, 0, 0.20) !important;
    transform: none !important;
  }

  .hero-cta__button-icon {
    left: 6px !important;
    width: 31px !important;
    height: 31px !important;
  }

  .hero-cta__button-text {
    left: 55% !important;
    color: #FFF !important;
    font-family: "Roboto Flex", Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: -0.16px !important;
    white-space: nowrap !important;
  }
}

@media (max-width: 374px) {
  .hero {
    height: 680px !important;
    min-height: 680px !important;
  }

  .hero__image {
    top: 58px !important;
    height: 602px !important;
  }

  .hero-copy {
    top: 34px !important;
  }

  .hero-copy__title {
    font-size: 39px !important;
    letter-spacing: 2.7px !important;
  }

  .hero-copy__subtitle {
    top: 46px !important;
    right: 24px !important;
    font-size: 21px !important;
  }

  .hero-cta {
    width: calc(100vw - 40px) !important;
    bottom: 38px !important;
  }
}

/* Vision section */
@media (min-width: 768px) and (max-width: 1919px) {
  .vision {
    min-height: clamp(520px, 35.5vw, 680px) !important;
  }

  .vision__inner {
    min-height: clamp(520px, 35.5vw, 680px) !important;
  }

  .vision__copy {
    left: clamp(70px, 7.1vw, 260px) !important;
    top: clamp(92px, 12.3vw, 236px) !important;
    width: min(50vw, 690px) !important;
  }

  .vision__headline {
    max-width: min(46vw, 620px) !important;
    font-size: clamp(20px, 1.45vw, 24px) !important;
    line-height: clamp(28px, 1.9vw, 32px) !important;
    letter-spacing: clamp(0.6px, 0.06vw, 0.96px) !important;
  }

  .vision__body,
  .vision__body strong {
    font-size: clamp(16px, 1.1vw, 20px) !important;
    line-height: clamp(26px, 1.65vw, 32px) !important;
  }

  .vision__body {
    margin-top: clamp(52px, 4.6vw, 88px) !important;
  }

  .vision__sphere {
    right: clamp(-8px, 7vw, 230px) !important;
    top: clamp(76px, 8.3vw, 160px) !important;
    width: clamp(520px, 39.6vw, 760px) !important;
    max-width: none !important;
  }

  .why {
    height: clamp(940px, 78.5vw, 1315px) !important;
  }
	

  .why__title {
    top: clamp(42px, 4vw, 76px) !important;
    font-size: clamp(48px, 4.8vw, 92px) !important;
    line-height: clamp(58px, 5.4vw, 104px) !important;
    letter-spacing: clamp(5px, 0.53vw, 10.12px) !important;
  }

  .why__rule {
    top: clamp(128px, 10.5vw, 202px) !important;
  }

  .why__subhead {
    top: clamp(148px, 11.25vw, 216px) !important;
    width: min(980px, calc(100vw - 72px)) !important;
    font-size: clamp(18px, 1.55vw, 24px) !important;
    line-height: clamp(27px, 2vw, 32px) !important;
  }

  .why__body {
    top: clamp(226px, 15.5vw, 298px) !important;
    width: min(820px, calc(100vw - 120px)) !important;
    font-size: clamp(15px, 1.1vw, 20px) !important;
    line-height: clamp(24px, 1.65vw, 32px) !important;
  }

  .why__body strong {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  .why__card {
    left: 50% !important;
    top: clamp(430px, 32.2vw, 618px) !important;
    transform: translateX(-50%) !important;
    width: min(54vw, 833px) !important;
    height: clamp(330px, 23.6vw, 453px) !important;
  }

  .why__card-kicker,
  .why__card-copy,
  .why__card-end {
    width: min(520px, calc(100% - 72px)) !important;
    font-size: clamp(10px, 0.63vw, 12px) !important;
    line-height: clamp(22px, 1.35vw, 26px) !important;
    letter-spacing: clamp(1px, 0.075vw, 1.44px) !important;
  }

  .why__card-kicker { top: 18% !important; }
  .why__card-copy { top: 40% !important; }
  .why__card-end { top: 73% !important; }

  .why__image--top {
    left: clamp(36px, 8vw, 240px) !important;
    top: clamp(410px, 29.2vw, 560px) !important;
    width: clamp(210px, 17vw, 327px) !important;
    height: clamp(117px, 9.5vw, 182px) !important;
  }

  .why__image--left {
    left: clamp(70px, 12vw, 342px) !important;
    top: clamp(635px, 44.5vw, 855px) !important;
    width: clamp(115px, 8.6vw, 165px) !important;
    height: clamp(142px, 10.6vw, 204px) !important;
  }

  .why__image--right {
    left: auto !important;
    right: clamp(36px, 8vw, 280px) !important;
    top: clamp(610px, 42.6vw, 818px) !important;
    width: clamp(205px, 15.9vw, 305px) !important;
    height: clamp(244px, 18.9vw, 363px) !important;
  }
}

@media (max-width: 767px) {
  .vision {
    min-height: 674px !important;
    height: 674px !important;
    background: #151515 !important;
    overflow: hidden !important;
  }

  .vision__inner {
    min-height: 674px !important;
    height: 674px !important;
    position: relative !important;
  }

  .vision__copy {
    position: relative !important;
    left: auto !important;
    top: auto !important;
    width: 100% !important;
    z-index: 2 !important;
    padding: 72px 44px 0 !important;
  }

  .vision__headline {
    max-width: 336px !important;
    font-size: 18px !important;
    line-height: 27px !important;
    letter-spacing: 0.72px !important;
  }

  .vision__headline br {
    display: none !important;
  }

  .vision__body {
    margin: 34px 0 0 !important;
    max-width: 315px !important;
    color: #B3B2B7 !important;
    font-size: 16px !important;
    line-height: 28px !important;
    letter-spacing: -0.16px !important;
  }

  .vision__body strong {
    font-size: 16px !important;
    line-height: 28px !important;
  }

  .vision__body br {
    display: none !important;
  }

  .vision__sphere {
    position: absolute !important;
    right: -210px !important;
    bottom: -6px !important;
    top: auto !important;
    width: 650px !important;
    max-width: none !important;
    opacity: 0.96 !important;
    z-index: 1 !important;
  }

  .why {
    height: auto !important;
    min-height: 0 !important;
    background: #151515 !important;
    overflow: hidden !important;
    padding: 52px 0 78px !important;
  }

  .why__inner {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
  }

  .why__title,
  .why__subhead,
  .why__body,
  .why__card,
  .why__image {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  .why__title {
    order: 1 !important;
    margin: 0 0 48px !important;
    width: min(350px, calc(100vw - 40px)) !important;
    color: #FDF5FF !important;
    font-size: 32px !important;
    line-height: 38px !important;
    letter-spacing: 2.8px !important;
    white-space: nowrap !important;
  }

  .why__rule {
    display: none !important;
  }

  .why__subhead {
    order: 2 !important;
    margin: 0 0 25px !important;
    width: min(340px, calc(100vw - 56px)) !important;
    text-align: center !important;
    font-size: 18px !important;
    line-height: 26px !important;
    letter-spacing: 0.72px !important;
  }

  .why__body {
    order: 3 !important;
    margin: 0 0 72px !important;
    width: min(332px, calc(100vw - 56px)) !important;
    color: #B3B2B7 !important;
    text-align: center !important;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: -0.16px !important;
  }

  .why__body strong {
    font-size: 16px !important;
    line-height: 24px !important;
  }

  .why__body br {
    display: none !important;
  }

  .why__image {
    object-fit: cover !important;
    border-radius: 8px !important;
    z-index: 3 !important;
  }

  .why__image--top {
    order: 4 !important;
    align-self: center !important;
    width: min(327px, calc(100vw - 76px)) !important;
    height: 182px !important;
    margin: 0 0 48px !important;
  }

  .why__card {
    order: 5 !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    z-index: 2 !important;
  }

  .why__card::before {
    display: none !important;
  }

  .why__card-kicker,
  .why__card-copy,
  .why__card-end {
    position: static !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    width: min(340px, calc(100vw - 42px)) !important;
    margin: 0 !important;
    text-align: center !important;
    font-size: 13px !important;
    line-height: 26px !important;
    letter-spacing: 1.6px !important;
  }

  .why__card-kicker {
    color: #FFF !important;
    margin-bottom: 55px !important;
  }

  .why__card-copy {
    color: #B3B2B7 !important;
    margin-bottom: 52px !important;
  }

  .why__card-end {
    color: #B3B2B7 !important;
    margin-bottom: 104px !important;
  }

  .why__image--left {
    order: 6 !important;
    align-self: flex-start !important;
    width: 132px !important;
    height: 164px !important;
    margin: 0 0 -210px max(33px, calc((100vw - 375px) / 2 + 33px)) !important;
  }

  .why__image--right {
    order: 7 !important;
    align-self: flex-end !important;
    width: 224px !important;
    height: 289px !important;
    margin: 0 max(0px, calc((100vw - 375px) / 2)) 0 0 !important;
  }
}


@media (max-width: 1919px) {
  .why__body {margin-top: 40px;}
}

@media (max-width: 1500px) {
  .why__body {margin-top: 25px;}
}

@media (max-width: 1370px) {
  .why__body {margin-top: 10px;}
}

@media (max-width: 635px) {
.thrive-start-section {height: 1080px;}	
}

@media (max-width: 425px) {
    .vision__sphere {
        position: absolute !important;
        right: -210px !important;
        bottom: -140px !important;
        width: 650px !important;
        max-width: none !important;
        opacity: 0.96 !important;
        z-index: 1 !important;
    }
    .vision {
        min-height: 874px !important;
        height: 874px !important;
        overflow: hidden !important;
    }	
}
@media (max-width: 255px) {
    .vision__sphere {
        position: absolute !important;
        right: -210px !important;
        bottom: -340px !important;
        width: 650px !important;
        max-width: none !important;
        opacity: 0.96 !important;
        z-index: 1 !important;
    }
    .vision {
        min-height: 974px !important;
        height: 974px !important;
        overflow: hidden !important;
    }	
}


@media (max-width: 374px) {
.thrive-start-section__disclaimer {line-height: 32px;}	
.vision__copy {padding-left: 36px !important; padding-right: 34px !important;}
.vision__headline {font-size: 17px !important; line-height: 26px !important;}
.vision__sphere {right: -235px !important; width: 635px !important;}
.why__title {font-size: 30px !important; letter-spacing: 2.2px !important;}
.why__subhead {font-size: 17px !important; line-height: 25px !important;}
.why__body {font-size: 15px !important; line-height: 23px !important;}
.why__image--top {width: calc(100vw - 76px) !important; height: auto !important; aspect-ratio: 327 / 182 !important;}
.why__image--left {margin-left: 33px !important;}
}

/* CHARGE and REGEN slider section */
.product-slider {
  position: relative;
  width: 100%;
  height: 887px;
  overflow: hidden;
  background: #151515;
}

.product-slider__viewport {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.product-slider__track {
  display: flex;
  width: 100%;
  height: 100%;
  transition: transform 620ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.product-slide {
  flex: 0 0 100%;
  width: 100%;
  height: 887px;
  min-height: 887px;
}

.product-slide--regen {
  background:
    linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%),
    linear-gradient(135deg, #71D8FF 0%, #04355D 92%);
}

.product-slide--regen .charge-section__q svg {
  display: block;
}

.product-slide--regen .charge-section__q-img {
  display: none;
}

.product-slide--regen .charge-section__bottle-wrap {
  left: 100px;
  top: 10px;
  width: 860px;
}

.product-slide--regen .charge-section__title {
  color: #F3EDF7;
}

.product-slide--regen .charge-section__body,
.product-slide--regen .charge-section__footnote {
  color: rgba(243, 237, 247, 0.76);
}

.product-slide--regen .charge-section__chip {
  background: rgba(4, 53, 93, 0.34);
}

.product-slider__arrow {
  position: absolute;
  top: 50%;
  z-index: 8;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 999px;
  background: rgba(8, 7, 11, 0.35);
  color: #FDF5FF;
  font-family: Arial, sans-serif;
  font-size: 38px;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  cursor: pointer;
  transform: translateY(-50%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition:
    background 180ms ease,
    border-color 180ms ease,
    transform 180ms ease;
}

.product-slider__arrow span {
  position: relative;
  left: 0px;
  top: -2px;
}

.product-slider__arrow:hover {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255,255,255,0.42);
  transform: translateY(-50%) scale(1.04);
}

.product-slider__arrow--prev { left: clamp(18px, 2.2vw, 42px); }
.product-slider__arrow--next { right: clamp(18px, 2.2vw, 42px); }

.product-slider__dots {
  position: absolute;
  left: 50%;
  bottom: 34px;
  z-index: 8;
  display: flex;
  align-items: center;
  gap: 12px;
  transform: translateX(-50%);
}

.product-slider__dot {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 1px solid rgba(255,255,255,0.48);
  border-radius: 999px;
  background: rgba(255,255,255,0.16);
  cursor: pointer;
  transition: width 180ms ease, background 180ms ease, border-color 180ms ease;
}

.product-slider__dot.is-active {
  width: 31px;
  background: #FDF5FF;
  border-color: #FDF5FF;
}

@media (min-width: 768px) and (max-width: 1919px) {
  .product-slider {
    height: clamp(640px, 46.2vw, 887px);
  }

  .product-slide {
    height: clamp(640px, 46.2vw, 887px);
    min-height: clamp(640px, 46.2vw, 887px);
  }

  .product-slide--regen .charge-section__q-img {
    width: clamp(620px, 68vw, 1060px);
    top: clamp(-110px, -5vw, -40px);
    left: 42%;
  }

  .product-slide--regen .charge-section__bottle-wrap {
    left: auto;
    top: auto;
    width: min(100%, 600px);
  }
}

@media (max-width: 767px) {
  .product-slider {
    height: auto !important;
    overflow: visible !important;
    background: #151515;
  }

  .product-slider__viewport,
  .product-slider__track {
    height: auto !important;
    overflow: visible !important;
  }

  .product-slider__track {
    display: block !important;
    transform: none !important;
    transition: none !important;
  }

  .product-slide {
    display: block !important;
    width: 100% !important;
    min-height: 755px !important;
    height: 755px !important;
    flex: none !important;
  }

  .product-slider__arrow,
  .product-slider__dots {
    display: none !important;
  }

  .product-slide--regen {
    background:
      linear-gradient(180deg, rgba(21, 21, 21, 0.00) 4.45%, #151515 100%),
      linear-gradient(135deg, #71D8FF 0%, #04355D 90.69%) !important;
  }

  .product-slide--regen .charge-section__q-img {
    display: none;
  }

  .product-slide--regen .charge-section__q::before {
    background: url("../images/regen_q.png") center top / contain no-repeat !important;
    opacity: 0.36;
  }

  .product-slide--regen .charge-section__q::after {
    background: radial-gradient(ellipse at 42% 22%, rgba(113, 216, 255, 0.16) 0%, rgba(113, 216, 255, 0.07) 33%, rgba(113, 216, 255, 0) 68%) !important;
  }

  .product-slide--regen .charge-section__title {
    color: #F3EDF7 !important;
  }

  .product-slide--regen .charge-section__bottle-wrap {
    left: 50% !important;
    top: 74px !important;
    width: 292px !important;
    transform: translateX(-50%) !important;
  }

  .product-slide--regen .charge-section__body {
    top: 394px !important;
    color: #B3B2B7 !important;
  }

  .product-slide--regen .charge-section__support-title {
    top: 544px !important;
  }

  .product-slide--regen .charge-section__chips {
    top: 592px !important;
  }

  .product-slide--regen .charge-section__chip {
    background: rgba(4, 53, 93, 0.42) !important;
    color: #DDF6FF !important;
  }

  .product-slide--regen .charge-section__footnote {
    color: #B3B2B7 !important;
    bottom: 0px !important;
  }	
}

@media (max-width: 374px) {
  .product-slide--regen .charge-section__bottle-wrap {
    width: 252px !important;
    top: 98px !important;
  }

  .product-slide--regen .charge-section__body {
    top: 395px !important;
  }

  .product-slide--regen .charge-section__support-title {
    top: 540px !important;
  }

  .product-slide--regen .charge-section__chips {
    top: 584px !important;
  }
}

@media (max-width: 767px) {

  section.standard-section.thrivepriortize {
    position: relative !important;
    width: 100% !important;
    height: 590px !important;
    min-height: 590px !important;
    overflow: hidden !important;
    background: #151515 !important;
    padding: 0 !important;
  }

  section.standard-section.thrivepriortize::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      radial-gradient(
        circle at 50% 55%,
        rgba(244, 185, 75, 0.18) 0%,
        rgba(244, 185, 75, 0.07) 18%,
        rgba(244, 185, 75, 0.00) 42%
      ) !important;
    filter: blur(4px) !important;
    pointer-events: none !important;
    z-index: 0 !important;
  }

  section.standard-section.thrivepriortize .standard-section__inner {
    position: relative !important;
    z-index: 1 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 105px 0 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  section.standard-section.thrivepriortize .standard-section__eyebrow {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    margin: 0 0 34px !important;
    color: #FDF5FF !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: 12px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.12px !important;
    text-transform: uppercase !important;
    opacity: 0.96 !important;
  }

  section.standard-section.thrivepriortize .standard-section__eyebrow svg {
    width: 18px !important;
    height: 18px !important;
    flex: 0 0 auto !important;
    display: block !important;
  }

  section.standard-section.thrivepriortize .standard-section__eyebrow svg path {
    fill: #FDF5FF;
  }

  section.standard-section.thrivepriortize .standard-section__heading {
    margin: 0 !important;
    color: #B3B2B7;
    text-align: center !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: 24px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 34px !important;
    letter-spacing: -0.12px !important;
    text-transform: uppercase !important;
  }

  section.standard-section.thrivepriortize .standard-section__marqueethrive,
  section.standard-section.thrivepriortize .standard-section__marquee {
    position: absolute !important;
    left: 50% !important;
    top: 335px !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    overflow: hidden !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    pointer-events: none !important;
  }

  section.standard-section.thrivepriortize .standard-section__track {
    display: flex !important;
    width: max-content !important;
    white-space: nowrap !important;
    will-change: transform !important;
    animation: standard-marquee-left 30s linear infinite !important;
  }

  section.standard-section.thrivepriortize .standard-section__track--two {
    animation-duration: 34s !important;
    animation-direction: reverse !important;
  }

  section.standard-section.thrivepriortize .standard-section__copy {
    color: #FDF5FF !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: clamp(27px, 8vw, 36px) !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: clamp(42px, 11vw, 56px) !important;
    letter-spacing: -0.08px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    padding-right: 34px !important;
  }

  section.standard-section.thrivepriortize .standard-section__copy em {
    color: #F4B94B !important;
    font-style: normal !important;
  }

  .thrive-start-section {
    position: relative !important;
    width: 100% !important;
    height: 620px !important;
    min-height: 620px !important;
    overflow: hidden !important;
    padding: 0 !important;
    background: #151515 !important;
  }

  .thrive-start-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
      linear-gradient(
        180deg,
        rgba(21,21,21,0.08) 0%,
        rgba(21,21,21,0.00) 42%,
        rgba(21,21,21,0.38) 100%
      ) !important;
    pointer-events: none !important;
    z-index: 2 !important;
  }

  .thrive-start-section__map {
    position: absolute !important;
    left: 50% !important;
    top: 16px !important;
    width: 760px !important;
    max-width: none !important;
    height: auto !important;
    transform: translateX(-50%) rotate(-0.5deg) !important;
    opacity: 0.38 !important;
    filter: brightness(1.45) contrast(1.05) blur(1px) !important;
    mix-blend-mode: screen !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }

  .thrive-start-section__inner {
    position: relative !important;
    z-index: 3 !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 20px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
  }

  .thrive-start-section__title {
    margin: 120px 0 0 !important;
    width: min(350px, calc(100vw - 40px)) !important;
    text-align: center !important;
    font-family: "Termina", Arial, sans-serif !important;
    font-size: clamp(25px, 7.2vw, 34px) !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: clamp(36px, 9.2vw, 44px) !important;
    letter-spacing: -0.24px !important;
    text-transform: uppercase !important;
    background: linear-gradient(90deg, #F4B94B 0%, #FFD487 100%) !important;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    -webkit-text-stroke-width: 0 !important;
  }

  .thrive-start-section__button {
    position: relative !important;
    width: min(240px, calc(100vw - 92px)) !important;
    height: 64px !important;
    margin: 58px 0 0 !important;
    border-radius: 32px !important;
    border: 0 !important;
    background: #DF9823 !important;
    box-shadow: 0 12px 24px rgba(197, 153, 35, 0.20) !important;
    padding: 0 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    transform: none !important;
  }

  .thrive-start-section__button-inner {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
  }

  .thrive-start-section__button-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 31px !important;
    height: 31px !important;
  }

  .thrive-start-section__button-icon svg {
    width: 31px !important;
    height: 31px !important;
    display: block !important;
  }

  .thrive-start-section__button-text {
    position: absolute !important;
    left: 57% !important;
    top: 50% !important;
    transform: translate(-50%, -50%) !important;
    color: #FFF !important;
    font-family: "Roboto Flex", Arial, sans-serif !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 20px !important;
    letter-spacing: -0.16px !important;
    white-space: nowrap !important;
  }

  .thrive-start-section__disclaimer {
    position: absolute !important;
    left: 50% !important;
    bottom: 44px !important;
    transform: translateX(-50%) !important;
    width: min(342px, calc(100vw - 42px)) !important;
    max-width: none !important;
    margin: 0 !important;
    color: #F3EDF7 !important;
    text-align: center !important;
    font-family: "Roboto Flex", Arial, sans-serif !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    letter-spacing: -0.11px !important;
  }

  .thrive-start-section__disclaimer br {
    display: none !important;
  }
}


@media (max-width: 374px) {
  section.standard-section.thrivepriortize {
    height: 560px !important;
    min-height: 560px !important;
  }

  section.standard-section.thrivepriortize .standard-section__inner {
    padding-top: 88px !important;
  }

  section.standard-section.thrivepriortize .standard-section__marqueethrive,
  section.standard-section.thrivepriortize .standard-section__marquee {
    top: 315px !important;
  }

  section.standard-section.thrivepriortize .standard-section__copy {
    font-size: 25px !important;
    line-height: 40px !important;
  }

  .thrive-start-section {
    height: 650px !important;
    min-height: 650px !important;
  }

  .thrive-start-section__title {
    margin-top: 100px !important;
    font-size: 24px !important;
    line-height: 34px !important;
  }

  .thrive-start-section__button {
    margin-top: 46px !important;
  }

  .thrive-start-section__disclaimer {
    bottom: 34px !important;
    font-size: 10.5px !important;
    line-height: 18px !important;
  }
}

@media (max-width: 767px) {
  section.standard-section.thrivepriortize .standard-section__track {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: max-content !important;
    min-width: max-content !important;
    white-space: nowrap !important;
    will-change: transform !important;

    animation-name: thrive-mobile-marquee-left !important;
    animation-duration: 24.5s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-play-state: running !important;
  }

  section.standard-section.thrivepriortize .standard-section__track--two {
    animation-name: thrive-mobile-marquee-right !important;
    animation-duration: 25.5s !important;
    animation-timing-function: linear !important;
    animation-iteration-count: infinite !important;
    animation-direction: normal !important;
    animation-play-state: running !important;
  }

  section.standard-section.thrivepriortize .standard-section__copy {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: max-content !important;
    white-space: nowrap !important;

    font-size: clamp(22px, 6.2vw, 28px) !important;
    line-height: clamp(34px, 9vw, 44px) !important;
    font-weight: 400 !important;
    letter-spacing: -0.08px !important;
    padding-right: 34px !important;
  }
}

@keyframes thrive-mobile-marquee-left {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

@keyframes thrive-mobile-marquee-right {
  0% {
    transform: translate3d(-50%, 0, 0);
  }

  100% {
    transform: translate3d(0, 0, 0);
  }
}