@font-face {
  font-family: "Objectivity-Bold";
  src: url("../../../fonts/Objectivity-Bold-3a8987f3600a263b90a4fd9c7c126c4ee933d2f97c5a06a0c33b205504e19ff4.otf") format("opentype");
}
@font-face {
  font-family: "Objectivity-Light";
  src: url("../../../fonts/Objectivity-Light-9952b48af2e4167ddc4a44be170d5973e76b4a7f164fd97be733e2b1455e0d91.otf") format("opentype");
}
@font-face {
  font-family: "Objectivity-Medium";
  src: url("../../../fonts/Objectivity-Medium-f0ed65dcbc2cb6f1a48bba141ad7a927703f9711e877c2b55bc6c20911f30940.otf") format("opentype");
}
@font-face {
  font-family: "Objectivity-Regular";
  src: url("../../../fonts/Objectivity-Regular-3f9398bf2da30841e46e40d6449e30c119c3f581e73e28b9b89e211e7ef7c1a1.otf") format("opentype");
}
/* 
@font-face {
  font-family: 'Objectivity-BlackSlanted';
  src: url('../../fonts/Objectivity-BlackSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-BoldSlanted';
  src: url('../../fonts/Objectivity-BoldSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-ExtraBold';
  src: url('../../fonts/Objectivity-ExtraBold.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-ExtraBoldSlanted';
  src: url('../../fonts/Objectivity-ExtraBoldSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-LightSlanted';
  src: url('../../fonts/Objectivity-LightSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-MediumSlanted';
  src: url('../../fonts/Objectivity-MediumSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-RegularSlanted';
  src: url('../../fonts/Objectivity-RegularSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-SuperSlanted';
  src: url('../../fonts/Objectivity-SuperSlanted.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-Thin';
  src: url('../../fonts/Objectivity-Thin.otf') format('opentype');
}
@font-face {
  font-family: 'Objectivity-ThinSlanted';
  src: url('../../fonts/Objectivity-ThinSlanted.otf') format('opentype');
}
*/
/* reset css to prevent disparities in default styling appplied across browsers */
*, *:before, *:after {
  box-sizing: border-box;
  -webkit-user-select: text;
  -moz-user-select: text;
  -webkit-tap-highlight-color: transparent;
  user-select: text;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
          text-size-adjust: none;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

footer, header, nav, section, main {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, button, select {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  border-radius: 0;
}

a {
  text-decoration: none;
  color: inherit;
}
a:hover {
  text-decoration: none;
}

span {
  font: inherit;
  color: inherit;
}

* {
  color: #041313;
  font-family: "Objectivity-Regular", "Helvetica", "sans-serif";
  font-weight: normal;
  font-style: normal;
  font-size: 16px;
  line-height: 1.2;
}

.lg-hide,
.hide {
  display: none;
}

.wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  margin: 40px auto 0;
}

.fade-on-scroll {
  opacity: 0;
}

.container-full {
  width: 100%;
}

.container-large {
  width: 90%;
  max-width: 80rem;
  margin: 0 auto;
  padding: 20px 0;
}

.container-medium {
  width: 80%;
  max-width: 60rem;
  margin: 0 auto;
}

.container-small {
  width: 70%;
  max-width: 48rem;
  margin: 0 auto;
}

.container-half {
  width: 50%;
}

.flex-row {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flex-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.grid {
  display: grid;
}

.content-gap-small {
  gap: 1rem;
}

.content-gap-medium {
  gap: 2rem;
}

.content-gap-large {
  gap: 3rem;
}

.content-gap-xlarge {
  gap: 4rem;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}

.font-size-small {
  font-size: 0.6rem;
}

.font-size-medium {
  font-size: 0.9rem;
}

.font-size-regular {
  font-size: 1rem;
}

.font-size-large {
  font-size: 1.5rem;
}

.font-size-xxxlarge {
  font-size: 3.5rem;
}

.font-size-heading {
  font-size: 4rem;
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.light {
  font-family: "Objectivity-Light", "Helvetica", "sans-serif";
  font-weight: 300;
}

.regular {
  font-family: "Objectivity-Regular", "Helvetica", "sans-serif";
  font-weight: 400;
}

.medium {
  font-family: "Objectivity-Medium", "Helvetica", "sans-serif";
  font-weight: 500;
}

.bold {
  font-family: "Objectivity-Bold", "Helvetica", "sans-serif";
  font-weight: 700;
}

.highlight, .plan-options .ekei-plan-2 .plan-text .plan-heading {
  color: #1cd8d6;
  background: linear-gradient(to top, #36efce, #1cd8d6, #00bfdf);
  -webkit-text-fill-color: rgba(0, 0, 0, 0);
  background-clip: text;
  -webkit-background-clip: text;
}

.white-button {
  border-radius: 14px;
  border: 1px solid #041313;
  padding: 10px 24px;
  background-color: white;
  color: #041313;
  transition: 0.3s ease-in-out;
}
.white-button:hover {
  background-color: #041313;
  color: white;
}

.black-button {
  border-radius: 14px;
  border: 1px solid #041313;
  padding: 10px 24px;
  background-color: #041313;
  color: white;
  transition: 0.3s ease-in-out;
}
.black-button:hover {
  background-color: white;
  color: #041313;
}

.logo {
  background: url("../../images/graphics/ekei-logo-white-230320.svg") center no-repeat;
  width: 150px;
  height: 36px;
}

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 90%;
  margin: 0 auto;
}
nav .logo {
  z-index: 3;
}

.nav-links {
  display: flex;
  gap: 0.5rem;
}
.nav-links .nav-link {
  color: white;
  font-size: 1rem;
}
.nav-links .nav-link a {
  cursor: pointer;
  padding: 0.75rem;
  font-family: "Objectivity-Light", "Helvetica", "sans-serif";
}
.nav-links .nav-link a:hover {
  font-family: "Objectivity-Regular", "Helvetica", "sans-serif";
}

footer {
  background-color: #142929;
}
footer div {
  gap: 1rem;
}
footer .ekei-details {
  gap: 0.5rem;
}
footer .ekei-details p {
  color: white;
}

@media only screen and (max-width: 1290px) {
  .font-size-heading {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 1024px) {
  .wrapper {
    gap: 2rem;
    margin: 2rem auto 0;
  }
}
@media only screen and (max-width: 991px) {
  .lg-hide {
    display: block;
  }
  .sm-hide {
    display: none;
  }
  .tablet-container-full {
    width: 100%;
  }
  .tablet-container-large {
    width: 90%;
    margin: 0 auto;
  }
  .tablet-container-medium {
    width: 80%;
    margin: 0 auto;
  }
  .tablet-container-small {
    width: 70%;
    margin: 0 auto;
  }
  .tablet-flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .tablet-flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .tablet-grid {
    display: grid;
  }
  h1 {
    font-size: 2.75rem;
  }
  h2 {
    font-size: 2.25rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1.15rem;
  }
  .font-size-xxxlarge {
    font-size: 3rem;
  }
  .font-size-heading {
    font-size: 3.5rem;
  }
  .tablet-content-gap-small {
    gap: 1rem;
  }
  .tablet-content-gap-medium {
    gap: 2rem;
  }
  .tablet-content-gap-large {
    gap: 3rem;
  }
  .tablet-content-gap-xlarge {
    gap: 4rem;
  }
  .tablet-text-center {
    text-align: center;
  }
  .tablet-text-left {
    text-align: left;
  }
  .tablet-text-right {
    text-align: right;
  }
}
@media only screen and (max-width: 768px) {
  .nav-items {
    display: flex;
    flex-flow: column;
    height: 100%;
    justify-content: center;
    position: relative;
    z-index: 2;
  }
  .nav-links {
    position: fixed;
    width: 100%;
    padding: 8rem 2rem 1rem;
    background-image: linear-gradient(135deg, #00bfdf, #36efce);
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0 0;
    margin: 0% auto;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: flex;
    flex-flow: column;
    align-items: flex-start;
    justify-content: flex-start;
    transition: opacity 0.3s ease-in-out;
  }
  .nav-links .nav-link {
    color: white;
    margin: 0.5rem auto;
    width: 90%;
  }
  .nav-links .nav-link a {
    padding-left: 0;
  }
  nav .hamburger {
    display: block;
    width: 23px;
    height: 17px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 3;
  }
  nav .hamburger:not(:checked) ~ ul {
    transform: translate(0, -100%);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
  }
  nav .hamburger:checked ~ span:nth-child(2) {
    opacity: 1;
    width: 23px;
    transform: rotate(45deg) translate(3px, 2px);
  }
  nav .hamburger:checked ~ span:nth-child(3) {
    opacity: 1;
    width: 23px;
    transform: rotate(135deg) translate(-3px, 2px);
  }
  nav span {
    display: block;
    width: 24px;
    height: 2px;
    margin-bottom: 5px;
    position: relative;
    background-color: white;
    border-radius: 1px;
    z-index: 2;
    transition: 0.3s ease-in-out;
  }
  nav span:nth-child(2) {
    width: 24px;
    margin-bottom: 5px;
  }
  nav span:nth-child(3) {
    width: 20px;
    margin: 0 auto;
  }
  .fixed .logo {
    position: fixed;
    top: 52px;
  }
  .fixed .hamburger {
    position: fixed;
    right: 10%;
    left: calc(90% - 24px);
    top: 56px;
  }
  .fixed #cross-1 {
    position: fixed;
    right: 9.5%;
    top: 66px;
  }
  .fixed #cross-2 {
    position: fixed;
    right: 9.5%;
    top: 73px;
  }
}
@media only screen and (max-width: 576px) {
  .mobile-flex-row {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .mobile-flex-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .mobile-grid {
    display: grid;
  }
  .mobile-container-full {
    width: 100%;
  }
  .mobile-content-gap-small {
    gap: 1rem;
  }
  .mobile-content-gap-medium {
    gap: 2rem;
  }
  .mobile-content-gap-large {
    gap: 3rem;
  }
  .mobile-content-gap-xlarge {
    gap: 4rem;
  }
  h1 {
    font-size: 2.25rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
  h5 {
    font-size: 1.25rem;
  }
  h6 {
    font-size: 1rem;
  }
  .font-size-heading {
    font-size: 2.2rem;
  }
  .mobile-text-center {
    text-align: center;
  }
  .mobile-text-left {
    text-align: left;
  }
  .mobile-text-right {
    text-align: right;
  }
}
@media only screen and (max-width: 360px) {
  h1, .font-size-heading {
    font-size: 2rem;
  }
}
.fade-in {
  animation: fadeIn ease 3s;
  -webkit-animation: fadeIn ease 3s;
  -moz-animation: fadeIn ease 3s;
  -o-animation: fadeIn ease 3s;
}

.float {
  animation: float 3s 0.5s ease-in-out infinite;
  -webkit-animation: float 3s 0.5s ease-in-out infinite;
  -moz-animation: float 3s 0.5s ease-in-out infinite;
  -o-animation: float 3s 0.5s ease-in-out infinite;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes float-shadow {
  0% {
    box-shadow: 0 20px 15px 0px rgba(0, 0, 0, 0.6);
  }
  50% {
    box-shadow: 0 35px 15px 0px rgba(0, 0, 0, 0.2);
  }
  100% {
    box-shadow: 0 20px 15px 0px rgba(0, 0, 0, 0.6);
  }
}
.hero {
  background-image: linear-gradient(135deg, #00bfdf, #36efce);
  border-radius: 20px;
  max-height: 90vh;
  min-height: 400px;
}

.hero-content {
  width: 90%;
  margin: 0 auto;
  justify-content: space-between;
}
.hero-content .hero-text {
  gap: 10px;
  width: 50%;
  align-items: flex-start;
}
.hero-content .hero-text h1 {
  color: #fff;
}
.hero-content .hero-text .hero-typed {
  height: 4.2rem;
}
.hero-content .hero-text h3 {
  color: rgba(0, 0, 0, 0.69);
}
.hero-content .hero-text .join-waitlist-link {
  border-radius: 14px;
  padding: 12px 24px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.hero-content .hero-text .subtext {
  color: white;
}
.hero-content .hero-image {
  background: url("../../images/graphics/ekei-box-230320.webp") right no-repeat;
  height: 80vh;
  max-height: 600px;
  width: 50%;
  background-size: contain;
  position: relative;
}
.hero-content .hero-image::after {
  content: "";
  position: absolute;
  width: 70%;
  height: 10px;
  border-radius: 50%;
  top: 90%;
  left: 15%;
  right: 0;
  margin: auto;
  animation: float-shadow 3s 0.5s ease-in-out infinite;
}

.modules .age-module {
  grid-template-columns: 1fr 5px 1fr;
}
.modules .separator {
  width: 3px;
  background-color: lightgray;
}
.modules .module-content {
  margin-top: 4rem;
}
.modules h1 {
  margin-top: 3rem;
}
.modules .module-image {
  justify-self: center;
}
.modules .discover-age-module .module-image {
  background: url("../../images/graphics/ekei-box-horizontal-230320.webp") center no-repeat;
  background-size: contain;
  width: 350px;
  height: 270px;
}
.modules .monitor-age-module .module-image {
  background: url("../../images/graphics/timeline-screenshot-230320.webp") center no-repeat;
  background-size: contain;
  width: 160px;
  height: 325px;
}
.modules .optimize-age-module .module-image {
  background: url("../../images/graphics/overview-screenshot-230320.webp") center no-repeat;
  background-size: contain;
  width: 350px;
  height: 210px;
}

.longevity-text p {
  margin-bottom: 1rem;
}

.time-lifestyle-image {
  background: url("../../images/graphics/floating-man-230320.webp") center no-repeat;
  background-size: contain;
  width: 50%;
  max-width: 600px;
  height: 600px;
  flex-shrink: 0;
}

.time-lifestyle-text {
  align-items: flex-start;
}

.plan-options {
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  margin: 3rem auto;
}
.plan-options .ekei-plan {
  grid-template-rows: 1fr 2fr;
  border: 1px solid #041313;
  border-radius: 20px;
  background-image: linear-gradient(rgb(255, 255, 255) 100%, rgb(255, 255, 255));
  box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 9px 0px;
  padding: 3rem;
  transition: 0.3s ease-in-out;
}
.plan-options .ekei-plan:hover {
  transform: translateY(-20px);
  border-color: #36EFCE;
}
.plan-options .ekei-plan-2 {
  background-image: linear-gradient(rgb(255, 255, 255) 59%, rgb(244, 255, 253));
}
.plan-options .ekei-plan-2 .purchase-plan a {
  background-color: #041313;
  color: white;
}
.plan-options .plan-content {
  align-items: center;
  justify-content: space-between;
}
.plan-options .plan-text .plan-subheading {
  margin-bottom: 0.5rem;
}
.plan-options .plan-text .plan-heading {
  margin-bottom: 1rem;
}
.plan-options .plan-text .plan-features-heading {
  margin-bottom: 1rem;
}
.plan-options .plan-text .plan-features-list li {
  margin: 0.5rem 0;
}
.plan-options .plan-text .plan-features-list .special-feature {
  margin-top: 1.5rem;
}
.plan-options .plan-1-image {
  background: url("../../images/graphics/ekei-box-horizontal-230320.webp") center no-repeat;
  background-size: contain;
  height: 226px;
  width: auto;
}
.plan-options .plan-2-image {
  background: url("../../images/graphics/ekei-double-boxes-270323.png") center no-repeat;
  background-size: contain;
  height: 226px;
  width: auto;
}
.plan-options .purchase-plan {
  margin-top: 2rem;
  grid-template-rows: 1fr 0.5fr;
}
.plan-options .purchase-plan a {
  display: inline-block;
  margin-bottom: 0.5rem;
}

.track-ageing-section {
  background: url("../../images/graphics/mirror-background-230320.webp") right bottom no-repeat;
  background-size: cover;
  background-position: 100% 0;
  min-height: 40rem;
  display: flex;
  align-items: center;
}
.track-ageing-section .track-ageing-content {
  width: 30rem;
  margin: 0 0 0 10%;
}

.longevity-steps {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.longevity-steps .longevity-step {
  align-items: center;
  justify-content: flex-start;
  gap: 1.5rem;
}
.longevity-steps .step-details {
  width: 65%;
  margin: 0 auto;
}
.longevity-steps .step-icon {
  width: 80px;
  height: 80px;
}
.longevity-steps .step-1-icon {
  background: url("../../images/icons/shopping-cart-icon-230320.png") center no-repeat;
  background-size: contain;
}
.longevity-steps .step-2-icon {
  background: url("../../images/icons/check-icon-230320.png") center no-repeat;
  background-size: contain;
}
.longevity-steps .step-3-icon {
  background: url("../../images/icons/mailbox-icon-230320.png") center no-repeat;
  background-size: contain;
}
.longevity-steps .step-4-icon {
  background: url("../../images/icons/dashboard-icon-230320.png") center no-repeat;
  background-size: contain;
}
.longevity-steps .step-5-icon {
  background: url("../../images/icons/speedtest-icon-230320.png") center no-repeat;
  background-size: contain;
  position: relative;
}
.longevity-steps .step-5-icon::after {
  content: "beta";
  background-image: linear-gradient(135deg, #00bfdf, #36efce);
  position: absolute;
  top: 0;
  right: -10px;
  border-radius: 5px;
  color: white;
  font-size: 10px;
  padding: 1px 5px;
  line-height: 1.5;
}

.waitlist-button {
  margin-bottom: 0.5rem;
  display: inline-block;
}

.horizontal-slide {
  overflow-x: hidden;
  display: flex;
  justify-content: flex-start;
  position: sticky;
  top: 0;
}

.investigate-section {
  flex-shrink: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4rem 6rem;
}
.investigate-section .investigate-image {
  flex-shrink: 0;
  min-width: 315px;
  min-height: 360px;
}
.investigate-section .cells-image {
  background: url("../../images/graphics/cell-interior-art-230320.webp") center no-repeat;
  background-size: contain;
}
.investigate-section .glycans-image {
  background: url("../../images/graphics/deepmind-unsplash-230320.webp") center no-repeat;
  background-size: contain;
}
.investigate-section .igg-image {
  background: url("../../images/graphics/igg-ai-230320.webp") center no-repeat;
  background-size: contain;
}
.investigate-section .investigate-content h1 {
  margin-bottom: 3rem;
}
.investigate-section .investigate-content .investigate-text {
  line-height: 1.5;
}

.horizontal-slide-inactive {
  position: static;
  flex-direction: column;
}

.glycan-related-section {
  align-items: flex-start;
}

.glycans-chart-step {
  gap: 1.5rem;
  align-items: flex-start;
  position: relative;
}
.glycans-chart-step::after {
  content: "";
  position: absolute;
  background-color: grey;
  width: 2px;
  height: 85%;
  left: 24px;
  top: 56px;
}
.glycans-chart-step .glycans-step-graphic {
  width: 48px;
  height: 48px;
  flex-shrink: 0;
  position: relative;
}
.glycans-chart-step .ageing-image {
  background: url("../../images/icons/ageing-rate-230320.webp") center no-repeat;
  background-size: contain;
}
.glycans-chart-step .immunity-image {
  background: url("../../images/icons/immunity-230320.webp") center no-repeat;
  background-size: contain;
}
.glycans-chart-step .hormones-image {
  background: url("../../images/icons/hormones-230320.webp") center no-repeat;
  background-size: contain;
}

.glycans-chart-step.last-step::after {
  display: none;
}

@media only screen and (max-width: 1290px) {
  .track-ageing-section .track-ageing-content {
    margin: 0 0 0 4%;
  }
  .hero-content .hero-text .hero-typed {
    height: 3.7rem;
  }
}
@media only screen and (max-width: 1024px) {
  .time-lifestyle-image {
    height: 400px;
  }
  .investigate-section {
    padding: 2rem;
  }
}
@media only screen and (max-width: 991px) {
  .hero {
    max-height: 100%;
  }
  .hero-content {
    align-items: flex-start;
    margin: 2rem auto;
  }
  .hero-content .hero-text {
    width: 100%;
  }
  .hero-content .hero-typed {
    height: 3.7rem;
  }
  .hero-content .hero-image {
    align-self: center;
    height: 500px;
    width: 100%;
    background-position: center;
  }
  .hero-content .hero-image::after {
    left: 0;
    width: 50%;
  }
  .time-lifestyle-content {
    flex-direction: column-reverse;
    gap: 0;
  }
  .modules .discover-age-module .module-image, .modules .monitor-age-module .module-image, .modules .optimize-age-module .module-image {
    width: 100%;
  }
  .plan-options .ekei-plan {
    grid-template-rows: 1fr 3fr;
    padding: 2rem;
  }
  .plan-options .plan-image {
    height: 210px;
  }
  .track-ageing-section {
    min-height: auto;
    padding: 4rem 0;
    background-position: 0 center;
    background-size: 140%;
  }
  .track-ageing-section .track-ageing-content {
    width: 60%;
  }
  .longevity-steps {
    flex-wrap: wrap;
  }
  .longevity-steps .longevity-step {
    width: 46%;
  }
  .investigate-section {
    padding: 2rem 0;
  }
  .investigate-section .investigate-image {
    min-width: 235px;
    min-height: 250px;
  }
  .investigate-section .investigate-content h1 {
    margin-bottom: 1rem;
  }
}
@media only screen and (max-width: 576px) {
  .hero-content {
    margin-bottom: 1rem;
  }
  .hero-content .hero-text .hero-typed {
    height: 2.4rem;
  }
  .hero-content .hero-text .join-waitlist-link {
    margin-top: 2rem;
  }
  .hero-content .hero-image {
    height: 300px;
    margin-top: 1rem;
  }
  .hero-content .hero-image::after {
    width: 70%;
  }
  .modules .age-module {
    grid-template-areas: "separator heading" "separator content";
    grid-template-columns: 5px 1fr;
  }
  .modules h1 {
    grid-area: heading;
  }
  .modules .separator {
    grid-area: separator;
  }
  .modules .module-content {
    grid-area: content;
    margin-top: 0;
  }
  .modules .discover-age-module .module-image, .modules .optimize-age-module .module-image {
    height: 120px;
  }
  .modules .monitor-age-module .module-image {
    height: 200px;
  }
  .time-lifestyle-image {
    width: 100%;
    height: 300px;
  }
  .plan-options {
    grid-template-columns: 1fr;
  }
  .plan-options .ekei-plan {
    padding: 1rem 1.5rem;
  }
  .plan-options .plan-image {
    height: 150px;
  }
  .plan-options .purchase-plan {
    margin-top: 1rem;
  }
  .track-ageing-section {
    background-size: 700%;
    background-position: 0 0;
  }
  .track-ageing-section .track-ageing-content {
    width: 90%;
    margin: 0 auto;
  }
  .longevity-steps .longevity-step {
    gap: 0.5rem;
    width: 100%;
  }
  .longevity-steps .step-details {
    width: 100%;
  }
  .investigate-section .cells-image {
    background-size: cover;
    min-width: 250px;
  }
}
@media only screen and (max-width: 360px) {
  .hero-content .hero-text .hero-typed {
    height: 2.2rem;
  }
}/*# sourceMappingURL=landing-230328-01.css.map */