:root {
  --color-egs-dark: #071915;
  --color-egs-darker: #020706;
  --color-egs-green: #bee9b2;
  --color-egs-green-light: #d1efc9;
  --color-egs-cream: #fefaf1;
  --color-egs-cream-warm: #fef8ec;
  --color-egs-text: #e6e8e7;
  --color-egs-text-muted: #c5cdc9;
  --color-egs-divider: #515e5b;
  --font-sans: "Overused Grotesk", system-ui, -apple-system, sans-serif;
  --max-width: 1440px;
  --transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);
  --color-egs-mid: #0e0e0e;
  --color-egs-card: #0e0f0f;
  --color-egs-blue: #125b4a;
  --color-egs-blue-deep: #07241d;
  --color-egs-offwhite: #fefefd;
  --color-egs-light: #f8fcf7;
  --color-egs-lighter: #f2faef;
  --color-egs-border: rgba(255, 255, 255, .08);
  --color-egs-card-bg: #cfdeda;
  --color-egs-line: #4c5d47;
  --transition-fast: all .2s ease;
  --header-height: 112px;
}

*, ::before, ::after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  color: var(--color-egs-dark);
  background-color: var(--color-egs-offwhite);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  overflow-x: hidden;
  width: viewport;
  height: viewport;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-fast);
}

.hero-section {
  position: relative;
  width: 100%;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url('/uploads/1f4LaWnl4aSxfZTN_9N4M-EGS-529.webp');
}

.blur-ellipse {
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(150px);
  pointer-events: none;
  z-index: 1;
  opacity: 0.15;
  transform: rotate(-30deg);
}

.ellipse-1 {
  width: 175px;
  height: 962px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -73px;
  right: 200px;
}

.ellipse-2 {
  width: 226px;
  height: 1119px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.08);
  top: -69px;
  right: 50px;
}

.ellipse-3 {
  width: 146px;
  height: 904px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: 22px;
  left: 40%;
}

.ellipse-4 {
  width: 181px;
  height: 824px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -74px;
  left: 20%;
}

.hero-bg-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.hero-bg-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.35);
}

.hero-bg-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.3) 0%, rgba(7, 25, 21, 0.6) 50%, rgb(7, 25, 21) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  align-self: auto;
  justify-self: auto;
}

.hero-content {
  position: relative;
  z-index: 10;
  max-width: 800px;
  padding: 80px 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  text-align: center;
}

@media (max-width: 700px) {
  .hero-content {
  padding: 60px 24px;
  row-gap: 22px;
  column-gap: 22px;
  }
}

.logo-wrap {
  margin-bottom: 8px;
}

.logo-img {
  height: 52px;
  width: auto;
  opacity: 0.95;
  filter: brightness(0) invert(1);
}

@keyframes pulse-dot {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.3;
    transform: scale(1.8);
  }
}

.hero-label {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-green);
  letter-spacing: 0.5px;
  opacity: 0.9;
}

.hero-title {
  font-size: clamp(42px, 7vw, 82px);
  font-weight: 700;
  color: var(--color-egs-cream);
  line-height: 1.05;
  letter-spacing: -2.5px;
}

.stats-row {
  display: flex;
  align-items: center;
  row-gap: 36px;
  column-gap: 36px;
  padding-top: 12px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.07);
}

@media (max-width: 700px) {
  .stats-row {
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  }
}

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

.stat-value {
  font-size: clamp(30px, 4vw, 44px);
  font-weight: 600;
  color: var(--color-egs-green);
  line-height: 1;
  letter-spacing: -1.5px;
}

.stat-lbl {
  font-size: 13px;
  font-weight: 500;
  color: var(--color-egs-text-muted);
  margin-top: 4px;
}

@media (max-width: 700px) {
  .stat-lbl {
  font-size: 11px;
  }
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
}

@media (max-width: 1024px) {
  .container {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .container {
  padding: 0px 24px;
  }
}

.hero-section[data-astro-cid-bbe6dxrz] {
  position: relative;
  width: 100%;
  height: 900px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker);
}

.ellipse-1[data-astro-cid-bbe6dxrz] {
  width: 175px;
  height: 962px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -73px;
  right: 200px;
}

.ellipse-2[data-astro-cid-bbe6dxrz] {
  width: 226px;
  height: 1119px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.08);
  top: -69px;
  right: 50px;
}

.ellipse-3[data-astro-cid-bbe6dxrz] {
  width: 146px;
  height: 904px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: 22px;
  left: 40%;
}

.ellipse-4[data-astro-cid-bbe6dxrz] {
  width: 181px;
  height: 824px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -74px;
  left: 20%;
}

.hero-bg-container[data-astro-cid-bbe6dxrz] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

.hero-bg-img[data-astro-cid-bbe6dxrz] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.hero-bg-tint[data-astro-cid-bbe6dxrz] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
}

.hero-bg-gradient[data-astro-cid-bbe6dxrz] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0) 52%, rgb(7, 25, 21));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.hero-container[data-astro-cid-bbe6dxrz] {
  position: relative;
  max-width: var(--max-width);
  width: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0px 64px;
  z-index: 10;
  pointer-events: none;
}

.hero-content-desktop[data-astro-cid-bbe6dxrz] {
  position: absolute;
  left: 64px;
  bottom: 120px;
  max-width: 789px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  pointer-events: auto;
}

.hero-titles-wrap[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.hero-label[data-astro-cid-bbe6dxrz] {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green);
  line-height: 1.6;
  letter-spacing: 0.5px;
}

.hero-title[data-astro-cid-bbe6dxrz] {
  font-size: 72px;
  font-weight: 500;
  color: var(--color-egs-cream);
  line-height: 1.1;
  letter-spacing: -2px;
}

.hero-subtext[data-astro-cid-bbe6dxrz] {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-egs-text);
  line-height: 1.6;
}

.hero-btns-row[data-astro-cid-bbe6dxrz] {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.hero-btn-primary[data-astro-cid-bbe6dxrz] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green);
  border: 1px solid var(--color-egs-green);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-primary[data-astro-cid-bbe6dxrz]:hover {
  background-color: var(--color-egs-green-light);
  border-color: var(--color-egs-green-light);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.hero-btn-secondary[data-astro-cid-bbe6dxrz] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 32px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-secondary[data-astro-cid-bbe6dxrz]:hover {
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(-2px);
}

.arrow-icon[data-astro-cid-bbe6dxrz] {
  width: 20px;
  height: 20px;
}

.hero-stats-sidebar[data-astro-cid-bbe6dxrz] {
  position: absolute;
  right: 64px;
  bottom: 120px;
  width: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .hero-stats-sidebar[data-astro-cid-bbe6dxrz] {
  right: 32px;
  }
}

.stat-item[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.stat-value[data-astro-cid-bbe6dxrz] {
  font-size: 40px;
  font-weight: 600;
  color: var(--color-egs-green);
  line-height: 1;
  letter-spacing: -1.5px;
}

.stat-lbl[data-astro-cid-bbe6dxrz] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-text);
  opacity: 0.8;
  line-height: 1.3;
}

.stat-divider[data-astro-cid-bbe6dxrz] {
  width: 32px;
  height: 1px;
  background-color: var(--color-egs-divider);
  opacity: 0.5;
}

.hero-content-mobile[data-astro-cid-bbe6dxrz] {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 24px 64px;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 900px) {
  .hero-content-mobile[data-astro-cid-bbe6dxrz] {
  display: flex;
  }
}

@media (max-width: 900px) {
  .hero-content-desktop[data-astro-cid-bbe6dxrz], .hero-stats-sidebar[data-astro-cid-bbe6dxrz] {
  display: none;
  }
}

@media (max-width: 900px) {
  .mobile-titles[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  }
}

@media (max-width: 900px) {
  .mobile-label[data-astro-cid-bbe6dxrz] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-green);
  letter-spacing: 0.5px;
  }
}

@media (max-width: 900px) {
  .mobile-title[data-astro-cid-bbe6dxrz] {
  font-size: 38px;
  font-weight: 500;
  color: var(--color-egs-cream);
  line-height: 1.15;
  letter-spacing: -1px;
  }
}

@media (max-width: 900px) {
  .mobile-subtext[data-astro-cid-bbe6dxrz] {
  font-size: 15px;
  color: var(--color-egs-text);
  line-height: 1.6;
  }
}

@media (max-width: 900px) {
  .mobile-btns[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  }
}

@media (max-width: 900px) {
  .mobile-btn[data-astro-cid-bbe6dxrz] {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
  }
}

@media (max-width: 900px) {
  .mobile-stats-row[data-astro-cid-bbe6dxrz] {
  display: flex;
  justify-content: space-between;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: 8px;
  }
}

@media (max-width: 900px) {
  .m-stat[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2px;
  column-gap: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  }
}

@media (max-width: 900px) {
  .m-val[data-astro-cid-bbe6dxrz] {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-green);
  line-height: 1;
  }
}

@media (max-width: 900px) {
  .m-lbl[data-astro-cid-bbe6dxrz] {
  font-size: 12px;
  color: var(--color-egs-text-muted);
  }
}

.story-section[data-astro-cid-36sxkqu5] {
  background-image: linear-gradient(rgb(7, 25, 21), rgb(14, 14, 14));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.story-container[data-astro-cid-36sxkqu5] {
  max-width: var(--max-width);
  margin: 0px auto;
  min-height: 1000px;
  position: relative;
  padding: 0px 64px;
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  .story-container[data-astro-cid-36sxkqu5] {
  padding: 80px 32px;
  min-height: auto;
  flex-direction: column;
  row-gap: 56px;
  column-gap: 56px;
  align-items: flex-start;
  }
}

@media (max-width: 744px) {
  .story-container[data-astro-cid-36sxkqu5] {
  padding: 64px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.story-text-col[data-astro-cid-36sxkqu5] {
  width: 485px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  z-index: 10;
}

@media (max-width: 1200px) {
  .story-text-col[data-astro-cid-36sxkqu5] {
  width: 100%;
  max-width: 700px;
  }
}

.story-titles[data-astro-cid-36sxkqu5] {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}

.story-label[data-astro-cid-36sxkqu5] {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green);
  line-height: 1.6;
}

.story-heading[data-astro-cid-36sxkqu5] {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-cream);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .story-heading[data-astro-cid-36sxkqu5] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.story-body[data-astro-cid-36sxkqu5] {
  font-size: 17px;
  font-weight: 400;
  color: var(--color-egs-text);
  line-height: 1.7;
  opacity: 0.95;
}

@media (max-width: 744px) {
  .story-body[data-astro-cid-36sxkqu5] {
  font-size: 15px;
  }
}

.story-btn[data-astro-cid-36sxkqu5] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green);
  border: 1px solid var(--color-egs-green);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

.story-btn[data-astro-cid-36sxkqu5]:hover {
  background-color: var(--color-egs-green-light);
  border-color: var(--color-egs-green-light);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.arrow-icon[data-astro-cid-36sxkqu5] {
  width: 20px;
  height: 20px;
}

.story-image-col[data-astro-cid-36sxkqu5] {
  position: absolute;
  left: 705px;
  top: 130px;
  width: 669px;
  height: 740px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 40px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1200px) {
  .story-image-col[data-astro-cid-36sxkqu5] {
  position: static;
  width: 100%;
  max-width: 700px;
  height: 500px;
  }
}

@media (max-width: 744px) {
  .story-image-col[data-astro-cid-36sxkqu5] {
  height: 380px;
  }
}

.story-img[data-astro-cid-36sxkqu5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--transition-smooth);
}

.story-image-col[data-astro-cid-36sxkqu5]:hover .story-img[data-astro-cid-36sxkqu5] {
  transform: scale(1.02);
}

.bandeau-section[data-astro-cid-lqyg7fip] {
  background-color: var(--color-egs-blue);
  width: 100%;
  padding: 64px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 744px) {
  .bandeau-section[data-astro-cid-lqyg7fip] {
  padding: 48px 0px;
  }
}

.bandeau-inner[data-astro-cid-lqyg7fip] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stats-row[data-astro-cid-lqyg7fip] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .stats-row[data-astro-cid-lqyg7fip] {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.stat-box[data-astro-cid-lqyg7fip] {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 220px;
}

@media (max-width: 900px) {
  .stat-box[data-astro-cid-lqyg7fip] {
  width: 100%;
  min-width: unset;
  }
}

.stat-number[data-astro-cid-lqyg7fip] {
  font-size: 48px;
  font-weight: 600;
  color: var(--color-egs-cream-warm);
  letter-spacing: -2px;
  line-height: 1.1;
}

@media (max-width: 744px) {
  .stat-number[data-astro-cid-lqyg7fip] {
  font-size: 38px;
  }
}

.stat-label[data-astro-cid-lqyg7fip] {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-cream-warm);
  line-height: 1.4;
  max-width: 240px;
  opacity: 0.9;
}

@media (max-width: 744px) {
  .stat-label[data-astro-cid-lqyg7fip] {
  font-size: 15px;
  }
}

.vertical-divider[data-astro-cid-lqyg7fip] {
  width: 1px;
  height: 60px;
  background-color: rgba(254, 248, 236, 0.2);
}

@media (max-width: 900px) {
  .vertical-divider[data-astro-cid-lqyg7fip] {
  display: none;
  }
}

.prod-section[data-astro-cid-daunlocd] {
  background-color: var(--color-egs-light);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .prod-section[data-astro-cid-daunlocd] {
  padding: 64px 0px;
  }
}

.prod-inner[data-astro-cid-daunlocd] {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

.prod-row[data-astro-cid-daunlocd] {
  display: flex;
  align-items: center;
  row-gap: 80px;
  column-gap: 80px;
  width: 100%;
}

@media (max-width: 1024px) {
  .prod-row[data-astro-cid-daunlocd] {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.prod-media-container[data-astro-cid-daunlocd] {
  position: relative;
  width: 499px;
  height: 576px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px;
  flex-shrink: 0;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0.05);
  border-right-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(0, 0, 0, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1024px) {
  .prod-media-container[data-astro-cid-daunlocd] {
  width: 100%;
  max-width: 600px;
  height: 480px;
  }
}

@media (max-width: 744px) {
  .prod-media-container[data-astro-cid-daunlocd] {
  height: 380px;
  }
}

.prod-media-img[data-astro-cid-daunlocd] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: var(--transition-smooth);
}

.media-overlay[data-astro-cid-daunlocd] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(14, 15, 15, 0.2);
  pointer-events: none;
}

.video-play-btn[data-astro-cid-daunlocd] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  cursor: pointer;
}

.play-circle[data-astro-cid-daunlocd] {
  width: 80px;
  height: 80px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--color-egs-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream);
  box-shadow: rgba(18, 91, 74, 0.35) 0px 4px 20px;
  transition: var(--transition-smooth);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 744px) {
  .play-circle[data-astro-cid-daunlocd] {
  width: 64px;
  height: 64px;
  }
}

.video-play-btn[data-astro-cid-daunlocd]:hover .play-circle[data-astro-cid-daunlocd] {
  transform: scale(1.08);
  background-color: var(--color-egs-dark);
  box-shadow: rgba(7, 25, 21, 0.45) 0px 8px 30px;
}

.play-icon[data-astro-cid-daunlocd] {
  width: 32px;
  height: 32px;
  margin-left: 4px;
}

@media (max-width: 744px) {
  .play-icon[data-astro-cid-daunlocd] {
  width: 24px;
  height: 24px;
  }
}

.prod-text-container[data-astro-cid-daunlocd] {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  flex-grow: 1;
}

.section-tag[data-astro-cid-daunlocd] {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-egs-blue);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.prod-heading[data-astro-cid-daunlocd] {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .prod-heading[data-astro-cid-daunlocd] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.prod-desc[data-astro-cid-daunlocd] {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line);
  max-width: 600px;
}

@media (max-width: 744px) {
  .prod-desc[data-astro-cid-daunlocd] {
  font-size: 15px;
  }
}

.prod-btn[data-astro-cid-daunlocd] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-blue);
  border: 1px solid var(--color-egs-blue);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

@media (max-width: 744px) {
  .prod-btn[data-astro-cid-daunlocd] {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.prod-btn[data-astro-cid-daunlocd]:hover {
  background-color: var(--color-egs-blue-deep);
  border-color: var(--color-egs-blue-deep);
  transform: translateY(-2px);
  box-shadow: rgba(18, 91, 74, 0.2) 0px 8px 24px;
}

.arrow-icon[data-astro-cid-daunlocd] {
  width: 20px;
  height: 20px;
}

.video-modal[data-astro-cid-daunlocd] {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.85);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.video-modal[data-astro-cid-daunlocd][hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.video-modal-card[data-astro-cid-daunlocd] {
  width: 100%;
  max-width: 800px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.video-modal-header[data-astro-cid-daunlocd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.video-modal-header[data-astro-cid-daunlocd] h3[data-astro-cid-daunlocd] {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-egs-green);
}

#closeVideoBtn[data-astro-cid-daunlocd] {
  color: var(--color-egs-text-muted);
  transition: var(--transition-fast);
}

#closeVideoBtn[data-astro-cid-daunlocd]:hover {
  color: var(--color-egs-cream);
  transform: rotate(90deg);
}

.video-wrapper[data-astro-cid-daunlocd] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker);
}

.html5-player[data-astro-cid-daunlocd] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.articles-section[data-astro-cid-5q5cflet] {
  background-color: var(--color-egs-light);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .articles-section[data-astro-cid-5q5cflet] {
  padding: 64px 0px;
  }
}

.articles-inner[data-astro-cid-5q5cflet] {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  column-gap: 80px;
  align-items: center;
}

@media (max-width: 744px) {
  .articles-inner[data-astro-cid-5q5cflet] {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.articles-header-group[data-astro-cid-5q5cflet] {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  align-items: center;
  text-align: center;
  max-width: 1150px;
}

.articles-label[data-astro-cid-5q5cflet] {
  font-size: 24px;
  font-weight: 500;
  color: var(--color-egs-blue);
}

.articles-heading[data-astro-cid-5q5cflet] {
  font-size: 44px;
  font-weight: 500;
  color: var(--color-egs-dark);
  line-height: 1.25;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .articles-heading[data-astro-cid-5q5cflet] {
  font-size: 28px;
  letter-spacing: -1px;
  }
}

.articles-subtext[data-astro-cid-5q5cflet] {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-line);
  max-width: 666px;
}

@media (max-width: 744px) {
  .articles-subtext[data-astro-cid-5q5cflet] {
  font-size: 15px;
  }
}

.articles-cards-row[data-astro-cid-5q5cflet] {
  width: 100%;
  display: flex;
  row-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 1200px) {
  .articles-cards-row[data-astro-cid-5q5cflet] {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  align-items: center;
  }
}

.article-card[data-astro-cid-5q5cflet] {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  min-width: 0px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .article-card[data-astro-cid-5q5cflet] {
  width: 100%;
  max-width: 600px;
  }
}

.article-img-wrap[data-astro-cid-5q5cflet] {
  height: 480px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0.03);
  border-right-color: rgba(0, 0, 0, 0.03);
  border-bottom-color: rgba(0, 0, 0, 0.03);
  border-left-color: rgba(0, 0, 0, 0.03);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1200px) {
  .article-img-wrap[data-astro-cid-5q5cflet] {
  height: 400px;
  }
}

@media (max-width: 744px) {
  .article-img-wrap[data-astro-cid-5q5cflet] {
  height: 320px;
  }
}

.article-img[data-astro-cid-5q5cflet] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: var(--transition-smooth);
}

.article-card[data-astro-cid-5q5cflet]:hover .article-img[data-astro-cid-5q5cflet] {
  transform: scale(1.03);
}

.article-content[data-astro-cid-5q5cflet] {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  position: relative;
}

.article-info-row[data-astro-cid-5q5cflet] {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
}

.article-tag[data-astro-cid-5q5cflet] {
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-egs-dark);
}

.tag-orange[data-astro-cid-5q5cflet] {
  background-color: rgba(254, 248, 236, 0.9);
}

.tag-green[data-astro-cid-5q5cflet] {
  background-color: rgba(190, 233, 178, 0.6);
}

.tag-teal[data-astro-cid-5q5cflet] {
  background-color: rgba(207, 222, 218, 0.8);
}

.article-time[data-astro-cid-5q5cflet] {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-egs-line);
}

.article-title[data-astro-cid-5q5cflet] {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-dark);
  letter-spacing: -0.5px;
  line-height: 1.25;
}

@media (max-width: 744px) {
  .article-title[data-astro-cid-5q5cflet] {
  font-size: 20px;
  }
}

.article-hover-arrow[data-astro-cid-5q5cflet] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 1px solid var(--color-egs-line);
  color: var(--color-egs-dark);
  opacity: 0;
  transform: translateY(4px);
  transition: var(--transition-smooth);
  align-self: flex-start;
}

.article-card[data-astro-cid-5q5cflet]:hover .article-hover-arrow[data-astro-cid-5q5cflet] {
  opacity: 1;
  transform: translateY(0px);
  background-color: var(--color-egs-dark);
  color: var(--color-egs-cream);
  border-color: var(--color-egs-dark);
}

.btn-more-articles[data-astro-cid-5q5cflet] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: transparent;
  border: 1px solid var(--color-egs-line);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark);
  font-weight: 600;
  font-size: 17px;
  transition: var(--transition-smooth);
}

@media (max-width: 744px) {
  .btn-more-articles[data-astro-cid-5q5cflet] {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.btn-more-articles[data-astro-cid-5q5cflet]:hover {
  background-color: rgba(190, 233, 178, 0.2);
  transform: translateY(-2px);
}

.arrow-icon[data-astro-cid-5q5cflet] {
  width: 18px;
  height: 18px;
}

.cta-section[data-astro-cid-4xty6sx2] {
  position: relative;
  width: 100%;
  height: 811px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker);
  display: flex;
  align-items: center;
}

@media (max-width: 744px) {
  .cta-section[data-astro-cid-4xty6sx2] {
  height: auto;
  padding: 64px 0px;
  }
}

.cta-bg-container[data-astro-cid-4xty6sx2] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  filter: blur(4.5px);
  transform: scale(1.05);
  z-index: 1;
}

.cta-bg-img[data-astro-cid-4xty6sx2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.cta-bg-tint[data-astro-cid-4xty6sx2] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(17, 17, 17, 0.3);
}

