/* screen - version-9u475 */

.version-9u475 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  position: relative;
  max-width: 1440px;   /* instead of fixed width */
  width: 100%;         /* responsive */
  margin: 0 auto;      /* center horizontally */
}

.version-9u475 .home {
  background-image: url(../img/image.svg);
  background-size: cover; /* scale background */
  background-position: center;
  height: 810px;
  position: relative;
  max-width: 1440px;
  width: 100%;         /* responsive */
  margin: 0 auto;      /* center horizontally */
}

.version-9u475 .overlap-group1 {
  height: 686px;
  position: relative;
}

.version-9u475 .frame-427321464 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 40px;
  left: 140px;
  position: absolute;
  top: 236px;
}

.version-9u475 .data-ai-analytics {
  color: var(--backgroundalt);
  font-family: var(--font-family-roboto);
  font-size: var(--font-size-xxxl);
  font-weight: 600;
  letter-spacing: 0;
  line-height: 87px;
  margin-top: -1.00px;
  position: relative;
  width: 810px;
}

.version-9u475 .frame-427321462 {
  align-items: flex-end;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 120px;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.version-9u475 .frame-427321463 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 65px;
  justify-content: flex-end;
  position: relative;
}

.version-9u475 .frame-427321465 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
  width: 100%;
}

.version-9u475 .make-smarter-carbon-decisions-faster {
  align-self: stretch;
  color: var(--backgroundalt);
  font-weight: 500;
  line-height: 32px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .empower-your-sustain {
  align-self: stretch;
  color: var(--backgroundalt);
  font-weight: 400;
  line-height: 24px;
  position: relative;
}

.version-9u475 .frame {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
}

.version-9u475 .frame-1 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 16px;
  position: relative;
}

.version-9u475 .button {
  align-items: center;
  background-color: var(--textprimary);
  border-radius: 75px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 7.5px;
  justify-content: center;
  padding: 14.25px 21px;
  position: relative;
}

.version-9u475 .get-early-access {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: -0.75px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-size: 14px;
}

.version-9u475 .button-1 {
  align-items: center;
  border: 0.75px solid;
  border-color: var(--backgroundalt);
  border-radius: 75px;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 7.5px;
  justify-content: center;
  padding: 14.25px 21px;
  position: relative;
}

.version-9u475 .get-in-touch {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: -0.75px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-size: 14px;
}

.version-9u475 .description {
  -webkit-backdrop-filter: blur(42.83px) brightness(100%);
  backdrop-filter: blur(42.83px) brightness(100%);
  background-color: #ffffff1a;
  border-radius: 25.7px;
  height: 180px;
  position: relative;
  width: 510.56px;
}

.version-9u475 .overlap-group-4 {
  height: 150px;
  left: 15px;
  position: relative;
  top: 15px;
  width: 468px;
}

.version-9u475 .image {
  background-color: #213437;
  border-radius: 17.13px;
  height: 150px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(180deg);
  width: 190px;
}

.version-9u475 .frame-427321422 {
  align-items: center;
  display: inline-flex;
  gap: 24px;
  left: 0;
  position: absolute;
  top: 0;
}

.version-9u475 .mask-group {
  height: 149.64px;
  position: relative;
  width: 189.67px;
}

.version-9u475 .frame-4273214 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 24px;
  position: relative;
}

.version-9u475 .voluntary-carbon-mar {
  color: #ffffffcc;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-s);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24.0px;
  margin-top: -1.00px;
  position: relative;
  width: 254px;
}

.version-9u475 .book-a-demo {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: -0.75px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-size: 14px;
}

.version-9u475 .nav-bar {
  align-items: center;          /* vertical centering */
  justify-content: center;      /* horizontal centering */
  display: flex;
  height: 60px;
  left: 0;
  width: 100%;
  padding: 0 10px;              /* smaller side padding so it doesn't push */
  position: sticky;
  top: 0;
  z-index: 9999;
  background: transparent;
  color: #fff;
  transition: background 0.3s ease, color 0.3s ease;
}


/* Neutralise the exported "white text" utility so it can flip on scroll */
.version-9u475 .nav-bar .roboto-semi-bold-white-12px {
  color: inherit !important;
}