.cta-content-wrapper[data-astro-cid-4xty6sx2] {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

@media (max-width: 1024px) {
  .cta-content-wrapper[data-astro-cid-4xty6sx2] {
  padding: 0px 48px;
  }
}

@media (max-width: 744px) {
  .cta-content-wrapper[data-astro-cid-4xty6sx2] {
  padding: 0px 24px;
  }
}

.cta-content[data-astro-cid-4xty6sx2] {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.cta-heading[data-astro-cid-4xty6sx2] {
  font-size: 56px;
  font-weight: 500;
  color: var(--color-egs-cream);
  line-height: 1.1;
  letter-spacing: -2px;
}

@media (max-width: 1024px) {
  .cta-heading[data-astro-cid-4xty6sx2] {
  font-size: 44px;
  }
}

@media (max-width: 744px) {
  .cta-heading[data-astro-cid-4xty6sx2] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.cta-subtext[data-astro-cid-4xty6sx2] {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-text);
  opacity: 0.95;
  max-width: 480px;
}

@media (max-width: 744px) {
  .cta-subtext[data-astro-cid-4xty6sx2] {
  font-size: 15px;
  }
}

.cta-buttons[data-astro-cid-4xty6sx2] {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .cta-buttons[data-astro-cid-4xty6sx2] {
  flex-direction: column;
  width: 100%;
  }
}

.cta-btn-primary[data-astro-cid-4xty6sx2] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-primary[data-astro-cid-4xty6sx2]:hover {
  background-color: rgba(254, 248, 236, 0.12);
  transform: translateY(-2px);
}

.cta-btn-secondary[data-astro-cid-4xty6sx2] {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 12px 32px;
  background-color: var(--color-egs-green);
  border: 1px solid var(--color-egs-green);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-secondary[data-astro-cid-4xty6sx2]:hover {
  background-color: var(--color-egs-green-light);
  border-color: var(--color-egs-green-light);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.arrow-icon[data-astro-cid-4xty6sx2] {
  width: 20px;
  height: 20px;
}

@media (max-width: 744px) {
  .cta-btn-primary[data-astro-cid-4xty6sx2], .cta-btn-secondary[data-astro-cid-4xty6sx2] {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
  }
}

main[data-astro-cid-j7pv25f6] {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.valeurs-section[data-astro-cid-utxzqh7e] {
  background-color: var(--color-egs-lighter);
  padding: 96px 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 744px) {
  .valeurs-section[data-astro-cid-utxzqh7e] {
  padding: 64px 0px;
  }
}

.valeurs-wrapper[data-astro-cid-utxzqh7e] {
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1200px) {
  .valeurs-wrapper[data-astro-cid-utxzqh7e] {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .valeurs-wrapper[data-astro-cid-utxzqh7e] {
  padding: 0px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.valeurs-header[data-astro-cid-utxzqh7e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
}

@media (max-width: 1200px) {
  .valeurs-header[data-astro-cid-utxzqh7e] {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.valeurs-heading[data-astro-cid-utxzqh7e] {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark);
  line-height: 1.15;
  letter-spacing: -1.5px;
  max-width: 720px;
}

@media (max-width: 1200px) {
  .valeurs-heading[data-astro-cid-utxzqh7e] {
  max-width: 100%;
  }
}

@media (max-width: 744px) {
  .valeurs-heading[data-astro-cid-utxzqh7e] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.valeurs-description[data-astro-cid-utxzqh7e] {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line);
  max-width: 800px;
}

@media (max-width: 744px) {
  .valeurs-description[data-astro-cid-utxzqh7e] {
  font-size: 15px;
  }
}

.grades-grid[data-astro-cid-utxzqh7e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  row-gap: 24px;
  column-gap: 24px;
  box-shadow: none;
}

@media (max-width: 1200px) {
  .grades-grid[data-astro-cid-utxzqh7e] {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 744px) {
  .grades-grid[data-astro-cid-utxzqh7e] {
  grid-template-columns: 1fr;
  }
}

.grade-card[data-astro-cid-utxzqh7e] {
  background-color: var(--color-egs-card-bg);
  padding: 24px;
  min-height: 319px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--color-egs-line);
  transition: var(--transition-smooth);
}

@media (max-width: 1200px) {
  .grade-card[data-astro-cid-utxzqh7e] {
  border: 1px solid var(--color-egs-line);
  }
}

@media (max-width: 744px) {
  .grade-card[data-astro-cid-utxzqh7e] {
  height: auto;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.grade-card[data-astro-cid-utxzqh7e].featured {
  background-color: var(--color-egs-blue);
  transform: scale(1.02);
  box-shadow: rgba(18, 91, 74, 0.15) 0px 8px 32px;
  z-index: 10;
  border: 1px solid var(--color-egs-line);
}

@media (max-width: 1200px) {
  .grade-card[data-astro-cid-utxzqh7e].featured {
  transform: none;
  }
}

.badge[data-astro-cid-utxzqh7e] {
  align-self: flex-start;
  padding: 6px 18px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--color-egs-blue);
  border: 1px solid var(--color-egs-line);
  color: var(--color-egs-text);
}

.badge-row[data-astro-cid-utxzqh7e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.badge-featured[data-astro-cid-utxzqh7e] {
  background-color: var(--color-egs-blue);
  border-top-color: rgb(248, 252, 247);
  border-right-color: rgb(248, 252, 247);
  border-bottom-color: rgb(248, 252, 247);
  border-left-color: rgb(248, 252, 247);
  color: rgb(231, 235, 234);
}

.circle-arrow-btn[data-astro-cid-utxzqh7e] {
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: rgb(248, 252, 247);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-blue);
  transition: var(--transition-fast);
}

.circle-arrow-btn[data-astro-cid-utxzqh7e]:hover {
  transform: scale(1.1);
}

.arrow-up-right[data-astro-cid-utxzqh7e] {
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
}

.card-content[data-astro-cid-utxzqh7e] {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.card-title-group[data-astro-cid-utxzqh7e] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.card-content[data-astro-cid-utxzqh7e] h3[data-astro-cid-utxzqh7e] {
  font-size: 28px;
  font-weight: 500;
  color: var(--color-egs-dark);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.featured[data-astro-cid-utxzqh7e] h3[data-astro-cid-utxzqh7e] {
  color: rgb(231, 235, 234);
}

.subtitle[data-astro-cid-utxzqh7e] {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-egs-line);
}

.font-featured[data-astro-cid-utxzqh7e] {
  color: rgb(208, 215, 213);
}

.specs[data-astro-cid-utxzqh7e] {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-egs-dark);
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}

.specs-featured[data-astro-cid-utxzqh7e] {
  color: rgb(231, 235, 234);
}

.diagnostic-trigger[data-astro-cid-utxzqh7e] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 36px;
  background-color: transparent;
  border: 1px solid var(--color-egs-dark);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark);
  font-weight: 600;
  font-size: 17px;
  transition: var(--transition-smooth);
  margin-top: 16px;
}

@media (max-width: 744px) {
  .diagnostic-trigger[data-astro-cid-utxzqh7e] {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.diagnostic-trigger[data-astro-cid-utxzqh7e]:hover {
  background-color: var(--color-egs-dark);
  color: var(--color-egs-cream);
  transform: translateY(-2px);
  box-shadow: rgba(7, 25, 21, 0.1) 0px 4px 16px;
}

.arrow-icon[data-astro-cid-utxzqh7e] {
  width: 20px;
  height: 20px;
}

.quiz-modal[data-astro-cid-utxzqh7e] {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.8);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.quiz-modal[data-astro-cid-utxzqh7e][hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.quiz-modal-card[data-astro-cid-utxzqh7e] {
  width: 100%;
  max-width: 600px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  display: flex;
  flex-direction: column;
}

.quiz-header[data-astro-cid-utxzqh7e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.quiz-header[data-astro-cid-utxzqh7e] h3[data-astro-cid-utxzqh7e] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-egs-green);
}

.close-quiz-btn[data-astro-cid-utxzqh7e] {
  color: var(--color-egs-text-muted);
  transition: var(--transition-fast);
}

.close-quiz-btn[data-astro-cid-utxzqh7e]:hover {
  color: var(--color-egs-cream);
  transform: rotate(90deg);
}

.quiz-progress-container[data-astro-cid-utxzqh7e] {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.05);
}

.quiz-progress-bar[data-astro-cid-utxzqh7e] {
  height: 100%;
  background-color: var(--color-egs-green);
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: width;
}

.quiz-body[data-astro-cid-utxzqh7e] {
  padding: 24px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:root {
  --transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);
  --transition-fast: all .2s ease;
  --max-width: 1440px;
  --header-height: 112px;
}

body.dyslexia-mode {
  --font-sans: "Overused Grotesk", sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  word-spacing: 0.25em;
  line-height: 2;
}

body.dyslexia-mode p, body.dyslexia-mode h1, body.dyslexia-mode h2, body.dyslexia-mode h3, body.dyslexia-mode span, body.dyslexia-mode a, body.dyslexia-mode button {
  letter-spacing: 0.12em;
  line-height: 1.8;
}

body.high-contrast {
  --color-egs-dark: #000000;
  --color-egs-darker: #000000;
  --color-egs-mid: #000000;
  --color-egs-card: #000000;
  --color-egs-blue: #004d3d;
  --color-egs-blue-deep: #00221a;
  --color-egs-green: #ffffff;
  --color-egs-green-light: #ffffff;
  --color-egs-cream: #ffffff;
  --color-egs-cream-warm: #ffffff;
  --color-egs-offwhite: #ffffff;
  --color-egs-light: #ffffff;
  --color-egs-lighter: #ffffff;
  --color-egs-text: #ffffff;
  --color-egs-text-muted: #e6e8e7;
  --color-egs-border: #ffffff;
  --color-egs-divider: #ffffff;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

body.high-contrast button, body.high-contrast a {
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(0, 0, 0);
  border-right-color: rgb(0, 0, 0);
  border-bottom-color: rgb(0, 0, 0);
  border-left-color: rgb(0, 0, 0);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  box-shadow: none;
}

body.high-contrast button:hover, body.high-contrast a:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

*, ::before, ::after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans);
  color: var(--color-egs-dark);
  background-color: var(--color-egs-offwhite);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  overflow-x: hidden;
  align-self: auto;
  justify-self: auto;
  width: 100VW;
  height: 100VH;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-fast);
}

button {
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  cursor: pointer;
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

:focus-visible {
  outline: 3px solid var(--color-egs-green);
  outline-offset: 4px;
}

body.keyboard-nav :focus-visible {
  outline-color: rgb(255, 122, 0);
  outline-style: solid;
  outline-width: 4px;
  outline-offset: 4px;
  box-shadow: rgba(255, 122, 0, 0.5) 0px 0px 10px;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
}

@media (max-width: 1024px) {
  .container {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .container {
  padding: 0px 24px;
  }
}

.glass {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-right-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.08);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.navbar[data-astro-cid-5blmo7yk] {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 50;
  pointer-events: none;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: padding;
  padding: 0px;
}

.navbar[data-astro-cid-5blmo7yk].scrolled {
  padding: 12px 24px 0px;
}

.navbar-inner[data-astro-cid-5blmo7yk] {
  max-width: var(--max-width);
  margin: 16px auto 0px;
  height: 72px;
  padding: 0px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: all;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 24px;
  }
}

.navbar[data-astro-cid-5blmo7yk].scrolled .navbar-inner[data-astro-cid-5blmo7yk] {
  margin-top: 0px;
  height: 68px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.15);
  border-right-color: rgba(255, 255, 255, 0.15);
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-left-color: rgba(255, 255, 255, 0.15);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.85);
  backdrop-filter: blur(16px);
  box-shadow: rgba(2, 7, 6, 0.25) 0px 10px 30px;
  padding: 0px 40px;
}

@media (max-width: 1024px) {
  .navbar[data-astro-cid-5blmo7yk].scrolled .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 28px;
  }
}

@media (max-width: 744px) {
  .navbar[data-astro-cid-5blmo7yk].scrolled .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 20px;
  }
}

.logo-link[data-astro-cid-5blmo7yk] {
  display: block;
  height: 38px;
  transition: var(--transition-fast);
}

.logo-link[data-astro-cid-5blmo7yk]:hover {
  opacity: 0.9;
}

.logo-img[data-astro-cid-5blmo7yk] {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.nav-links-desktop[data-astro-cid-5blmo7yk] {
  display: flex;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
}

@media (max-width: 1024px) {
  .nav-links-desktop[data-astro-cid-5blmo7yk] {
  display: none;
  }
}

.nav-links-desktop[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk] {
  color: var(--color-egs-text);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  opacity: 0.8;
  transition: var(--transition-fast);
}

.nav-links-desktop[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover, .nav-links-desktop[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk].active {
  color: var(--color-egs-green);
  opacity: 1;
}

.nav-actions-right[data-astro-cid-5blmo7yk] {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.btn-nav[data-astro-cid-5blmo7yk] {
  display: inline-flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 10px 24px;
  background-color: var(--color-egs-green);
  border: 1px solid var(--color-egs-green);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  transition: var(--transition-smooth);
  color: var(--color-egs-dark);
}

.btn-nav[data-astro-cid-5blmo7yk]:hover {
  background-color: var(--color-egs-green-light);
  border-color: var(--color-egs-green-light);
  transform: translateY(-1px);
  box-shadow: rgba(190, 233, 178, 0.2) 0px 4px 12px;
}

.arrow-icon[data-astro-cid-5blmo7yk] {
  width: 16px;
  height: 16px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.btn-nav[data-astro-cid-5blmo7yk]:hover .arrow-icon[data-astro-cid-5blmo7yk] {
  transform: translate(3px);
}

.burger-menu-btn[data-astro-cid-5blmo7yk] {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 16px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  cursor: pointer;
  z-index: 100;
}

@media (max-width: 1024px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk] {
  display: flex;
  }
}

.burger-line[data-astro-cid-5blmo7yk] {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--color-egs-text);
  transition: var(--transition-smooth);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.mobile-menu-overlay[data-astro-cid-5blmo7yk] {
  position: absolute;
  top: 80px;
  left: 0px;
  width: 100%;
  background-image: linear-gradient(rgba(7, 25, 21, 0.98), rgba(2, 7, 6, 0.99));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  backdrop-filter: blur(20px);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  padding: 32px 64px 48px;
  transition: var(--transition-smooth);
  transform-origin: center top;
}

@media (max-width: 744px) {
  .mobile-menu-overlay[data-astro-cid-5blmo7yk] {
  padding: 24px 24px 36px;
  }
}

.mobile-menu-overlay[data-astro-cid-5blmo7yk][hidden] {
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0.95);
  display: block;
}

.mobile-menu-links[data-astro-cid-5blmo7yk] {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.mobile-link[data-astro-cid-5blmo7yk] {
  color: var(--color-egs-text);
  font-size: 18px;
  font-weight: 500;
  opacity: 0.9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.05);
  padding-bottom: 10px;
}

.mobile-link[data-astro-cid-5blmo7yk]:hover {
  color: var(--color-egs-green);
  padding-left: 4px;
}

.mobile-btn-nav[data-astro-cid-5blmo7yk] {
  margin-top: 16px;
  justify-content: center;
}

@media (max-width: 744px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk][aria-expanded="true"] .line-1[data-astro-cid-5blmo7yk] {
  transform: translateY(7px) rotate(45deg);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk][aria-expanded="true"] .line-2[data-astro-cid-5blmo7yk] {
  opacity: 0;
  transform: scale(0);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk][aria-expanded="true"] .line-3[data-astro-cid-5blmo7yk] {
  transform: translateY(-7px) rotate(-45deg);
  }
}

@media (max-width: 500px) {
  .nav-actions-right[data-astro-cid-5blmo7yk] .btn-nav[data-astro-cid-5blmo7yk] {
  display: none;
  }
}

.footer[data-astro-cid-sz7xmlte] {
  background-color: var(--color-egs-darker);
  padding: 80px 0px 40px;
  color: var(--color-egs-text);
}

@media (max-width: 744px) {
  .footer[data-astro-cid-sz7xmlte] {
  padding: 64px 0px 32px;
  }
}

.footer-inner[data-astro-cid-sz7xmlte] {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

@media (max-width: 744px) {
  .footer-inner[data-astro-cid-sz7xmlte] {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-top[data-astro-cid-sz7xmlte] {
  display: flex;
  justify-content: space-between;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 1024px) {
  .footer-top[data-astro-cid-sz7xmlte] {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-brand[data-astro-cid-sz7xmlte] {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .footer-brand[data-astro-cid-sz7xmlte] {
  max-width: 100%;
  }
}

.footer-logo[data-astro-cid-sz7xmlte] {
  display: block;
  height: 42px;
}

.logo-img[data-astro-cid-sz7xmlte] {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.footer-desc[data-astro-cid-sz7xmlte] {
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-egs-text-muted);
  opacity: 0.8;
}

.footer-socials[data-astro-cid-sz7xmlte] {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 8px;
}

.social-icon-link[data-astro-cid-sz7xmlte] {
  color: var(--color-egs-text-muted);
  opacity: 0.7;
  transition: var(--transition-smooth);
}

.social-icon-link[data-astro-cid-sz7xmlte]:hover {
  color: var(--color-egs-green);
  opacity: 1;
  transform: translateY(-2px);
}

.footer-links-grid[data-astro-cid-sz7xmlte] {
  display: flex;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 744px) {
  .footer-links-grid[data-astro-cid-sz7xmlte] {
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.footer-col[data-astro-cid-sz7xmlte] {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  min-width: 140px;
}

.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-egs-green);
  margin-bottom: 8px;
}

.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
  font-size: 14px;
  color: var(--color-egs-text-muted);
  transition: var(--transition-fast);
}

.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover {
  color: var(--color-egs-green);
}

.contact-info[data-astro-cid-sz7xmlte] {
  font-size: 14px;
  color: var(--color-egs-text-muted);
  opacity: 0.7;
}

.footer-divider[data-astro-cid-sz7xmlte] {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}

.footer-bottom[data-astro-cid-sz7xmlte] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .footer-bottom[data-astro-cid-sz7xmlte] {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  column-gap: 16px;
  }
}

.copyright[data-astro-cid-sz7xmlte] {
  font-size: 13px;
  color: var(--color-egs-text-muted);
  opacity: 0.6;
}

.footer-legal[data-astro-cid-sz7xmlte] {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
}

.footer-legal[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
  font-size: 13px;
  color: var(--color-egs-text-muted);
  opacity: 0.6;
  transition: var(--transition-fast);
}

.footer-legal[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover {
  color: var(--color-egs-green);
  opacity: 1;
}

.hero-section[data-astro-cid-bbe6dxrz] {
  position: relative;
  width: 100%;
  height: 900px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-2);
}

.ellipse-1[data-astro-cid-bbe6dxrz] {
  width: 175px;
  height: 962px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -73px;
  right: 200px;
}

.ellipse-2[data-astro-cid-bbe6dxrz] {
  width: 226px;
  height: 1119px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.08);
  top: -69px;
  right: 50px;
}

.ellipse-3[data-astro-cid-bbe6dxrz] {
  width: 146px;
  height: 904px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: 22px;
  left: 40%;
}

.ellipse-4[data-astro-cid-bbe6dxrz] {
  width: 181px;
  height: 824px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -74px;
  left: 20%;
}

.hero-bg-container[data-astro-cid-bbe6dxrz] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

.hero-bg-img[data-astro-cid-bbe6dxrz] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.hero-bg-tint[data-astro-cid-bbe6dxrz] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
}

.hero-bg-gradient[data-astro-cid-bbe6dxrz] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0) 52%, rgb(7, 25, 21));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.hero-container[data-astro-cid-bbe6dxrz] {
  position: relative;
  max-width: var(--max-width);
  width: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0px 64px;
  z-index: 10;
  pointer-events: none;
}

.hero-content-desktop[data-astro-cid-bbe6dxrz] {
  position: absolute;
  left: 64px;
  bottom: 120px;
  max-width: 789px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  pointer-events: auto;
}

.hero-titles-wrap[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.hero-label[data-astro-cid-bbe6dxrz] {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-2);
  line-height: 1.6;
  letter-spacing: 0.5px;
}

.hero-title[data-astro-cid-bbe6dxrz] {
  font-size: 72px;
  font-weight: 500;
  color: var(--color-egs-cream-2);
  line-height: 1.1;
  letter-spacing: -2px;
}

.hero-subtext[data-astro-cid-bbe6dxrz] {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-egs-text-2);
  line-height: 1.6;
}

.hero-btns-row[data-astro-cid-bbe6dxrz] {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.hero-btn-primary[data-astro-cid-bbe6dxrz] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green-2);
  border: 1px solid var(--color-egs-green-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-2);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-primary[data-astro-cid-bbe6dxrz]:hover {
  background-color: var(--color-egs-green-light-2);
  border-color: var(--color-egs-green-light-2);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.hero-btn-secondary[data-astro-cid-bbe6dxrz] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 32px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm-2);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-secondary[data-astro-cid-bbe6dxrz]:hover {
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(-2px);
}

.arrow-icon[data-astro-cid-bbe6dxrz] {
  width: 20px;
  height: 20px;
}

.hero-stats-sidebar[data-astro-cid-bbe6dxrz] {
  position: absolute;
  right: 64px;
  bottom: 120px;
  width: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .hero-stats-sidebar[data-astro-cid-bbe6dxrz] {
  right: 32px;
  }
}

.stat-item[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.stat-value[data-astro-cid-bbe6dxrz] {
  font-size: 40px;
  font-weight: 600;
  color: var(--color-egs-green-2);
  line-height: 1;
  letter-spacing: -1.5px;
}

.stat-lbl[data-astro-cid-bbe6dxrz] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-text-2);
  opacity: 0.8;
  line-height: 1.3;
}

.stat-divider[data-astro-cid-bbe6dxrz] {
  width: 32px;
  height: 1px;
  background-color: var(--color-egs-divider-2);
  opacity: 0.5;
}

.hero-content-mobile[data-astro-cid-bbe6dxrz] {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 24px 64px;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 900px) {
  .hero-content-mobile[data-astro-cid-bbe6dxrz] {
  display: flex;
  }
}

@media (max-width: 900px) {
  .hero-content-desktop[data-astro-cid-bbe6dxrz], .hero-stats-sidebar[data-astro-cid-bbe6dxrz] {
  display: none;
  }
}

@media (max-width: 900px) {
  .mobile-titles[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
  }
}

@media (max-width: 900px) {
  .mobile-label[data-astro-cid-bbe6dxrz] {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-green-2);
  letter-spacing: 0.5px;
  }
}

@media (max-width: 900px) {
  .mobile-title[data-astro-cid-bbe6dxrz] {
  font-size: 38px;
  font-weight: 500;
  color: var(--color-egs-cream-2);
  line-height: 1.15;
  letter-spacing: -1px;
  }
}

@media (max-width: 900px) {
  .mobile-subtext[data-astro-cid-bbe6dxrz] {
  font-size: 15px;
  color: var(--color-egs-text-2);
  line-height: 1.6;
  }
}

@media (max-width: 900px) {
  .mobile-btns[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  }
}

@media (max-width: 900px) {
  .mobile-btn[data-astro-cid-bbe6dxrz] {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
  }
}

@media (max-width: 900px) {
  .mobile-stats-row[data-astro-cid-bbe6dxrz] {
  display: flex;
  justify-content: space-between;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: 8px;
  }
}

@media (max-width: 900px) {
  .m-stat[data-astro-cid-bbe6dxrz] {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2px;
  column-gap: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  }
}

@media (max-width: 900px) {
  .m-val[data-astro-cid-bbe6dxrz] {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-green-2);
  line-height: 1;
  }
}

@media (max-width: 900px) {
  .m-lbl[data-astro-cid-bbe6dxrz] {
  font-size: 12px;
  color: var(--color-egs-text-muted-2);
  }
}

.story-section[data-astro-cid-36sxkqu5] {
  background-image: linear-gradient(rgb(7, 25, 21), rgb(14, 14, 14));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.story-container[data-astro-cid-36sxkqu5] {
  max-width: var(--max-width);
  margin: 0px auto;
  min-height: 1000px;
  position: relative;
  padding: 0px 64px;
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  .story-container[data-astro-cid-36sxkqu5] {
  padding: 80px 32px;
  min-height: auto;
  flex-direction: column;
  row-gap: 56px;
  column-gap: 56px;
  align-items: flex-start;
  }
}

@media (max-width: 744px) {
  .story-container[data-astro-cid-36sxkqu5] {
  padding: 64px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.story-text-col[data-astro-cid-36sxkqu5] {
  width: 485px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  z-index: 10;
}

@media (max-width: 1200px) {
  .story-text-col[data-astro-cid-36sxkqu5] {
  width: 100%;
  max-width: 700px;
  }
}

.story-titles[data-astro-cid-36sxkqu5] {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}

.story-label[data-astro-cid-36sxkqu5] {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-2);
  line-height: 1.6;
}

.story-heading[data-astro-cid-36sxkqu5] {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-cream-2);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .story-heading[data-astro-cid-36sxkqu5] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.story-body[data-astro-cid-36sxkqu5] {
  font-size: 17px;
  font-weight: 400;
  color: var(--color-egs-text-2);
  line-height: 1.7;
  opacity: 0.95;
}

@media (max-width: 744px) {
  .story-body[data-astro-cid-36sxkqu5] {
  font-size: 15px;
  }
}

.story-btn[data-astro-cid-36sxkqu5] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green-2);
  border: 1px solid var(--color-egs-green-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-2);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

.story-btn[data-astro-cid-36sxkqu5]:hover {
  background-color: var(--color-egs-green-light-2);
  border-color: var(--color-egs-green-light-2);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.arrow-icon[data-astro-cid-36sxkqu5] {
  width: 20px;
  height: 20px;
}

.story-image-col[data-astro-cid-36sxkqu5] {
  position: absolute;
  left: 705px;
  top: 130px;
  width: 669px;
  height: 740px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 40px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1200px) {
  .story-image-col[data-astro-cid-36sxkqu5] {
  position: static;
  width: 100%;
  max-width: 700px;
  height: 500px;
  }
}

@media (max-width: 744px) {
  .story-image-col[data-astro-cid-36sxkqu5] {
  height: 380px;
  }
}

.story-img[data-astro-cid-36sxkqu5] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--transition-smooth);
}

.story-image-col[data-astro-cid-36sxkqu5]:hover .story-img[data-astro-cid-36sxkqu5] {
  transform: scale(1.02);
}

.bandeau-section[data-astro-cid-lqyg7fip] {
  background-color: var(--color-egs-blue-2);
  width: 100%;
  padding: 64px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 744px) {
  .bandeau-section[data-astro-cid-lqyg7fip] {
  padding: 48px 0px;
  }
}

.bandeau-inner[data-astro-cid-lqyg7fip] {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stats-row[data-astro-cid-lqyg7fip] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .stats-row[data-astro-cid-lqyg7fip] {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.stat-box[data-astro-cid-lqyg7fip] {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 220px;
}

@media (max-width: 900px) {
  .stat-box[data-astro-cid-lqyg7fip] {
  width: 100%;
  min-width: unset;
  }
}

.stat-number[data-astro-cid-lqyg7fip] {
  font-size: 48px;
  font-weight: 600;
  color: var(--color-egs-cream-warm-2);
  letter-spacing: -2px;
  line-height: 1.1;
}

@media (max-width: 744px) {
  .stat-number[data-astro-cid-lqyg7fip] {
  font-size: 38px;
  }
}

.stat-label[data-astro-cid-lqyg7fip] {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-cream-warm-2);
  line-height: 1.4;
  max-width: 240px;
  opacity: 0.9;
}

@media (max-width: 744px) {
  .stat-label[data-astro-cid-lqyg7fip] {
  font-size: 15px;
  }
}

.vertical-divider[data-astro-cid-lqyg7fip] {
  width: 1px;
  height: 60px;
  background-color: rgba(254, 248, 236, 0.2);
}

@media (max-width: 900px) {
  .vertical-divider[data-astro-cid-lqyg7fip] {
  display: none;
  }
}

.prod-section[data-astro-cid-daunlocd] {
  background-color: var(--color-egs-light-2);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .prod-section[data-astro-cid-daunlocd] {
  padding: 64px 0px;
  }
}

.prod-inner[data-astro-cid-daunlocd] {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

.prod-row[data-astro-cid-daunlocd] {
  display: flex;
  align-items: center;
  row-gap: 80px;
  column-gap: 80px;
  width: 100%;
}

@media (max-width: 1024px) {
  .prod-row[data-astro-cid-daunlocd] {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.prod-media-container[data-astro-cid-daunlocd] {
  position: relative;
  width: 499px;
  height: 576px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px;
  flex-shrink: 0;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0.05);
  border-right-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(0, 0, 0, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1024px) {
  .prod-media-container[data-astro-cid-daunlocd] {
  width: 100%;
  max-width: 600px;
  height: 480px;
  }
}

@media (max-width: 744px) {
  .prod-media-container[data-astro-cid-daunlocd] {
  height: 380px;
  }
}

.prod-media-img[data-astro-cid-daunlocd] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: var(--transition-smooth);
}

.media-overlay[data-astro-cid-daunlocd] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(14, 15, 15, 0.2);
  pointer-events: none;
}

.video-play-btn[data-astro-cid-daunlocd] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  cursor: pointer;
}

.play-circle[data-astro-cid-daunlocd] {
  width: 80px;
  height: 80px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--color-egs-blue-2);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-2);
  box-shadow: rgba(18, 91, 74, 0.35) 0px 4px 20px;
  transition: var(--transition-smooth);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 744px) {
  .play-circle[data-astro-cid-daunlocd] {
  width: 64px;
  height: 64px;
  }
}

.video-play-btn[data-astro-cid-daunlocd]:hover .play-circle[data-astro-cid-daunlocd] {
  transform: scale(1.08);
  background-color: var(--color-egs-dark-2);
  box-shadow: rgba(7, 25, 21, 0.45) 0px 8px 30px;
}

.play-icon[data-astro-cid-daunlocd] {
  width: 32px;
  height: 32px;
  margin-left: 4px;
}

@media (max-width: 744px) {
  .play-icon[data-astro-cid-daunlocd] {
  width: 24px;
  height: 24px;
  }
}

.prod-text-container[data-astro-cid-daunlocd] {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  flex-grow: 1;
}

.section-tag[data-astro-cid-daunlocd] {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-egs-blue-2);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.prod-heading[data-astro-cid-daunlocd] {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-2);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .prod-heading[data-astro-cid-daunlocd] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.prod-desc[data-astro-cid-daunlocd] {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line-2);
  max-width: 600px;
}

@media (max-width: 744px) {
  .prod-desc[data-astro-cid-daunlocd] {
  font-size: 15px;
  }
}

.prod-btn[data-astro-cid-daunlocd] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-blue-2);
  border: 1px solid var(--color-egs-blue-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-2);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

@media (max-width: 744px) {
  .prod-btn[data-astro-cid-daunlocd] {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.prod-btn[data-astro-cid-daunlocd]:hover {
  background-color: var(--color-egs-blue-deep-2);
  border-color: var(--color-egs-blue-deep-2);
  transform: translateY(-2px);
  box-shadow: rgba(18, 91, 74, 0.2) 0px 8px 24px;
}

.arrow-icon[data-astro-cid-daunlocd] {
  width: 20px;
  height: 20px;
}

.video-modal[data-astro-cid-daunlocd] {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.85);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.video-modal[data-astro-cid-daunlocd][hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.video-modal-card[data-astro-cid-daunlocd] {
  width: 100%;
  max-width: 800px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.video-modal-header[data-astro-cid-daunlocd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.video-modal-header[data-astro-cid-daunlocd] h3[data-astro-cid-daunlocd] {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-egs-green-2);
}

#closeVideoBtn[data-astro-cid-daunlocd] {
  color: var(--color-egs-text-muted-2);
  transition: var(--transition-fast);
}

#closeVideoBtn[data-astro-cid-daunlocd]:hover {
  color: var(--color-egs-cream-2);
  transform: rotate(90deg);
}

.video-wrapper[data-astro-cid-daunlocd] {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-2);
}

.html5-player[data-astro-cid-daunlocd] {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.articles-section[data-astro-cid-5q5cflet] {
  background-color: var(--color-egs-light-2);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .articles-section[data-astro-cid-5q5cflet] {
  padding: 64px 0px;
  }
}

.articles-inner[data-astro-cid-5q5cflet] {
  display: flex;
  flex-direction: column;
  row-gap: 80px;
  column-gap: 80px;
  align-items: center;
}

@media (max-width: 744px) {
  .articles-inner[data-astro-cid-5q5cflet] {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.articles-header-group[data-astro-cid-5q5cflet] {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  align-items: center;
  text-align: center;
  max-width: 1150px;
}

.articles-label[data-astro-cid-5q5cflet] {
  font-size: 24px;
  font-weight: 500;
  color: var(--color-egs-blue-2);
}

.articles-heading[data-astro-cid-5q5cflet] {
  font-size: 44px;
  font-weight: 500;
  color: var(--color-egs-dark-2);
  line-height: 1.25;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .articles-heading[data-astro-cid-5q5cflet] {
  font-size: 28px;
  letter-spacing: -1px;
  }
}

.articles-subtext[data-astro-cid-5q5cflet] {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-line-2);
  max-width: 666px;
}

@media (max-width: 744px) {
  .articles-subtext[data-astro-cid-5q5cflet] {
  font-size: 15px;
  }
}

.articles-cards-row[data-astro-cid-5q5cflet] {
  width: 100%;
  display: flex;
  row-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 1200px) {
  .articles-cards-row[data-astro-cid-5q5cflet] {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  align-items: center;
  }
}

.article-card[data-astro-cid-5q5cflet] {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  min-width: 0px;
  cursor: pointer;
}

@media (max-width: 1200px) {
  .article-card[data-astro-cid-5q5cflet] {
  width: 100%;
  max-width: 600px;
  }
}

.article-img-wrap[data-astro-cid-5q5cflet] {
  height: 480px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 20px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0.03);
  border-right-color: rgba(0, 0, 0, 0.03);
  border-bottom-color: rgba(0, 0, 0, 0.03);
  border-left-color: rgba(0, 0, 0, 0.03);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1200px) {
  .article-img-wrap[data-astro-cid-5q5cflet] {
  height: 400px;
  }
}

@media (max-width: 744px) {
  .article-img-wrap[data-astro-cid-5q5cflet] {
  height: 320px;
  }
}

.article-img[data-astro-cid-5q5cflet] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: var(--transition-smooth);
}

.article-card[data-astro-cid-5q5cflet]:hover .article-img[data-astro-cid-5q5cflet] {
  transform: scale(1.03);
}

.article-content[data-astro-cid-5q5cflet] {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  position: relative;
}

.article-info-row[data-astro-cid-5q5cflet] {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
}

.article-tag[data-astro-cid-5q5cflet] {
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  padding: 3px 12px;
  font-size: 14px;
  font-weight: 600;
  color: var(--color-egs-dark-2);
}

.tag-orange[data-astro-cid-5q5cflet] {
  background-color: rgba(254, 248, 236, 0.9);
}

.tag-green[data-astro-cid-5q5cflet] {
  background-color: rgba(190, 233, 178, 0.6);
}

.tag-teal[data-astro-cid-5q5cflet] {
  background-color: rgba(207, 222, 218, 0.8);
}

.article-time[data-astro-cid-5q5cflet] {
  font-size: 15px;
  font-weight: 500;
  color: var(--color-egs-line-2);
}

.article-title[data-astro-cid-5q5cflet] {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-dark-2);
  letter-spacing: -0.5px;
  line-height: 1.25;
}

@media (max-width: 744px) {
  .article-title[data-astro-cid-5q5cflet] {
  font-size: 20px;
  }
}

.article-hover-arrow[data-astro-cid-5q5cflet] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border: 1px solid var(--color-egs-line-2);
  color: var(--color-egs-dark-2);
  opacity: 0;
  transform: translateY(4px);
  transition: var(--transition-smooth);
  align-self: flex-start;
}

.article-card[data-astro-cid-5q5cflet]:hover .article-hover-arrow[data-astro-cid-5q5cflet] {
  opacity: 1;
  transform: translateY(0px);
  background-color: var(--color-egs-dark-2);
  color: var(--color-egs-cream-2);
  border-color: var(--color-egs-dark-2);
}

.btn-more-articles[data-astro-cid-5q5cflet] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: transparent;
  border: 1px solid var(--color-egs-line-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-2);
  font-weight: 600;
  font-size: 17px;
  transition: var(--transition-smooth);
}

@media (max-width: 744px) {
  .btn-more-articles[data-astro-cid-5q5cflet] {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.btn-more-articles[data-astro-cid-5q5cflet]:hover {
  background-color: rgba(190, 233, 178, 0.2);
  transform: translateY(-2px);
}

.arrow-icon[data-astro-cid-5q5cflet] {
  width: 18px;
  height: 18px;
}

.cta-section[data-astro-cid-4xty6sx2] {
  position: relative;
  width: 100%;
  height: 811px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-2);
  display: flex;
  align-items: center;
}

@media (max-width: 744px) {
  .cta-section[data-astro-cid-4xty6sx2] {
  height: auto;
  padding: 64px 0px;
  }
}

.cta-bg-container[data-astro-cid-4xty6sx2] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  filter: blur(4.5px);
  transform: scale(1.05);
  z-index: 1;
}

.cta-bg-img[data-astro-cid-4xty6sx2] {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.cta-bg-tint[data-astro-cid-4xty6sx2] {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(17, 17, 17, 0.3);
}

.cta-content-wrapper[data-astro-cid-4xty6sx2] {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

@media (max-width: 1024px) {
  .cta-content-wrapper[data-astro-cid-4xty6sx2] {
  padding: 0px 48px;
  }
}

@media (max-width: 744px) {
  .cta-content-wrapper[data-astro-cid-4xty6sx2] {
  padding: 0px 24px;
  }
}

.cta-content[data-astro-cid-4xty6sx2] {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.cta-heading[data-astro-cid-4xty6sx2] {
  font-size: 56px;
  font-weight: 500;
  color: var(--color-egs-cream-2);
  line-height: 1.1;
  letter-spacing: -2px;
}

@media (max-width: 1024px) {
  .cta-heading[data-astro-cid-4xty6sx2] {
  font-size: 44px;
  }
}

@media (max-width: 744px) {
  .cta-heading[data-astro-cid-4xty6sx2] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.cta-subtext[data-astro-cid-4xty6sx2] {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-text-2);
  opacity: 0.95;
  max-width: 480px;
}

@media (max-width: 744px) {
  .cta-subtext[data-astro-cid-4xty6sx2] {
  font-size: 15px;
  }
}

.cta-buttons[data-astro-cid-4xty6sx2] {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .cta-buttons[data-astro-cid-4xty6sx2] {
  flex-direction: column;
  width: 100%;
  }
}

.cta-btn-primary[data-astro-cid-4xty6sx2] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm-2);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-primary[data-astro-cid-4xty6sx2]:hover {
  background-color: rgba(254, 248, 236, 0.12);
  transform: translateY(-2px);
}

.cta-btn-secondary[data-astro-cid-4xty6sx2] {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 12px 32px;
  background-color: var(--color-egs-green-2);
  border: 1px solid var(--color-egs-green-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-2);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-secondary[data-astro-cid-4xty6sx2]:hover {
  background-color: var(--color-egs-green-light-2);
  border-color: var(--color-egs-green-light-2);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.arrow-icon[data-astro-cid-4xty6sx2] {
  width: 20px;
  height: 20px;
}

@media (max-width: 744px) {
  .cta-btn-primary[data-astro-cid-4xty6sx2], .cta-btn-secondary[data-astro-cid-4xty6sx2] {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
  }
}

main[data-astro-cid-j7pv25f6] {
  width: 100%;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}

.valeurs-section[data-astro-cid-utxzqh7e] {
  background-color: var(--color-egs-lighter-2);
  padding: 96px 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 744px) {
  .valeurs-section[data-astro-cid-utxzqh7e] {
  padding: 64px 0px;
  }
}

.valeurs-wrapper[data-astro-cid-utxzqh7e] {
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1200px) {
  .valeurs-wrapper[data-astro-cid-utxzqh7e] {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .valeurs-wrapper[data-astro-cid-utxzqh7e] {
  padding: 0px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.valeurs-header[data-astro-cid-utxzqh7e] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
}

@media (max-width: 1200px) {
  .valeurs-header[data-astro-cid-utxzqh7e] {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.valeurs-heading[data-astro-cid-utxzqh7e] {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-2);
  line-height: 1.15;
  letter-spacing: -1.5px;
  max-width: 720px;
}

@media (max-width: 1200px) {
  .valeurs-heading[data-astro-cid-utxzqh7e] {
  max-width: 100%;
  }
}

@media (max-width: 744px) {
  .valeurs-heading[data-astro-cid-utxzqh7e] {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.valeurs-description[data-astro-cid-utxzqh7e] {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line-2);
  max-width: 800px;
}

@media (max-width: 744px) {
  .valeurs-description[data-astro-cid-utxzqh7e] {
  font-size: 15px;
  }
}

.grades-grid[data-astro-cid-utxzqh7e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  row-gap: 24px;
  column-gap: 24px;
  box-shadow: none;
}

@media (max-width: 1200px) {
  .grades-grid[data-astro-cid-utxzqh7e] {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 744px) {
  .grades-grid[data-astro-cid-utxzqh7e] {
  grid-template-columns: 1fr;
  }
}

.grade-card[data-astro-cid-utxzqh7e] {
  background-color: var(--color-egs-card-bg-2);
  padding: 24px;
  min-height: 319px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--color-egs-line-2);
  transition: var(--transition-smooth);
}

@media (max-width: 1200px) {
  .grade-card[data-astro-cid-utxzqh7e] {
  border: 1px solid var(--color-egs-line-2);
  }
}

@media (max-width: 744px) {
  .grade-card[data-astro-cid-utxzqh7e] {
  height: auto;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.grade-card[data-astro-cid-utxzqh7e].featured {
  background-color: var(--color-egs-blue-2);
  transform: scale(1.02);
  box-shadow: rgba(18, 91, 74, 0.15) 0px 8px 32px;
  z-index: 10;
  border: 1px solid var(--color-egs-line-2);
}

@media (max-width: 1200px) {
  .grade-card[data-astro-cid-utxzqh7e].featured {
  transform: none;
  }
}

.badge[data-astro-cid-utxzqh7e] {
  align-self: flex-start;
  padding: 6px 18px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--color-egs-blue-2);
  border: 1px solid var(--color-egs-line-2);
  color: var(--color-egs-text-2);
}

.badge-row[data-astro-cid-utxzqh7e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.badge-featured[data-astro-cid-utxzqh7e] {
  background-color: var(--color-egs-blue-2);
  border-top-color: rgb(248, 252, 247);
  border-right-color: rgb(248, 252, 247);
  border-bottom-color: rgb(248, 252, 247);
  border-left-color: rgb(248, 252, 247);
  color: rgb(231, 235, 234);
}

.circle-arrow-btn[data-astro-cid-utxzqh7e] {
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: rgb(248, 252, 247);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-blue-2);
  transition: var(--transition-fast);
}

.circle-arrow-btn[data-astro-cid-utxzqh7e]:hover {
  transform: scale(1.1);
}

.arrow-up-right[data-astro-cid-utxzqh7e] {
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
}

.card-content[data-astro-cid-utxzqh7e] {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.card-title-group[data-astro-cid-utxzqh7e] {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.card-content[data-astro-cid-utxzqh7e] h3[data-astro-cid-utxzqh7e] {
  font-size: 28px;
  font-weight: 500;
  color: var(--color-egs-dark-2);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.featured[data-astro-cid-utxzqh7e] h3[data-astro-cid-utxzqh7e] {
  color: rgb(231, 235, 234);
}

.subtitle[data-astro-cid-utxzqh7e] {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-egs-line-2);
}

.font-featured[data-astro-cid-utxzqh7e] {
  color: rgb(208, 215, 213);
}

.specs[data-astro-cid-utxzqh7e] {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-egs-dark-2);
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}

.specs-featured[data-astro-cid-utxzqh7e] {
  color: rgb(231, 235, 234);
}

.diagnostic-trigger[data-astro-cid-utxzqh7e] {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 36px;
  background-color: transparent;
  border: 1px solid var(--color-egs-dark-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-2);
  font-weight: 600;
  font-size: 17px;
  transition: var(--transition-smooth);
  margin-top: 16px;
}

@media (max-width: 744px) {
  .diagnostic-trigger[data-astro-cid-utxzqh7e] {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.diagnostic-trigger[data-astro-cid-utxzqh7e]:hover {
  background-color: var(--color-egs-dark-2);
  color: var(--color-egs-cream-2);
  transform: translateY(-2px);
  box-shadow: rgba(7, 25, 21, 0.1) 0px 4px 16px;
}

.arrow-icon[data-astro-cid-utxzqh7e] {
  width: 20px;
  height: 20px;
}

.quiz-modal[data-astro-cid-utxzqh7e] {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.8);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.quiz-modal[data-astro-cid-utxzqh7e][hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.quiz-modal-card[data-astro-cid-utxzqh7e] {
  width: 100%;
  max-width: 600px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  display: flex;
  flex-direction: column;
}

.quiz-header[data-astro-cid-utxzqh7e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.quiz-header[data-astro-cid-utxzqh7e] h3[data-astro-cid-utxzqh7e] {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-egs-green-2);
}

.close-quiz-btn[data-astro-cid-utxzqh7e] {
  color: var(--color-egs-text-muted-2);
  transition: var(--transition-fast);
}

.close-quiz-btn[data-astro-cid-utxzqh7e]:hover {
  color: var(--color-egs-cream-2);
  transform: rotate(90deg);
}

.quiz-progress-container[data-astro-cid-utxzqh7e] {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.05);
}

.quiz-progress-bar[data-astro-cid-utxzqh7e] {
  height: 100%;
  background-color: var(--color-egs-green-2);
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: width;
}

.quiz-body[data-astro-cid-utxzqh7e] {
  padding: 24px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

:root {
  --transition-smooth: all .4s cubic-bezier(.16, 1, .3, 1);
  --transition-fast: all .2s ease;
  --max-width: 1440px;
  --header-height: 112px;
}

body.dyslexia-mode {
  --font-sans: "Overused Grotesk", sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  word-spacing: 0.25em;
  line-height: 2;
}

body.dyslexia-mode p, body.dyslexia-mode h1, body.dyslexia-mode h2, body.dyslexia-mode h3, body.dyslexia-mode span, body.dyslexia-mode a, body.dyslexia-mode button {
  letter-spacing: 0.12em;
  line-height: 1.8;
}

body.high-contrast {
  --color-egs-dark: #000000;
  --color-egs-darker: #000000;
  --color-egs-mid: #000000;
  --color-egs-card: #000000;
  --color-egs-blue: #004d3d;
  --color-egs-blue-deep: #00221a;
  --color-egs-green: #ffffff;
  --color-egs-green-light: #ffffff;
  --color-egs-cream: #ffffff;
  --color-egs-cream-warm: #ffffff;
  --color-egs-offwhite: #ffffff;
  --color-egs-light: #ffffff;
  --color-egs-lighter: #ffffff;
  --color-egs-text: #ffffff;
  --color-egs-text-muted: #e6e8e7;
  --color-egs-border: #ffffff;
  --color-egs-divider: #ffffff;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

body.high-contrast button, body.high-contrast a {
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(0, 0, 0);
  border-right-color: rgb(0, 0, 0);
  border-bottom-color: rgb(0, 0, 0);
  border-left-color: rgb(0, 0, 0);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  box-shadow: none;
}

body.high-contrast button:hover, body.high-contrast a:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

*, ::before, ::after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans-2);
  color: var(--color-egs-dark-2);
  background-color: var(--color-egs-offwhite-2);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-fast);
}

button {
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  cursor: pointer;
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

:focus-visible {
  outline: 3px solid var(--color-egs-green-2);
  outline-offset: 4px;
}

body.keyboard-nav :focus-visible {
  outline-color: rgb(255, 122, 0);
  outline-style: solid;
  outline-width: 4px;
  outline-offset: 4px;
  box-shadow: rgba(255, 122, 0, 0.5) 0px 0px 10px;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
}

@media (max-width: 1024px) {
  .container {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .container {
  padding: 0px 24px;
  }
}

.glass {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-right-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.08);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.glass-dark-3 {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.7);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.blur-ellipse-3 {
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(150px);
  pointer-events: none;
  z-index: 1;
  opacity: 0.15;
  transform: rotate(-30deg);
}

.navbar[data-astro-cid-5blmo7yk] {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 50;
  pointer-events: none;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: padding;
  padding: 0px;
}

.navbar[data-astro-cid-5blmo7yk].scrolled {
  padding: 12px 24px 0px;
}

.navbar-inner[data-astro-cid-5blmo7yk] {
  max-width: var(--max-width);
  margin: 16px auto 0px;
  height: 72px;
  padding: 0px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: all;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 24px;
  }
}

.navbar[data-astro-cid-5blmo7yk].scrolled .navbar-inner[data-astro-cid-5blmo7yk] {
  margin-top: 0px;
  height: 68px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.15);
  border-right-color: rgba(255, 255, 255, 0.15);
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-left-color: rgba(255, 255, 255, 0.15);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.85);
  backdrop-filter: blur(16px);
  box-shadow: rgba(2, 7, 6, 0.25) 0px 10px 30px;
  padding: 0px 40px;
}

@media (max-width: 1024px) {
  .navbar[data-astro-cid-5blmo7yk].scrolled .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 28px;
  }
}

@media (max-width: 744px) {
  .navbar[data-astro-cid-5blmo7yk].scrolled .navbar-inner[data-astro-cid-5blmo7yk] {
  padding: 0px 20px;
  }
}

.logo-link[data-astro-cid-5blmo7yk] {
  display: block;
  height: 38px;
  transition: var(--transition-fast);
}

.logo-link[data-astro-cid-5blmo7yk]:hover {
  opacity: 0.9;
}

.logo-img[data-astro-cid-5blmo7yk] {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.nav-links-desktop[data-astro-cid-5blmo7yk] {
  display: flex;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
}

@media (max-width: 1024px) {
  .nav-links-desktop[data-astro-cid-5blmo7yk] {
  display: none;
  }
}

.nav-links-desktop[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk] {
  color: var(--color-egs-text-2);
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.2px;
  opacity: 0.8;
  transition: var(--transition-fast);
}

.nav-links-desktop[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]:hover, .nav-links-desktop[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk].active {
  color: var(--color-egs-green-2);
  opacity: 1;
}

.nav-actions-right[data-astro-cid-5blmo7yk] {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.btn-nav[data-astro-cid-5blmo7yk] {
  display: inline-flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 10px 24px;
  background-color: var(--color-egs-green-2);
  border: 1px solid var(--color-egs-green-2);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  font-weight: 600;
  font-size: 15px;
  line-height: 1.2;
  transition: var(--transition-smooth);
  color: var(--color-egs-dark-2);
}

.btn-nav[data-astro-cid-5blmo7yk]:hover {
  background-color: var(--color-egs-green-light-2);
  border-color: var(--color-egs-green-light-2);
  transform: translateY(-1px);
  box-shadow: rgba(190, 233, 178, 0.2) 0px 4px 12px;
}

.arrow-icon[data-astro-cid-5blmo7yk] {
  width: 16px;
  height: 16px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.btn-nav[data-astro-cid-5blmo7yk]:hover .arrow-icon[data-astro-cid-5blmo7yk] {
  transform: translate(3px);
}

.burger-menu-btn[data-astro-cid-5blmo7yk] {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 16px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  cursor: pointer;
  z-index: 100;
}

@media (max-width: 1024px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk] {
  display: flex;
  }
}

.burger-line[data-astro-cid-5blmo7yk] {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--color-egs-text-2);
  transition: var(--transition-smooth);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.mobile-menu-overlay[data-astro-cid-5blmo7yk] {
  position: absolute;
  top: 80px;
  left: 0px;
  width: 100%;
  background-image: linear-gradient(rgba(7, 25, 21, 0.98), rgba(2, 7, 6, 0.99));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  backdrop-filter: blur(20px);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  padding: 32px 64px 48px;
  transition: var(--transition-smooth);
  transform-origin: center top;
}

@media (max-width: 744px) {
  .mobile-menu-overlay[data-astro-cid-5blmo7yk] {
  padding: 24px 24px 36px;
  }
}

.mobile-menu-overlay[data-astro-cid-5blmo7yk][hidden] {
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0.95);
  display: block;
}

.mobile-menu-links[data-astro-cid-5blmo7yk] {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.mobile-link[data-astro-cid-5blmo7yk] {
  color: var(--color-egs-text-2);
  font-size: 18px;
  font-weight: 500;
  opacity: 0.9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.05);
  padding-bottom: 10px;
}

.mobile-link[data-astro-cid-5blmo7yk]:hover {
  color: var(--color-egs-green-2);
  padding-left: 4px;
}

.mobile-btn-nav[data-astro-cid-5blmo7yk] {
  margin-top: 16px;
  justify-content: center;
}

@media (max-width: 744px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk][aria-expanded="true"] .line-1[data-astro-cid-5blmo7yk] {
  transform: translateY(7px) rotate(45deg);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk][aria-expanded="true"] .line-2[data-astro-cid-5blmo7yk] {
  opacity: 0;
  transform: scale(0);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn[data-astro-cid-5blmo7yk][aria-expanded="true"] .line-3[data-astro-cid-5blmo7yk] {
  transform: translateY(-7px) rotate(-45deg);
  }
}

@media (max-width: 500px) {
  .nav-actions-right[data-astro-cid-5blmo7yk] .btn-nav[data-astro-cid-5blmo7yk] {
  display: none;
  }
}

.footer[data-astro-cid-sz7xmlte] {
  background-color: var(--color-egs-darker-2);
  padding: 80px 0px 40px;
  color: var(--color-egs-text-2);
}

@media (max-width: 744px) {
  .footer[data-astro-cid-sz7xmlte] {
  padding: 64px 0px 32px;
  }
}

.footer-inner[data-astro-cid-sz7xmlte] {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

@media (max-width: 744px) {
  .footer-inner[data-astro-cid-sz7xmlte] {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-top[data-astro-cid-sz7xmlte] {
  display: flex;
  justify-content: space-between;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 1024px) {
  .footer-top[data-astro-cid-sz7xmlte] {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-brand[data-astro-cid-sz7xmlte] {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .footer-brand[data-astro-cid-sz7xmlte] {
  max-width: 100%;
  }
}

.footer-logo[data-astro-cid-sz7xmlte] {
  display: block;
  height: 42px;
}

.logo-img[data-astro-cid-sz7xmlte] {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.footer-desc[data-astro-cid-sz7xmlte] {
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-egs-text-muted-2);
  opacity: 0.8;
}

.footer-socials[data-astro-cid-sz7xmlte] {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 8px;
}

.social-icon-link[data-astro-cid-sz7xmlte] {
  color: var(--color-egs-text-muted-2);
  opacity: 0.7;
  transition: var(--transition-smooth);
}

.social-icon-link[data-astro-cid-sz7xmlte]:hover {
  color: var(--color-egs-green-2);
  opacity: 1;
  transform: translateY(-2px);
}

.footer-links-grid[data-astro-cid-sz7xmlte] {
  display: flex;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 744px) {
  .footer-links-grid[data-astro-cid-sz7xmlte] {
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.footer-col[data-astro-cid-sz7xmlte] {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  min-width: 140px;
}

.footer-col[data-astro-cid-sz7xmlte] h4[data-astro-cid-sz7xmlte] {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-egs-green-2);
  margin-bottom: 8px;
}

.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
  font-size: 14px;
  color: var(--color-egs-text-muted-2);
  transition: var(--transition-fast);
}

.footer-col[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover {
  color: var(--color-egs-green-2);
}

.contact-info[data-astro-cid-sz7xmlte] {
  font-size: 14px;
  color: var(--color-egs-text-muted-2);
  opacity: 0.7;
}

.footer-divider[data-astro-cid-sz7xmlte] {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}

.footer-bottom[data-astro-cid-sz7xmlte] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .footer-bottom[data-astro-cid-sz7xmlte] {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  column-gap: 16px;
  }
}

.copyright[data-astro-cid-sz7xmlte] {
  font-size: 13px;
  color: var(--color-egs-text-muted-2);
  opacity: 0.6;
}

.footer-legal[data-astro-cid-sz7xmlte] {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
}

.footer-legal[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte] {
  font-size: 13px;
  color: var(--color-egs-text-muted-2);
  opacity: 0.6;
  transition: var(--transition-fast);
}

.footer-legal[data-astro-cid-sz7xmlte] a[data-astro-cid-sz7xmlte]:hover {
  color: var(--color-egs-green-2);
  opacity: 1;
}

:root {
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.2s ease;
  --max-width: 1440px;
  --header-height: 112px;
}

body.dyslexia-mode {
  --font-sans: "Overused Grotesk", sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  word-spacing: 0.25em;
  line-height: 2;
}

body.dyslexia-mode p, body.dyslexia-mode h1, body.dyslexia-mode h2, body.dyslexia-mode h3, body.dyslexia-mode span, body.dyslexia-mode a, body.dyslexia-mode button {
  letter-spacing: 0.12em;
  line-height: 1.8;
}

body.high-contrast {
  --color-egs-dark: #000000;
  --color-egs-darker: #000000;
  --color-egs-mid: #000000;
  --color-egs-card: #000000;
  --color-egs-blue: #004d3d;
  --color-egs-blue-deep: #00221a;
  --color-egs-green: #ffffff;
  --color-egs-green-light: #ffffff;
  --color-egs-cream: #ffffff;
  --color-egs-cream-warm: #ffffff;
  --color-egs-offwhite: #ffffff;
  --color-egs-light: #ffffff;
  --color-egs-lighter: #ffffff;
  --color-egs-text: #ffffff;
  --color-egs-text-muted: #e6e8e7;
  --color-egs-border: #ffffff;
  --color-egs-divider: #ffffff;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

body.high-contrast button, body.high-contrast a {
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(0, 0, 0);
  border-right-color: rgb(0, 0, 0);
  border-bottom-color: rgb(0, 0, 0);
  border-left-color: rgb(0, 0, 0);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  box-shadow: none;
}

body.high-contrast button:hover, body.high-contrast a:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

*, ::before, ::after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans-3);
  color: var(--color-egs-dark-3);
  background-color: var(--color-egs-offwhite-3);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-fast);
}

button {
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  cursor: pointer;
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

:focus-visible {
  outline: 3px solid var(--color-egs-green-3);
  outline-offset: 4px;
}

body.keyboard-nav :focus-visible {
  outline-color: rgb(255, 122, 0);
  outline-style: solid;
  outline-width: 4px;
  outline-offset: 4px;
  box-shadow: rgba(255, 122, 0, 0.5) 0px 0px 10px;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
}

@media (max-width: 1024px) {
  .container {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .container {
  padding: 0px 24px;
  }
}

.glass {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-right-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.08);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.glass-dark-4 {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.7);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.blur-ellipse {
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(70px);
  pointer-events: none;
  z-index: 1;
  opacity: 0.15;
  transform: rotate(-30deg) translateZ(0px);
  backface-visibility: hidden;
  will-change: auto;
}

.navbar-2 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 50;
  pointer-events: none;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: padding;
  padding: 0px;
}

.navbar-2.scrolled {
  padding: 12px 24px 0px;
}

.navbar-2.scrolled .navbar-inner-2 {
  max-width: 1240px;
}

.navbar-inner-2 {
  max-width: var(--max-width);
  margin: 16px auto 0px;
  height: 72px;
  padding: 0px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.4s, 0.4s, 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s, 0s, 0s;
  transition-property: margin-top, padding, max-width;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .navbar-inner-2 {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .navbar-inner-2 {
  padding: 0px 24px;
  }
}

.navbar-2.scrolled .navbar-inner-2 {
  margin-top: 0px;
  height: 68px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.15);
  border-right-color: rgba(255, 255, 255, 0.15);
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-left-color: rgba(255, 255, 255, 0.15);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.85);
  backdrop-filter: blur(16px);
  box-shadow: rgba(2, 7, 6, 0.25) 0px 10px 30px;
  padding: 0px 32px;
}

@media (max-width: 1024px) {
  .navbar-2.scrolled .navbar-inner-2 {
  padding: 0px 28px;
  }
}

@media (max-width: 744px) {
  .navbar-2.scrolled .navbar-inner-2 {
  padding: 0px 20px;
  }
}

.logo-link-2 {
  display: block;
  height: 38px;
  transition: var(--transition-fast);
  color: #ffffff;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}

.logo-link-2:hover {
  opacity: 0.9;
}

.logo-img-2 {
  height: 100%;
  width: auto;
  object-fit: contain;
  color: #ffffff;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ffffff;
  border-left-color: #ffffff;
}

@media (max-width: 768px) {
  .logo-img-2 {
  border-top-color: hsla(0, 0%, 90%, 1);
  border-right-color: hsla(0, 0%, 90%, 1);
  border-bottom-color: hsla(0, 0%, 90%, 1);
  border-left-color: hsla(0, 0%, 90%, 1);
  color: hsla(0, 0%, 90%, 1);
  }
}

.nav-links-desktop-2 {
  display: flex;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
}

@media (max-width: 1024px) {
  .nav-links-desktop-2 {
  display: none;
  }
}

.nav-links-desktop-2 a {
  color: var(--color-egs-text-3);
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0px;
  opacity: 0.9;
  transition: var(--transition-fast);
}

.nav-links-desktop-2 a:hover, .nav-links-desktop-2 a.active {
  color: var(--color-egs-green-3);
  opacity: 1;
}

.nav-actions-right-2 {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.btn-nav-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 8px 20px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: var(--color-egs-dark-3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  transition: var(--transition-smooth);
}

.btn-nav-2:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
}

.arrow-icon-2 {
  width: 16px;
  height: 16px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.btn-nav-2:hover .arrow-icon-2 {
  transform: translateX(3px);
}

.burger-menu-btn-2 {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 16px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  cursor: pointer;
  z-index: 100;
}

@media (max-width: 1024px) {
  .burger-menu-btn-2 {
  display: flex;
  }
}

.burger-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--color-egs-text-3);
  transition: var(--transition-smooth);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.mobile-menu-overlay-2 {
  position: absolute;
  top: 80px;
  left: 0px;
  width: 100%;
  background-image: linear-gradient(rgba(7, 25, 21, 0.98) 0%, rgba(2, 7, 6, 0.99) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  backdrop-filter: blur(20px);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  padding: 32px 64px 48px;
  transition: var(--transition-smooth);
  transform-origin: center top;
}

@media (max-width: 744px) {
  .mobile-menu-overlay-2 {
  padding: 24px 24px 36px;
  }
}

.mobile-menu-overlay-2[hidden] {
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0.95);
  display: block;
}

.mobile-menu-links-2 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.mobile-link-2 {
  color: var(--color-egs-text-3);
  font-size: 18px;
  font-weight: 500;
  opacity: 0.9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.05);
  padding-bottom: 10px;
}

.mobile-link-2:hover {
  color: var(--color-egs-green-3);
  padding-left: 4px;
}

.mobile-btn-nav-2 {
  margin-top: 16px;
  justify-content: center;
}

@media (max-width: 744px) {
  .burger-menu-btn-2[aria-expanded="true"] .line-1 {
  transform: translateY(7px) rotate(45deg);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn-2[aria-expanded="true"] .line-2 {
  opacity: 0;
  transform: scale(0);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn-2[aria-expanded="true"] .line-3 {
  transform: translateY(-7px) rotate(-45deg);
  }
}

@media (max-width: 500px) {
  .nav-actions-right-2 .btn-nav-2 {
  display: none;
  }
}

.hero-section {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-3);
}

@media (max-width: 744px) {
  .hero-section {
  height: auto;
  min-height: 100vh;
  padding-bottom: 40px;
  }
}

.ellipse-1 {
  width: 175px;
  height: 962px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -73px;
  right: 200px;
}

.ellipse-2 {
  width: 226px;
  height: 1119px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.08);
  top: -69px;
  right: 50px;
}

.ellipse-3 {
  width: 146px;
  height: 904px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: 22px;
  left: 40%;
}

.ellipse-4 {
  width: 181px;
  height: 824px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -74px;
  left: 20%;
}

.hero-bg-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.hero-bg-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
}

.hero-bg-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0) 52%, rgb(7, 25, 21) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.hero-container {
  position: relative;
  max-width: var(--max-width);
  width: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0px 64px;
  z-index: 10;
  pointer-events: none;
}

.hero-content-desktop {
  position: absolute;
  left: 64px;
  bottom: 120px;
  max-width: 789px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  pointer-events: auto;
}

.hero-titles-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.hero-label {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.6;
  letter-spacing: 0.5px;
}

.hero-title {
  font-size: 72px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.1;
  letter-spacing: -2px;
}

.hero-subtext {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-egs-text-3);
  line-height: 1.6;
}

.hero-btns-row {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.hero-btn-primary {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-primary:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.hero-btn-secondary-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 32px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-secondary-2:hover {
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(-2px);
}

.hero-stats-sidebar {
  position: absolute;
  right: 64px;
  bottom: 120px;
  width: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .hero-stats-sidebar {
  right: 32px;
  }
}

.stat-item {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.stat-value {
  font-size: 40px;
  font-weight: 600;
  color: var(--color-egs-green-3);
  line-height: 1;
  letter-spacing: -1.5px;
}

.stat-lbl {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-text-3);
  opacity: 0.8;
  line-height: 1.3;
}

.stat-divider {
  width: 32px;
  height: 1px;
  background-color: var(--color-egs-divider-3);
  opacity: 0.5;
}

.hero-content-mobile {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 24px 64px;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 900px) {
  .hero-content-mobile {
  display: flex;
  }
}

.mobile-titles {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.mobile-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  letter-spacing: 0.5px;
}

.mobile-title {
  font-size: 38px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.15;
  letter-spacing: -1px;
}

.mobile-subtext {
  font-size: 15px;
  color: var(--color-egs-text-3);
  line-height: 1.6;
}

.mobile-btns {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}

.mobile-btn {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
}

.mobile-stats-row {
  display: flex;
  justify-content: space-between;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: 8px;
}

.m-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2px;
  column-gap: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.m-val {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-green-3);
  line-height: 1;
}

.m-lbl {
  font-size: 12px;
  color: var(--color-egs-text-muted-3);
}

@media (max-width: 900px) {
  .hero-content-desktop, .hero-stats-sidebar {
  display: none;
  }
}

.story-section-2 {
  background-image: linear-gradient(rgb(7, 25, 21) 0%, rgb(14, 14, 14) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.story-container-2 {
  max-width: var(--max-width);
  margin: 0px auto;
  min-height: 1000px;
  position: relative;
  padding: 0px 64px;
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  .story-container-2 {
  padding: 80px 32px;
  min-height: auto;
  flex-direction: column;
  row-gap: 56px;
  column-gap: 56px;
  align-items: flex-start;
  }
}

@media (max-width: 744px) {
  .story-container-2 {
  padding: 64px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.story-text-col-2 {
  width: 485px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  z-index: 10;
}

@media (max-width: 1200px) {
  .story-text-col-2 {
  width: 100%;
  max-width: 700px;
  }
}

.story-titles-2 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}

.story-label-2 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.6;
}

.story-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .story-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.story-body-2 {
  font-size: 17px;
  font-weight: 400;
  color: var(--color-egs-text-3);
  line-height: 1.7;
  opacity: 0.95;
}

@media (max-width: 744px) {
  .story-body-2 {
  font-size: 15px;
  }
}

.story-btn-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

.story-btn-2:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.story-image-col-2 {
  position: absolute;
  left: 705px;
  top: 130px;
  width: 669px;
  height: 740px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 40px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1200px) {
  .story-image-col-2 {
  position: static;
  width: 100%;
  max-width: 700px;
  height: 500px;
  }
}

@media (max-width: 744px) {
  .story-image-col-2 {
  height: 380px;
  }
}

.story-img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--transition-smooth);
}

.story-image-col-2:hover .story-img-2 {
  transform: scale(1.02);
}

.valeurs-section-2 {
  background-color: var(--color-egs-lighter-3);
  padding: 96px 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 744px) {
  .valeurs-section-2 {
  padding: 64px 0px;
  }
}

.valeurs-wrapper-2 {
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1200px) {
  .valeurs-wrapper-2 {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .valeurs-wrapper-2 {
  padding: 0px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.valeurs-header-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
}

@media (max-width: 1200px) {
  .valeurs-header-2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.valeurs-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.15;
  letter-spacing: -1.5px;
  max-width: 720px;
}

@media (max-width: 1200px) {
  .valeurs-heading-2 {
  max-width: 100%;
  }
}

@media (max-width: 744px) {
  .valeurs-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.valeurs-description-2 {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line-3);
  max-width: 800px;
}

@media (max-width: 744px) {
  .valeurs-description-2 {
  font-size: 15px;
  }
}

.grades-grid-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1200px) {
  .grades-grid-2 {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 744px) {
  .grades-grid-2 {
  grid-template-columns: 1fr;
  }
}

.grade-card-2 {
  background-color: var(--color-egs-card-bg-3);
  padding: 24px;
  min-height: 319px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--color-egs-line-3);
  transition: var(--transition-smooth);
}

@media (max-width: 1200px) {
  .grade-card-2 {
  border: 1px solid var(--color-egs-line-3);
  }
}

@media (max-width: 744px) {
  .grade-card-2 {
  height: auto;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.grade-card-2.featured {
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-line-3);
  transform: scale(1.02);
  box-shadow: rgba(18, 91, 74, 0.15) 0px 8px 32px;
  z-index: 10;
}

@media (max-width: 1200px) {
  .grade-card-2.featured {
  transform: none;
  }
}

.badge-2 {
  align-self: flex-start;
  padding: 6px 18px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-line-3);
  color: var(--color-egs-text-3);
}

.badge-row-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.badge-featured-2 {
  background-color: var(--color-egs-blue-3);
  border-top-color: rgb(248, 252, 247);
  border-right-color: rgb(248, 252, 247);
  border-bottom-color: rgb(248, 252, 247);
  border-left-color: rgb(248, 252, 247);
  color: rgb(231, 235, 234);
}

.circle-arrow-btn-2 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: rgb(248, 252, 247);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-blue-3);
  transition: var(--transition-fast);
}

.circle-arrow-btn-2:hover {
  transform: scale(1.1);
}

.arrow-up-right {
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
}

.card-content-2 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.card-title-group-2 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.card-content-2 h3 {
  font-size: 28px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.featured h3 {
  color: rgb(231, 235, 234);
}

.subtitle-2 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-egs-line-3);
}

.font-featured-2 {
  color: rgb(208, 215, 213);
}

.specs-2 {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}

.specs-featured-2 {
  color: rgb(231, 235, 234);
}

.diagnostic-trigger-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 36px;
  background-color: transparent;
  border: 1px solid var(--color-egs-dark-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 17px;
  transition: var(--transition-smooth);
  margin-top: 16px;
}

@media (max-width: 744px) {
  .diagnostic-trigger-2 {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.diagnostic-trigger-2:hover {
  background-color: var(--color-egs-dark-3);
  color: var(--color-egs-cream-3);
  transform: translateY(-2px);
  box-shadow: rgba(7, 25, 21, 0.1) 0px 4px 16px;
}

.quiz-modal-2 {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.8);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.quiz-modal-2[hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.quiz-modal-card-2 {
  width: 100%;
  max-width: 600px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  display: flex;
  flex-direction: column;
}

.quiz-header-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.quiz-header-2 h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-egs-green-3);
}

.close-quiz-btn-2 {
  color: var(--color-egs-text-muted-3);
  transition: var(--transition-fast);
}

.close-quiz-btn-2:hover {
  color: var(--color-egs-cream-3);
  transform: rotate(90deg);
}

.quiz-progress-container-2 {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.05);
}

.quiz-progress-bar-2 {
  height: 100%;
  background-color: var(--color-egs-green-3);
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: width;
}

.quiz-body-2 {
  padding: 24px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bandeau-section-2 {
  background-color: var(--color-egs-blue-3);
  width: 100%;
  padding: 64px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 744px) {
  .bandeau-section-2 {
  padding: 48px 0px;
  }
}

.bandeau-inner-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stats-row-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .stats-row-2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.stat-box-2 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 220px;
}

@media (max-width: 900px) {
  .stat-box-2 {
  width: 100%;
  min-width: unset;
  }
}

.stat-number-2 {
  font-size: 48px;
  font-weight: 600;
  color: var(--color-egs-cream-warm-3);
  letter-spacing: -2px;
  line-height: 1.1;
}

@media (max-width: 744px) {
  .stat-number-2 {
  font-size: 38px;
  }
}

.stat-label-2 {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-cream-warm-3);
  line-height: 1.4;
  max-width: 240px;
  opacity: 0.9;
}

@media (max-width: 744px) {
  .stat-label-2 {
  font-size: 15px;
  }
}

.vertical-divider-2 {
  width: 1px;
  height: 60px;
  background-color: rgba(254, 248, 236, 0.2);
}

@media (max-width: 900px) {
  .vertical-divider-2 {
  display: none;
  }
}

.prod-section-2 {
  background-color: var(--color-egs-light-3);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .prod-section-2 {
  padding: 64px 0px;
  }
}

.prod-inner-2 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

.prod-row-2 {
  display: flex;
  align-items: center;
  row-gap: 80px;
  column-gap: 80px;
  width: 100%;
}

@media (max-width: 1024px) {
  .prod-row-2 {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.prod-media-container-2 {
  position: relative;
  width: 499px;
  height: 576px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px;
  flex-shrink: 0;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0.05);
  border-right-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(0, 0, 0, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1024px) {
  .prod-media-container-2 {
  width: 100%;
  max-width: 600px;
  height: 480px;
  }
}

@media (max-width: 744px) {
  .prod-media-container-2 {
  height: 380px;
  }
}

.prod-media-img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: var(--transition-smooth);
}

.media-overlay-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(14, 15, 15, 0.2);
  pointer-events: none;
}

.video-play-btn-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  cursor: pointer;
}

.play-circle {
  width: 80px;
  height: 80px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--color-egs-blue-3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-3);
  box-shadow: rgba(18, 91, 74, 0.35) 0px 4px 20px;
  transition: var(--transition-smooth);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 744px) {
  .play-circle {
  width: 64px;
  height: 64px;
  }
}

.video-play-btn-2:hover .play-circle {
  transform: scale(1.08);
  background-color: var(--color-egs-dark-3);
  box-shadow: rgba(7, 25, 21, 0.45) 0px 8px 30px;
}

.play-icon {
  width: 32px;
  height: 32px;
  margin-left: 4px;
}

@media (max-width: 744px) {
  .play-icon {
  width: 24px;
  height: 24px;
  }
}

.prod-text-container-2 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  flex-grow: 1;
}

.section-tag-2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-egs-blue-3);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.prod-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .prod-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.prod-desc-2 {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line-3);
  max-width: 600px;
}

@media (max-width: 744px) {
  .prod-desc-2 {
  font-size: 15px;
  }
}

.prod-btn-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-blue-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

@media (max-width: 744px) {
  .prod-btn-2 {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.prod-btn-2:hover {
  background-color: var(--color-egs-blue-deep-3);
  border-color: var(--color-egs-blue-deep-3);
  transform: translateY(-2px);
  box-shadow: rgba(18, 91, 74, 0.2) 0px 8px 24px;
}

.video-modal-2 {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.85);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.video-modal-2[hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.video-modal-card-2 {
  width: 100%;
  max-width: 800px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.video-modal-header-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.video-modal-header-2 h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-egs-green-3);
}

#closeVideoBtn {
  color: var(--color-egs-text-muted-3);
  transition: var(--transition-fast);
}

#closeVideoBtn:hover {
  color: var(--color-egs-cream-3);
  transform: rotate(90deg);
}

.video-wrapper-2 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-3);
}

.html5-player-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.articles-section-2 {
  background-color: var(--color-egs-light-3);
  color: var(--color-egs-dark-3);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .articles-section-2 {
  padding: 64px 0px;
  }
}

.articles-inner-2 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

@media (max-width: 744px) {
  .articles-inner-2 {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.articles-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 20px;
  column-gap: 20px;
  text-align: center;
}

@media (max-width: 1024px) {
  .articles-header {
  row-gap: 20px;
  column-gap: 20px;
  }
}

.articles-header-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  column-gap: 20px;
  text-align: center;
}

@media (max-width: 1024px) {
  .articles-header-left {
  row-gap: 16px;
  column-gap: 16px;
  }
}

.articles-eyebrow {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-egs-blue-3);
  margin: 0px;
  text-align: center;
}