/* Make all menu labels inherit the header color (they’re divs, not just <a>) */
.version-9u475 .nav-bar a,
.version-9u475 .nav-bar .place,
.version-9u475 .nav-bar .overview,
.version-9u475 .nav-bar .platform,
.version-9u475 .nav-bar .fa-qs,
.version-9u475 .nav-bar .get-in-touch-1,
.version-9u475 .nav-bar .carbon-ai {
  color: inherit;                     /* takes white by default */
}

/* Sign-in link: follow the same inherit so it’s white before scroll, black after */
.version-9u475 .nav-bar .sign-in-btn {
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}


/* When scrolled, we’ll add a class via JS */
.version-9u475 .nav-bar.scrolled {
  /*background: #fff;          / background shows only after scroll */
}

.version-9u475 .nav-bar a {
  color: #fff;   /* default: white text on transparent/nav image */
  transition: color 0.3s ease;
}

.version-9u475 .nav-bar.scrolled a {
  color: #000;   /* black text once scrolled (on white background) */
}

.version-9u475 .nav-bar a:hover {
  color: #007bff;   /* blue on hover */
}


/* Hover (works in both states) */
.version-9u475 .nav-bar a:hover {
  color: #007bff;
}

/* When scrolled: white background + dark text */
.version-9u475 .nav-bar.scrolled {
  background: rgba(255,255,255,0.7);
  backdrop-filter: blur(6px);
  
  color: #000;                     /* flips all inherited items to black */
}

/* Keep the dropdown readable regardless of header state */
.version-9u475 .nav-bar .platform-dropdown {
  background: rgba(255,255,255,0.9);
  backdrop-filter: blur(6px);
   
}
.version-9u475 .nav-bar .platform-dropdown a {
  color: #000;
}

/* Push page content down so it doesn't hide under the nav */
body {
  padding-top: 100px;  /* match .nav-bar height */
}


.version-9u475 .frame-112 {
  align-items: center;
  display: flex;
  gap: 221px;
  position: relative;
  width: 1160px;
}

.version-9u475 .frame-2 {
  align-items: center;
  display: flex;
  flex: 1;
  flex-grow: 1;
  gap: 79px;
  position: relative;
}