@media (max-width: 744px) {
  .articles-eyebrow {
  font-size: 18px;
  }
}

.articles-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.2;
  letter-spacing: -1px;
  margin: 0px;
  text-align: center;
  max-width: 900px;
}

@media (max-width: 744px) {
  .articles-heading-2 {
  font-size: 30px;
  letter-spacing: -0.5px;
  }
}

.articles-subtext-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-egs-divider-3);
  margin: 0px;
  padding-bottom: 0px;
  text-align: center;
  max-width: 560px;
}

@media (max-width: 744px) {
  .articles-subtext-2 {
  font-size: 15px;
  }
}

.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 1024px) {
  .articles-grid {
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.article-card {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.article-card-media {
  width: 100%;
  aspect-ratio: 5 / 6;
  overflow-x: hidden;
  overflow-y: hidden;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: var(--color-egs-card-bg-3);
}

@media (max-width: 1024px) {
  .article-card-media {
  aspect-ratio: 16 / 10;
  }
}

.article-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-behavior: normal;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.article-card:hover .article-card-media img {
  transform: scale(1.04);
}

.article-card-body {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.article-card-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: var(--color-egs-dark-3);
  margin: 0px;
}

@media (max-width: 744px) {
  .article-card-title {
  font-size: 20px;
  }
}

.article-card-info {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  flex-wrap: wrap;
}

.article-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background-color: var(--color-egs-cream-warm-3);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
}

.article-readtime {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
}

.article-card-link {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  align-self: flex-start;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  margin-top: 4px;
}

.article-card-link .arrow-icon-2 {
  width: 20px;
  height: 20px;
  transition-behavior: normal;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.article-card-link:hover .arrow-icon-2 {
  transform: translateX(4px);
}

.articles-footer {
  display: flex;
  justify-content: center;
}

.articles-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 14px 28px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background-color: var(--color-egs-green-light-3);
  border: 1px solid var(--color-egs-divider-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal, normal;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: transform, box-shadow;
}

.articles-more-btn .arrow-icon-2 {
  width: 22px;
  height: 22px;
  transition-behavior: normal;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.articles-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: rgba(7, 25, 21, 0.12) 0px 8px 24px;
}

.articles-more-btn:hover .arrow-icon-2 {
  transform: translateX(4px);
}

@media (max-width: 744px) {
  .article-card-link, .articles-more-btn {
  font-size: 16px;
  }
}

.cta-section-2 {
  position: relative;
  width: 100%;
  height: 811px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-3);
  display: flex;
  align-items: center;
}

@media (max-width: 744px) {
  .cta-section-2 {
  height: auto;
  padding: 64px 0px;
  }
}

.cta-bg-container-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  filter: blur(4.5px);
  transform: scale(1.05);
  z-index: 1;
}

.cta-bg-img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.cta-bg-tint-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(17, 17, 17, 0.3);
}

.cta-content-wrapper-2 {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

@media (max-width: 1024px) {
  .cta-content-wrapper-2 {
  padding: 0px 48px;
  }
}

@media (max-width: 744px) {
  .cta-content-wrapper-2 {
  padding: 0px 24px;
  }
}

.cta-content-2 {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.cta-heading-2 {
  font-size: 56px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.1;
  letter-spacing: -2px;
}

@media (max-width: 1024px) {
  .cta-heading-2 {
  font-size: 44px;
  }
}

@media (max-width: 744px) {
  .cta-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.cta-subtext-2 {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-text-3);
  opacity: 0.95;
  max-width: 480px;
}

@media (max-width: 744px) {
  .cta-subtext-2 {
  font-size: 15px;
  }
}

.cta-buttons-2 {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .cta-buttons-2 {
  flex-direction: column;
  width: 100%;
  }
}

.cta-btn-primary-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-primary-2:hover {
  background-color: rgba(254, 248, 236, 0.12);
  transform: translateY(-2px);
}

.cta-btn-secondary-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 12px 32px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-secondary-2:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

@media (max-width: 744px) {
  .cta-btn-primary-2, .cta-btn-secondary-2 {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
  }
}

.footer-2 {
  background-color: var(--color-egs-darker-3);
  padding: 80px 0px 40px;
  color: var(--color-egs-text-3);
}

@media (max-width: 744px) {
  .footer-2 {
  padding: 64px 0px 32px;
  }
}

.footer-inner-2 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

@media (max-width: 744px) {
  .footer-inner-2 {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-top-2 {
  display: flex;
  justify-content: space-between;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 1024px) {
  .footer-top-2 {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-brand-2 {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .footer-brand-2 {
  max-width: 100%;
  }
}

.footer-logo-2 {
  display: block;
  height: 42px;
}

.footer-desc-2 {
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-egs-text-muted-3);
  opacity: 0.8;
}

.footer-socials-2 {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 8px;
}

.social-icon-link-2 {
  color: var(--color-egs-text-muted-3);
  opacity: 0.7;
  transition: var(--transition-smooth);
}

.social-icon-link-2:hover {
  color: var(--color-egs-green-3);
  opacity: 1;
  transform: translateY(-2px);
}

.footer-links-grid-2 {
  display: flex;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 744px) {
  .footer-links-grid-2 {
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.footer-col-2 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  min-width: 140px;
}

.footer-col-2 h4 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-egs-green-3);
  margin-bottom: 8px;
}

.footer-col-2 a {
  font-size: 14px;
  color: var(--color-egs-text-muted-3);
  transition: var(--transition-fast);
}

.footer-col-2 a:hover {
  color: var(--color-egs-green-3);
}

.footer-divider-2 {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}

.footer-bottom-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .footer-bottom-2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  column-gap: 16px;
  }
}

.copyright-2 {
  font-size: 13px;
  color: var(--color-egs-text-muted-3);
  opacity: 0.6;
}

.reveal-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(15px);
  transition-behavior: normal;
  transition-duration: 0.1s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

:root {
  --about-font-body: "Hanken Grotesk", var(--font-sans-3);
  --about-radius: 20px;
  --about-radius-lg: 28px;
}

.about-section-lead, .about-cta-text, .bento-lead, .bento-tl-text, .value-text, .about-final-sub {
  font-family: var(--about-font-body);
  line-height: 1.6;
}

.section-kicker {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-egs-blue-3);
  margin-bottom: 16px;
}

.section-kicker--light {
  color: var(--color-egs-green-3);
}

.story-cta {
  display: inline-flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 14px 28px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background: var(--color-egs-green-3);
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  border: 1px solid var(--color-egs-green-3);
  transition: var(--transition-smooth);
}

.story-cta:hover {
  background: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.story-cta .arrow-icon-2 {
  width: 18px;
  height: 18px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.story-cta:hover .arrow-icon-2 {
  transform: translateX(3px);
}

.story-cta--outline {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: var(--color-egs-text-3);
  border-top-color: rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.4);
  border-bottom-color: rgba(255, 255, 255, 0.4);
  border-left-color: rgba(255, 255, 255, 0.4);
}

.story-cta--outline:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: var(--color-egs-green-3);
  color: var(--color-egs-green-3);
}

.about-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 140px;
}

@media (max-width: 744px) {
  .about-hero {
  min-height: 640px;
  padding-bottom: 88px;
  }
}

.about-hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hero-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.45);
}

.about-hero-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.55) 0%, rgba(7, 25, 21, 0.15) 35%, rgba(7, 25, 21, 0.75) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-hero-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  column-gap: 32px;
}

.about-hero-titles {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.about-hero-kicker {
  color: var(--color-egs-green-3);
  font-size: clamp(16px, 1.3vw, 18px);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0px;
  text-transform: none;
}

.about-hero-title {
  color: rgb(255, 255, 255);
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 500;
  line-height: 1.11;
  letter-spacing: -0.03em;
  margin: 0px;
}

.about-hero-btn {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 24px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: var(--color-egs-dark-3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  transition: var(--transition-smooth);
}

.about-hero-btn:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.about-hero-btn .arrow-icon-2 {
  width: 24px;
  height: 24px;
}

.about-bento {
  --bento-bg: var(--color-egs-blue-deep-3);
  --bento-card: #0c2c23;
  --bento-card-2: #0f3429;
  --bento-border: rgba(190, 233, 178, 0.12);
  --bento-border-strong: rgba(190, 233, 178, 0.28);
  background: radial-gradient(120% 80% at 85% 0%, rgba(18, 91, 74, 0.35) 0%, transparent 55%),
    var(--bento-bg);
  padding: 120px 0px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 100px;
  row-gap: 16px;
  column-gap: 16px;
}

@media (max-width: 1024px) {
  .bento-grid {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 90px;
  }
}

@media (max-width: 744px) {
  .bento-grid {
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  }
}

.bento-cell {
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.35s, 0.35s, 0.35s;
  transition-timing-function: ease, ease, ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: border-color, box-shadow, transform;
}

.bento-cell:hover {
  border-color: var(--bento-border-strong);
  box-shadow: rgba(0, 0, 0, 0.7) 0px 28px 60px -30px, rgba(190, 233, 178, 0.16) 0px 0px 0px 1px;
  transform: translateY(-3px);
}

.bento-text {
  grid-column-start: 6;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 6;
  background: linear-gradient(155deg, var(--bento-card-2), var(--bento-card));
  border: 1px solid var(--bento-border);
  padding: 40px 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 18px;
  column-gap: 18px;
}

@media (max-width: 1024px) {
  .bento-text {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: auto;
  grid-row-end: auto;
  padding: 36px 28px;
  }
}

.bento-text .section-kicker {
  color: var(--color-egs-green-3);
}

.bento-heading {
  font-size: clamp(1.9rem, 2.6vw, 2.75rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: rgb(254, 250, 241);
}

.bento-lead {
  font-family: var(--about-font-body);
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.65;
  color: var(--color-egs-text-muted-3);
}

.bento-img-large {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 6;
  border: 1px solid var(--bento-border);
}

@media (max-width: 1024px) {
  .bento-img-large {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: span 5;
  grid-row-end: auto;
  }
}

.bento-img-small {
  grid-column-start: 10;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 6;
  border: 1px solid var(--bento-border);
}

@media (max-width: 1024px) {
  .bento-img-small {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: span 5;
  grid-row-end: auto;
  }
}

.bento-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-behavior: normal;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: transform;
}

.bento-cell:hover img {
  transform: scale(1.05);
}

.bento-tl {
  background: linear-gradient(160deg, var(--bento-card-2), var(--bento-card));
  border: 1px solid var(--bento-border);
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 14px;
  column-gap: 14px;
  grid-row-start: 6;
  grid-row-end: 9;
}

.bento-tl-1945 {
  grid-column-start: 1;
  grid-column-end: 7;
}

@media (max-width: 1024px) {
  .bento-tl-1945 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: auto;
  grid-row-end: auto;
  }
}

.bento-tl-2019 {
  grid-column-start: 7;
  grid-column-end: 13;
}

@media (max-width: 1024px) {
  .bento-tl-2019 {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: auto;
  grid-row-end: auto;
  }
}

.bento-tl-year {
  font-size: clamp(20px, 1.5vw, 24px);
  font-weight: 600;
  color: var(--color-egs-green-3);
  letter-spacing: -0.01em;
  display: flex;
  align-items: baseline;
  row-gap: 12px;
  column-gap: 12px;
}

.bento-tl-year span {
  font-size: clamp(15px, 1vw, 17px);
  font-weight: 500;
  color: rgb(254, 250, 241);
  opacity: 0.85;
}

.bento-tl-text {
  font-family: var(--about-font-body);
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.6;
  color: var(--color-egs-text-muted-3);
  max-width: 520px;
}

.bento-tl-2019 .story-cta {
  margin-top: auto;
  align-self: flex-start;
}

@media (max-width: 744px) {
  .bento-tl-2019 .story-cta {
  margin-top: 18px;
  }
}

.about-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 744px) {
  .about-banner {
  min-height: 520px;
  }
}

.about-banner-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-banner-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.6), rgba(7, 25, 21, 0.55));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-banner-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  width: 100%;
}

.about-banner-content .section-kicker {
  text-align: center;
}

.about-banner-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.about-cta {
  position: relative;
  display: flex;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 120px 0px;
}

.about-cta-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-cta-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-cta-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(100deg, rgba(7, 25, 21, 0.88) 0%, rgba(7, 25, 21, 0.55) 45%, rgba(7, 25, 21, 0.25) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-cta--right .about-cta-tint {
  background-image: linear-gradient(260deg, rgba(7, 25, 21, 0.88) 0%, rgba(7, 25, 21, 0.55) 45%, rgba(7, 25, 21, 0.25) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-cta-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  row-gap: 80px;
  column-gap: 80px;
  align-items: center;
}

.about-cta-grid--reverse {
  grid-template-columns: 1fr 0.85fr;
}

.about-cta-grid--reverse .about-cta-title-col {
  order: 2;
}

@media (max-width: 1024px) {
  .about-cta-grid--reverse .about-cta-title-col {
  order: 1;
  }
}

.about-cta-grid--reverse .about-cta-body-col {
  order: 1;
}

@media (max-width: 1024px) {
  .about-cta-grid--reverse .about-cta-body-col {
  order: 2;
  }
}

.about-cta-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  max-width: 460px;
}

.about-cta-text {
  color: var(--color-egs-text-3);
  font-size: clamp(17px, 1.3vw, 20px);
  max-width: 640px;
  margin-bottom: 32px;
}

.about-values {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 140px 0px;
  display: flex;
  align-items: center;
}

.about-values-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-values-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-values-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.82), rgba(7, 25, 21, 0.9));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-values-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}

.about-values-head {
  text-align: center;
  max-width: 900px;
  margin: 0px auto 88px;
}

.about-values-head .section-kicker {
  text-align: center;
}

.about-values-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.values-rows {
  max-width: 1180px;
  margin: 0px auto;
}

.values-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  row-gap: 48px;
  column-gap: 48px;
  padding: 48px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.18);
}

@media (max-width: 1024px) {
  .values-row {
  grid-template-columns: 1fr;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.values-row:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.value-item {
  max-width: 460px;
}

.value-item:nth-child(3) {
  text-align: left;
}

.value-title {
  color: var(--color-egs-green-3);
  font-size: clamp(20px, 1.8vw, 28px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}

.value-text {
  color: var(--color-egs-text-3);
  font-size: clamp(15px, 1.2vw, 18px);
}

.value-divider {
  width: 1px;
  height: 64px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.25);
}

@media (max-width: 1024px) {
  .value-divider {
  display: none;
  }
}

.about-final {
  background: var(--color-egs-dark-3);
  width: 100vw;
  min-height: 100vh;
  padding: 140px 0px;
  text-align: center;
  display: flex;
  align-items: center;
}

.about-final-inner {
  max-width: 900px;
  width: 100%;
  margin: 0px auto;
}

.about-final-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2.25rem, 4vw, 4rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}

.about-final-sub {
  color: var(--color-egs-text-3);
  font-size: clamp(16px, 1.3vw, 19px);
  max-width: 711px;
  margin: 0px auto 48px;
}

.about-final-btns {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .about-final-btns {
  flex-direction: column;
  align-items: stretch;
  }
}

.about-final-secondary {
  display: inline-flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 14px 28px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.4);
  border-bottom-color: rgba(255, 255, 255, 0.4);
  border-left-color: rgba(255, 255, 255, 0.4);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: var(--color-egs-text-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.about-final-secondary:hover {
  border-color: var(--color-egs-green-3);
  color: var(--color-egs-green-3);
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .about-cta-grid, .about-cta-grid--reverse {
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (max-width: 744px) {
  .about-bento, .about-cta, .about-values, .about-final {
  padding: 80px 0px;
  }
}

@media (max-width: 744px) {
  .bento-text, .bento-img-large, .bento-img-small, .bento-img-wide, .bento-tl-1945, .bento-tl-2019 {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: auto;
  grid-row-end: auto;
  aspect-ratio: 4 / 3;
  }
}

@media (max-width: 744px) {
  .bento-text, .bento-tl-1945, .bento-tl-2019 {
  aspect-ratio: auto;
  }
}

@media (max-width: 744px) {
  .about-final-btns .btn-nav-2, .about-final-secondary {
  justify-content: center;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .about-hero-content, .bento-grid, .about-banner-content, .about-cta-grid, .about-values-head, .values-row, .about-final-inner {
  animation-duration: 0.9s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: about-fade-up;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .value-item, .bento-cell {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: about-fade-up;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

@keyframes about-fade-up {
  0% {
    opacity: 0;
    transform: translateY(28px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

body {
  overflow-x: clip;
}

.impact-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-dark-3);
}

.impact-hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-hero-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.55);
}

.impact-hero-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.65) 0%, rgba(7, 25, 21, 0.35) 45%, rgba(7, 25, 21, 0.85) 100%), linear-gradient(90deg, rgba(7, 25, 21, 0.7) 0%, rgba(7, 25, 21, 0.15) 60%);
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.impact-hero .blur-ellipse {
  background-color: rgb(34, 40, 43);
  opacity: 0.18;
}

.impact-hero .blur-ellipse.e1 {
  width: 580px;
  height: 856px;
  top: -20%;
  left: -8%;
}

.impact-hero .blur-ellipse.e2 {
  width: 755px;
  height: 1082px;
  top: -25%;
  right: -12%;
}

.impact-hero .blur-ellipse.e3 {
  width: 632px;
  height: 920px;
  bottom: -30%;
  right: 10%;
}

.impact-hero .blur-ellipse.e4 {
  width: 569px;
  height: 804px;
  bottom: -25%;
  left: -5%;
}

.impact-hero-content {
  position: relative;
  z-index: 2;
  padding-bottom: 112px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  column-gap: 32px;
  max-width: 820px;
  margin-left: 0px;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .impact-hero-content {
  padding-bottom: 96px;
  }
}

@media (max-width: 744px) {
  .impact-hero-content {
  padding-bottom: 80px;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.impact-hero-kicker {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.impact-hero-title {
  font-size: clamp(44px, 7vw, 72px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-egs-light-3);
}

.impact-hero-btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 744px) {
  .impact-hero-btns {
  flex-direction: column;
  align-items: stretch;
  }
}

.impact-intro {
  background-color: var(--color-egs-light-3);
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 96px 0px;
  position: sticky;
  top: 0px;
  isolation: isolate;
}

@media (max-width: 744px) {
  .impact-intro {
  padding: 64px 0px;
  }
}

.impact-intro-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 80px;
  column-gap: 80px;
  align-items: center;
}

@media (max-width: 1024px) {
  .impact-intro-grid {
  grid-template-columns: 1fr;
  row-gap: 56px;
  column-gap: 56px;
  }
}

.impact-intro-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  max-width: 580px;
}

.impact-section-kicker {
  font-size: 18px;
  font-weight: 500;
  color: rgb(20, 57, 47);
  line-height: 1.6;
}

.impact-intro-heading {
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--color-egs-dark-3);
}

.impact-intro-lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: rgb(81, 94, 91);
}

.impact-odd {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}

.impact-odd-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(20, 57, 47);
}

.impact-odd-grid {
  display: grid;
  grid-template-columns: repeat(5, 80px);
  row-gap: 12px;
  column-gap: 12px;
}

@media (max-width: 744px) {
  .impact-odd-grid {
  grid-template-columns: repeat(5, 1fr);
  row-gap: 8px;
  column-gap: 8px;
  }
}

.impact-odd-tile {
  width: 80px;
  height: 80px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: rgb(255, 255, 255);
}

@media (max-width: 744px) {
  .impact-odd-tile {
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 6px;
  }
}

.impact-odd-tile.odd-dark-text {
  color: rgb(26, 26, 26);
}

.impact-odd-num {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.impact-odd-lbl {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.01em;
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
}

.impact-axe {
  position: sticky;
  top: 0px;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 120px;
  column-gap: 120px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgb(14, 15, 15);
  text-align: center;
  padding: 80px 24px;
}

@media (max-width: 1024px) {
  .impact-axe {
  min-height: 100vh;
  row-gap: 80px;
  column-gap: 80px;
  }
}

.impact-axe-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-axe-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-axe-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(14, 15, 15, 0.55) 0%, rgba(14, 15, 15, 0.75) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.impact-axe-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  align-items: center;
}

.impact-axe-kicker {
  font-size: clamp(20px, 2.5vw, 24px);
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.2;
}

.impact-axe-title {
  font-size: clamp(34px, 5vw, 48px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--color-egs-cream-warm-3);
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
}

.impact-scroll-indicator {
  position: relative;
  z-index: 2;
  width: 46px;
  height: 46px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(254, 248, 236, 0.4);
  border-right-color: rgba(254, 248, 236, 0.4);
  border-bottom-color: rgba(254, 248, 236, 0.4);
  border-left-color: rgba(254, 248, 236, 0.4);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-warm-3);
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: egs-bob;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

@keyframes egs-bob {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(8px);
  }
}

.impact-cta {
  position: sticky;
  top: 0px;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgb(14, 15, 15);
}

.impact-cta-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-cta-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-image: linear-gradient(rgba(14, 15, 15, 0.7) 0%, rgba(14, 15, 15, 0.5) 40%, rgba(14, 15, 15, 0.85) 100%), linear-gradient(90deg, rgba(14, 15, 15, 0.75) 0%, rgba(14, 15, 15, 0.2) 55%);
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.impact-cta-inner {
  position: relative;
  z-index: 2;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 150px 64px 64px;
}

@media (max-width: 1024px) {
  .impact-cta-inner {
  padding: 110px 32px 56px;
  }
}

@media (max-width: 744px) {
  .impact-cta-inner {
  padding: 90px 24px 48px;
  }
}

.impact-cta-title {
  font-size: clamp(34px, 4.5vw, 48px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
  max-width: 520px;
  margin-bottom: 28px;
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
}

.impact-cta-body {
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  max-width: 760px;
  margin-bottom: 52px;
}

.impact-stats-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 48px;
  column-gap: 48px;
  padding-top: 36px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(254, 248, 236, 0.18);
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .impact-stats-row {
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (max-width: 744px) {
  .impact-stats-row {
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  align-items: stretch;
  }
}

.impact-stat {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 150px;
  max-width: 240px;
}

@media (max-width: 744px) {
  .impact-stat {
  max-width: none;
  }
}

.impact-stat + .impact-stat {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(254, 248, 236, 0.18);
  padding-left: 48px;
}

@media (max-width: 1024px) {
  .impact-stat + .impact-stat {
  padding-left: 32px;
  }
}

@media (max-width: 744px) {
  .impact-stat + .impact-stat {
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(254, 248, 236, 0.18);
  padding-left: 0px;
  padding-top: 28px;
  }
}

.impact-stat-value {
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--color-egs-cream-warm-3);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.impact-stat-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-egs-cream-warm-3);
  opacity: 0.85;
}

.impact-stat-icon {
  width: 48px;
  height: 48px;
  color: var(--color-egs-green-3);
  opacity: 0.9;
  margin-bottom: 4px;
}

.impact-final {
  position: sticky;
  top: 0px;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-dark-3);
  padding: 120px 0px;
}

@media (max-width: 744px) {
  .impact-final {
  padding: 80px 0px;
  }
}

.impact-final-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-final-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-final-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-image: linear-gradient(rgba(7, 25, 21, 0.7) 0%, rgba(7, 25, 21, 0.92) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.impact-final-inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 760px;
  margin: 0px auto;
  padding: 0px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.impact-final-heading {
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--color-egs-offwhite-3);
}

.impact-final-sub {
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  max-width: 680px;
}

.impact-final-btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
  justify-content: center;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .impact-final-btns {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  }
}

@media (max-width: 744px) {
  .impact-hero-btns .hero-btn-primary, .impact-hero-btns .hero-btn-secondary-2 {
  justify-content: center;
  }
}

@media (max-width: 744px) {
  .impact-final-btns .btn-nav-2, .impact-final-btns .impact-btn-outline {
  justify-content: center;
  }
}

@media (max-width: 744px) {
  .impact-intro, .impact-axe, .impact-cta, .impact-final {
  position: relative;
  top: auto;
  isolation: auto;
  }
}

.prod-eyebrow {
  font-family: var(--font-sans-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-green-3);
  display: inline-block;
  margin: 0px;
}

.prod-eyebrow--caps {
  font-size: 24px;
  text-transform: capitalize;
}

.prod-heading--cream {
  color: var(--color-egs-cream-3);
}

.prod-heading--dark {
  color: var(--color-egs-dark-3);
}

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

.prod-body {
  font-family: var(--font-sans-3);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  color: var(--color-egs-text-3);
  margin: 0px;
}

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

.prod-btn--green {
  background: var(--color-egs-green-3);
  border-color: var(--color-egs-green-3);
  color: var(--color-egs-dark-3);
}

.prod-btn--green:hover {
  background: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
}

.prod-btn--blue {
  background: var(--color-egs-blue-3);
  border-color: var(--color-egs-blue-3);
  color: rgb(255, 255, 255);
}

.prod-btn--blue:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}

.prod-btn--ghost {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-color: rgba(254, 248, 236, 0.5);
  border-right-color: rgba(254, 248, 236, 0.5);
  border-bottom-color: rgba(254, 248, 236, 0.5);
  border-left-color: rgba(254, 248, 236, 0.5);
  color: var(--color-egs-cream-warm-3);
}

.prod-btn--ghost:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(254, 248, 236, 0.08);
  border-color: var(--color-egs-cream-warm-3);
  transform: translateY(-2px);
}

.prod-btn--center {
  margin: 0px auto;
}

.prod-arrow {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.prod-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  background: var(--color-egs-darker-3);
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 744px) {
  .prod-hero {
  min-height: 640px;
  }
}

.prod-hero-ellipses {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  pointer-events: none;
}

.prod-ellipse {
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(34, 40, 43);
  opacity: 0.07;
  filter: blur(60px);
}

.prod-ellipse.e1 {
  width: 632px;
  height: 920px;
  top: -120px;
  left: -160px;
}

.prod-ellipse.e2 {
  width: 755px;
  height: 1082px;
  top: -200px;
  right: -220px;
  opacity: 0.06;
}

.prod-ellipse.e3 {
  width: 578px;
  height: 856px;
  bottom: -180px;
  left: 18%;
}

.prod-ellipse.e4 {
  width: 568px;
  height: 804px;
  bottom: -160px;
  right: 12%;
}

.prod-hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.prod-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.prod-hero::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

.prod-hero-content {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px 140px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

@media (max-width: 744px) {
  .prod-hero-content {
  padding: 0px 24px 72px;
  }
}

.prod-hero-title {
  font-family: var(--font-sans-3);
  font-size: 72px;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: -2.16px;
  color: rgb(248, 252, 247);
  margin: 0px;
  max-width: 900px;
}

@media (max-width: 744px) {
  .prod-hero-title {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.5px;
  }
}

.prod-hero-ctas {
  display: flex;
  row-gap: 32px;
  column-gap: 32px;
  margin-top: 12px;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .prod-hero-ctas {
  row-gap: 16px;
  column-gap: 16px;
  }
}

.prod-intro {
  width: 100vw;
  min-height: 100vh;
  background-image: linear-gradient(rgb(7, 25, 21) 0%, rgb(14, 14, 14) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  padding: 130px 0px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .prod-intro {
  padding: 90px 0px;
  }
}

@media (max-width: 744px) {
  .prod-intro {
  padding: 64px 0px;
  }
}

.prod-intro-grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 572px);
  row-gap: 100px;
  column-gap: 100px;
  align-items: center;
}

@media (max-width: 1024px) {
  .prod-intro-grid {
  grid-template-columns: 1fr;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.prod-intro-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.prod-intro-text .prod-btn-2 {
  align-self: flex-start;
  margin-top: 8px;
}

.prod-intro-media {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 1024px) {
  .prod-intro-media {
  max-width: 560px;
  }
}

.prod-intro-media img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 572 / 748;
  object-fit: cover;
}

.prod-difference {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-card-3);
  overflow-x: hidden;
  overflow-y: hidden;
}

.prod-difference-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/94DVEpKQ0U15h1UI1YDLB-diff-bg.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  opacity: 0.35;
}

.prod-difference-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(14, 15, 15, 0.55) 0%, rgba(14, 15, 15, 0.92) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-difference-inner {
  position: relative;
  z-index: 1;
  padding: 110px 64px;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
}

@media (max-width: 1024px) {
  .prod-difference-inner {
  padding: 90px 32px;
  }
}

@media (max-width: 744px) {
  .prod-difference-inner {
  padding: 72px 24px;
  row-gap: 36px;
  column-gap: 36px;
  }
}

.prod-difference-head {
  max-width: 900px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  text-align: center;
}

.prod-difference-lead {
  max-width: 700px;
}

.prod-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 37px;
  column-gap: 37px;
}

@media (max-width: 1024px) {
  .prod-pillars {
  grid-template-columns: 1fr;
  row-gap: 20px;
  column-gap: 20px;
  }
}

.prod-pillar {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.06);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-right-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.08);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-pillar-icon {
  width: 50px;
  height: 50px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background: var(--color-egs-blue-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-green-3);
  flex-shrink: 0;
}

.prod-pillar-icon svg {
  width: 26px;
  height: 26px;
}

.prod-pillar-title {
  font-family: var(--font-sans-3);
  font-size: 24px;
  font-weight: 500;
  line-height: 26.4px;
  letter-spacing: -1px;
  color: var(--color-egs-green-3);
  margin: 0px;
}

.prod-pillar-desc {
  font-family: var(--font-sans-3);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: var(--color-egs-card-bg-3);
  margin: 0px;
}

.prod-diagnostic {
  width: 100vw;
  min-height: 100vh;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 57, 47);
  padding: 96px 0px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .prod-diagnostic {
  padding: 72px 0px;
  }
}

.prod-diagnostic-grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 681px);
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1024px) {
  .prod-diagnostic-grid {
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.prod-diagnostic-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.prod-quiz-card {
  background: var(--color-egs-blue-3);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 46px;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  box-shadow: rgba(2, 7, 6, 0.35) 0px 30px 60px;
}

@media (max-width: 744px) {
  .prod-quiz-card {
  padding: 28px;
  }
}

.prod-quiz-progress {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
}

.prod-quiz-track {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.18);
  overflow-x: hidden;
  overflow-y: hidden;
}

.prod-quiz-fill {
  display: block;
  height: 100%;
  width: 0px;
  background: var(--color-egs-green-3);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  transition-behavior: normal;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: width;
}

.prod-quiz-counter {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.prod-quiz-body {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.prod-quiz-question {
  font-family: var(--font-sans-3);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: rgb(255, 255, 255);
  margin: 0px;
}

@media (max-width: 744px) {
  .prod-quiz-question {
  font-size: 20px;
  }
}

.prod-quiz-options {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}

.prod-quiz-opt {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding: 16px 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.06);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(255, 255, 255);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-sans-3);
  transition: var(--transition-fast);
}

.prod-quiz-opt:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(190, 233, 178, 0.14);
  border-top-color: rgba(190, 233, 178, 0.4);
  border-right-color: rgba(190, 233, 178, 0.4);
  border-bottom-color: rgba(190, 233, 178, 0.4);
  border-left-color: rgba(190, 233, 178, 0.4);
}

.prod-quiz-radio {
  width: 20px;
  height: 20px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  flex-shrink: 0;
}

.prod-quiz-opt:hover .prod-quiz-radio {
  border-color: var(--color-egs-green-3);
}

.prod-quiz-opt-label {
  font-size: 16px;
  line-height: 26px;
}

.prod-quiz-result {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-quiz-result-title {
  font-family: var(--font-sans-3);
  font-size: 32px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -1px;
  color: var(--color-egs-green-3);
  margin: 0px;
}

.prod-quiz-result-desc {
  font-size: 18px;
  line-height: 28.8px;
  color: var(--color-egs-text-3);
  margin: 0px;
}

.prod-quiz-result-actions {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.prod-reco {
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-lighter-3);
  padding: 96px 64px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0px;
  z-index: 5;
}

@media (max-width: 1024px) {
  .prod-reco {
  padding: 72px 32px;
  }
}

@media (max-width: 744px) {
  .prod-reco {
  padding: 64px 24px;
  }
}

.prod-reco-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 48px;
  column-gap: 48px;
  text-align: center;
  max-width: 980px;
}

.prod-grade-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 36px;
  column-gap: 36px;
}

@media (max-width: 1024px) {
  .prod-grade-cards {
  grid-template-columns: 1fr;
  }
}

.prod-grade-card {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  padding: 24px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  box-shadow: rgba(7, 25, 21, 0.05) 0px 8px 30px;
}

@media (max-width: 744px) {
  .prod-grade-card {
  flex-direction: column;
  }
}

.prod-grade-thumb {
  width: 96px;
  flex-shrink: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-image: linear-gradient(rgb(185, 189, 180), rgb(86, 90, 82));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  align-self: flex-start;
}

@media (max-width: 744px) {
  .prod-grade-thumb {
  width: 100%;
  height: 160px;
  }
}

.prod-grade-thumb img {
  width: 100%;
  height: 128px;
  object-fit: cover;
  display: block;
  mix-blend-mode: luminosity;
  opacity: 0.85;
}

@media (max-width: 744px) {
  .prod-grade-thumb img {
  height: 100%;
  }
}

.prod-grade-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-grade-name {
  font-family: var(--font-sans-3);
  font-size: 32px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -1px;
  color: var(--color-egs-blue-3);
  margin: 0px;
}

.prod-grade-specs {
  margin: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}

.prod-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(81, 94, 91, 0.15);
}

.prod-spec-row dt {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.prod-spec-row dd {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: rgb(20, 57, 47);
  margin: 0px;
}

.prod-grade-desc {
  font-family: var(--font-sans-3);
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.prod-alt {
  position: sticky;
  top: 0px;
  z-index: 6;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-card-3);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-alt-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/PjFqYICh9M0WNiq1JT7Gx-image-import-42.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-alt-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(14, 15, 15, 0.55) 0%, rgba(14, 15, 15, 0.92) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-alt-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  text-align: center;
  padding: 110px 64px;
}

.prod-alt-scroll {
  width: 46px;
  height: 46px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(254, 248, 236, 0.4);
  border-right-color: rgba(254, 248, 236, 0.4);
  border-bottom-color: rgba(254, 248, 236, 0.4);
  border-left-color: rgba(254, 248, 236, 0.4);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-warm-3);
  margin-top: 16px;
  transition: var(--transition-smooth);
}

.prod-alt-scroll:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(3px);
}

.prod-alt-scroll svg {
  width: 20px;
  height: 20px;
}

.prod-cta-props {
  position: sticky;
  top: 0px;
  z-index: 7;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-card-3);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-cta-props-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/6kXyPYd03OJ4Hud_ndxbQ-cta-prop-bg.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cta-props-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(14, 15, 15, 0.82);
}

.prod-cta-props-inner {
  position: relative;
  z-index: 1;
  padding: 96px 64px;
  max-width: 754px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  text-align: center;
}

@media (max-width: 1024px) {
  .prod-cta-props-inner {
  padding: 80px 32px;
  }
}

.prod-cta-props-lead {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.prod-cta-props-strong {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.prod-props-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
  margin: 8px 0px;
}

@media (max-width: 1024px) {
  .prod-props-grid {
  grid-template-columns: 1fr;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.prod-prop {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-prop-icon {
  width: 50px;
  height: 50px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background: var(--color-egs-blue-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-green-3);
}

.prod-prop-icon svg {
  width: 26px;
  height: 26px;
}

.prod-prop-title {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -1px;
  color: var(--color-egs-green-3);
  margin: 0px;
}

.prod-prop-desc {
  font-family: var(--font-sans-3);
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  color: var(--color-egs-card-bg-3);
  margin: 0px;
}

.prod-cta-final {
  position: sticky;
  top: 0px;
  z-index: 8;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-dark-3);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-cta-final-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/Egv3B6udPyoWkUBl_4v2v-cta-final-bg.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cta-final-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.55) 0%, rgba(7, 25, 21, 0.96) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cta-final-inner {
  position: relative;
  z-index: 1;
  padding: 110px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  text-align: center;
  max-width: 760px;
}

@media (max-width: 1024px) {
  .prod-cta-final-inner {
  padding: 80px 32px;
  }
}

.prod-cta-final-title {
  font-family: var(--font-sans-3);
  font-size: 64px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: -1px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

@media (max-width: 1024px) {
  .prod-cta-final-title {
  font-size: 48px;
  line-height: 52px;
  }
}

@media (max-width: 744px) {
  .prod-cta-final-title {
  font-size: 40px;
  line-height: 44px;
  }
}

.prod-cta-final-desc {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.prod-cta-final-actions {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .prod-cta-final-actions {
  flex-direction: column;
  align-items: stretch;
  }
}

body {
  overflow-x: clip;
}

@media (max-width: 744px) {
  .prod-cta-final-actions .prod-btn-2 {
  justify-content: center;
  }
}

@media (max-width: 744px) {
  .prod-reco, .prod-alt, .prod-cta-props, .prod-cta-final {
  position: relative;
  top: auto;
  z-index: auto;
  }
}

.tr-kicker {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-blue-3);
  margin: 0px 0px 8px;
}

.tr-kicker--green {
  color: var(--color-egs-green-3);
}

.tr-kicker--cream {
  color: var(--color-egs-cream-warm-3);
}

.tr-heading {
  font-size: clamp(32px, 4.2vw, 48px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1px;
  color: var(--color-egs-dark-3);
  margin: 0px;
}

.tr-heading--cream {
  color: var(--color-egs-cream-3);
}

.tr-heading .accent {
  color: var(--color-egs-green-3);
}

.tr-lead {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-divider-3);
  margin: 0px;
  max-width: 56ch;
}

.tr-btn {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 24px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  font-family: var(--font-sans-3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-smooth);
}

.tr-btn .arrow-icon-2 {
  width: 22px;
  height: 22px;
}

.tr-btn--green {
  background: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  color: var(--color-egs-dark-3);
}

.tr-btn--green:hover {
  background: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.tr-btn--outline {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-3);
  color: var(--color-egs-cream-warm-3);
}

.tr-btn--outline:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(-2px);
}

.tr-link {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-smooth);
}

.tr-link .arrow-icon-2 {
  width: 16px;
  height: 16px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.tr-link:hover .arrow-icon-2 {
  transform: translateX(3px);
}

.tr-story {
  background: var(--color-egs-light-3);
  padding: 120px 0px;
}

@media (max-width: 744px) {
  .tr-story {
  padding-top: 72px;
  padding-bottom: 72px;
  }
}

.tr-story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1024px) {
  .tr-story-grid {
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.tr-story-text {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  align-items: flex-start;
}

.tr-story-text .tr-lead {
  max-width: none;
}

.tr-story-media {
  position: relative;
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  grid-template-rows: auto auto;
  row-gap: 16px;
  column-gap: 16px;
  min-height: 460px;
}

@media (max-width: 1024px) {
  .tr-story-media {
  min-height: 380px;
  }
}

.tr-story-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
}

.tr-story-media .m-tall {
  grid-row-start: 1;
  grid-row-end: span 2;
}

.tr-story-media .m-wide {
  grid-column-start: 2;
  grid-column-end: auto;
}

.tr-story-media--map {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 460px;
}

.tr-story-media .m-map {
  width: auto;
  height: 100%;
  max-height: 520px;
  max-width: 100%;
  object-fit: contain;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.tr-intro {
  position: relative;
  background: var(--color-egs-card-3);
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 120px 64px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tr-intro-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.tr-intro-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-intro-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(14,15,15,0) 45%, var(--color-egs-card-3) 92%),
        linear-gradient(0deg, rgba(14,15,15,0) 45%, var(--color-egs-card-3) 92%);
}

.tr-intro-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
}

.tr-intro .tr-heading {
  font-size: clamp(32px, 4vw, 48px);
}

.tr-axes {
  position: relative;
  background: var(--color-egs-dark-3);
}

.tr-axis {
  position: sticky;
  top: 0px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 80px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 744px) {
  .tr-axis {
  padding: 56px 0px;
  min-height: auto;
  position: relative;
  }
}

.tr-axis-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.tr-axis-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-axis--left .tr-axis-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(90deg, rgba(14, 15, 15, 0.92) 38%, rgba(14, 15, 15, 0.25) 70%, rgba(14, 15, 15, 0) 100%), linear-gradient(0deg, rgba(14, 15, 15, 0.55), rgba(14, 15, 15, 0.55));
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.tr-axis--right .tr-axis-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(270deg, rgba(14, 15, 15, 0.92) 38%, rgba(14, 15, 15, 0.25) 70%, rgba(14, 15, 15, 0) 100%), linear-gradient(0deg, rgba(14, 15, 15, 0.55), rgba(14, 15, 15, 0.55));
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.tr-axis-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

.tr-axis--right .tr-axis-grid {
  grid-template-columns: 1.1fr 0.9fr;
}

.tr-axis--right .tr-axis-title {
  order: 2;
}

@media (max-width: 1024px) {
  .tr-axis--right .tr-axis-title {
  order: 1;
  }
}

.tr-axis--right .tr-axis-body {
  order: 1;
}

@media (max-width: 1024px) {
  .tr-axis--right .tr-axis-body {
  order: 2;
  }
}

.tr-axis-title {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}

.tr-axis-title .tr-heading {
  font-size: clamp(32px, 4vw, 48px);
}

.tr-axis-title .tr-heading .ln-white {
  color: rgb(255, 255, 255);
}

.tr-axis-body {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  align-items: flex-start;
}

.tr-axis-body .tr-body-text {
  font-size: 20px;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
  max-width: 60ch;
}

@media (max-width: 744px) {
  .tr-axis-body .tr-body-text {
  font-size: 18px;
  }
}

.tr-list {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}

.tr-list li {
  position: relative;
  padding-left: 30px;
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
}

.tr-list li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 7px;
  width: 14px;
  height: 14px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: var(--color-egs-green-3);
  box-shadow: rgba(190, 233, 178, 0.18) 0px 0px 0px 4px;
}

.tr-cards {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
  width: 100%;
  max-width: 560px;
}

.tr-card {
  position: relative;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.tr-card::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 14px;
  height: 14px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: var(--color-egs-green-3);
  box-shadow: rgba(190, 233, 178, 0.18) 0px 0px 0px 4px;
}

.tr-card-h {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-egs-green-3);
  letter-spacing: -0.3px;
}

.tr-card-t {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
}

.tr-stats {
  display: flex;
  align-items: center;
  background: var(--color-egs-dark-3);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(190, 233, 178, 0.12);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(190, 233, 178, 0.12);
  padding: 20px 64px;
}

@media (max-width: 744px) {
  .tr-stats {
  padding: 20px 24px;
  }
}

.tr-axis:has(.tr-stats) {
  flex-direction: column;
  justify-content: center;
  row-gap: 56px;
  column-gap: 56px;
}