.version-9u475 .frame-97 {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.version-9u475 .frame-3 {
  align-items: center;
  align-self: stretch;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 6px 0px 0px;
  position: relative;
  width: 81px;
}

.version-9u475 .carbon-ai {
  color: var(--backgroundalt);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  position: relative;
}

.version-9u475 .default-avatar-android {
  height: 40px;
  position: relative;
  width: 40px;
}

.version-9u475 .default-avatar-android-1 {
  align-items: flex-start;
  background-image: url(../img/mask-group-2@2x.png);
  background-size: 100% 100%;
  display: flex;
  padding: 1.7px 0.8px;
}

.version-9u475 .overlap-group {
  height: 34px;
  margin-left: 1px;
  position: relative;
  width: 38px;
}

.version-9u475 .initials {
  color: var(--textheading);
  font-family: var(--font-family-font_awesome_6_free-solid);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 24px;
  left: 3px;
  letter-spacing: -0.40px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: 30px;
}

.version-9u475 .android-carbon-ai {
  height: 34px;
  left: 0;
  position: absolute;
  top: 0;
  width: 38px;
}

.version-9u475 .frame-1-1 {
  align-items: center;
  align-self: stretch;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 56px;
  padding: 5px 0px 0px;
  position: relative;
  font-size: 14px;

}

.version-9u475 .place {
  letter-spacing: 0;
  line-height: 22.5px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .overview {
  letter-spacing: 0;
  line-height: 22.5px;
  opacity: 0.8;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .nav-item-dark {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 4px;
  position: relative;
}

.version-9u475 .platform {
  letter-spacing: 0;
  line-height: 22.5px;
  opacity: 1;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .rich-text-editorcaret {
  height: 24px;
  position: relative;
  width: 24px;
}

.version-9u475 .fa-qs {
  letter-spacing: 0;
  line-height: 22.5px;
  opacity: 0.8;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .get-in-touch-1 {
  letter-spacing: 0;
  line-height: 22.5px;
  opacity: 1;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  
}

.version-9u475 .buttons {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 36px;
  position: relative;
}

.version-9u475 .sign-in {
  letter-spacing: 0;
  line-height: 22.5px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-size: 14px;
}

.version-9u475 .get-early-access-1 {
  letter-spacing: 0;
  line-height: 22.5px;
  margin-top: -0.75px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
  font-size: 14px;
}

.version-9u475 .logos {
  align-items: center;
  background-color: var(--backgroundalt);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 107px;
  padding: 80px 0px;
  position: relative;
  width: 1440px;
}

.version-9u475 .frame-427321465-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 40px;
  position: relative;
  width: 1240px;
}

.version-9u475 .trusted-by-leading-brands-worldwide {
  color: var(--textprimary);
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .group-137 {
  align-self: stretch;
  height: 56px;
  position: relative;
  width: 100%;
}

.version-9u475 .overlap-group-5 {
  height: 56px;
  position: relative;
  width: 1240px;
}

.version-9u475 .category-cards {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 56px;
  left: 1px;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1239px;
}

.version-9u475 .slider-horizontal {
  height: 56px;
  /* margin-right: -648.62px; */
  overflow: hidden;
  position: relative;
  width: 1888px;
}

.version-9u475 .change-to-your-logos-here {
  align-items: center;
  display: inline-flex;
  gap: 96px;
  position: relative;
}

.version-9u475 .logo-box {
  flex: 0 0 auto;
  height: 55.75px;
  position: relative;
}
/*
.version-9u475 .logo-box-1 {
  margin-left: -6406.53px;
}

.version-9u475 .logo-box-2 {
  margin-left: -6131.53px;
}

.version-9u475 .logo-box-3 {
  margin-left: -5850.53px;
}

.version-9u475 .logo-box-4 {
  margin-left: -5558.53px;
}

.version-9u475 .logo-box-5 {
  margin-left: -5236.53px;
}

.version-9u475 .logo-box-6 {
  margin-left: -4962.53px;
}

.version-9u475 .logo-box-7 {
  margin-left: -4665.53px;
}
*/
.version-9u475 .rectangle-7 {
  left: 0;
}

.version-9u475 .rectangle-8 {
  left: 1118px;
  transform: rotate(180deg);
}

.version-9u475 .service-1 {
  align-self: stretch;
  background-color: var(--backgroundalt);
  flex: 0 0 auto;
  padding: 100px 0px;
  width: 100%;
}

.version-9u475 .carbon-trust-and-transparency {
  letter-spacing: 0;
  line-height: 87px;
  margin-top: -0.75px;
  position: relative;
  text-align: center;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .services {
  height: 556.17px;
  position: relative;
  width: 1140px;
}

.version-9u475 .flex-row-2 {
  align-items: flex-end;
  display: flex;
  gap: 54px;
  height: 556px;
  min-width: 1146px;
}

.version-9u475 .overlap-group-container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 56px;
  min-height: 556px;
  width: 346px;
}

.version-9u475 .overlap-group-6 {
  align-items: flex-start;
  background: linear-gradient(134deg, rgba(201, 229, 232, 1) 0%, rgba(201, 229, 232, 0.15) 100%);
  border-radius: 22.5px;
  box-shadow: 0px 8px 16px -2px #4747473d;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 39.5px 40px;
  width: 340px;
}

.version-9u475 .flex-row-3 {
  align-items: flex-end;
  display: flex;
  gap: 205px;
  height: 24px;
  margin-left: 0.02px;
  min-width: 239px;
}

.version-9u475 .number {
  color: var(--textlight);
  font-weight: 500;
  line-height: 24px;
  min-width: 18px;
  white-space: nowrap;
}

.version-9u475 .robot {
  height: 16px;
  margin-bottom: 1.52px;
  width: 16px;
}

.version-9u475 .carbon-chat {
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: -8px;
  margin-left: 0.02px;
  margin-top: 39px;
  min-height: 13px;
  white-space: nowrap;
}

.version-9u475 .instant-expert-ai-a {
  color: var(--textlight);
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
  min-height: 48px;
  width: 246px;
}

.version-9u475 .overlap-group1-1 {
  align-items: flex-start;
  background: linear-gradient(134deg, rgba(201, 229, 232, 1) 0%, rgba(201, 229, 232, 0.15) 100%);
  border-radius: 22.5px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 35.2px 40px;
  width: 340px;
}

.version-9u475 .flex-row-4 {
  align-items: flex-end;
  display: flex;
  gap: 205px;
  height: 24px;
  margin-left: 0.02px;
  margin-top: 4px;
  min-width: 239px;
}

.version-9u475 .x-chart {
  height: 16px;
  margin-bottom: 0.83px;
  width: 16px;
}

.version-9u475 .country-impact-index {
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: -8px;
  margin-left: 0.02px;
  margin-top: 39px;
  min-height: 13px;
  white-space: nowrap;
}

.version-9u475 .the-new-standard-for {
  color: var(--textlight);
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
  min-height: 72px;
  width: 246px;
}

.version-9u475 .overlap-group2 {
  align-items: flex-start;
  background: linear-gradient(134deg, rgba(201, 229, 232, 1) 0%, rgba(201, 229, 232, 0.15) 100%);
  border-radius: 22.5px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 34.9px 39.9px;
  width: 340px;
}

.version-9u475 .flex-row-5 {
  align-items: flex-end;
  display: flex;
  gap: 205px;
  height: 24px;
  margin-left: 0.13px;
  margin-top: 5px;
  min-width: 239px;
}

.version-9u475 .fa-line-chart {
  height: 16px;
  margin-bottom: 0.52px;
  width: 16px;
}

.version-9u475 .vcm-project-ratings {
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: -8px;
  margin-left: 0.13px;
  margin-top: 39px;
  min-height: 13px;
  white-space: nowrap;
}

.version-9u475 .clear-data-driven-a {
  color: var(--textlight);
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
  min-height: 72px;
  width: 246px;
}

.version-9u475 .overlap-group3 {
  align-items: flex-start;
  background: linear-gradient(134deg, rgba(201, 229, 232, 1) 0%, rgba(201, 229, 232, 0.15) 100%);
  border-radius: 22.5px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 35.2px 39.9px;
  width: 340px;
}

.version-9u475 .flex-row-6 {
  align-items: flex-end;
  display: flex;
  gap: 205px;
  height: 24px;
  margin-left: 0.13px;
  margin-top: 4px;
  min-width: 239px;
}

.version-9u475 .sdg-impact-index {
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: -8px;
  margin-left: 0.13px;
  margin-top: 39px;
  min-height: 13px;
  white-space: nowrap;
}

.version-9u475 .proprietary-ai-scori {
  color: var(--textlight);
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
  min-height: 72px;
  width: 246px;
}

.version-9u475 .overlap-group4 {
  align-items: flex-start;
  background: linear-gradient(134deg, rgba(201, 229, 232, 1) 0%, rgba(201, 229, 232, 0.15) 100%);
  border-radius: 22.5px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 34.9px 39.8px;
  width: 340px;
}

.version-9u475 .flex-row-7 {
  align-items: flex-end;
  display: flex;
  gap: 205px;
  height: 24px;
  margin-left: 0.24px;
  margin-top: 5px;
  min-width: 239px;
}

.version-9u475 .carbon-insights {
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: -8px;
  margin-left: 0.24px;
  margin-top: 39px;
  min-height: 13px;
  white-space: nowrap;
}

.version-9u475 .deep-insights-into-v {
  color: var(--textlight);
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
  min-height: 72px;
  width: 246px;
}

.version-9u475 .overlap-group5 {
  align-items: flex-start;
  background: linear-gradient(134deg, rgba(201, 229, 232, 1) 0%, rgba(201, 229, 232, 0.15) 100%);
  border-radius: 22.5px;
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 35.2px 39.8px;
  width: 340px;
}

.version-9u475 .flex-row-8 {
  align-items: flex-end;
  display: flex;
  gap: 205px;
  height: 24px;
  margin-left: 0.24px;
  margin-top: 4px;
  min-width: 239px;
}

.version-9u475 .technology-impact-index {
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: -8px;
  margin-left: 0.24px;
  margin-top: 39px;
  min-height: 13px;
  white-space: nowrap;
}

.version-9u475 .definitive-ai-evalua {
  color: var(--textlight);
  font-weight: 400;
  line-height: 24px;
  margin-top: 28px;
  min-height: 72px;
  width: 246px;
}

.version-9u475 .service-2 {
  align-self: stretch;
  background-color: var(--primaryteal1);
  flex: 0 0 auto;
  padding: 100px 0px;
  width: 100%;
}

.version-9u475 .about {
  height: 586.18px;
  position: relative;
  width: 1160px;
}

.version-9u475 .flex-row {
  align-items: flex-start;
  display: flex;
  gap: 32px;
  height: 447px;
  left: 0;
  min-width: 1090px;
  position: absolute;
  top: 139px;
}

.version-9u475 .frame-427321433 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-top: 29.43px;
  position: relative;
  width: 92px;
}

.version-9u475 .stat {
  height: 68px;
  position: relative;
  width: 92px;
}

.version-9u475 .frame-4273214-1 {
  align-items: flex-start;
  gap: 18px;
  width: 92px;
}

.version-9u475 .document-library {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .x300k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.version-9u475 .stat-1 {
  height: 53px;
  position: relative;
  width: 92px;
}

.version-9u475 .ai-agents {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .text-1 {
  align-self: stretch;
}

.version-9u475 .stat-4 {
  height: 95px;
  position: relative;
  width: 92px;
}

.version-9u475 .accuracy {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .x10x {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.version-9u475 .vs-generalist-ll-ms {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  position: relative;
}

.version-9u475 .overlap-group-1 {
  height: 447px;
  position: relative;
  width: 966px;
}

.version-9u475 .group-2 {
  height: 447px;
  left: 0;
  position: absolute;
  top: 0;
  width: 619px;
}

.version-9u475 .benefits {
  -webkit-backdrop-filter: blur(37.5px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(37.5px) brightness(100%);
  background-color: var(--cod-gray);
  border-radius: 22.5px;
  display: flex;
  gap: 24px;
  left: 512px;
  padding: 36px;
  position: absolute;
  top: 166px;
  width: 454px;
}

.version-9u475 .surname {
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  width: 382px;
}

.version-9u475 .frame-427321439 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
  width: 100%;
}

.version-9u475 .frame-42732143 {
  align-items: flex-start;
  display: flex;
  flex: 1;
  flex-direction: column;
  flex-grow: 1;
  gap: 16px;
  position: relative;
}

.version-9u475 .frame-42732143-1 {
  align-self: stretch;
  width: 100%;
}

.version-9u475 .fillcircle-checkmark {
  height: 16px;
  position: relative;
  width: 16px;
}

.version-9u475 .instant-carbon-market-insights {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .transparent-public-data-sources {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .comprehensive-registry-data-coverage {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .personalised-analytics-curation {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .project-documentation-interrogation {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .exportable-shareable-intelligence {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .title {
  align-items: flex-start;
  display: flex;
  height: 72px;
  left: 0;
  min-width: 1160px;
  position: absolute;
  top: 0;
}

.version-9u475 .frame-42732142 {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 1160px;
}

.version-9u475 .carbon {
  letter-spacing: 0;
  line-height: 87px;
  margin-top: -1.00px;
  position: relative;
  width: 778.28px;
}

.version-9u475 .make-faster-better {
  color: var(--textheading);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .service-3 {
  align-self: stretch;
  background-color: var(--backgroundalt);
  flex: 0 0 auto;
  padding: 100px 0px;
  transform: rotate(180deg);
  width: 100%;
}

.version-9u475 .about-1 {
  height: 601.36px;
  position: relative;
  width: 1160px;
}

.version-9u475 .flex-row-9 {
  align-items: flex-start;
  display: flex;
  gap: 326px;
  height: 447px;
  left: 0;
  min-width: 1120px;
  position: absolute;
  top: 154px;
}

.version-9u475 .stats-1 {
  align-items: flex-start;
  display: flex;
  height: 274px;
  margin-top: 29.43px;
  min-width: 91px;
  transform: rotate(180deg);
}

.version-9u475 .frame-427321444 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  position: relative;
  width: 91px;
}

.version-9u475 .stat-5 {
  height: 53px;
  position: relative;
  width: 91px;
}

.version-9u475 .frame-4273214-2 {
  align-items: flex-end;
  gap: 18px;
  width: 91px;
}

.version-9u475 .projects-rated {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .x10k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  text-align: right;
}

.version-9u475 .stat-6 {
  height: 68px;
  position: relative;
  width: 91px;
}

.version-9u475 .market-coverage {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .percent {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  text-align: right;
}

.version-9u475 .frame-4273214-3 {
  align-items: flex-end;
  align-self: stretch;
  flex: 0 0 auto;
  gap: 18px;
  width: 100%;
}

.version-9u475 .features-rated {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .text-2 {
  align-self: stretch;
  text-align: right;
}

.version-9u475 .overlap-group-2 {
  height: 447px;
  position: relative;
  width: 703px;
}

.version-9u475 .benefits-2 {
  left: 249px;
  top: 160px;
  transform: rotate(180deg);
}

.version-9u475 .fillcircle-checkmark-1 {
  height: 16px;
  position: relative;
  width: 16px;
}

.version-9u475 .independent-project-quality-scores {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .transparent-rating-methodology {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .country-sdg-and-technology-impacts {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .monthly-rating-updates {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .easy-inter-registry {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .actionable-riskimpact-insights {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .vcm-project-ratings-1 {
  letter-spacing: 0;
  line-height: 87px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  transform: rotate(180deg);
  width: 778.28px;
}

.version-9u475 .confidently-select-h {
  color: var(--textheading);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  transform: rotate(180deg);
}

.version-9u475 .service-4 {
  background-color: var(--primarygreen1);
  flex: 0 0 auto;
  padding: 100px 0px;
  width: 1440px;
}

.version-9u475 .retirements {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .beneficiaries {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .x90k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.version-9u475 .project-developers {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .x3k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.version-9u475 .market-trend-liquidity-analysis {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .detailed-offset-retirement-stats {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .regional-sector-breakdowns {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .project-level-compliance-data {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .beneficiary-portfolio-tracking {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .weekly-updates {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .identify-the-most-st {
  color: var(--textheading);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .service {
  align-items: center;
  background-color: var(--backgroundalt);
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 107px;
  padding: 100px 0px;
  position: relative;
  width: 1440px;
}

.version-9u475 .about-2 {
  height: 668.01px;
  position: relative;
  transform: rotate(180deg);
  width: 1159.64px;
}

.version-9u475 .flex-row-1 {
  align-items: flex-end;
  display: flex;
  gap: 32px;
  height: 447px;
  left: 0;
  min-width: 1120px;
  position: absolute;
  top: 0;
}

.version-9u475 .stats {
  align-items: flex-start;
  display: flex;
  height: 274px;
  margin-bottom: 29.43px;
  min-width: 92px;
  transform: rotate(-180deg);
}

.version-9u475 .frame-4273214-4 {
  align-items: flex-start;
  gap: 50px;
  width: 92px;
}

.version-9u475 .countries {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .data-points {
  text-align: right;
}

.version-9u475 .x1-m {
  text-align: right;
}

.version-9u475 .unique-indicators {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .x1k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  text-align: right;
}

.version-9u475 .overlap-group-3 {
  height: 447px;
  position: relative;
  width: 996px;
}

.version-9u475 .group-2-1 {
  height: 447px;
  left: 0;
  position: absolute;
  top: 0;
  transform: rotate(-180deg);
  width: 619px;
}

.version-9u475 .benefits-1 {
  left: 542px;
  top: 79px;
  transform: rotate(-180deg);
}

.version-9u475 .national-impact-scoring {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .five-subcategory-scores {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .income-group-mapping {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .policy-regulatory-influence-mapping {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .comparative-peer-analysis {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .historical-performance-tracking {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .title-1 {
  height: 132px;
  top: 536px;
}

.version-9u475 .target-investments-w {
  color: var(--textheading);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .y-impact-index {
  letter-spacing: 0;
  line-height: 87px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
  width: 778.28px;
}

.version-9u475 .service-5 {
  background-color: var(--status-warning01);
  flex: 0 0 auto;
  padding: 100px 0px;
  transform: rotate(180deg);
  width: 1440px;
}

.version-9u475 .about-3 {
  height: 601.74px;
  position: relative;
  transform: rotate(180deg);
  width: 1160px;
}

.version-9u475 .flex-row-10 {
  align-items: flex-end;
  display: flex;
  gap: 326px;
  height: 447px;
  left: 0;
  min-width: 1120px;
  position: absolute;
  top: 0;
}

.version-9u475 .frame-427321452 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 50px;
  margin-bottom: 29.43px;
  position: relative;
  width: 91px;
}

.version-9u475 .stat-2 {
  height: 53px;
  position: relative;
  width: 91px;
}

.version-9u475 .years-of-data {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .text-3 {
  align-self: stretch;
}

.version-9u475 .x12k {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.version-9u475 .text-4 {
  margin-left: -3.00px;
  width: fit-content;
}

.version-9u475 .benefits-3 {
  left: 249px;
  top: 79px;
}

.version-9u475 .uniform-coverage-of-all-17-sd-gs {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .assessment-of-development-needs {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .country-region-income-analysis {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .progress-tracking-since-2005 {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .high-value-opportunity-indicators {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .targeted-project-investment-guidance {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .title-2 {
  height: 72px;
  top: 530px;
}

.version-9u475 .align-action-with-th {
  color: var(--textheading);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
  transform: rotate(180deg);
}

.version-9u475 .sdg-impact-index-1 {
  letter-spacing: 0;
  line-height: 87px;
  margin-top: -1.00px;
  position: relative;
  transform: rotate(180deg);
  width: 778.28px;
}

.version-9u475 .about-4 {
  height: 668.01px;
  position: relative;
  transform: rotate(180deg);
  width: 1159.64px;
}

.version-9u475 .stat-3 {
  height: 53px;
  position: relative;
  width: 92px;
}

.version-9u475 .technologies {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .public-data {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
  text-align: right;
}

.version-9u475 .percent-1 {
  letter-spacing: 0;
  line-height: 21px;
  margin-right: -2.00px;
  position: relative;
  text-align: right;
  width: fit-content;
}

.version-9u475 .frame-427321455 {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 18px;
  position: relative;
  width: 100%;
}

.version-9u475 .unique-indicators-2 {
  text-align: right;
}

.version-9u475 .text-5 {
  margin-right: -2.00px;
  text-align: right;
  width: fit-content;
}

.version-9u475 .frame-42732143-2 {
  width: 144px;
}

.version-9u475 .carbon-project-tech-scoring {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .tech-effectiveness-risk-comparisons {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .innovation-leader-identification {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .co-benefit-performance-highlights {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .tech-investment-prioritisation {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .country-vs-technolog {
  flex: 1;
  height: 23px;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .choose-proven-high {
  color: var(--textheading);
  flex: 1;
  font-weight: 500;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .service-6 {
  align-self: stretch;
  background-color: var(--primaryteal1);
  flex: 0 0 auto;
  padding: 100px 0px;
  transform: rotate(180deg);
  width: 100%;
}

.version-9u475 .fa-qs-1 {
  height: auto;          /* was 1439px */
  position: relative;
  transform: rotate(180deg);
  width: 1140px;
}

.version-9u475 .frame-99 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 83px;
  position: relative;
  width: 1140px;
}

.version-9u475 .frequently-asked-questions {
  letter-spacing: 0;
  line-height: 87px;
  position: relative;
  text-align: center;
  width: 690.01px;
}

.version-9u475 .frame-427321461 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  gap: 36px;
  position: relative;
}

.version-9u475 .frame-42732145 {
  align-items: flex-start;
  display: inline-flex;
  flex: 0 0 auto;
  flex-direction: column;
  gap: 22px;
  position: relative;
}

.version-9u475 .frame-4273214-5 {
  -webkit-backdrop-filter: blur(37.5px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(37.5px) brightness(100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.04) 100%), linear-gradient(0deg, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.6) 100%);
  border-radius: 22.5px;
  flex: 0 0 auto;
  gap: 24px;
  padding: 36px;
  width: 550px;
}

.version-9u475 .question {
  align-items: flex-start;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 119px;
  justify-content: flex-end;
  position: relative;
  width: 100%;
}

.version-9u475 .how-do-i-sign-up {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .outlineup-chevron {
  height: 24px;
  position: relative;
  transform: rotate(-180deg);
  width: 24px;
}

.version-9u475 .frame-427321459 {
  align-items: center;
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  gap: 10px;
  justify-content: center;
  padding: 0px 36px 0px 0px;
  position: relative;
  width: 100%;
}

.version-9u475 .hit-the-get-early-a {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .can-carbon-ai-help-me {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .yes-carbon-a-is-proj {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .what-types-of-report {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .you-can-generate-car {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .how-does-carbon-ai-ha {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .carbon-ai-adheres-to {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .what-makes-carbon-ai {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .unlike-general-purpo {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .is-carbon-ai-suitable {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .absolutely-carbon-ai {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .how-frequently-is-ca {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .carbon-ai-updates-its {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .does-carbon-ai-suppor {
  flex: 1;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .carbon-ai-offers-expo {
  color: var(--textlight);
  flex: 1;
  font-weight: 400;
  line-height: 24px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .service-7 {
  background-color: var(--textprimary);
  height: 120px;
  justify-content: center;
  padding: 40px 0px;
  width: 1440px;
}

.version-9u475 .frame-112-1 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 24px;
  position: relative;
  width: 1160px;
}

.version-9u475 .default-avatar-android-2 {
  position: relative;
}

.version-9u475 .default-avatar-android-3 {
  align-items: flex-start;
  background-image: url(../img/mask-group-1@2x.png);
  background-size: 100% 100%;
  display: flex;
  padding: 1.7px 0.8px;
}

.version-9u475 .initials-1 {
  color: var(--backgroundalt);
  font-family: var(--font-family-font_awesome_6_free-solid);
  font-size: var(--font-size-m);
  font-weight: 400;
  height: 24px;
  left: 3px;
  letter-spacing: -0.40px;
  line-height: 24px;
  position: absolute;
  text-align: center;
  top: 5px;
  white-space: nowrap;
  width: 30px;
}

.version-9u475 .x2025-carbon-ai-all-rights-reserved {
  color: #ffffffa1;
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xs);
  font-weight: 500;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  white-space: nowrap;
  width: fit-content;
}

.version-9u475 .icons {
  height: 40px;
  position: relative;
  width: 40px;
}

.version-9u475 .dribbble {
  align-items: center;
  background: linear-gradient(134deg, rgba(255, 255, 255, 0.35) 0%, rgba(255, 255, 255, 0.15) 100%);
  border-radius: 20px;
  display: flex;
  height: 40px;
  min-width: 40px;
  padding: 0 12px;
}

.version-9u475 .social-icons {
  aspect-ratio: 1;
  height: 16px;
  width: 16px;
}

.version-9u475 .icons-1 {
  height: 40px;
  position: relative;
  width: 40px;
}

.version-9u475 .benefits-4 {
  -webkit-backdrop-filter: blur(37.5px) brightness(100%);
  align-items: flex-start;
  backdrop-filter: blur(37.5px) brightness(100%);
  background-color: var(--cod-gray);
  border-radius: 22.5px;
  display: flex;
  gap: 24px;
  padding: 36px;
  position: absolute;
  width: 454px;
}

.version-9u475 .data {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .default-avatar-android-4 {
  height: 40px;
  width: 40px;
}

.version-9u475 .frame-4273214-6 {
  display: flex;
  flex-direction: column;
  position: relative;
}

.version-9u475 .frame-42732143-3 {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  gap: 8px;
  position: relative;
}

.version-9u475 .logo-box-8 {
  flex: 0 0 auto;
  height: 56px;
  margin-bottom: -17429.25px;
  position: relative;
}

.version-9u475 .number-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
  text-align: right;
}

.version-9u475 .rectangle {
  background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
  height: 56px;
  position: absolute;
  top: 0;
  width: 122px;
}

.version-9u475 .service-8 {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 107px;
  position: relative;
}

.version-9u475 .text {
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

.version-9u475 .title-3 {
  align-items: flex-start;
  display: flex;
  left: 0;
  min-width: 1160px;
  position: absolute;
  transform: rotate(-180deg);
}

.version-9u475 .unique-indicators-3 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: normal;
  margin-top: -1.00px;
  position: relative;
}

.version-9u475 .x1 {
  align-self: stretch;
  letter-spacing: 0;
  line-height: 21px;
  position: relative;
}

/* default state: behaves normally */
.version-9u475 .nav-bar {
  position: relative;                   /* or sticky if you like */
  z-index: 9999;
  transition: background 0.3s ease, color 0.3s ease;
}

/* fixed when scrolled */
.version-9u475 .nav-bar.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

/* optional spacer to prevent layout jump when fixed */
.version-9u475 .nav-spacer {
  height: 100px;                        /* match your nav height */
  display: none;
}
.version-9u475 .nav-spacer.active {
  display: block;
}

/* Unflip images inside the overlap block */
.version-9u475 .overlap-group-2 img[class^="group-2-1"]
{
  transform: none !important;
  rotate: 0deg !important;   /* new-style transform prop */
  scale: 1 !important;
}

.version-9u475 .x2025-carbon-ai-all-rights-reserved a.sign-in-btn {
  all: unset;                 /* wipe button styles */
  font: inherit;
  color: inherit;
  text-decoration: underline; /* optional */
  cursor: pointer;
}