.tr-axis .tr-stats {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 100%;
  background-image: linear-gradient(0deg, rgba(14, 15, 15, 0.78) 0%, rgba(14, 15, 15, 0.42) 60%, rgba(14, 15, 15, 0) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(190, 233, 178, 0.18);
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

.tr-axis:has(.tr-stats) {
  padding-bottom: 80px;
}

@media (max-width: 744px) {
  .tr-axis:has(.tr-stats) {
  row-gap: 40px;
  column-gap: 40px;
  padding-bottom: 56px;
  }
}

.tr-stats-grid {
  max-width: var(--max-width);
  margin: 0px auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .tr-stats-grid {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.tr-stat {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 210px;
}

@media (max-width: 744px) {
  .tr-stat {
  max-width: 100%;
  }
}

.tr-stat-val {
  font-size: clamp(36px, 3.4vw, 48px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -2px;
  color: var(--color-egs-cream-warm-3);
}

.tr-stat-lbl {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-egs-cream-warm-3);
}

.tr-stat-divider {
  width: 1px;
  align-self: stretch;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(190, 233, 178, 0.25);
}

@media (max-width: 1024px) {
  .tr-stat-divider {
  display: none;
  }
}

.tr-defis {
  background: var(--color-egs-light-3);
  padding: 96px 64px;
}

.tr-defis-inner {
  max-width: var(--max-width);
  margin: 0px auto;
}

.tr-defis-head {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 640px;
  margin-bottom: 56px;
}

.tr-defis-sub {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.tr-defis-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .tr-defis-grid {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 744px) {
  .tr-defis-grid {
  grid-template-columns: 1fr;
  }
}

.tr-defi-card {
  background: var(--color-egs-offwhite-3);
  border: 1px solid var(--color-egs-card-bg-3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 25px 21px;
  min-height: 243px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: var(--transition-smooth);
}

.tr-defi-card:hover {
  border-color: var(--color-egs-green-3);
  transform: translateY(-4px);
  box-shadow: rgba(18, 91, 74, 0.08) 0px 12px 32px;
}

.tr-defi-num {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-blue-3);
  line-height: 1.2;
}

.tr-defi-body {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}

.tr-defi-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: rgb(13, 12, 12);
  margin: 0px;
}

.tr-defi-desc {
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.tr-final {
  position: relative;
  background: var(--color-egs-offwhite-3);
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tr-final-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.tr-final-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-final-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(14,15,15,0.82) 0%, rgba(14,15,15,0.9) 60%, var(--color-egs-dark-3) 100%);
}

.tr-final-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  align-items: center;
  padding: 80px 24px;
}

.tr-final-title {
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -1px;
  color: var(--color-egs-cream-3);
  margin: 0px;
}

.tr-final-sub {
  font-size: 20px;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.tr-final-btns {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 1024px) {
  .tr-axis-grid, .tr-axis--right .tr-axis-grid {
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (max-width: 744px) {
  .tr-story, .tr-intro, .tr-defis {
  padding-left: 24px;
  padding-right: 24px;
  }
}

.prod-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 57.6px;
  letter-spacing: -1px;
  font-family: var(--font-sans-3);
  margin: 8px 0px 0px;
}

@media (max-width: 744px) {
  .prod-heading-2 {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 44px;
  }
}

.prod-btn-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 24px;
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-blue-3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: var(--color-egs-cream-3);
  font-weight: 500;
  font-size: 18px;
  transition: var(--transition-smooth);
  align-self: flex-start;
  font-family: var(--font-sans-3);
  line-height: 1.6;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

@media (max-width: 744px) {
  .prod-btn-2 {
  padding: 10px 20px;
  font-size: 16px;
  width: 100%;
  justify-content: center;
  }
}

:root {
  --transition-smooth: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: all 0.2s ease;
  --max-width: 1440px;
  --header-height: 112px;
}

body.dyslexia-mode {
  --font-sans: "Overused Grotesk", sans-serif;
  font-weight: 500;
  letter-spacing: 0.12em;
  word-spacing: 0.25em;
  line-height: 2;
}

body.dyslexia-mode p, body.dyslexia-mode h1, body.dyslexia-mode h2, body.dyslexia-mode h3, body.dyslexia-mode span, body.dyslexia-mode a, body.dyslexia-mode button {
  letter-spacing: 0.12em;
  line-height: 1.8;
}

body.high-contrast {
  --color-egs-dark: #000000;
  --color-egs-darker: #000000;
  --color-egs-mid: #000000;
  --color-egs-card: #000000;
  --color-egs-blue: #004d3d;
  --color-egs-blue-deep: #00221a;
  --color-egs-green: #ffffff;
  --color-egs-green-light: #ffffff;
  --color-egs-cream: #ffffff;
  --color-egs-cream-warm: #ffffff;
  --color-egs-offwhite: #ffffff;
  --color-egs-light: #ffffff;
  --color-egs-lighter: #ffffff;
  --color-egs-text: #ffffff;
  --color-egs-text-muted: #e6e8e7;
  --color-egs-border: #ffffff;
  --color-egs-divider: #ffffff;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
}

body.high-contrast button, body.high-contrast a {
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(0, 0, 0);
  border-right-color: rgb(0, 0, 0);
  border-bottom-color: rgb(0, 0, 0);
  border-left-color: rgb(0, 0, 0);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  color: rgb(0, 0, 0);
  box-shadow: none;
}

body.high-contrast button:hover, body.high-contrast a:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(0, 0, 0);
  color: rgb(255, 255, 255);
}

*, ::before, ::after {
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
}

@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after {
  animation-duration: 0.01ms;
  animation-iteration-count: 1;
  transition-duration: 0.01ms;
  scroll-behavior: auto;
  }
}

html {
  scroll-behavior: smooth;
  font-size: 16px;
  text-size-adjust: 100%;
}

body {
  font-family: var(--font-sans-3);
  color: var(--color-egs-dark-3);
  background-color: var(--color-egs-offwhite-3);
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  overflow-x: hidden;
}

img {
  display: block;
  max-width: 100%;
  height: auto;
}

a {
  color: inherit;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-fast);
}

button {
  background-image: none;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-style: inherit;
  font-variant-ligatures: inherit;
  font-variant-caps: inherit;
  font-variant-numeric: inherit;
  font-variant-east-asian: inherit;
  font-variant-alternates: inherit;
  font-variant-position: inherit;
  font-variant-emoji: inherit;
  font-weight: inherit;
  font-stretch: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  font-optical-sizing: inherit;
  font-size-adjust: inherit;
  font-kerning: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-language-override: inherit;
  cursor: pointer;
  outline-color: initial;
  outline-style: none;
  outline-width: initial;
}

:focus-visible {
  outline: 3px solid var(--color-egs-green-3);
  outline-offset: 4px;
}

body.keyboard-nav :focus-visible {
  outline-color: rgb(255, 122, 0);
  outline-style: solid;
  outline-width: 4px;
  outline-offset: 4px;
  box-shadow: rgba(255, 122, 0, 0.5) 0px 0px 10px;
}

.container {
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
}

@media (max-width: 1024px) {
  .container {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .container {
  padding: 0px 24px;
  }
}

.glass {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-right-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.08);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.glass-dark-4 {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.7);
  backdrop-filter: blur(16px);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.blur-ellipse {
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  filter: blur(70px);
  pointer-events: none;
  z-index: 1;
  opacity: 0.15;
  transform: rotate(-30deg) translateZ(0px);
  backface-visibility: hidden;
  will-change: auto;
}

.navbar-2 {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 50;
  pointer-events: none;
  transition-behavior: normal;
  transition-duration: 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: padding;
  padding: 0px;
}

.navbar-2.scrolled {
  padding: 12px 24px 0px;
}

.navbar-2.scrolled .navbar-inner-2 {
  max-width: 1240px;
}

.navbar-inner-2 {
  max-width: var(--max-width);
  margin: 16px auto 0px;
  height: 72px;
  padding: 0px 64px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
  background-color: transparent;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.4s, 0.4s, 0.4s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1), cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s, 0s, 0s;
  transition-property: margin-top, padding, max-width;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .navbar-inner-2 {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .navbar-inner-2 {
  padding: 0px 24px;
  }
}

.navbar-2.scrolled .navbar-inner-2 {
  margin-top: 0px;
  height: 68px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.15);
  border-right-color: rgba(255, 255, 255, 0.15);
  border-bottom-color: rgba(255, 255, 255, 0.15);
  border-left-color: rgba(255, 255, 255, 0.15);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.85);
  backdrop-filter: blur(16px);
  box-shadow: rgba(2, 7, 6, 0.25) 0px 10px 30px;
  padding: 0px 32px;
}

@media (max-width: 1024px) {
  .navbar-2.scrolled .navbar-inner-2 {
  padding: 0px 28px;
  }
}

@media (max-width: 744px) {
  .navbar-2.scrolled .navbar-inner-2 {
  padding: 0px 20px;
  }
}

.logo-link-2 {
  display: block;
  height: 38px;
  transition: var(--transition-fast);
}

.logo-link-2:hover {
  opacity: 0.9;
}

.logo-img-2 {
  height: 100%;
  width: auto;
  object-fit: contain;
}

.nav-links-desktop-2 {
  display: flex;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
}

@media (max-width: 1024px) {
  .nav-links-desktop-2 {
  display: none;
  }
}

.nav-links-desktop-2 a {
  color: var(--color-egs-text-3);
  font-family: "Hanken Grotesk", system-ui, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: 0px;
  opacity: 0.9;
  transition: var(--transition-fast);
}

.nav-links-desktop-2 a:hover, .nav-links-desktop-2 a.active {
  color: var(--color-egs-green-3);
  opacity: 1;
}

.nav-actions-right-2 {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.btn-nav-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 8px 20px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: var(--color-egs-dark-3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  transition: var(--transition-smooth);
}

.btn-nav-2:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
}

.arrow-icon-2 {
  width: 16px;
  height: 16px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.btn-nav-2:hover .arrow-icon-2 {
  transform: translateX(3px);
}

.burger-menu-btn-2 {
  display: none;
  flex-direction: column;
  justify-content: space-between;
  width: 24px;
  height: 16px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  cursor: pointer;
  z-index: 100;
}

@media (max-width: 1024px) {
  .burger-menu-btn-2 {
  display: flex;
  }
}

.burger-line {
  display: block;
  width: 100%;
  height: 2px;
  background-color: var(--color-egs-text-3);
  transition: var(--transition-smooth);
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}

.mobile-menu-overlay-2 {
  position: absolute;
  top: 80px;
  left: 0px;
  width: 100%;
  background-image: linear-gradient(rgba(7, 25, 21, 0.98) 0%, rgba(2, 7, 6, 0.99) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  backdrop-filter: blur(20px);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
  padding: 32px 64px 48px;
  transition: var(--transition-smooth);
  transform-origin: center top;
}

@media (max-width: 744px) {
  .mobile-menu-overlay-2 {
  padding: 24px 24px 36px;
  }
}

.mobile-menu-overlay-2[hidden] {
  opacity: 0;
  pointer-events: none;
  transform: scaleY(0.95);
  display: block;
}

.mobile-menu-links-2 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.mobile-link-2 {
  color: var(--color-egs-text-3);
  font-size: 18px;
  font-weight: 500;
  opacity: 0.9;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.05);
  padding-bottom: 10px;
}

.mobile-link-2:hover {
  color: var(--color-egs-green-3);
  padding-left: 4px;
}

.mobile-btn-nav-2 {
  margin-top: 16px;
  justify-content: center;
}

@media (max-width: 744px) {
  .burger-menu-btn-2[aria-expanded="true"] .line-1 {
  transform: translateY(7px) rotate(45deg);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn-2[aria-expanded="true"] .line-2 {
  opacity: 0;
  transform: scale(0);
  }
}

@media (max-width: 744px) {
  .burger-menu-btn-2[aria-expanded="true"] .line-3 {
  transform: translateY(-7px) rotate(-45deg);
  }
}

@media (max-width: 500px) {
  .nav-actions-right-2 .btn-nav-2 {
  display: none;
  }
}

.hero-section {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-3);
}

@media (max-width: 744px) {
  .hero-section {
  height: auto;
  min-height: 100vh;
  padding-bottom: 40px;
  }
}

.ellipse-1 {
  width: 175px;
  height: 962px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -73px;
  right: 200px;
}

.ellipse-2 {
  width: 226px;
  height: 1119px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.08);
  top: -69px;
  right: 50px;
}

.ellipse-3 {
  width: 146px;
  height: 904px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: 22px;
  left: 40%;
}

.ellipse-4 {
  width: 181px;
  height: 824px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(34, 40, 43, 0.12);
  top: -74px;
  left: 20%;
}

.hero-bg-container {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 2;
}

.hero-bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.hero-bg-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.2);
}

.hero-bg-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0) 52%, rgb(7, 25, 21) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.hero-container {
  position: relative;
  max-width: var(--max-width);
  width: 100%;
  height: 100%;
  margin: 0px auto;
  padding: 0px 64px;
  z-index: 10;
  pointer-events: none;
}

.hero-content-desktop {
  position: absolute;
  left: 64px;
  bottom: 120px;
  max-width: 789px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  pointer-events: auto;
}

.hero-titles-wrap {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.hero-label {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.6;
  letter-spacing: 0.5px;
}

.hero-title {
  font-size: 72px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.1;
  letter-spacing: -2px;
}

.hero-subtext {
  font-size: 18px;
  font-weight: 400;
  color: var(--color-egs-text-3);
  line-height: 1.6;
}

.hero-btns-row {
  display: flex;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.hero-btn-primary {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-primary:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.hero-btn-secondary-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 32px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.hero-btn-secondary-2:hover {
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(-2px);
}

.hero-stats-sidebar {
  position: absolute;
  right: 64px;
  bottom: 120px;
  width: 160px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  pointer-events: auto;
}

@media (max-width: 1024px) {
  .hero-stats-sidebar {
  right: 32px;
  }
}

.stat-item {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.stat-value {
  font-size: 40px;
  font-weight: 600;
  color: var(--color-egs-green-3);
  line-height: 1;
  letter-spacing: -1.5px;
}

.stat-lbl {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-text-3);
  opacity: 0.8;
  line-height: 1.3;
}

.stat-divider {
  width: 32px;
  height: 1px;
  background-color: var(--color-egs-divider-3);
  opacity: 0.5;
}

.hero-content-mobile {
  display: none;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10;
  flex-direction: column;
  justify-content: flex-end;
  padding: 32px 24px 64px;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 900px) {
  .hero-content-mobile {
  display: flex;
  }
}

.mobile-titles {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.mobile-label {
  font-size: 14px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  letter-spacing: 0.5px;
}

.mobile-title {
  font-size: 38px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.15;
  letter-spacing: -1px;
}

.mobile-subtext {
  font-size: 15px;
  color: var(--color-egs-text-3);
  line-height: 1.6;
}

.mobile-btns {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}

.mobile-btn {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
}

.mobile-stats-row {
  display: flex;
  justify-content: space-between;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  padding-top: 20px;
  margin-top: 8px;
}

.m-stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 2px;
  column-gap: 2px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
}

.m-val {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-green-3);
  line-height: 1;
}

.m-lbl {
  font-size: 12px;
  color: var(--color-egs-text-muted-3);
}

@media (max-width: 900px) {
  .hero-content-desktop, .hero-stats-sidebar {
  display: none;
  }
}

.story-section-2 {
  background-image: linear-gradient(rgb(7, 25, 21) 0%, rgb(14, 14, 14) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.story-container-2 {
  max-width: var(--max-width);
  margin: 0px auto;
  min-height: 1000px;
  position: relative;
  padding: 0px 64px;
  display: flex;
  align-items: center;
}

@media (max-width: 1200px) {
  .story-container-2 {
  padding: 80px 32px;
  min-height: auto;
  flex-direction: column;
  row-gap: 56px;
  column-gap: 56px;
  align-items: flex-start;
  }
}

@media (max-width: 744px) {
  .story-container-2 {
  padding: 64px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.story-text-col-2 {
  width: 485px;
  display: flex;
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  z-index: 10;
}

@media (max-width: 1200px) {
  .story-text-col-2 {
  width: 100%;
  max-width: 700px;
  }
}

.story-titles-2 {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}

.story-label-2 {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.6;
}

.story-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .story-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.story-body-2 {
  font-size: 17px;
  font-weight: 400;
  color: var(--color-egs-text-3);
  line-height: 1.7;
  opacity: 0.95;
}

@media (max-width: 744px) {
  .story-body-2 {
  font-size: 15px;
  }
}

.story-btn-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

.story-btn-2:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.story-image-col-2 {
  position: absolute;
  left: 705px;
  top: 130px;
  width: 669px;
  height: 740px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 40px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.05);
  border-right-color: rgba(255, 255, 255, 0.05);
  border-bottom-color: rgba(255, 255, 255, 0.05);
  border-left-color: rgba(255, 255, 255, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1200px) {
  .story-image-col-2 {
  position: static;
  width: 100%;
  max-width: 700px;
  height: 500px;
  }
}

@media (max-width: 744px) {
  .story-image-col-2 {
  height: 380px;
  }
}

.story-img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  transition: var(--transition-smooth);
}

.story-image-col-2:hover .story-img-2 {
  transform: scale(1.02);
}

.valeurs-section-2 {
  background-color: var(--color-egs-lighter-3);
  padding: 96px 0px;
  width: 100%;
  display: flex;
  justify-content: center;
}

@media (max-width: 744px) {
  .valeurs-section-2 {
  padding: 64px 0px;
  }
}

.valeurs-wrapper-2 {
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px;
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1200px) {
  .valeurs-wrapper-2 {
  padding: 0px 32px;
  }
}

@media (max-width: 744px) {
  .valeurs-wrapper-2 {
  padding: 0px 24px;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.valeurs-header-2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 20px;
  column-gap: 20px;
  width: 100%;
}

@media (max-width: 1200px) {
  .valeurs-header-2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.valeurs-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.15;
  letter-spacing: -1.5px;
  max-width: 720px;
}

@media (max-width: 1200px) {
  .valeurs-heading-2 {
  max-width: 100%;
  }
}

@media (max-width: 744px) {
  .valeurs-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.valeurs-description-2 {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line-3);
  max-width: 800px;
}

@media (max-width: 744px) {
  .valeurs-description-2 {
  font-size: 15px;
  }
}

.grades-grid-2 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1200px) {
  .grades-grid-2 {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 744px) {
  .grades-grid-2 {
  grid-template-columns: 1fr;
  }
}

.grade-card-2 {
  background-color: var(--color-egs-card-bg-3);
  padding: 24px;
  min-height: 319px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--color-egs-line-3);
  transition: var(--transition-smooth);
}

@media (max-width: 1200px) {
  .grade-card-2 {
  border: 1px solid var(--color-egs-line-3);
  }
}

@media (max-width: 744px) {
  .grade-card-2 {
  height: auto;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.grade-card-2.featured {
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-line-3);
  transform: scale(1.02);
  box-shadow: rgba(18, 91, 74, 0.15) 0px 8px 32px;
  z-index: 10;
}

@media (max-width: 1200px) {
  .grade-card-2.featured {
  transform: none;
  }
}

.badge-2 {
  align-self: flex-start;
  padding: 6px 18px;
  border-top-left-radius: 99px;
  border-top-right-radius: 99px;
  border-bottom-right-radius: 99px;
  border-bottom-left-radius: 99px;
  font-size: 14px;
  font-weight: 600;
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-line-3);
  color: var(--color-egs-text-3);
}

.badge-row-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.badge-featured-2 {
  background-color: var(--color-egs-blue-3);
  border-top-color: rgb(248, 252, 247);
  border-right-color: rgb(248, 252, 247);
  border-bottom-color: rgb(248, 252, 247);
  border-left-color: rgb(248, 252, 247);
  color: rgb(231, 235, 234);
}

.circle-arrow-btn-2 {
  width: 40px;
  height: 40px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: rgb(248, 252, 247);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-blue-3);
  transition: var(--transition-fast);
}

.circle-arrow-btn-2:hover {
  transform: scale(1.1);
}

.arrow-up-right {
  width: 18px;
  height: 18px;
  transform: rotate(-45deg);
}

.card-content-2 {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

.card-title-group-2 {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.card-content-2 h3 {
  font-size: 28px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.featured h3 {
  color: rgb(231, 235, 234);
}

.subtitle-2 {
  font-size: 15px;
  font-weight: 600;
  color: var(--color-egs-line-3);
}

.font-featured-2 {
  color: rgb(208, 215, 213);
}

.specs-2 {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  font-size: 15px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}

.specs-featured-2 {
  color: rgb(231, 235, 234);
}

.diagnostic-trigger-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 36px;
  background-color: transparent;
  border: 1px solid var(--color-egs-dark-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 17px;
  transition: var(--transition-smooth);
  margin-top: 16px;
}

@media (max-width: 744px) {
  .diagnostic-trigger-2 {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.diagnostic-trigger-2:hover {
  background-color: var(--color-egs-dark-3);
  color: var(--color-egs-cream-3);
  transform: translateY(-2px);
  box-shadow: rgba(7, 25, 21, 0.1) 0px 4px 16px;
}

.quiz-modal-2 {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.8);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.quiz-modal-2[hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.quiz-modal-card-2 {
  width: 100%;
  max-width: 600px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  display: flex;
  flex-direction: column;
}

.quiz-header-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.quiz-header-2 h3 {
  font-size: 18px;
  font-weight: 600;
  color: var(--color-egs-green-3);
}

.close-quiz-btn-2 {
  color: var(--color-egs-text-muted-3);
  transition: var(--transition-fast);
}

.close-quiz-btn-2:hover {
  color: var(--color-egs-cream-3);
  transform: rotate(90deg);
}

.quiz-progress-container-2 {
  width: 100%;
  height: 4px;
  background-color: rgba(255, 255, 255, 0.05);
}

.quiz-progress-bar-2 {
  height: 100%;
  background-color: var(--color-egs-green-3);
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: width;
}

.quiz-body-2 {
  padding: 24px;
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.bandeau-section-2 {
  background-color: var(--color-egs-blue-3);
  width: 100%;
  padding: 64px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.1);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

@media (max-width: 744px) {
  .bandeau-section-2 {
  padding: 48px 0px;
  }
}

.bandeau-inner-2 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.stats-row-2 {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 32px;
  column-gap: 32px;
  flex-wrap: wrap;
}

@media (max-width: 900px) {
  .stats-row-2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.stat-box-2 {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 220px;
}

@media (max-width: 900px) {
  .stat-box-2 {
  width: 100%;
  min-width: unset;
  }
}

.stat-number-2 {
  font-size: 48px;
  font-weight: 600;
  color: var(--color-egs-cream-warm-3);
  letter-spacing: -2px;
  line-height: 1.1;
}

@media (max-width: 744px) {
  .stat-number-2 {
  font-size: 38px;
  }
}

.stat-label-2 {
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-cream-warm-3);
  line-height: 1.4;
  max-width: 240px;
  opacity: 0.9;
}

@media (max-width: 744px) {
  .stat-label-2 {
  font-size: 15px;
  }
}

.vertical-divider-2 {
  width: 1px;
  height: 60px;
  background-color: rgba(254, 248, 236, 0.2);
}

@media (max-width: 900px) {
  .vertical-divider-2 {
  display: none;
  }
}

.prod-section-2 {
  background-color: var(--color-egs-light-3);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .prod-section-2 {
  padding: 64px 0px;
  }
}

.prod-inner-2 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

.prod-row-2 {
  display: flex;
  align-items: center;
  row-gap: 80px;
  column-gap: 80px;
  width: 100%;
}

@media (max-width: 1024px) {
  .prod-row-2 {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.prod-media-container-2 {
  position: relative;
  width: 499px;
  height: 576px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 40px;
  flex-shrink: 0;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(0, 0, 0, 0.05);
  border-right-color: rgba(0, 0, 0, 0.05);
  border-bottom-color: rgba(0, 0, 0, 0.05);
  border-left-color: rgba(0, 0, 0, 0.05);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 1024px) {
  .prod-media-container-2 {
  width: 100%;
  max-width: 600px;
  height: 480px;
  }
}

@media (max-width: 744px) {
  .prod-media-container-2 {
  height: 380px;
  }
}

.prod-media-img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: var(--transition-smooth);
}

.media-overlay-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(14, 15, 15, 0.2);
  pointer-events: none;
}

.video-play-btn-2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  cursor: pointer;
}

.play-circle {
  width: 80px;
  height: 80px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-color: var(--color-egs-blue-3);
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-3);
  box-shadow: rgba(18, 91, 74, 0.35) 0px 4px 20px;
  transition: var(--transition-smooth);
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

@media (max-width: 744px) {
  .play-circle {
  width: 64px;
  height: 64px;
  }
}

.video-play-btn-2:hover .play-circle {
  transform: scale(1.08);
  background-color: var(--color-egs-dark-3);
  box-shadow: rgba(7, 25, 21, 0.45) 0px 8px 30px;
}

.play-icon {
  width: 32px;
  height: 32px;
  margin-left: 4px;
}

@media (max-width: 744px) {
  .play-icon {
  width: 24px;
  height: 24px;
  }
}

.prod-text-container-2 {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  flex-grow: 1;
}

.section-tag-2 {
  font-size: 16px;
  font-weight: 600;
  color: var(--color-egs-blue-3);
  letter-spacing: 0.5px;
  text-transform: uppercase;
}

.prod-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.15;
  letter-spacing: -1.5px;
}

@media (max-width: 744px) {
  .prod-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.prod-desc-2 {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-line-3);
  max-width: 600px;
}

@media (max-width: 744px) {
  .prod-desc-2 {
  font-size: 15px;
  }
}

.prod-btn-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-blue-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
  align-self: flex-start;
}

@media (max-width: 744px) {
  .prod-btn-2 {
  padding: 10px 24px;
  font-size: 15px;
  width: 100%;
  justify-content: center;
  }
}

.prod-btn-2:hover {
  background-color: var(--color-egs-blue-deep-3);
  border-color: var(--color-egs-blue-deep-3);
  transform: translateY(-2px);
  box-shadow: rgba(18, 91, 74, 0.2) 0px 8px 24px;
}

.video-modal-2 {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(2, 7, 6, 0.85);
  backdrop-filter: blur(8px);
  z-index: 10000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  transition-behavior: normal;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: opacity;
}

.video-modal-2[hidden] {
  opacity: 0;
  pointer-events: none;
  display: flex;
}

.video-modal-card-2 {
  width: 100%;
  max-width: 800px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
}

.video-modal-header-2 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 24px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.video-modal-header-2 h3 {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-egs-green-3);
}

#closeVideoBtn {
  color: var(--color-egs-text-muted-3);
  transition: var(--transition-fast);
}

#closeVideoBtn:hover {
  color: var(--color-egs-cream-3);
  transform: rotate(90deg);
}

.video-wrapper-2 {
  position: relative;
  padding-bottom: 56.25%;
  height: 0px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-3);
}

.html5-player-2 {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-color: currentcolor;
  border-right-color: currentcolor;
  border-bottom-color: currentcolor;
  border-left-color: currentcolor;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}

.articles-section-2 {
  background-color: var(--color-egs-light-3);
  color: var(--color-egs-dark-3);
  padding: 96px 0px;
  width: 100%;
}

@media (max-width: 744px) {
  .articles-section-2 {
  padding: 64px 0px;
  }
}

.articles-inner-2 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

@media (max-width: 744px) {
  .articles-inner-2 {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.articles-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 20px;
  column-gap: 20px;
  text-align: center;
}

@media (max-width: 1024px) {
  .articles-header {
  row-gap: 20px;
  column-gap: 20px;
  }
}

.articles-header-left {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 20px;
  column-gap: 20px;
  text-align: center;
}

@media (max-width: 1024px) {
  .articles-header-left {
  row-gap: 16px;
  column-gap: 16px;
  }
}

.articles-eyebrow {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  color: var(--color-egs-blue-3);
  margin: 0px;
  text-align: center;
}

@media (max-width: 744px) {
  .articles-eyebrow {
  font-size: 18px;
  }
}

.articles-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 1.2;
  letter-spacing: -1px;
  margin: 0px;
  text-align: center;
  max-width: 900px;
}

@media (max-width: 744px) {
  .articles-heading-2 {
  font-size: 30px;
  letter-spacing: -0.5px;
  }
}

.articles-subtext-2 {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-egs-divider-3);
  margin: 0px;
  padding-bottom: 0px;
  text-align: center;
  max-width: 560px;
}

@media (max-width: 744px) {
  .articles-subtext-2 {
  font-size: 15px;
  }
}

.articles-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 40px;
  column-gap: 40px;
}

@media (max-width: 1024px) {
  .articles-grid {
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.article-card {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.article-card-media {
  width: 100%;
  aspect-ratio: 5 / 6;
  overflow-x: hidden;
  overflow-y: hidden;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-color: var(--color-egs-card-bg-3);
}

@media (max-width: 1024px) {
  .article-card-media {
  aspect-ratio: 16 / 10;
  }
}

.article-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition-behavior: normal;
  transition-duration: 0.6s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.article-card:hover .article-card-media img {
  transform: scale(1.04);
}

.article-card-body {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.article-card-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.5px;
  color: var(--color-egs-dark-3);
  margin: 0px;
}

@media (max-width: 744px) {
  .article-card-title {
  font-size: 20px;
  }
}

.article-card-info {
  display: flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  flex-wrap: wrap;
}

.article-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background-color: var(--color-egs-cream-warm-3);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgb(255, 255, 255);
  border-right-color: rgb(255, 255, 255);
  border-bottom-color: rgb(255, 255, 255);
  border-left-color: rgb(255, 255, 255);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
}

.article-readtime {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
}

.article-card-link {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  align-self: flex-start;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  margin-top: 4px;
}

.article-card-link .arrow-icon-2 {
  width: 20px;
  height: 20px;
  transition-behavior: normal;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.article-card-link:hover .arrow-icon-2 {
  transform: translateX(4px);
}

.articles-footer {
  display: flex;
  justify-content: center;
}

.articles-more-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 14px 28px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background-color: var(--color-egs-green-light-3);
  border: 1px solid var(--color-egs-divider-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-dark-3);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition-behavior: normal, normal;
  transition-duration: 0.25s, 0.25s;
  transition-timing-function: ease, ease;
  transition-delay: 0s, 0s;
  transition-property: transform, box-shadow;
}

.articles-more-btn .arrow-icon-2 {
  width: 22px;
  height: 22px;
  transition-behavior: normal;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.articles-more-btn:hover {
  transform: translateY(-2px);
  box-shadow: rgba(7, 25, 21, 0.12) 0px 8px 24px;
}

.articles-more-btn:hover .arrow-icon-2 {
  transform: translateX(4px);
}

@media (max-width: 744px) {
  .article-card-link, .articles-more-btn {
  font-size: 16px;
  }
}

.cta-section-2 {
  position: relative;
  width: 100%;
  height: 811px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-darker-3);
  display: flex;
  align-items: center;
}

@media (max-width: 744px) {
  .cta-section-2 {
  height: auto;
  padding: 64px 0px;
  }
}

.cta-bg-container-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  filter: blur(4.5px);
  transform: scale(1.05);
  z-index: 1;
}

.cta-bg-img-2 {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.cta-bg-tint-2 {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(17, 17, 17, 0.3);
}

.cta-content-wrapper-2 {
  position: relative;
  z-index: 5;
  display: flex;
  align-items: center;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
}

@media (max-width: 1024px) {
  .cta-content-wrapper-2 {
  padding: 0px 48px;
  }
}

@media (max-width: 744px) {
  .cta-content-wrapper-2 {
  padding: 0px 24px;
  }
}

.cta-content-2 {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.cta-heading-2 {
  font-size: 56px;
  font-weight: 500;
  color: var(--color-egs-cream-3);
  line-height: 1.1;
  letter-spacing: -2px;
}

@media (max-width: 1024px) {
  .cta-heading-2 {
  font-size: 44px;
  }
}

@media (max-width: 744px) {
  .cta-heading-2 {
  font-size: 34px;
  letter-spacing: -1px;
  }
}

.cta-subtext-2 {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-text-3);
  opacity: 0.95;
  max-width: 480px;
}

@media (max-width: 744px) {
  .cta-subtext-2 {
  font-size: 15px;
  }
}

.cta-buttons-2 {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .cta-buttons-2 {
  flex-direction: column;
  width: 100%;
  }
}

.cta-btn-primary-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 12px 28px;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-cream-warm-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-primary-2:hover {
  background-color: rgba(254, 248, 236, 0.12);
  transform: translateY(-2px);
}

.cta-btn-secondary-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  padding: 12px 32px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.cta-btn-secondary-2:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

@media (max-width: 744px) {
  .cta-btn-primary-2, .cta-btn-secondary-2 {
  width: 100%;
  justify-content: center;
  padding: 10px 24px;
  font-size: 15px;
  }
}

.footer-2 {
  background-color: var(--color-egs-darker-3);
  padding: 80px 0px 40px;
  color: var(--color-egs-text-3);
}

@media (max-width: 744px) {
  .footer-2 {
  padding: 64px 0px 32px;
  }
}

.footer-inner-2 {
  display: flex;
  flex-direction: column;
  row-gap: 64px;
  column-gap: 64px;
}

@media (max-width: 744px) {
  .footer-inner-2 {
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-top-2 {
  display: flex;
  justify-content: space-between;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 1024px) {
  .footer-top-2 {
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.footer-brand-2 {
  max-width: 320px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .footer-brand-2 {
  max-width: 100%;
  }
}

.footer-logo-2 {
  display: block;
  height: 42px;
}

.footer-desc-2 {
  font-size: 14px;
  line-height: 1.6;
  color: var(--color-egs-text-muted-3);
  opacity: 0.8;
}

.footer-socials-2 {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  margin-top: 8px;
}

.social-icon-link-2 {
  color: var(--color-egs-text-muted-3);
  opacity: 0.7;
  transition: var(--transition-smooth);
}

.social-icon-link-2:hover {
  color: var(--color-egs-green-3);
  opacity: 1;
  transform: translateY(-2px);
}

.footer-links-grid-2 {
  display: flex;
  row-gap: 80px;
  column-gap: 80px;
}

@media (max-width: 744px) {
  .footer-links-grid-2 {
  flex-direction: column;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.footer-col-2 {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  min-width: 140px;
}

.footer-col-2 h4 {
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  color: var(--color-egs-green-3);
  margin-bottom: 8px;
}

.footer-col-2 a {
  font-size: 14px;
  color: var(--color-egs-text-muted-3);
  transition: var(--transition-fast);
}

.footer-col-2 a:hover {
  color: var(--color-egs-green-3);
}

.footer-divider-2 {
  width: 100%;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.08);
}

.footer-bottom-2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .footer-bottom-2 {
  flex-direction: column;
  align-items: flex-start;
  row-gap: 16px;
  column-gap: 16px;
  }
}

.copyright-2 {
  font-size: 13px;
  color: var(--color-egs-text-muted-3);
  opacity: 0.6;
}

.reveal-word {
  display: inline-block;
  opacity: 0;
  transform: translateY(15px);
  transition-behavior: normal;
  transition-duration: 0.1s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

:root {
  --about-font-body: "Hanken Grotesk", var(--font-sans-3);
  --about-radius: 20px;
  --about-radius-lg: 28px;
}

.about-section-lead, .about-cta-text, .bento-lead, .bento-tl-text, .value-text, .about-final-sub {
  font-family: var(--about-font-body);
  line-height: 1.6;
}

.section-kicker {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.2px;
  color: var(--color-egs-blue-3);
  margin-bottom: 16px;
}

.section-kicker--light {
  color: var(--color-egs-green-3);
}

.story-cta {
  display: inline-flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 14px 28px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background: var(--color-egs-green-3);
  color: var(--color-egs-dark-3);
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  border: 1px solid var(--color-egs-green-3);
  transition: var(--transition-smooth);
}

.story-cta:hover {
  background: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.25) 0px 8px 24px;
}

.story-cta .arrow-icon-2 {
  width: 18px;
  height: 18px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.story-cta:hover .arrow-icon-2 {
  transform: translateX(3px);
}

.story-cta--outline {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  color: var(--color-egs-text-3);
  border-top-color: rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.4);
  border-bottom-color: rgba(255, 255, 255, 0.4);
  border-left-color: rgba(255, 255, 255, 0.4);
}

.story-cta--outline:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: var(--color-egs-green-3);
  color: var(--color-egs-green-3);
}

.about-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  overflow-x: hidden;
  overflow-y: hidden;
  padding-bottom: 140px;
}

@media (max-width: 744px) {
  .about-hero {
  min-height: 640px;
  padding-bottom: 88px;
  }
}

.about-hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-hero-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-hero-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.45);
}

.about-hero-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.55) 0%, rgba(7, 25, 21, 0.15) 35%, rgba(7, 25, 21, 0.75) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-hero-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  column-gap: 32px;
}

.about-hero-titles {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.about-hero-kicker {
  color: var(--color-egs-green-3);
  font-size: clamp(16px, 1.3vw, 18px);
  font-weight: 500;
  letter-spacing: 0.02em;
  margin: 0px;
  text-transform: none;
}

.about-hero-title {
  color: rgb(255, 255, 255);
  font-size: clamp(2.5rem, 5vw, 4.5rem);
  font-weight: 500;
  line-height: 1.11;
  letter-spacing: -0.03em;
  margin: 0px;
}

.about-hero-btn {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 24px;
  background-color: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: var(--color-egs-dark-3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  transition: var(--transition-smooth);
}

.about-hero-btn:hover {
  background-color: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.about-hero-btn .arrow-icon-2 {
  width: 24px;
  height: 24px;
}

.about-bento {
  --bento-bg: var(--color-egs-blue-deep-3);
  --bento-card: #0c2c23;
  --bento-card-2: #0f3429;
  --bento-border: rgba(190, 233, 178, 0.12);
  --bento-border-strong: rgba(190, 233, 178, 0.28);
  background: radial-gradient(120% 80% at 85% 0%, rgba(18, 91, 74, 0.35) 0%, transparent 55%),
    var(--bento-bg);
  padding: 120px 0px;
  position: relative;
  overflow-x: hidden;
  overflow-y: hidden;
}

.bento-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-auto-rows: 100px;
  row-gap: 16px;
  column-gap: 16px;
}

@media (max-width: 1024px) {
  .bento-grid {
  grid-template-columns: repeat(6, 1fr);
  grid-auto-rows: 90px;
  }
}

@media (max-width: 744px) {
  .bento-grid {
  grid-template-columns: 1fr;
  grid-auto-rows: auto;
  }
}

.bento-cell {
  position: relative;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow-x: hidden;
  overflow-y: hidden;
  transition-behavior: normal, normal, normal;
  transition-duration: 0.35s, 0.35s, 0.35s;
  transition-timing-function: ease, ease, ease;
  transition-delay: 0s, 0s, 0s;
  transition-property: border-color, box-shadow, transform;
}

.bento-cell:hover {
  border-color: var(--bento-border-strong);
  box-shadow: rgba(0, 0, 0, 0.7) 0px 28px 60px -30px, rgba(190, 233, 178, 0.16) 0px 0px 0px 1px;
  transform: translateY(-3px);
}

.bento-text {
  grid-column-start: 6;
  grid-column-end: 10;
  grid-row-start: 1;
  grid-row-end: 6;
  background: linear-gradient(155deg, var(--bento-card-2), var(--bento-card));
  border: 1px solid var(--bento-border);
  padding: 40px 34px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 18px;
  column-gap: 18px;
}

@media (max-width: 1024px) {
  .bento-text {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: auto;
  grid-row-end: auto;
  padding: 36px 28px;
  }
}

.bento-text .section-kicker {
  color: var(--color-egs-green-3);
}

.bento-heading {
  font-size: clamp(1.9rem, 2.6vw, 2.75rem);
  font-weight: 600;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: rgb(254, 250, 241);
}

.bento-lead {
  font-family: var(--about-font-body);
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.65;
  color: var(--color-egs-text-muted-3);
}

.bento-img-large {
  grid-column-start: 1;
  grid-column-end: 6;
  grid-row-start: 1;
  grid-row-end: 6;
  border: 1px solid var(--bento-border);
}

@media (max-width: 1024px) {
  .bento-img-large {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: span 5;
  grid-row-end: auto;
  }
}

.bento-img-small {
  grid-column-start: 10;
  grid-column-end: 13;
  grid-row-start: 1;
  grid-row-end: 6;
  border: 1px solid var(--bento-border);
}

@media (max-width: 1024px) {
  .bento-img-small {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: span 5;
  grid-row-end: auto;
  }
}

.bento-cell img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition-behavior: normal;
  transition-duration: 0.8s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: transform;
}

.bento-cell:hover img {
  transform: scale(1.05);
}

.bento-tl {
  background: linear-gradient(160deg, var(--bento-card-2), var(--bento-card));
  border: 1px solid var(--bento-border);
  padding: 36px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  row-gap: 14px;
  column-gap: 14px;
  grid-row-start: 6;
  grid-row-end: 9;
}

.bento-tl-1945 {
  grid-column-start: 1;
  grid-column-end: 7;
}

@media (max-width: 1024px) {
  .bento-tl-1945 {
  grid-column-start: 1;
  grid-column-end: 4;
  grid-row-start: auto;
  grid-row-end: auto;
  }
}

.bento-tl-2019 {
  grid-column-start: 7;
  grid-column-end: 13;
}

@media (max-width: 1024px) {
  .bento-tl-2019 {
  grid-column-start: 4;
  grid-column-end: 7;
  grid-row-start: auto;
  grid-row-end: auto;
  }
}

.bento-tl-year {
  font-size: clamp(20px, 1.5vw, 24px);
  font-weight: 600;
  color: var(--color-egs-green-3);
  letter-spacing: -0.01em;
  display: flex;
  align-items: baseline;
  row-gap: 12px;
  column-gap: 12px;
}

.bento-tl-year span {
  font-size: clamp(15px, 1vw, 17px);
  font-weight: 500;
  color: rgb(254, 250, 241);
  opacity: 0.85;
}

.bento-tl-text {
  font-family: var(--about-font-body);
  font-size: clamp(15px, 1vw, 17px);
  line-height: 1.6;
  color: var(--color-egs-text-muted-3);
  max-width: 520px;
}

.bento-tl-2019 .story-cta {
  margin-top: auto;
  align-self: flex-start;
}

@media (max-width: 744px) {
  .bento-tl-2019 .story-cta {
  margin-top: 18px;
  }
}

.about-banner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 744px) {
  .about-banner {
  min-height: 520px;
  }
}

.about-banner-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-banner-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-banner-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.6), rgba(7, 25, 21, 0.55));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-banner-content {
  position: relative;
  z-index: 2;
  max-width: 900px;
  width: 100%;
}

.about-banner-content .section-kicker {
  text-align: center;
}

.about-banner-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.about-cta {
  position: relative;
  display: flex;
  align-items: center;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 120px 0px;
}

.about-cta-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-cta-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-cta-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(100deg, rgba(7, 25, 21, 0.88) 0%, rgba(7, 25, 21, 0.55) 45%, rgba(7, 25, 21, 0.25) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-cta--right .about-cta-tint {
  background-image: linear-gradient(260deg, rgba(7, 25, 21, 0.88) 0%, rgba(7, 25, 21, 0.55) 45%, rgba(7, 25, 21, 0.25) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-cta-grid {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.85fr 1fr;
  row-gap: 80px;
  column-gap: 80px;
  align-items: center;
}

.about-cta-grid--reverse {
  grid-template-columns: 1fr 0.85fr;
}

.about-cta-grid--reverse .about-cta-title-col {
  order: 2;
}

@media (max-width: 1024px) {
  .about-cta-grid--reverse .about-cta-title-col {
  order: 1;
  }
}

.about-cta-grid--reverse .about-cta-body-col {
  order: 1;
}

@media (max-width: 1024px) {
  .about-cta-grid--reverse .about-cta-body-col {
  order: 2;
  }
}

.about-cta-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2rem, 3.4vw, 3.25rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  max-width: 460px;
}

.about-cta-text {
  color: var(--color-egs-text-3);
  font-size: clamp(17px, 1.3vw, 20px);
  max-width: 640px;
  margin-bottom: 32px;
}

.about-values {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: hidden;
  padding: 140px 0px;
  display: flex;
  align-items: center;
}

.about-values-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.about-values-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.about-values-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.82), rgba(7, 25, 21, 0.9));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.about-values-inner {
  position: relative;
  z-index: 2;
  width: 100%;
}

.about-values-head {
  text-align: center;
  max-width: 900px;
  margin: 0px auto 88px;
}

.about-values-head .section-kicker {
  text-align: center;
}

.about-values-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2rem, 3.6vw, 3.5rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
}

.values-rows {
  max-width: 1180px;
  margin: 0px auto;
}

.values-row {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  row-gap: 48px;
  column-gap: 48px;
  padding: 48px 0px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(255, 255, 255, 0.18);
}

@media (max-width: 1024px) {
  .values-row {
  grid-template-columns: 1fr;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.values-row:last-child {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(255, 255, 255, 0.18);
}

.value-item {
  max-width: 460px;
}

.value-item:nth-child(3) {
  text-align: left;
}

.value-title {
  color: var(--color-egs-green-3);
  font-size: clamp(20px, 1.8vw, 28px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.01em;
  margin-bottom: 16px;
}

.value-text {
  color: var(--color-egs-text-3);
  font-size: clamp(15px, 1.2vw, 18px);
}

.value-divider {
  width: 1px;
  height: 64px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.25);
}

@media (max-width: 1024px) {
  .value-divider {
  display: none;
  }
}

.about-final {
  background: var(--color-egs-dark-3);
  width: 100vw;
  min-height: 100vh;
  padding: 140px 0px;
  text-align: center;
  display: flex;
  align-items: center;
}

.about-final-inner {
  max-width: 900px;
  width: 100%;
  margin: 0px auto;
}

.about-final-heading {
  color: rgb(255, 255, 255);
  font-size: clamp(2.25rem, 4vw, 4rem);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}

.about-final-sub {
  color: var(--color-egs-text-3);
  font-size: clamp(16px, 1.3vw, 19px);
  max-width: 711px;
  margin: 0px auto 48px;
}

.about-final-btns {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .about-final-btns {
  flex-direction: column;
  align-items: stretch;
  }
}

.about-final-secondary {
  display: inline-flex;
  align-items: center;
  row-gap: 10px;
  column-gap: 10px;
  padding: 14px 28px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.4);
  border-right-color: rgba(255, 255, 255, 0.4);
  border-bottom-color: rgba(255, 255, 255, 0.4);
  border-left-color: rgba(255, 255, 255, 0.4);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: var(--color-egs-text-3);
  font-weight: 600;
  font-size: 16px;
  transition: var(--transition-smooth);
}

.about-final-secondary:hover {
  border-color: var(--color-egs-green-3);
  color: var(--color-egs-green-3);
  transform: translateY(-2px);
}

@media (max-width: 1024px) {
  .about-cta-grid, .about-cta-grid--reverse {
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (max-width: 744px) {
  .about-bento, .about-cta, .about-values, .about-final {
  padding: 80px 0px;
  }
}

@media (max-width: 744px) {
  .bento-text, .bento-img-large, .bento-img-small, .bento-img-wide, .bento-tl-1945, .bento-tl-2019 {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-row-start: auto;
  grid-row-end: auto;
  aspect-ratio: 4 / 3;
  }
}

@media (max-width: 744px) {
  .bento-text, .bento-tl-1945, .bento-tl-2019 {
  aspect-ratio: auto;
  }
}

@media (max-width: 744px) {
  .about-final-btns .btn-nav-2, .about-final-secondary {
  justify-content: center;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .about-hero-content, .bento-grid, .about-banner-content, .about-cta-grid, .about-values-head, .values-row, .about-final-inner {
  animation-duration: 0.9s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: about-fade-up;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .value-item, .bento-cell {
  animation-duration: 0.8s;
  animation-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-name: about-fade-up;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  }
}

@keyframes about-fade-up {
  0% {
    opacity: 0;
    transform: translateY(28px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}

body {
  overflow-x: clip;
}

.impact-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-dark-3);
}

.impact-hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-hero-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(7, 25, 21, 0.55);
}

.impact-hero-gradient {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.65) 0%, rgba(7, 25, 21, 0.35) 45%, rgba(7, 25, 21, 0.85) 100%), linear-gradient(90deg, rgba(7, 25, 21, 0.7) 0%, rgba(7, 25, 21, 0.15) 60%);
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.impact-hero .blur-ellipse {
  background-color: rgb(34, 40, 43);
  opacity: 0.18;
}

.impact-hero .blur-ellipse.e1 {
  width: 580px;
  height: 856px;
  top: -20%;
  left: -8%;
}

.impact-hero .blur-ellipse.e2 {
  width: 755px;
  height: 1082px;
  top: -25%;
  right: -12%;
}

.impact-hero .blur-ellipse.e3 {
  width: 632px;
  height: 920px;
  bottom: -30%;
  right: 10%;
}

.impact-hero .blur-ellipse.e4 {
  width: 569px;
  height: 804px;
  bottom: -25%;
  left: -5%;
}

.impact-hero-content {
  position: relative;
  z-index: 2;
  padding-bottom: 112px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  row-gap: 32px;
  column-gap: 32px;
  max-width: 820px;
  margin-left: 0px;
  margin-right: auto;
}

@media (max-width: 1024px) {
  .impact-hero-content {
  padding-bottom: 96px;
  }
}

@media (max-width: 744px) {
  .impact-hero-content {
  padding-bottom: 80px;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.impact-hero-kicker {
  font-size: 18px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.6;
  letter-spacing: 0.02em;
}

.impact-hero-title {
  font-size: clamp(44px, 7vw, 72px);
  font-weight: 500;
  line-height: 1.1;
  letter-spacing: -0.02em;
  color: var(--color-egs-light-3);
}

.impact-hero-btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 744px) {
  .impact-hero-btns {
  flex-direction: column;
  align-items: stretch;
  }
}

.impact-intro {
  background-color: var(--color-egs-light-3);
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 96px 0px;
  position: sticky;
  top: 0px;
  isolation: isolate;
}

@media (max-width: 744px) {
  .impact-intro {
  padding: 64px 0px;
  }
}

.impact-intro-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  row-gap: 80px;
  column-gap: 80px;
  align-items: center;
}

@media (max-width: 1024px) {
  .impact-intro-grid {
  grid-template-columns: 1fr;
  row-gap: 56px;
  column-gap: 56px;
  }
}

.impact-intro-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  max-width: 580px;
}

.impact-section-kicker {
  font-size: 18px;
  font-weight: 500;
  color: rgb(20, 57, 47);
  line-height: 1.6;
}

.impact-intro-heading {
  font-size: clamp(34px, 4vw, 48px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--color-egs-dark-3);
}

.impact-intro-lead {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  color: rgb(81, 94, 91);
}

.impact-odd {
  display: flex;
  flex-direction: column;
  row-gap: 18px;
  column-gap: 18px;
}

.impact-odd-label {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgb(20, 57, 47);
}

.impact-odd-grid {
  display: grid;
  row-gap: 12px;
  column-gap: 12px;
}

@media (max-width: 744px) {
  .impact-odd-grid {
  row-gap: 8px;
  column-gap: 8px;
  }
}

@media (max-width: 768px) {
  .impact-odd-grid {
  justify-items: center;
  align-items: center;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(3, 1fr);
  }
}

.impact-odd-tile {
  width: 80px;
  height: 80px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  color: rgb(255, 255, 255);
}

@media (max-width: 744px) {
  .impact-odd-tile {
  width: 100%;
  aspect-ratio: 1 / 1;
  padding: 6px;
  }
}

.impact-odd-tile.odd-dark-text {
  color: rgb(26, 26, 26);
}

.impact-odd-num {
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
}

.impact-odd-lbl {
  font-size: 10px;
  font-weight: 600;
  line-height: 1.05;
  letter-spacing: -0.01em;
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
}

.impact-axe {
  position: sticky;
  top: 0px;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 120px;
  column-gap: 120px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgb(14, 15, 15);
  text-align: center;
  padding: 80px 24px;
}

@media (max-width: 1024px) {
  .impact-axe {
  min-height: 100vh;
  row-gap: 80px;
  column-gap: 80px;
  }
}

.impact-axe-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-axe-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-axe-tint {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(14, 15, 15, 0.55) 0%, rgba(14, 15, 15, 0.75) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.impact-axe-content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
  align-items: center;
}

.impact-axe-kicker {
  font-size: clamp(20px, 2.5vw, 24px);
  font-weight: 500;
  color: var(--color-egs-green-3);
  line-height: 1.2;
}

.impact-axe-title {
  font-size: clamp(34px, 5vw, 48px);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: var(--color-egs-cream-warm-3);
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
}

.impact-scroll-indicator {
  position: relative;
  z-index: 2;
  width: 46px;
  height: 46px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(254, 248, 236, 0.4);
  border-right-color: rgba(254, 248, 236, 0.4);
  border-bottom-color: rgba(254, 248, 236, 0.4);
  border-left-color: rgba(254, 248, 236, 0.4);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-warm-3);
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: none;
  animation-play-state: running;
  animation-name: egs-bob;
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
}

@keyframes egs-bob {
  0%, 100% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(8px);
  }
}

.impact-cta {
  position: sticky;
  top: 0px;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: rgb(14, 15, 15);
}

.impact-cta-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-cta-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-cta-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-image: linear-gradient(rgba(14, 15, 15, 0.7) 0%, rgba(14, 15, 15, 0.5) 40%, rgba(14, 15, 15, 0.85) 100%), linear-gradient(90deg, rgba(14, 15, 15, 0.75) 0%, rgba(14, 15, 15, 0.2) 55%);
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.impact-cta-inner {
  position: relative;
  z-index: 2;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 150px 64px 64px;
}

@media (max-width: 1024px) {
  .impact-cta-inner {
  padding: 110px 32px 56px;
  }
}

@media (max-width: 744px) {
  .impact-cta-inner {
  padding: 90px 24px 48px;
  }
}

.impact-cta-title {
  font-size: clamp(34px, 4.5vw, 48px);
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
  color: rgb(255, 255, 255);
  max-width: 520px;
  margin-bottom: 28px;
  white-space-collapse: preserve-breaks;
  text-wrap-mode: wrap;
}

.impact-cta-body {
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 400;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  max-width: 760px;
  margin-bottom: 52px;
}

.impact-stats-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  row-gap: 48px;
  column-gap: 48px;
  padding-top: 36px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(254, 248, 236, 0.18);
  flex-wrap: wrap;
}

@media (max-width: 1024px) {
  .impact-stats-row {
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (max-width: 744px) {
  .impact-stats-row {
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  align-items: stretch;
  }
}

.impact-stat {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  min-width: 150px;
  max-width: 240px;
}

@media (max-width: 744px) {
  .impact-stat {
  max-width: none;
  }
}

.impact-stat + .impact-stat {
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: rgba(254, 248, 236, 0.18);
  padding-left: 48px;
}

@media (max-width: 1024px) {
  .impact-stat + .impact-stat {
  padding-left: 32px;
  }
}

@media (max-width: 744px) {
  .impact-stat + .impact-stat {
  border-left-width: medium;
  border-left-style: none;
  border-left-color: currentcolor;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(254, 248, 236, 0.18);
  padding-left: 0px;
  padding-top: 28px;
  }
}

.impact-stat-value {
  font-size: clamp(32px, 3.5vw, 48px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -0.03em;
  color: var(--color-egs-cream-warm-3);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.impact-stat-label {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.35;
  color: var(--color-egs-cream-warm-3);
  opacity: 0.85;
}

.impact-stat-icon {
  width: 48px;
  height: 48px;
  color: var(--color-egs-green-3);
  opacity: 0.9;
  margin-bottom: 4px;
}

.impact-final {
  position: sticky;
  top: 0px;
  isolation: isolate;
  width: 100vw;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
  background-color: var(--color-egs-dark-3);
  padding: 120px 0px;
}

@media (max-width: 744px) {
  .impact-final {
  padding: 80px 0px;
  }
}

.impact-final-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.impact-final-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.impact-final-overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  background-image: linear-gradient(rgba(7, 25, 21, 0.7) 0%, rgba(7, 25, 21, 0.92) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.impact-final-inner {
  position: relative;
  z-index: 2;
  text-align: center;
  max-width: 760px;
  margin: 0px auto;
  padding: 0px 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
}

.impact-final-heading {
  font-size: clamp(40px, 6vw, 64px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -0.02em;
  color: var(--color-egs-offwhite-3);
}

.impact-final-sub {
  font-size: clamp(17px, 1.6vw, 20px);
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  max-width: 680px;
}

.impact-final-btns {
  display: flex;
  flex-wrap: wrap;
  row-gap: 24px;
  column-gap: 24px;
  justify-content: center;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .impact-final-btns {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  }
}

@media (max-width: 744px) {
  .impact-hero-btns .hero-btn-primary, .impact-hero-btns .hero-btn-secondary-2 {
  justify-content: center;
  }
}

@media (max-width: 744px) {
  .impact-final-btns .btn-nav-2, .impact-final-btns .impact-btn-outline {
  justify-content: center;
  }
}

@media (max-width: 744px) {
  .impact-intro, .impact-axe, .impact-cta, .impact-final {
  position: relative;
  top: auto;
  isolation: auto;
  }
}

.prod-eyebrow {
  font-family: var(--font-sans-3);
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-green-3);
  display: inline-block;
  margin: 0px;
}

.prod-eyebrow--caps {
  font-size: 24px;
  text-transform: capitalize;
}

.prod-heading--cream {
  color: var(--color-egs-cream-3);
}

.prod-heading--dark {
  color: var(--color-egs-dark-3);
}

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

.prod-body {
  font-family: var(--font-sans-3);
  font-size: 18px;
  font-weight: 400;
  line-height: 28.8px;
  color: var(--color-egs-text-3);
  margin: 0px;
}

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

.prod-btn--green {
  background: var(--color-egs-green-3);
  border-color: var(--color-egs-green-3);
  color: var(--color-egs-dark-3);
}

.prod-btn--green:hover {
  background: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
}

.prod-btn--blue {
  background: var(--color-egs-blue-3);
  border-color: var(--color-egs-blue-3);
  color: rgb(255, 255, 255);
}

.prod-btn--blue:hover {
  filter: brightness(1.1);
  transform: translateY(-2px);
}

.prod-btn--ghost {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border-top-color: rgba(254, 248, 236, 0.5);
  border-right-color: rgba(254, 248, 236, 0.5);
  border-bottom-color: rgba(254, 248, 236, 0.5);
  border-left-color: rgba(254, 248, 236, 0.5);
  color: var(--color-egs-cream-warm-3);
}

.prod-btn--ghost:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(254, 248, 236, 0.08);
  border-color: var(--color-egs-cream-warm-3);
  transform: translateY(-2px);
}

.prod-btn--center {
  margin: 0px auto;
}

.prod-arrow {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}

.prod-hero {
  position: relative;
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: flex-end;
  background: var(--color-egs-darker-3);
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 744px) {
  .prod-hero {
  min-height: 640px;
  }
}

.prod-hero-ellipses {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
  pointer-events: none;
}

.prod-ellipse {
  position: absolute;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 50%;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(34, 40, 43);
  opacity: 0.07;
  filter: blur(60px);
}

.prod-ellipse.e1 {
  width: 632px;
  height: 920px;
  top: -120px;
  left: -160px;
}

.prod-ellipse.e2 {
  width: 755px;
  height: 1082px;
  top: -200px;
  right: -220px;
  opacity: 0.06;
}

.prod-ellipse.e3 {
  width: 578px;
  height: 856px;
  bottom: -180px;
  left: 18%;
}

.prod-ellipse.e4 {
  width: 568px;
  height: 804px;
  bottom: -160px;
  right: 12%;
}

.prod-hero-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.prod-hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.prod-hero::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 1;
}

.prod-hero-content {
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: var(--max-width);
  margin: 0px auto;
  padding: 0px 64px 140px;
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  column-gap: 20px;
}

@media (max-width: 744px) {
  .prod-hero-content {
  padding: 0px 24px 72px;
  }
}

.prod-hero-title {
  font-family: var(--font-sans-3);
  font-size: 72px;
  font-weight: 500;
  line-height: 80px;
  letter-spacing: -2.16px;
  color: rgb(248, 252, 247);
  margin: 0px;
  max-width: 900px;
}

@media (max-width: 744px) {
  .prod-hero-title {
  font-size: 40px;
  line-height: 48px;
  letter-spacing: -1.5px;
  }
}

.prod-hero-ctas {
  display: flex;
  row-gap: 32px;
  column-gap: 32px;
  margin-top: 12px;
  flex-wrap: wrap;
}

@media (max-width: 744px) {
  .prod-hero-ctas {
  row-gap: 16px;
  column-gap: 16px;
  }
}

.prod-intro {
  width: 100vw;
  min-height: 100vh;
  background-image: linear-gradient(rgb(7, 25, 21) 0%, rgb(14, 14, 14) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  padding: 130px 0px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .prod-intro {
  padding: 90px 0px;
  }
}

@media (max-width: 744px) {
  .prod-intro {
  padding: 64px 0px;
  }
}

.prod-intro-grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 572px);
  row-gap: 100px;
  column-gap: 100px;
  align-items: center;
}

@media (max-width: 1024px) {
  .prod-intro-grid {
  grid-template-columns: 1fr;
  row-gap: 48px;
  column-gap: 48px;
  }
}

.prod-intro-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.prod-intro-text .prod-btn-2 {
  align-self: flex-start;
  margin-top: 8px;
}

.prod-intro-media {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 1024px) {
  .prod-intro-media {
  max-width: 560px;
  }
}

.prod-intro-media img {
  width: 100%;
  height: auto;
  display: block;
  aspect-ratio: 572 / 748;
  object-fit: cover;
}

.prod-difference {
  position: relative;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-card-3);
  overflow-x: hidden;
  overflow-y: hidden;
}

.prod-difference-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/ivU31FKssuW2c-2jSLvbG-diff-bg.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  opacity: 0.35;
}

.prod-difference-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(14, 15, 15, 0.55) 0%, rgba(14, 15, 15, 0.92) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-difference-inner {
  position: relative;
  z-index: 1;
  padding: 110px 64px;
  display: flex;
  flex-direction: column;
  row-gap: 48px;
  column-gap: 48px;
}

@media (max-width: 1024px) {
  .prod-difference-inner {
  padding: 90px 32px;
  }
}

@media (max-width: 744px) {
  .prod-difference-inner {
  padding: 72px 24px;
  row-gap: 36px;
  column-gap: 36px;
  }
}

.prod-difference-head {
  max-width: 900px;
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  align-items: center;
  text-align: center;
}

.prod-difference-lead {
  max-width: 700px;
}

.prod-pillars {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 37px;
  column-gap: 37px;
}

@media (max-width: 1024px) {
  .prod-pillars {
  grid-template-columns: 1fr;
  row-gap: 20px;
  column-gap: 20px;
  }
}

.prod-pillar {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.06);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.08);
  border-right-color: rgba(255, 255, 255, 0.08);
  border-bottom-color: rgba(255, 255, 255, 0.08);
  border-left-color: rgba(255, 255, 255, 0.08);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-pillar-icon {
  width: 50px;
  height: 50px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background: var(--color-egs-blue-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-green-3);
  flex-shrink: 0;
}

.prod-pillar-icon svg {
  width: 26px;
  height: 26px;
}

.prod-pillar-title {
  font-family: var(--font-sans-3);
  font-size: 24px;
  font-weight: 500;
  line-height: 26.4px;
  letter-spacing: -1px;
  color: var(--color-egs-green-3);
  margin: 0px;
}

.prod-pillar-desc {
  font-family: var(--font-sans-3);
  font-size: 18px;
  font-weight: 400;
  line-height: 25.2px;
  color: var(--color-egs-card-bg-3);
  margin: 0px;
}

.prod-diagnostic {
  width: 100vw;
  min-height: 100vh;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(20, 57, 47);
  padding: 96px 0px;
  box-sizing: border-box;
}

@media (max-width: 1024px) {
  .prod-diagnostic {
  padding: 72px 0px;
  }
}

.prod-diagnostic-grid {
  display: grid;
  grid-template-columns: minmax(0px, 1fr) minmax(0px, 681px);
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1024px) {
  .prod-diagnostic-grid {
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.prod-diagnostic-text {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.prod-quiz-card {
  background: var(--color-egs-blue-3);
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 24px;
  padding: 46px;
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  box-shadow: rgba(2, 7, 6, 0.35) 0px 30px 60px;
}

@media (max-width: 744px) {
  .prod-quiz-card {
  padding: 28px;
  }
}

.prod-quiz-progress {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
}

.prod-quiz-track {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  height: 6px;
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.18);
  overflow-x: hidden;
  overflow-y: hidden;
}

.prod-quiz-fill {
  display: block;
  height: 100%;
  width: 0px;
  background: var(--color-egs-green-3);
  border-top-left-radius: 999px;
  border-top-right-radius: 999px;
  border-bottom-right-radius: 999px;
  border-bottom-left-radius: 999px;
  transition-behavior: normal;
  transition-duration: 0.45s;
  transition-timing-function: cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: 0s;
  transition-property: width;
}

.prod-quiz-counter {
  font-size: 14px;
  color: rgba(255, 255, 255, 0.7);
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

.prod-quiz-body {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
}

.prod-quiz-question {
  font-family: var(--font-sans-3);
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  color: rgb(255, 255, 255);
  margin: 0px;
}

@media (max-width: 744px) {
  .prod-quiz-question {
  font-size: 20px;
  }
}

.prod-quiz-options {
  display: flex;
  flex-direction: column;
  row-gap: 12px;
  column-gap: 12px;
}

.prod-quiz-opt {
  display: flex;
  align-items: center;
  row-gap: 14px;
  column-gap: 14px;
  padding: 16px 20px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(255, 255, 255, 0.06);
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  color: rgb(255, 255, 255);
  cursor: pointer;
  text-align: left;
  font-family: var(--font-sans-3);
  transition: var(--transition-fast);
}

.prod-quiz-opt:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(190, 233, 178, 0.14);
  border-top-color: rgba(190, 233, 178, 0.4);
  border-right-color: rgba(190, 233, 178, 0.4);
  border-bottom-color: rgba(190, 233, 178, 0.4);
  border-left-color: rgba(190, 233, 178, 0.4);
}

.prod-quiz-radio {
  width: 20px;
  height: 20px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-width: 2px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 2px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(255, 255, 255, 0.5);
  border-right-color: rgba(255, 255, 255, 0.5);
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-left-color: rgba(255, 255, 255, 0.5);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  flex-shrink: 0;
}

.prod-quiz-opt:hover .prod-quiz-radio {
  border-color: var(--color-egs-green-3);
}

.prod-quiz-opt-label {
  font-size: 16px;
  line-height: 26px;
}

.prod-quiz-result {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-quiz-result-title {
  font-family: var(--font-sans-3);
  font-size: 32px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -1px;
  color: var(--color-egs-green-3);
  margin: 0px;
}

.prod-quiz-result-desc {
  font-size: 18px;
  line-height: 28.8px;
  color: var(--color-egs-text-3);
  margin: 0px;
}

.prod-quiz-result-actions {
  display: flex;
  row-gap: 16px;
  column-gap: 16px;
  flex-wrap: wrap;
  margin-top: 8px;
}

.prod-reco {
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-lighter-3);
  padding: 96px 64px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  position: sticky;
  top: 0px;
  z-index: 5;
}

@media (max-width: 1024px) {
  .prod-reco {
  padding: 72px 32px;
  }
}

@media (max-width: 744px) {
  .prod-reco {
  padding: 64px 24px;
  }
}

.prod-reco-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 48px;
  column-gap: 48px;
  text-align: center;
  max-width: 980px;
}

.prod-grade-cards {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 36px;
  column-gap: 36px;
}

@media (max-width: 1024px) {
  .prod-grade-cards {
  grid-template-columns: 1fr;
  }
}

.prod-grade-card {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  padding: 24px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgb(255, 255, 255);
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
  box-shadow: rgba(7, 25, 21, 0.05) 0px 8px 30px;
}

@media (max-width: 744px) {
  .prod-grade-card {
  flex-direction: column;
  }
}

.prod-grade-thumb {
  width: 96px;
  flex-shrink: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  overflow-x: hidden;
  overflow-y: hidden;
  background-image: linear-gradient(rgb(185, 189, 180), rgb(86, 90, 82));
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  align-self: flex-start;
}

@media (max-width: 744px) {
  .prod-grade-thumb {
  width: 100%;
  height: 160px;
  }
}

.prod-grade-thumb img {
  width: 100%;
  height: 128px;
  object-fit: cover;
  display: block;
  mix-blend-mode: luminosity;
  opacity: 0.85;
}

@media (max-width: 744px) {
  .prod-grade-thumb img {
  height: 100%;
  }
}

.prod-grade-body {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0%;
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-grade-name {
  font-family: var(--font-sans-3);
  font-size: 32px;
  font-weight: 500;
  line-height: 35px;
  letter-spacing: -1px;
  color: var(--color-egs-blue-3);
  margin: 0px;
}

.prod-grade-specs {
  margin: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 6px;
  column-gap: 6px;
}

.prod-spec-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 6px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(81, 94, 91, 0.15);
}

.prod-spec-row dt {
  font-size: 15px;
  font-weight: 400;
  line-height: 24px;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.prod-spec-row dd {
  font-size: 15px;
  font-weight: 600;
  line-height: 24px;
  color: rgb(20, 57, 47);
  margin: 0px;
}

.prod-grade-desc {
  font-family: var(--font-sans-3);
  font-size: 16px;
  font-weight: 500;
  line-height: 20.8px;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.prod-alt {
  position: sticky;
  top: 0px;
  z-index: 6;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-card-3);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-alt-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/TnG3rrjL4L7u7sJ4jsyj5-image-import-42.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-alt-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(14, 15, 15, 0.55) 0%, rgba(14, 15, 15, 0.92) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-alt-inner {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  text-align: center;
  padding: 110px 64px;
}

.prod-alt-scroll {
  width: 46px;
  height: 46px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: rgba(254, 248, 236, 0.4);
  border-right-color: rgba(254, 248, 236, 0.4);
  border-bottom-color: rgba(254, 248, 236, 0.4);
  border-left-color: rgba(254, 248, 236, 0.4);
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-cream-warm-3);
  margin-top: 16px;
  transition: var(--transition-smooth);
}

.prod-alt-scroll:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(3px);
}

.prod-alt-scroll svg {
  width: 20px;
  height: 20px;
}

.prod-cta-props {
  position: sticky;
  top: 0px;
  z-index: 7;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-card-3);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-cta-props-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/hn3d1rJD1R4XgDkFHpe0D-cta-prop-bg.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cta-props-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(14, 15, 15, 0.82);
}

.prod-cta-props-inner {
  position: relative;
  z-index: 1;
  padding: 96px 64px;
  max-width: 754px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 28px;
  column-gap: 28px;
  text-align: center;
}

@media (max-width: 1024px) {
  .prod-cta-props-inner {
  padding: 80px 32px;
  }
}

.prod-cta-props-lead {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 400;
  line-height: 32px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.prod-cta-props-strong {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.prod-props-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 10px;
  column-gap: 10px;
  margin: 8px 0px;
}

@media (max-width: 1024px) {
  .prod-props-grid {
  grid-template-columns: 1fr;
  row-gap: 24px;
  column-gap: 24px;
  }
}

.prod-prop {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
}

.prod-prop-icon {
  width: 50px;
  height: 50px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  background: var(--color-egs-blue-3);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: var(--color-egs-green-3);
}

.prod-prop-icon svg {
  width: 26px;
  height: 26px;
}

.prod-prop-title {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -1px;
  color: var(--color-egs-green-3);
  margin: 0px;
}

.prod-prop-desc {
  font-family: var(--font-sans-3);
  font-size: 16px;
  font-weight: 500;
  line-height: 22.4px;
  color: var(--color-egs-card-bg-3);
  margin: 0px;
}

.prod-cta-final {
  position: sticky;
  top: 0px;
  z-index: 8;
  width: 100vw;
  min-height: 100vh;
  background: var(--color-egs-dark-3);
  overflow-x: hidden;
  overflow-y: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

.prod-cta-final-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
  background-image: url('/uploads/S2phiV_k0scOlI4VKUhtK-cta-final-bg.webp');
  background-position-x: center;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cta-final-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(rgba(7, 25, 21, 0.55) 0%, rgba(7, 25, 21, 0.96) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
}

.prod-cta-final-inner {
  position: relative;
  z-index: 1;
  padding: 110px 64px;
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 24px;
  column-gap: 24px;
  text-align: center;
  max-width: 760px;
}

@media (max-width: 1024px) {
  .prod-cta-final-inner {
  padding: 80px 32px;
  }
}

.prod-cta-final-title {
  font-family: var(--font-sans-3);
  font-size: 64px;
  font-weight: 500;
  line-height: 64px;
  letter-spacing: -1px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

@media (max-width: 1024px) {
  .prod-cta-final-title {
  font-size: 48px;
  line-height: 52px;
  }
}

@media (max-width: 744px) {
  .prod-cta-final-title {
  font-size: 40px;
  line-height: 44px;
  }
}

.prod-cta-final-desc {
  font-family: var(--font-sans-3);
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.prod-cta-final-actions {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 8px;
}

@media (max-width: 744px) {
  .prod-cta-final-actions {
  flex-direction: column;
  align-items: stretch;
  }
}

body {
  overflow-x: clip;
}

@media (max-width: 744px) {
  .prod-cta-final-actions .prod-btn-2 {
  justify-content: center;
  }
}

@media (max-width: 744px) {
  .prod-reco, .prod-alt, .prod-cta-props, .prod-cta-final {
  position: relative;
  top: auto;
  z-index: auto;
  }
}

.tr-kicker {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.6;
  color: var(--color-egs-blue-3);
  margin: 0px 0px 8px;
}

.tr-kicker--green {
  color: var(--color-egs-green-3);
}

.tr-kicker--cream {
  color: var(--color-egs-cream-warm-3);
}

.tr-heading {
  font-size: clamp(32px, 4.2vw, 48px);
  font-weight: 600;
  line-height: 1.15;
  letter-spacing: -1px;
  color: var(--color-egs-dark-3);
  margin: 0px;
}

.tr-heading--cream {
  color: var(--color-egs-cream-3);
}

.tr-heading .accent {
  color: var(--color-egs-green-3);
}

.tr-lead {
  font-size: 18px;
  line-height: 1.7;
  color: var(--color-egs-divider-3);
  margin: 0px;
  max-width: 56ch;
}

.tr-btn {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 24px;
  border-top-left-radius: 9999px;
  border-top-right-radius: 9999px;
  border-bottom-right-radius: 9999px;
  border-bottom-left-radius: 9999px;
  font-family: var(--font-sans-3);
  font-weight: 500;
  font-size: 18px;
  line-height: 1.6;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-smooth);
}

.tr-btn .arrow-icon-2 {
  width: 22px;
  height: 22px;
}

.tr-btn--green {
  background: var(--color-egs-green-3);
  border: 1px solid var(--color-egs-green-3);
  color: var(--color-egs-dark-3);
}

.tr-btn--green:hover {
  background: var(--color-egs-green-light-3);
  border-color: var(--color-egs-green-light-3);
  transform: translateY(-2px);
  box-shadow: rgba(190, 233, 178, 0.3) 0px 8px 24px;
}

.tr-btn--outline {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: transparent;
  border: 1px solid var(--color-egs-cream-warm-3);
  color: var(--color-egs-cream-warm-3);
}

.tr-btn--outline:hover {
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(254, 248, 236, 0.1);
  transform: translateY(-2px);
}

.tr-link {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
  column-gap: 8px;
  font-size: 17px;
  font-weight: 500;
  color: var(--color-egs-green-3);
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  transition: var(--transition-smooth);
}

.tr-link .arrow-icon-2 {
  width: 16px;
  height: 16px;
  transition-behavior: normal;
  transition-duration: 0.2s;
  transition-timing-function: ease;
  transition-delay: 0s;
  transition-property: transform;
}

.tr-link:hover .arrow-icon-2 {
  transform: translateX(3px);
}

.tr-story {
  background: var(--color-egs-light-3);
  padding: 120px 0px;
}

@media (max-width: 744px) {
  .tr-story {
  padding-top: 72px;
  padding-bottom: 72px;
  }
}

.tr-story-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

@media (max-width: 1024px) {
  .tr-story-grid {
  grid-template-columns: 1fr;
  row-gap: 40px;
  column-gap: 40px;
  }
}

.tr-story-text {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  align-items: flex-start;
}

.tr-story-text .tr-lead {
  max-width: none;
}

.tr-story-media {
  position: relative;
  display: grid;
  grid-template-columns: 0.7fr 1fr;
  grid-template-rows: auto auto;
  row-gap: 16px;
  column-gap: 16px;
  min-height: 460px;
}

@media (max-width: 1024px) {
  .tr-story-media {
  min-height: 380px;
  }
}

.tr-story-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  display: block;
}

.tr-story-media .m-tall {
  grid-row-start: 1;
  grid-row-end: span 2;
}

.tr-story-media .m-wide {
  grid-column-start: 2;
  grid-column-end: auto;
}

.tr-story-media--map {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: 460px;
}

.tr-story-media .m-map {
  width: auto;
  height: 100%;
  max-height: 520px;
  max-width: 100%;
  object-fit: contain;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
}

.tr-intro {
  position: relative;
  background: var(--color-egs-card-3);
  min-height: 90vh;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 120px 64px;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tr-intro-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.tr-intro-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-intro-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(14,15,15,0) 45%, var(--color-egs-card-3) 92%),
        linear-gradient(0deg, rgba(14,15,15,0) 45%, var(--color-egs-card-3) 92%);
}

.tr-intro-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
}

.tr-intro .tr-heading {
  font-size: clamp(32px, 4vw, 48px);
}

.tr-axes {
  position: relative;
  background: var(--color-egs-dark-3);
}

.tr-axis {
  position: sticky;
  top: 0px;
  min-height: 100vh;
  display: flex;
  align-items: center;
  padding: 80px 0px;
  overflow-x: hidden;
  overflow-y: hidden;
}

@media (max-width: 744px) {
  .tr-axis {
  padding: 56px 0px;
  min-height: auto;
  position: relative;
  }
}

.tr-axis-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.tr-axis-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-axis--left .tr-axis-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(90deg, rgba(14, 15, 15, 0.92) 38%, rgba(14, 15, 15, 0.25) 70%, rgba(14, 15, 15, 0) 100%), linear-gradient(0deg, rgba(14, 15, 15, 0.55), rgba(14, 15, 15, 0.55));
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.tr-axis--right .tr-axis-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-image: linear-gradient(270deg, rgba(14, 15, 15, 0.92) 38%, rgba(14, 15, 15, 0.25) 70%, rgba(14, 15, 15, 0) 100%), linear-gradient(0deg, rgba(14, 15, 15, 0.55), rgba(14, 15, 15, 0.55));
  background-position-x: initial, initial;
  background-position-y: initial, initial;
  background-size: initial, initial;
  background-repeat: initial, initial;
  background-attachment: initial, initial;
  background-origin: initial, initial;
  background-clip: initial, initial;
  background-color: initial;
}

.tr-axis-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  row-gap: 64px;
  column-gap: 64px;
  align-items: center;
}

.tr-axis--right .tr-axis-grid {
  grid-template-columns: 1.1fr 0.9fr;
}

.tr-axis--right .tr-axis-title {
  order: 2;
}

@media (max-width: 1024px) {
  .tr-axis--right .tr-axis-title {
  order: 1;
  }
}

.tr-axis--right .tr-axis-body {
  order: 1;
}

@media (max-width: 1024px) {
  .tr-axis--right .tr-axis-body {
  order: 2;
  }
}

.tr-axis-title {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  column-gap: 8px;
}

.tr-axis-title .tr-heading {
  font-size: clamp(32px, 4vw, 48px);
}

.tr-axis-title .tr-heading .ln-white {
  color: rgb(255, 255, 255);
}

.tr-axis-body {
  display: flex;
  flex-direction: column;
  row-gap: 28px;
  column-gap: 28px;
  align-items: flex-start;
}

.tr-axis-body .tr-body-text {
  font-size: 20px;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
  max-width: 60ch;
}

@media (max-width: 744px) {
  .tr-axis-body .tr-body-text {
  font-size: 18px;
  }
}

.tr-list {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}

.tr-list li {
  position: relative;
  padding-left: 30px;
  font-size: 17px;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.88);
}

.tr-list li::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 7px;
  width: 14px;
  height: 14px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: var(--color-egs-green-3);
  box-shadow: rgba(190, 233, 178, 0.18) 0px 0px 0px 4px;
}

.tr-cards {
  list-style-position: initial;
  list-style-image: initial;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: flex;
  flex-direction: column;
  row-gap: 22px;
  column-gap: 22px;
  width: 100%;
  max-width: 560px;
}

.tr-card {
  position: relative;
  padding-left: 30px;
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  column-gap: 4px;
}

.tr-card::before {
  content: "";
  position: absolute;
  left: 0px;
  top: 5px;
  width: 14px;
  height: 14px;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  border-bottom-left-radius: 7px;
  background: var(--color-egs-green-3);
  box-shadow: rgba(190, 233, 178, 0.18) 0px 0px 0px 4px;
}

.tr-card-h {
  font-size: 17px;
  font-weight: 600;
  color: var(--color-egs-green-3);
  letter-spacing: -0.3px;
}

.tr-card-t {
  font-size: 17px;
  line-height: 1.6;
  color: rgba(255, 255, 255, 0.82);
}

.tr-stats {
  display: flex;
  align-items: center;
  background: var(--color-egs-dark-3);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(190, 233, 178, 0.12);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: rgba(190, 233, 178, 0.12);
  padding: 20px 64px;
}

@media (max-width: 744px) {
  .tr-stats {
  padding: 20px 24px;
  }
}

.tr-axis:has(.tr-stats) {
  flex-direction: column;
  justify-content: center;
  row-gap: 56px;
  column-gap: 56px;
}

.tr-axis .tr-stats {
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  z-index: 1;
  width: 100%;
  background-image: linear-gradient(0deg, rgba(14, 15, 15, 0.78) 0%, rgba(14, 15, 15, 0.42) 60%, rgba(14, 15, 15, 0) 100%);
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: rgba(190, 233, 178, 0.18);
  border-bottom-width: medium;
  border-bottom-style: none;
  border-bottom-color: currentcolor;
}

.tr-axis:has(.tr-stats) {
  padding-bottom: 80px;
}

@media (max-width: 744px) {
  .tr-axis:has(.tr-stats) {
  row-gap: 40px;
  column-gap: 40px;
  padding-bottom: 56px;
  }
}

.tr-stats-grid {
  max-width: var(--max-width);
  margin: 0px auto;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .tr-stats-grid {
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 32px;
  column-gap: 32px;
  }
}

.tr-stat {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 210px;
}

@media (max-width: 744px) {
  .tr-stat {
  max-width: 100%;
  }
}

.tr-stat-val {
  font-size: clamp(36px, 3.4vw, 48px);
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: -2px;
  color: var(--color-egs-cream-warm-3);
}

.tr-stat-lbl {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.3;
  color: var(--color-egs-cream-warm-3);
}

.tr-stat-divider {
  width: 1px;
  align-self: stretch;
  background-image: initial;
  background-position-x: initial;
  background-position-y: initial;
  background-size: initial;
  background-repeat: initial;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: rgba(190, 233, 178, 0.25);
}

@media (max-width: 1024px) {
  .tr-stat-divider {
  display: none;
  }
}

.tr-defis {
  background: var(--color-egs-light-3);
  padding: 96px 64px;
}

.tr-defis-inner {
  max-width: var(--max-width);
  margin: 0px auto;
}

.tr-defis-head {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  column-gap: 16px;
  max-width: 640px;
  margin-bottom: 56px;
}

.tr-defis-sub {
  font-size: 18px;
  line-height: 1.6;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.tr-defis-grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  row-gap: 24px;
  column-gap: 24px;
}

@media (max-width: 1024px) {
  .tr-defis-grid {
  grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 744px) {
  .tr-defis-grid {
  grid-template-columns: 1fr;
  }
}

.tr-defi-card {
  background: var(--color-egs-offwhite-3);
  border: 1px solid var(--color-egs-card-bg-3);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 25px 21px;
  min-height: 243px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: var(--transition-smooth);
}

.tr-defi-card:hover {
  border-color: var(--color-egs-green-3);
  transform: translateY(-4px);
  box-shadow: rgba(18, 91, 74, 0.08) 0px 12px 32px;
}

.tr-defi-num {
  font-size: 24px;
  font-weight: 600;
  color: var(--color-egs-blue-3);
  line-height: 1.2;
}

.tr-defi-body {
  display: flex;
  flex-direction: column;
  row-gap: 14px;
  column-gap: 14px;
}

.tr-defi-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  color: rgb(13, 12, 12);
  margin: 0px;
}

.tr-defi-desc {
  font-size: 16px;
  line-height: 1.3;
  color: var(--color-egs-divider-3);
  margin: 0px;
}

.tr-final {
  position: relative;
  background: var(--color-egs-offwhite-3);
  min-height: 78vh;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow-x: hidden;
  overflow-y: hidden;
}

.tr-final-bg {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 0;
}

.tr-final-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tr-final-bg::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background: linear-gradient(180deg, rgba(14,15,15,0.82) 0%, rgba(14,15,15,0.9) 60%, var(--color-egs-dark-3) 100%);
}

.tr-final-inner {
  position: relative;
  z-index: 1;
  max-width: 800px;
  text-align: center;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
  column-gap: 24px;
  align-items: center;
  padding: 80px 24px;
}

.tr-final-title {
  font-size: clamp(40px, 5vw, 64px);
  font-weight: 500;
  line-height: 1.05;
  letter-spacing: -1px;
  color: var(--color-egs-cream-3);
  margin: 0px;
}

.tr-final-sub {
  font-size: 20px;
  line-height: 1.6;
  color: var(--color-egs-offwhite-3);
  margin: 0px;
}

.tr-final-btns {
  display: flex;
  row-gap: 24px;
  column-gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}

@media (max-width: 1024px) {
  .tr-axis-grid, .tr-axis--right .tr-axis-grid {
  grid-template-columns: 1fr;
  row-gap: 32px;
  column-gap: 32px;
  }
}

@media (max-width: 744px) {
  .tr-story, .tr-intro, .tr-defis {
  padding-left: 24px;
  padding-right: 24px;
  }
}

.prod-heading-2 {
  font-size: 48px;
  font-weight: 500;
  color: var(--color-egs-dark-3);
  line-height: 57.6px;
  letter-spacing: -1px;
  font-family: var(--font-sans-3);
  margin: 8px 0px 0px;
}

@media (max-width: 744px) {
  .prod-heading-2 {
  font-size: 36px;
  letter-spacing: -1px;
  line-height: 44px;
  }
}

.prod-btn-2 {
  display: inline-flex;
  align-items: center;
  row-gap: 12px;
  column-gap: 12px;
  padding: 10px 24px;
  background-color: var(--color-egs-blue-3);
  border: 1px solid var(--color-egs-blue-3);
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  color: var(--color-egs-cream-3);
  font-weight: 500;
  font-size: 18px;
  transition: var(--transition-smooth);
  align-self: flex-start;
  font-family: var(--font-sans-3);
  line-height: 1.6;
  cursor: pointer;
  text-decoration-line: none;
  text-decoration-thickness: initial;
  text-decoration-style: initial;
  text-decoration-color: initial;
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent;
  border-left-color: transparent;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  white-space-collapse: collapse;
  text-wrap-mode: nowrap;
}

@media (max-width: 744px) {
  .prod-btn-2 {
  padding: 10px 20px;
  font-size: 16px;
  width: 100%;
  justify-content: center;
  }
}