.landing-page,
.landing-page * {
  box-sizing: border-box;
}
.landing-page {
  background: #f9fbfc;
  display: flex;
  flex-direction: column;
  gap: 160px;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  overflow-x: hidden;
  overflow-y: visible;
}
.hero-section {
  background: transparent;
  align-self: stretch;
  flex-shrink: 0;
  min-height: 1589px;
  position: relative;
  overflow: visible;
}
.hero-gradient {
  width: 100%;
  height: 1589px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}
.hero-bg-image {
  width: auto;
  height: 100%;
  max-height: 1589px;
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
.header-nav {
  width: 1620px;
  height: 62px;
  position: absolute;
  left: 150px;
  top: 62px;
}
.btn {
  background: #ffffff;
  border-radius: 16px;
  padding: 10px 24px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  top: 0px;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15),
    0px 2px 4px 0px rgba(59, 97, 177, 0.2);
}
.fluent-person-28-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.login {
  color: var(--colors-2-accent-color-primarylight, #3b82f6);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 600;
  position: relative;
}
.logo {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1461px;
  top: 0px;
}
.logo-text {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 42px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  width: 159px;
}
.hero-mockup {
  width: 1540px;
  height: 878px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 759px;
  overflow: hidden;
}
.img {
  width: 1122px;
  height: 606px;
  position: absolute;
  left: 156.32px;
  top: 70.76px;
  transform-origin: 0 0;
  transform: rotate(-2.5deg) scale(1, 1);
}
.img2 {
  width: 1122px;
  height: 559px;
  position: absolute;
  left: 0px;
  top: 47px;
}
.shadow {
  background: #f8fafc;
  border-radius: 10px 10px 16px 16px;
  width: 1122px;
  height: 599px;
  position: absolute;
  left: 0px;
  top: -40px;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15),
    0px 2px 4px 0px rgba(59, 97, 177, 0.2);
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  aspect-ratio: 1122/599;
}
.img3 {
  background: linear-gradient(to left, #f8fafc, #f8fafc);
  border-radius: 0px 0px 16px 16px;
  border-style: solid;
  border-color: #f6f7f7;
  border-width: 1px;
  width: 1122px;
  height: 558px;
  position: absolute;
  left: 0px;
  top: 1px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  object-fit: cover;
  aspect-ratio: 1122/558;
}
.search-bar {
  background: #ffffff;
  border-radius: 10px 10px 0px 0px;
  border-style: solid;
  border-color: #f6f7f7;
  border-width: 1px;
  padding: 14px 24px 14px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  width: 1122px;
  height: 48px;
  position: absolute;
  left: 0px;
  top: 0px;
  overflow: hidden;
}
.browser-bar {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.navegation {
  display: flex;
  flex-direction: row;
  gap: 30px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.browser-buttons {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.rectangle-7 {
  background: #ee6a5f;
  border-radius: 13px;
  border-style: solid;
  border-color: #c7493e;
  border-width: 0.6px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.rectangle-8 {
  background: #f4be50;
  border-radius: 13px;
  border-style: solid;
  border-color: #cd9b35;
  border-width: 0.6px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.rectangle-9 {
  background: #5fc454;
  border-radius: 13px;
  border-style: solid;
  border-color: #39a430;
  border-width: 0.6px;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: relative;
}
.browser-icons {
  display: flex;
  flex-direction: row;
  gap: 33px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.group-7 {
  flex-shrink: 0;
  width: 22px;
  height: 16px;
  position: static;
}
.rectangle-3 {
  background: #ffffff;
  border-radius: 2px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1.4px;
  width: 22px;
  height: 16px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.vector-5 {
  border-radius: 0px;
  width: 0px;
  height: 14px;
  position: absolute;
  left: 7px;
  top: 1px;
  overflow: visible;
}
.frame-1 {
  display: flex;
  flex-direction: column;
  gap: 2.4px;
  align-items: flex-start;
  justify-content: flex-start;
  height: auto;
  position: absolute;
  left: 2.5px;
  top: 3.6px;
  overflow: visible;
}
.frame-8 {
  display: flex;
  flex-direction: row;
  gap: 33px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  height: auto;
  position: relative;
  overflow: visible;
}
.search {
  background: #f2f2f2;
  border-radius: 5px;
  padding: 9px 227px 9px 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 679px;
  position: relative;
}
.browser-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 620px;
  height: 14px;
  position: relative;
}
.more {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  position: static;
}
.group-8 {
  width: 14px;
  height: 14px;
  position: static;
}
.rectangle-5 {
  background: #f2f2f2;
  border-radius: 7px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1px;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.group-6 {
  width: 6.63px;
  height: 6.63px;
  position: absolute;
  left: 3.68px;
  top: 3.68px;
  overflow: visible;
}
.browser-url {
  display: flex;
  flex-direction: row;
  gap: 9px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 385px;
  position: relative;
}
.candado {
  flex-shrink: 0;
  width: 8px;
  height: 12px;
  position: static;
}
.rectangle-10 {
  background: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-radius: 1px;
  width: 8px;
  height: 7.11px;
  position: absolute;
  left: 0px;
  top: 5.39px;
}
.rectangle-11 {
  border-radius: 4px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1px;
  width: 6.22px;
  height: 9.78px;
  position: absolute;
  left: 0.89px;
  top: 0.5px;
}
.matthewvogas-com {
  color: var(--colors-1-general-color-font-secondarylight, #64748b);
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 15.07662582397461px;
  line-height: 64.25px;
  letter-spacing: -0.01em;
  font-weight: 500;
  text-decoration: underline;
  position: relative;
  width: 220px;
  height: 13px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.options {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  width: 167px;
  position: relative;
}
.group-5 {
  flex-shrink: 0;
  width: 19px;
  height: 19px;
  position: static;
}
.rectangle-52 {
  background: #ffffff;
  border-radius: 9.5px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1.42px;
  width: 19px;
  height: 19px;
  position: absolute;
  left: 0px;
  top: 1px;
}
.group-3 {
  width: 5.22%;
  height: 49.54%;
  position: absolute;
  right: 91.65%;
  left: 3.13%;
  bottom: 27.61%;
  top: 22.86%;
  overflow: visible;
}
.group-4 {
  flex-shrink: 0;
  width: 15px;
  height: 21px;
  position: static;
}
.rectangle-53 {
  background: #ffffff;
  border-radius: 1.91px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1.5px;
  width: 15px;
  height: 13.75px;
  position: absolute;
  left: 51.41px;
  top: 7.25px;
}
.group-32 {
  width: 5.5%;
  height: 73.57%;
  position: absolute;
  right: 62.03%;
  left: 32.47%;
  bottom: 26.43%;
  top: 0%;
  overflow: visible;
}
.group-10 {
  flex-shrink: 0;
  width: 15px;
  height: 15px;
  position: relative;
  overflow: visible;
}
.group-2 {
  flex-shrink: 0;
  width: 20.77px;
  height: 20px;
  position: static;
}
.rectangle-4 {
  background: #ffffff;
  border-radius: 2px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1.5px;
  width: 15.38px;
  height: 15.38px;
  position: absolute;
  left: 146.23px;
  top: 0.5px;
}
.rectangle-32 {
  background: #ffffff;
  border-radius: 2px;
  border-style: solid;
  border-color: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-width: 1.5px;
  width: 15.38px;
  height: 15.38px;
  position: absolute;
  left: 151.62px;
  top: 5.12px;
}
._02 {
  width: 786px;
  height: 644px;
  position: absolute;
  left: 700.7px;
  top: 114px;
  box-shadow: var(
    --box-shadow-large-box-shadow,
    0px 4px 12px 0px rgba(59, 130, 246, 0.08),
    0px 12px 32px 0px rgba(59, 130, 246, 0.12),
    0px 24px 64px 0px rgba(59, 130, 246, 0.16)
  );
  transform-origin: 0 0;
  transform: rotate(3deg) scale(1, 1);
}
.answer {
  background: radial-gradient(
      closest-side,
      rgba(255, 255, 255, 0.9) 17.784568667411804%,
      rgba(255, 255, 255, 0) 100%
    ),
    linear-gradient(to left, #f1f5f9, #f1f5f9);
  border-radius: 20px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 1px;
  padding: 16px 24px 10px 24px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 786px;
  height: 620px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: var(
    --box-shadow-small-box-shadow,
    0px 1px 2px 0px rgba(59, 130, 246, 0.08),
    0px 1px 4px 0px rgba(59, 130, 246, 0.12)
  );
  overflow: hidden;
}
.strip {
  flex-shrink: 0;
  width: 786px;
  height: 596px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.rectangle-350 {
  background: #ffffff;
  opacity: 0.4;
  width: 115.23px;
  height: 1026.46px;
  position: absolute;
  left: 670.43px;
  top: -193.28px;
  transform-origin: 0 0;
  transform: rotate(30deg) scale(1, 1);
  filter: blur(3.8px);
}
.rectangle-3502 {
  background: #ffffff;
  opacity: 0.4;
  width: 39.58px;
  height: 1026.46px;
  position: absolute;
  left: 827.2px;
  top: -193.28px;
  transform-origin: 0 0;
  transform: rotate(30deg) scale(1, 1);
  filter: blur(3.8px);
}
.rectangle-3503 {
  background: #ffffff;
  opacity: 0.4;
  width: 18.32px;
  height: 1026.46px;
  position: absolute;
  left: 890.15px;
  top: -193.28px;
  transform-origin: 0 0;
  transform: rotate(30deg) scale(1, 1);
  filter: blur(3.8px);
}
.ai-greeting {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.hello-i-m-your-ai-assistant {
  color: var(--colors-1-general-color-font-secondarylight, #64748b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 32px;
  font-weight: 400;
  position: relative;
  width: 408px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.plate {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.icon-wrapper {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
}
.ai-bot-sparkle-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group {
  width: 39.06%;
  height: 39.06%;
  position: absolute;
  right: 29.17%;
  left: 31.77%;
  bottom: 29.17%;
  top: 31.77%;
  overflow: visible;
}
.ai {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.spaces {
  padding: 0px 4px 0px 4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
  overflow: hidden;
}
.wrapper {
  flex-shrink: 0;
  width: 0px;
  height: 32px;
  position: relative;
  overflow: hidden;
}
.text {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
  position: relative;
  align-self: stretch;
  height: 32px;
}
.list-item {
  border-radius: 8px;
  padding: 0px 2px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.icon-wrapper2 {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: hidden;
  aspect-ratio: 1;
}
.filetype-book-pdf-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.file-icon {
  width: 16px;
  height: 12px;
  position: absolute;
  left: 16px;
  top: 14px;
  overflow: hidden;
}
.group2 {
  width: 93.75%;
  height: 166.67%;
  position: absolute;
  right: 3.13%;
  left: 3.13%;
  bottom: -66.67%;
  top: 0%;
  overflow: visible;
}
.subtract {
  width: 33.33%;
  height: 13.04%;
  position: absolute;
  right: 32.29%;
  left: 34.38%;
  bottom: 28.62%;
  top: 58.33%;
  overflow: visible;
}
.spaces2 {
  padding: 0px 4px 0px 4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
}
.the-rapid-evolution-of-technology-continues {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
  width: 250px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.spaces3 {
  padding: 0px 4px 0px 4px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.list-item-extra {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.button {
  border-radius: 8px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  aspect-ratio: 1;
}
.icon-wrapper3 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
}
.actions-view-context-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.actions-view-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.filetype-book-docx-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group3 {
  position: absolute;
  inset: 0;
}
.vector {
  width: 87.28%;
  height: 27.78%;
  position: absolute;
  right: 4.39%;
  left: 8.33%;
  bottom: -63.19%;
  top: 135.42%;
  overflow: visible;
}
.vector2 {
  width: 93.75%;
  height: 166.67%;
  position: absolute;
  right: 3.13%;
  left: 3.13%;
  bottom: -66.67%;
  top: 0%;
  overflow: visible;
}
.w {
  background: linear-gradient(
    121.9deg,
    rgba(231, 239, 254, 1) 0%,
    rgba(232, 240, 254, 1) 100%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  position: absolute;
  right: 18.75%;
  left: 18.75%;
  width: 62.5%;
  bottom: -12.94%;
  top: -20.4%;
  height: 133.33%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.union-v-3 {
  width: 17.86px;
  height: 4.95px;
  position: absolute;
  left: 15.4px;
  top: 29.05px;
  overflow: visible;
  aspect-ratio: 17.86/4.95;
}
.actions-view-context-nm2 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.actions-view-nm2 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.group4 {
  width: 93.75%;
  height: 166.67%;
  position: absolute;
  right: 3.13%;
  left: 3.13%;
  bottom: -66.67%;
  top: 0%;
  overflow: visible;
}
.subtract2 {
  width: 33.33%;
  height: 13.04%;
  position: absolute;
  right: 32.29%;
  left: 34.38%;
  bottom: 28.62%;
  top: 58.33%;
  overflow: visible;
}
.actions-view-context-nm3 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.actions-view-nm3 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.filetype-book-txt-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group5 {
  width: 93.75%;
  height: 166.67%;
  position: absolute;
  right: 3.13%;
  left: 3.13%;
  bottom: -66.67%;
  top: 0%;
  overflow: visible;
}
.vector3 {
  width: 15.9px;
  height: 6.27px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -4px);
  overflow: visible;
  aspect-ratio: 15.9/6.27;
}
.actions-view-context-nm4 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.actions-view-nm4 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.filetype-book-xlsx-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group6 {
  width: 93.75%;
  height: 166.67%;
  position: absolute;
  right: 3.13%;
  left: 3.13%;
  bottom: -66.67%;
  top: 0%;
  overflow: visible;
}
.union-v-32 {
  width: 16.53px;
  height: 4.95px;
  position: absolute;
  left: 15.8px;
  top: 29.05px;
  overflow: visible;
}
.x {
  width: 6.8px;
  height: 13.54%;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 51.03%;
  top: 35.43%;
  overflow: visible;
}
.actions-view-context-nm5 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.actions-view-nm5 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.dropdown {
  align-self: stretch;
  flex-shrink: 0;
  height: 16px;
  position: relative;
  overflow: hidden;
}
.div {
  background: var(--colors-1-general-color-dividerlight, #e2e8f0);
  height: 1px;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 50%;
  translate: 0 -50%;
}
.text2 {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ask {
  display: flex;
  flex-direction: column;
  gap: 4px;
  align-items: flex-end;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.body {
  background: var(
    --colors-1-general-color-font-secondarylight-85,
    rgba(100, 116, 139, 0.85)
  );
  border-radius: 8px;
  padding: 6px 8px 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  height: 32px;
  position: relative;
  box-shadow: var(
    --box-shadow-small-box-shadow,
    0px 1px 2px 0px rgba(59, 130, 246, 0.08),
    0px 1px 4px 0px rgba(59, 130, 246, 0.12)
  );
}
.find-all-so-ps-related-to-onboarding {
  color: var(--colors-3-neutral-solor-neutral-01, #ffffff);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.button-group {
  display: flex;
  flex-direction: row;
  gap: 4px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.actions-copy-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.actions-edit-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.chat {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-end;
  justify-content: flex-start;
  width: 770px;
  height: 152px;
  position: absolute;
  left: 8px;
  top: 460px;
  box-shadow: var(
    --box-shadow-middle-box-shadow,
    0px 2px 8px 0px rgba(59, 130, 246, 0.1),
    0px 6px 16px 0px rgba(59, 130, 246, 0.12),
    0px 12px 32px 0px rgba(59, 130, 246, 0.08)
  );
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.input-ghost {
  background: var(--colors-1-general-color-input-disabledlight, #f8fafc);
  border-style: solid;
  border-color: var(--colors-1-general-color-dividerlight, transparent);
  border-width: 1px;
  align-self: stretch;
  flex-shrink: 0;
  height: 32px;
  position: relative;
  overflow: hidden;
}
.example {
  color: var(--colors-1-general-color-font-disabledlight, #c1c7d1);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 12px;
  line-height: 32px;
  font-weight: 400;
  position: absolute;
  left: 8px;
  top: 50%;
  translate: 0 -50%;
}
.chat-actions {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.button-group2 {
  padding: 0px 8px 0px 8px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button2 {
  background: var(--colors-3-neutral-solor-neutral-01, #ffffff);
  border-radius: 16px;
  border-style: solid;
  border-color: var(--colors-1-general-color-dividerlight, transparent);
  border-width: 1px;
  padding: 8px 24px 8px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.state-loading-nm {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  overflow: hidden;
}
.rectangle-56 {
  background: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-radius: 2px;
  width: 4px;
  height: 4px;
  position: absolute;
  left: calc(50% - 8px);
  top: 50%;
  translate: 0 -50%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-562 {
  background: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-radius: 2px;
  width: 5px;
  height: 4px;
  position: absolute;
  left: calc(50% - -3px);
  top: 50%;
  translate: 0 -50%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.rectangle-563 {
  background: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-radius: 2px;
  width: 4px;
  height: 4px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.button3 {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 11px;
  line-height: 16px;
  letter-spacing: 0.025em;
  font-weight: 400;
  position: relative;
}
.button-group3 {
  padding: 0px 16px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.actions-attach-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.button4 {
  background: var(--colors-2-accent-color-primarylight, #3b82f6);
  border-radius: 24px;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  aspect-ratio: 1;
}
.icon-wrapper4 {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.actions-arrow-left-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
}
.toolbar {
  background: #ffffff;
  border-radius: 16px;
  padding: 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 147px;
  top: 580px;
  box-shadow: var(
    --box-shadow-middle-box-shadow,
    0px 2px 8px 0px rgba(59, 130, 246, 0.1),
    0px 6px 16px 0px rgba(59, 130, 246, 0.12),
    0px 12px 32px 0px rgba(59, 130, 246, 0.08)
  );
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
  overflow: hidden;
}
.layout-blocks-horizontal-7 {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  height: 32px;
  position: relative;
}
.button-group4 {
  padding: 0px 5px 0px 5px;
  display: flex;
  flex-direction: row;
  gap: 26px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.button5 {
  border-radius: 16px;
  padding: 4px 24px 4px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 96px;
  position: relative;
}
.icon-wrapper5 {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
}
.actions-add-circle-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group7 {
  width: 37.5%;
  height: 37.5%;
  position: absolute;
  right: 31.25%;
  left: 31.25%;
  bottom: 31.25%;
  top: 31.25%;
  overflow: visible;
}
.button6 {
  border-radius: 16px;
  padding: 4px 24px 4px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 120px;
  position: relative;
}
.actions-close-circle-nm {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group8 {
  width: 37.5%;
  height: 37.5%;
  position: absolute;
  right: 31.25%;
  left: 31.25%;
  bottom: 31.25%;
  top: 31.25%;
  overflow: visible;
  aspect-ratio: 1;
}
.toolbar-divider {
  padding: 0px 15px 0px 16px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.div2 {
  background: var(--colors-1-general-color-dividerlight, #e2e8f0);
  flex-shrink: 0;
  width: 32px;
  height: 1px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(-90deg) scale(1, 1);
}
.actions-add-document-xl {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group9 {
  width: 54.17%;
  height: 58.33%;
  position: absolute;
  right: 25%;
  left: 20.83%;
  bottom: 20.83%;
  top: 20.83%;
  overflow: visible;
}
.actions-rename-document-xl {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group10 {
  width: 41.67%;
  height: 58.33%;
  position: absolute;
  right: 25%;
  left: 33.33%;
  bottom: 20.83%;
  top: 20.83%;
  overflow: visible;
}
.group11 {
  width: 37.5%;
  height: 37.5%;
  position: absolute;
  right: 41.67%;
  left: 20.83%;
  bottom: 20.83%;
  top: 41.67%;
  overflow: visible;
}
.button7 {
  border-radius: 8px;
  opacity: 0.3;
  padding: 16px 24px 16px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  position: relative;
  mix-blend-mode: luminosity;
  aspect-ratio: 1;
}
.actions-delete-document-xl {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group12 {
  width: 41.67%;
  height: 58.33%;
  position: absolute;
  right: 25%;
  left: 33.33%;
  bottom: 20.83%;
  top: 20.83%;
  overflow: visible;
}
.group13 {
  width: 37.5%;
  height: 37.5%;
  position: absolute;
  right: 41.67%;
  left: 20.83%;
  bottom: 20.83%;
  top: 41.67%;
  overflow: visible;
  aspect-ratio: 1;
}
.button8 {
  background: var(--colors-3-neutral-solor-neutral-01, #ffffff);
  border-radius: 16px;
  border-style: solid;
  border-color: var(--colors-1-general-color-dividerlight, #e2e8f0);
  border-width: 1px;
  padding: 8px 24px 8px 24px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 123px;
  position: relative;
}
.ai-prompt-card {
  width: 658px;
  height: 100px;
  position: absolute;
  left: 120px;
  top: 279px;
}
.glass-card {
  background: rgba(208, 225, 229, 0.2);
  backdrop-filter: blur(4px);
  border-radius: 16px;
  padding: 10px 48px 10px 116px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  height: 100px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}
.show-me-signed-contracts-from-q-3 {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.icon-wrapper6 {
  width: 100px;
  height: 100px;
  position: absolute;
  left: 8px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.ai-bot-sparkle-nm2 {
  width: 152px;
  height: 152px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: hidden;
}
.group14 {
  width: 39.06%;
  height: 39.06%;
  position: absolute;
  right: 29.17%;
  left: 31.77%;
  bottom: 29.17%;
  top: 31.77%;
  overflow: visible;
}
.cont {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 1260px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 243px;
}
.section-badge {
  flex-shrink: 0;
  width: 416px;
  height: 62px;
  position: relative;
}
.shadow2 {
  background: linear-gradient(
    90deg,
    rgba(109, 222, 182, 1) 0%,
    rgba(64, 126, 253, 1) 50%
  );
  border-radius: 60px;
  opacity: 0.8;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass {
  background: rgba(208, 225, 229, 0.2);
  border-radius: 60px;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.glass-badge {
  background: rgba(0, 0, 0, 0);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 60px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12);
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: -4px;
  top: -4px;
  right: -4px;
  bottom: -4px;
  overflow: hidden;
}

.glass-badge::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.glass-badge::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}
.fluent-flash-20-regular {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.your-intelligent-document-memory {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.stop-wasting-hours-searching-for-documents {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  line-height: 98px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.meet-the-ai-workspace-that-actually-understands-your-files-and-finds-what-you-need-instantly {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.hero-buttons {
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.btn-early-access {
  background: #ffffff;
  border-radius: 16px;
  padding: 10px 24px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15),
    0px 2px 4px 0px rgba(59, 97, 177, 0.2);
}
.fluent-search-20-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.get-early-access {
  color: var(--colors-2-accent-color-primarylight, #3b82f6);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.btn-watch-demo {
  background: rgba(208, 225, 229, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  border: none;
  padding: 10px 24px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.btn-watch-demo::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(
    155deg,
    rgba(255, 255, 255, 0.85) 0%,
    rgba(208, 225, 229, 0.13) 50%,
    rgba(255, 255, 255, 0.85) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.fluent-play-48-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.watch-demo {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.main-content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
  margin-top: -160px;
  background: transparent;
}
.problems-section {
  background: transparent;
  align-self: stretch;
  flex-shrink: 0;
  height: 680px;
  position: relative;
}
.ellipse-12 {
  background: var(--colors-2-accent-color-primarylight, #3b82f6);
  border-radius: 50%;
  opacity: 0.2;
  width: 185px;
  height: 185px;
  position: absolute;
  left: 1544px;
  top: 252px;
  filter: blur(125px);
}
.ellipse-122 {
  background: #69d6bc;
  border-radius: 50%;
  opacity: 0.2;
  width: 185px;
  height: 185px;
  position: absolute;
  left: 177px;
  top: 574px;
  filter: blur(125px);
}
.problems-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 480px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 60px;
}
.badge2 {
  flex-shrink: 0;
  width: 270px;
  height: 62px;
  position: relative;
}
.shadow3 {
  background: linear-gradient(
    90deg,
    rgba(250, 46, 53, 1) 0%,
    rgba(255, 103, 0, 1) 100%
  );
  border-radius: 60px;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.fluent-warning-20-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.current-challenges {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.the-problem {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(250, 46, 53, 1) 0%, rgba(255, 103, 0, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  line-height: 98px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.problems-cards {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1260px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 312px;
}
.glass2 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 32px 32px 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  flex-shrink: 0;
  width: 400px;
  position: relative;
}
.shadow4 {
  background: linear-gradient(to left, #ffffff, #ffffff),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 16px;
  opacity: 0.6;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
}
.problem-icon {
  flex-shrink: 0;
  width: 78px;
  height: 78px;
  position: relative;
}
.rectangle-347 {
  background: linear-gradient(
    135deg,
    rgba(250, 46, 53, 1) 0%,
    rgba(255, 103, 0, 1) 100%
  );
  border-radius: 16px;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.fluent-folder-open-28-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.problem-text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.hours-wasted-searching {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(250, 46, 53, 1) 0%, rgba(255, 103, 0, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 26px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.searching-renaming-and-re-uploading-the-same-documents {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.problem-card {
  padding: 32px 0px 0px 0px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 400px;
  position: relative;
}
.glass3 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 32px 32px 40px 32px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.fluent-clock-48-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.lost-productivity {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(250, 46, 53, 1) 0%, rgba(255, 103, 0, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.it-s-not-just-chaos-it-s-costing-your-team-valuable-time {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.problem-icon2 {
  background: #ffffff;
  flex-shrink: 0;
  width: 78px;
  height: 78px;
  position: relative;
}
.fluent-warning-20-regular2 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.problem-icon-wrapper {
  flex-shrink: 0;
  width: 80px;
  height: 80px;
  position: relative;
}
.glass2 .problem-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
}
.your-files-are-everywhere {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(250, 46, 53, 1) 0%, rgba(255, 103, 0, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 26px;
  line-height: 32px;
  font-weight: 500;
  position: relative;
}
.drives-chats-inboxes-scattered-across-multiple-platforms {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.solution-section {
  align-self: stretch;
  flex-shrink: 0;
  height: 1145px;
  position: relative;
}
.ellipse-123 {
  background: var(--colors-2-accent-color-primarylight, #3b82f6);
  border-radius: 50%;
  opacity: 0.1;
  width: 185px;
  height: 185px;
  position: absolute;
  left: 264px;
  top: 887px;
  filter: blur(125px);
}
.ellipse-124 {
  background: #71d0c2;
  border-radius: 50%;
  opacity: 0.3;
  width: 185px;
  height: 185px;
  position: absolute;
  left: 1301px;
  top: 365px;
  filter: blur(125px);
}
.rectangle-348 {
  width: 1000px;
  height: 1000px;
  position: absolute;
  right: 114px;
  top: 367px;
}
.section-content {
  padding: 0px 40px 0px 40px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  width: 1620px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 368px;
}
.text3 {
  padding: 60px 0px 60px 0px;
  display: flex;
  flex-direction: column;
  gap: 60px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 720px;
  position: relative;
}
.problem-card-alt {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-end;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 590px;
  position: relative;
}
.badge3 {
  align-self: stretch;
  flex-shrink: 0;
  height: 126px;
  position: relative;
}
.shadow5 {
  background: linear-gradient(to left, #ffffff, #ffffff),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 16px;
  opacity: 0.2;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass4 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 24px 60px 24px 40px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
}
.rectangle-3472 {
  background: linear-gradient(
    135deg,
    rgba(109, 222, 182, 1) 0%,
    rgba(64, 126, 253, 1) 100%
  );
  border-radius: 16px;
  opacity: 0.95;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.fluent-arrow-forward-24-filled {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.summarize-our-latest-client-proposal {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 22px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.rectangle-3473 {
  background: linear-gradient(
    135deg,
    rgba(33, 231, 76, 1) 0%,
    rgba(14, 200, 101, 1) 100%
  );
  border-radius: 16px;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.fluent-arrow-forward-24-filled2 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.find-all-so-ps-related-to-onboarding2 {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 22px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.shadow6 {
  background: linear-gradient(to left, #ffffff, #ffffff),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 16px;
  opacity: 0.2;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -48px;
  left: 48px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass5 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 24px 60px 24px 40px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: -48px;
  left: 48px;
  top: 0px;
}
.rectangle-3474 {
  background: linear-gradient(
    133.92deg,
    rgba(172, 17, 215, 1) 0%,
    rgba(243, 69, 41, 1) 69.71333026885986%
  );
  border-radius: 16px;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.fluent-arrow-forward-24-filled3 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.show-me-signed-contracts-from-q-32 {
  background: linear-gradient(
    133.92deg,
    rgba(172, 17, 215, 1) 0%,
    rgba(243, 69, 41, 1) 69.71333026885986%
  );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 22px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.badge4 {
  align-self: stretch;
  flex-shrink: 0;
  height: 114px;
  position: relative;
}
.shadow7 {
  background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0.7),
      rgba(255, 255, 255, 0.7)
    ),
    linear-gradient(90deg, rgba(64, 126, 253, 1) 0%, rgba(142, 96, 255, 1) 100%);
  border-radius: 16px;
  opacity: 0.2;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass6 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  border-width: 2.5px;
  border-style: solid;
  border-image: linear-gradient(
    92.69deg,
    rgba(64, 126, 253, 0.5) 0%,
    rgba(154, 187, 254, 0.8) 100%
  );
  border-image-slice: 1;
  padding: 22px 60px 20px 32px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
}
.fluent-chat-sparkle-20-regular {
  flex-shrink: 0;
  width: 26px;
  height: 32px;
  position: relative;
  overflow: visible;
  aspect-ratio: 26/32;
}
.virtudocs-instantly-delivers-accurate-results-with-verified-links-to-sources {
  color: var(--colors-1-general-color-font-secondarylight, #64748b);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 22px;
  line-height: 36px;
  letter-spacing: 0.027999999999999997em;
  font-weight: 400;
  position: relative;
}
.img4 {
  flex-shrink: 0;
  width: 610px;
  height: 657px;
  position: relative;
}
.img5 {
  background: linear-gradient(
    90deg,
    rgba(109, 222, 182, 1) 0%,
    rgba(64, 126, 253, 1) 50%
  );
  border-radius: 32px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 5px;
  width: 94.03%;
  height: 87.27%;
  position: absolute;
  right: 0.29%;
  left: 5.68%;
  bottom: 12.73%;
  top: 0%;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.img6 {
  width: 139.12%;
  height: 129.17%;
  position: absolute;
  right: 2.81%;
  left: -41.93%;
  bottom: -21.7%;
  top: -7.46%;
  object-fit: cover;
}
.solution-header {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 1144px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 60px;
}
.solution-header-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.problems-header2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 480px;
  position: relative;
}
.shadow8 {
  background: linear-gradient(
    90deg,
    rgba(109, 222, 182, 1) 0%,
    rgba(64, 126, 253, 1) 50%
  );
  border-radius: 60px;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.fluent-brain-sparkle-20-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.the-smart-solution {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.the-solution {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(
      98.66deg,
      rgba(64, 126, 253, 1) 50%,
      rgba(109, 222, 182, 1) 100%
    );
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  line-height: 98px;
  font-weight: 400;
  opacity: 0.8;
  position: relative;
  align-self: stretch;
}
.logo-text-unifies-all-your-documents-and-makes-them-searchable-by-meaning-not-keywords {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.frame-1040 {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 25px;
}
.rectangle-3475 {
  background: var(
    --colors-1-general-color-font-secondarylight-85,
    rgba(100, 116, 139, 0.85)
  );
  border-radius: 16px;
  opacity: 0.4;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.rectangle-3476 {
  background: var(--colors-1-general-color-font-secondarylight, #64748b);
  border-radius: 16px;
  opacity: 0.4;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.rectangle-3477 {
  background: var(--colors-2-accent-color-primarylight, #3b82f6);
  border-radius: 16px;
  opacity: 0.95;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
  position: relative;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.features-section {
  align-self: stretch;
  flex-shrink: 0;
  height: 1000px;
  position: relative;
}
.ellipse-125 {
  background: #f75816;
  border-radius: 50%;
  opacity: 0.15;
  width: 185px;
  height: 185px;
  position: absolute;
  left: 298px;
  top: 203px;
  filter: blur(125px);
}
.ellipse-126 {
  background: #a114e9;
  border-radius: 50%;
  opacity: 0.15;
  width: 185px;
  height: 185px;
  position: absolute;
  left: 1564px;
  top: 806px;
  filter: blur(125px);
}
.problems-header3 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 1260px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 60px;
}
.badge5 {
  flex-shrink: 0;
  width: 260px;
  height: 62px;
  position: relative;
}
.shadow9 {
  background: linear-gradient(
    90deg,
    rgba(50, 126, 255, 1) 0%,
    rgba(142, 96, 255, 1) 100%
  );
  border-radius: 60px;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.fluent-star-28-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.powerful-features {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.why-teams-love-it {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  line-height: 98px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.cards {
  display: flex;
  flex-direction: row;
  row-gap: 24px;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  align-content: flex-start;
  width: 1260px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 312px;
}
.shadow10 {
  background: linear-gradient(to left, #ffffff, #ffffff),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 16px;
  opacity: 0.45;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 400px;
  height: 286px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
}
.fluent-brain-circuit-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.semantic-ai-search {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.stop-guessing-keywords-find-documents-by-meaning-and-context {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.fluent-rocket-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}
.instant-answers {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.stop-digging-through-folders-get-direct-answers-in-seconds {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.fluent-arrow-routing-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.smart-versioning {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.track-changes-automatically-with-intelligent-version-control {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.fluent-shield-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.role-based-access {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.share-with-the-right-people-only-granular-permissions-made-simple {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.rectangle-3478 {
  background: linear-gradient(
    225deg,
    rgba(32, 172, 157, 1) 0%,
    rgba(64, 126, 253, 1) 100%
  );
  border-radius: 16px;
  opacity: 0.95;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.fluent-apps-list-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.unified-workspace {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.one-hub-for-all-files-no-more-switching-between-pltaforms {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.rectangle-3479 {
  background: linear-gradient(
    135deg,
    rgba(50, 126, 255, 1) 0%,
    rgba(142, 96, 255, 1) 100%
  );
  border-radius: 16px;
  width: 78px;
  height: 78px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1);
  aspect-ratio: 1;
}
.fluent-document-text-extract-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.ai-drafting {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.create-new-docs-from-your-existing-templates-and-history-instantly {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.security-section {
  align-self: stretch;
  flex-shrink: 0;
  height: 920px;
  position: relative;
}
.img7 {
  width: 611px;
  height: 602px;
  position: absolute;
  left: 980px;
  top: 232px;
}
.shadow11 {
  background: linear-gradient(to left, #ffffff, #ffffff),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 24px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 5px;
  opacity: 0.2;
  width: 611px;
  height: 602px;
  position: absolute;
  right: 56px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.img8 {
  border-radius: 24px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 10px;
  width: 611px;
  height: 602px;
  position: absolute;
  right: 56px;
  top: 0px;
  object-fit: cover;
}
.problems-header4 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: calc(50% - 630px);
  top: 60px;
}
.badge6 {
  flex-shrink: 0;
  width: 214px;
  height: 62px;
  position: relative;
}
.shadow12 {
  background: linear-gradient(
    90deg,
    rgba(33, 231, 76, 1) 0%,
    rgba(14, 200, 101, 1) 100%
  );
  border-radius: 60px;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.fluent-shield-task-48-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.security-first {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.privacy-first {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05)),
    linear-gradient(90deg, rgba(33, 231, 76, 1) 0%, rgba(14, 200, 101, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  line-height: 98px;
  font-weight: 400;
  position: relative;
}
.problem-card-alt2 {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 720px;
  position: relative;
}
.badge7 {
  align-self: stretch;
  flex-shrink: 0;
  height: 150px;
  position: relative;
}
.shadow13 {
  background: linear-gradient(to left, #ffffff, #ffffff),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 24px;
  opacity: 0.2;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass7 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 32px 60px 40px 40px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  position: absolute;
  right: 0px;
  left: 0px;
  top: 0px;
}
.fluent-lock-closed-48-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.your-data-stays-yours {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.we-never-access-share-or-sell-your-documents {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.security-feature-item {
  padding: 0px 0px 0px 24px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.badge8 {
  flex-shrink: 0;
  width: 720px;
  height: 150px;
  position: relative;
}
.glass8 {
  background: rgba(0, 0, 0, 0);
  border-radius: 16px;
  padding: 32px 60px 40px 40px;
  display: flex;
  flex-direction: row;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 720px;
  position: absolute;
  left: 0px;
  top: 0px;
}
.fluent-window-inprivate-account-20-regular {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.private-ai-instance {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.no-cross-client-training-your-data-trains-only-your-ai {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.fluent-shield-task-48-regular2 {
  width: 48px;
  height: 48px;
  position: absolute;
  left: 15px;
  top: 15px;
  overflow: visible;
  aspect-ratio: 1;
}
.enterprise-grade-encryption {
  background: linear-gradient(to left, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.15)),
    linear-gradient(90deg, rgba(50, 126, 255, 1) 0%, rgba(142, 96, 255, 1) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 28px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.built-on-modern-industry-accepted-security-practices {
  color: var(--colors-1-general-color-font-baselight, #334155);
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  position: relative;
}
.bottom-sections {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.cta-section {
  background: linear-gradient(
    101.86deg,
    rgba(155, 22, 244, 1) 0%,
    rgba(231, 0, 116, 1) 50%,
    rgba(249, 102, 5, 1) 100%
  );
  flex-shrink: 0;
  width: 1920px;
  height: 936px;
  position: relative;
  overflow: hidden;
}
.cta-content {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: center;
  justify-content: flex-start;
  width: 1260px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 60px;
}
.badge9 {
  flex-shrink: 0;
  width: 216px;
  height: 62px;
  position: relative;
}
.shadow14 {
  background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 50%);
  border-radius: 60px;
  opacity: 0.6;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 1px;
  left: 0px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.fluent-rocket-20-regular2 {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.coming-soon {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.your-ai-memory-for-documents-coming-soon {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 80px;
  line-height: 98px;
  font-weight: 400;
  position: relative;
  align-self: stretch;
}
.join-early-for-free-beta-access-and-exclusive-founder-pricing-after-launch {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.cta-form-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.hero-buttons2 {
  padding: 28px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 24px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.email-input-card {
  background: rgba(208, 225, 229, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 24px;
  border: none;
  padding: 12px 16px 12px 16px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  white-space: nowrap;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.email-input-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 24px;
  padding: 1px;
  background: linear-gradient(155deg, rgba(255,255,255,0.85) 0%, rgba(208,225,229,0.13) 50%, rgba(255,255,255,0.85) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.email-input-content {
  background: rgba(208, 225, 229, 0.2);
  border-radius: 16px;
  padding: 10px 24px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 464px;
  position: relative;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.frame-10124::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(155deg, rgba(255,255,255,0.85) 0%, rgba(208,225,229,0.13) 50%, rgba(255,255,255,0.85) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.glass-card4 {
  background: rgba(208, 225, 229, 0.2);
  border-radius: 16px;
  padding: 10px 24px 10px 20px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 464px;
  position: relative;
  box-shadow: 0px 8px 24px 0px rgba(0, 0, 0, 0.15),
    0px 2px 4px 0px rgba(59, 97, 177, 0.2);
}
.fluent-mail-read-20-regular {
  opacity: 0.8;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.enter-your-email {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 500;
  opacity: 0.7;
  position: relative;
}
.fluent-alert-badge-16-regular {
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.reserve-my-spot {
  color: #7d0dbf;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 500;
  position: relative;
}
.spam-notice {
  padding: 0px 0px 0px 8px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.fluent-shield-task-48-regular3 {
  opacity: 0.8;
  flex-shrink: 0;
  width: 26px;
  height: 26px;
  position: relative;
  overflow: visible;
  aspect-ratio: 1;
}
.no-spam-just-priority-access-when-we-re-ready {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.85;
  position: relative;
}
.stats-container {
  padding: 24px 0px 0px 0px;
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.badge10 {
  flex-shrink: 0;
  width: 303px;
  height: 188px;
  position: relative;
}
.shadow15 {
  background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    linear-gradient(90deg, rgba(172, 17, 215, 1) 0%, rgba(243, 69, 41, 1) 100%);
  border-radius: 24px;
  opacity: 0.3;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 0px;
  left: 8px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass9 {
  background: rgba(208, 225, 229, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  border: none;
  padding: 48px 60px 32px 60px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: 295px;
  position: absolute;
  left: 0px;
  top: 0px;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.glass9::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(155deg, rgba(255,255,255,0.85) 0%, rgba(208,225,229,0.13) 50%, rgba(255,255,255,0.85) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
.stat-value {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
._10-k {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 60px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.early-users {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.shadow16 {
  background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    linear-gradient(
      90deg,
      rgba(172, 17, 215, 1) 0%,
      rgba(243, 69, 41, 1) 60.097891092300415%
    );
  border-radius: 24px;
  opacity: 0.3;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -1px;
  left: 9px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass10 {
  background: rgba(208, 225, 229, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  border: none;
  padding: 50px 60px 32px 60px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: 295px;
  position: absolute;
  left: 1px;
  top: 0px;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.glass10::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(155deg, rgba(255,255,255,0.85) 0%, rgba(208,225,229,0.13) 50%, rgba(255,255,255,0.85) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
._50 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 60px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.companies {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.shadow17 {
  background: linear-gradient(
      to left,
      rgba(255, 255, 255, 0.2),
      rgba(255, 255, 255, 0.2)
    ),
    linear-gradient(
      90deg,
      rgba(172, 17, 215, 1) 0%,
      rgba(243, 69, 41, 1) 42.30933487415314%
    );
  border-radius: 24px;
  opacity: 0.3;
  padding: 10px 24px 10px 24px;
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -1px;
  left: 8px;
  bottom: 0px;
  top: 0px;
  box-shadow: 0px 3.33px 8.31px 0px rgba(0, 0, 0, 0.07),
    0px 11.17px 27.92px 0px rgba(0, 0, 0, 0.1),
    0px 50px 125px 0px rgba(0, 0, 0, 0.17);
}
.glass11 {
  background: rgba(208, 225, 229, 0.2);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-radius: 16px;
  border: none;
  padding: 48px 60px 32px 60px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
  width: 295px;
  position: absolute;
  left: 1px;
  top: 0px;
  box-shadow: 0px 2px 4px 0px rgba(59, 97, 177, 0.2), 0px 8px 24px 0px rgba(0, 0, 0, 0.15);
}

.glass11::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 16px;
  padding: 1px;
  background: linear-gradient(155deg, rgba(255,255,255,0.85) 0%, rgba(208,225,229,0.13) 50%, rgba(255,255,255,0.85) 100%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}
._99-5 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 60px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.uptime {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 30px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.footer-section {
  background: linear-gradient(
      135.24deg,
      rgba(19, 24, 43, 1) 0%,
      rgba(90, 23, 139, 1) 46.00000083446503%,
      rgba(17, 25, 42, 1) 94.9999988079071%
    ),
    linear-gradient(to left, #334155, #334155);
  flex-shrink: 0;
  width: 1920px;
  height: 538px;
  position: relative;
  overflow: hidden;
}
.footer-gradient {
  opacity: 0.8;
  width: 929px;
  height: 929px;
  position: absolute;
  left: 968px;
  top: -130px;
}
.footer-content {
  display: flex;
  flex-direction: column;
  gap: 80px;
  align-items: flex-start;
  justify-content: flex-start;
  width: 1620px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
}
.footer-main {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.footer-brand {
  flex-shrink: 0;
  width: 597px;
  height: 208px;
  position: relative;
}
.logo {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0px;
  top: 0px;
}
.logo-text2 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 42px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  width: 159px;
}
.footer-brand {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
}
.frame-1035 .logo {
  position: relative !important;
}
.virtudocs-ai2 {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 22px;
  line-height: 28px;
  font-weight: 600;
}
.your-intelligent-document-memory-search-by-meaning-not-keywords {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  opacity: 0.7;
  max-width: 300px;
}
.buttons {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  position: absolute;
  left: 0px;
  top: 152px;
}
.social-button {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 48px 60px 32px 60px;
  flex-shrink: 0;
  width: 56px;
  height: 56px;
  position: relative;
}
.rectangle-34710 {
  border-radius: 16px;
  width: 56px;
  height: 100%;
  position: absolute;
  left: 50%;
  translate: -50%;
  bottom: 30.77%;
  top: -30.77%;
  aspect-ratio: 1;
}
.circum-facebook {
  opacity: 0.8;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}
.basil-instagram-outline {
  opacity: 0.8;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}
.si-youtube-line {
  opacity: 0.8;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}
.hugeicons-linkedin-01 {
  opacity: 0.8;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 50%;
  translate: -50% -50%;
  top: 50%;
  overflow: visible;
  aspect-ratio: 1;
}
.footer-links {
  padding: 0px 56px 0px 56px;
  display: flex;
  flex-direction: row;
  gap: 240px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 998px;
  position: relative;
}
.footer-nav-product {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100px;
  position: relative;
}
.product {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.text4 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.features {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.security {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.roadmap {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.footer-nav-company {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100px;
  position: relative;
}
.company {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.text5 {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.about {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.blog {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.contacts {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.footer-nav-legal {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  width: 100px;
  position: relative;
}
.legal {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 600;
  position: relative;
  align-self: stretch;
}
.privacy {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.terms {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.cookies {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
  align-self: stretch;
}
.footer-bottom {
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
  justify-content: flex-start;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
.line-1 {
  margin-top: -2px;
  border-style: solid;
  border-color: #ffffff;
  border-width: 2px 0 0 0;
  opacity: 0.3;
  align-self: stretch;
  flex-shrink: 0;
  height: 0px;
  position: relative;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, 1);
}
.footer-copyright {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  align-self: stretch;
  flex-shrink: 0;
  position: relative;
}
._2025-virtudocs-ai-all-rights-reserved {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Regular", sans-serif;
  font-size: 18px;
  line-height: 42px;
  font-weight: 400;
  opacity: 0.7;
  position: relative;
}
.built-with-for-teams-who-value-their-time {
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 18px;
  line-height: 42px;
  font-weight: 400;
  position: relative;
}
.built-with-for-teams-who-value-their-time-span {
  color: #ffffff;
  font-family: "Inter-Regular", sans-serif;
}
.built-with-for-teams-who-value-their-time-span2 {
  color: #f23333;
  font-family: "Inter-Light", sans-serif;
  font-weight: 300;
}
.built-with-for-teams-who-value-their-time-span3 {
  color: #ffffff;
  font-family: "Inter-Light", sans-serif;
  font-weight: 300;
}

/* === ADAPTIVE STYLES === */

html, body {
  background: #f9fbfc;
}

.landing-page {
  width: 100%;
  max-width: 100%;
}

.hero-section {
  overflow: visible;
  position: relative;
}

.hero-section,
.problems-section,
.solution-section,
.features-section,
.security-section,
.cta-section,
.footer-section,
.bottom-sections {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.header-nav {
  width: auto !important;
  left: 60px !important;
  right: 60px !important;
  display: flex !important;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
}

.header-nav .btn {
  position: relative !important;
  right: auto !important;
  top: auto !important;
}

.header-nav .logo {
  position: relative !important;
  right: auto !important;
  top: auto !important;
}

/* Fix layout for 1920px design */
.landing-page {
  max-width: 1920px;
  margin: 0 auto;
  overflow: visible;
}

.hero-gradient {
  width: 100vw;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
}

.footer-gradient {
  left: auto !important;
  right: -200px;
}

html, body {
  overflow-x: hidden;
  max-width: 100vw;
}

.hero-bg-image {
  width: auto;
  height: 100%;
  max-height: 1589px;
}

@media (max-width: 1600px) {
  .header-nav {
    left: 50px !important;
    right: 50px !important;
  }
}

@media (max-width: 1400px) {
  .header-nav {
    left: 40px !important;
    right: 40px !important;
  }
}

@media (max-width: 1200px) {
  .header-nav {
    left: 30px !important;
    right: 30px !important;
  }
}

@media (max-width: 768px) {
  .header-nav {
    left: 20px !important;
    right: 20px !important;
  }
}

/* === LOGIN BUTTON LINK === */
a.btn {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
  cursor: pointer;
  transition: opacity 0.2s ease;
}

a.btn:hover {
  opacity: 0.8;
}

/* === BUTTON HOVER EFFECTS === */

/* Get Early Access - btn-4 diagonal shine effect */
.btn-early-access {
  cursor: pointer;
  overflow: hidden;
  position: relative;
  transition: all 0.3s ease;
}

.btn-early-access::after {
  content: "";
  background: linear-gradient(90deg, rgba(59, 130, 246, 0.4), rgba(96, 165, 250, 0.6));
  height: 200px;
  left: -100px;
  opacity: 0.8;
  position: absolute;
  top: -80px;
  transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 60px;
  z-index: 1;
  pointer-events: none;
}

.btn-early-access:hover::after {
  left: 150%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}

.btn-early-access:hover {
  box-shadow: 0px 12px 32px 0px rgba(59, 130, 246, 0.35),
    0px 4px 8px 0px rgba(59, 97, 177, 0.25);
  transform: translateY(-2px);
}

/* Watch Demo - btn-5 outline glow effect */
.btn-watch-demo {
  cursor: pointer;
  transition: all 300ms ease;
}

.btn-watch-demo:hover {
  background: rgba(255, 255, 255, 0.25);
  box-shadow:
    0 12px 40px rgba(0, 0, 0, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.6),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2),
    0 0 20px rgba(255, 255, 255, 0.2);
  transform: translateY(-2px);
}

/* === CENTER SECTION HEADERS === */
.features-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 80px;
}

.security-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 80px;
  width: 600px;
}

.security-features {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}

.virtudocs-ai-unifies-all-your-documents-and-makes-them-searchable-by-meaning-not-keywords {
  color: var(--colors-1-general-color-font-secondarylight, #64748b);
  text-align: center;
  font-family: var(--subtitle-font-family, "Lato-Regular", sans-serif);
  font-size: var(--subtitle-font-size, 26px);
  font-weight: var(--subtitle-font-weight, 400);
  line-height: 36px;
}

/* iOS Liquid Glass Effect - from TonniTools */
.GlassContainer {
  --corner-radius: 60px;
  --base-strength: 14px;
  --extra-blur: 2px;
  --softness: 12px;
  --tint-amount: 0;
  --tint-saturation: 2;
  --tint-hue: 180deg;
  --contrast: 1;
  --brightness: 1;
  --invert: 10%;
  --total-strength: calc(var(--base-strength) + var(--extra-blur));
  --edge-width: calc(0.3px + (var(--softness) * 0.1));
  --emboss-width: calc((var(--softness) * 0.38));
  --refraction-width: calc((var(--softness) * 0.3));
  position: relative;
  overflow: visible;
  pointer-events: none;
}

.GlassContent {
  position: relative;
  display: flex;
  z-index: 100;
  overflow: hidden;
  border-radius: var(--corner-radius);
  pointer-events: auto;
}

.GlassMaterial {
  position: absolute;
  inset: 0px;
  z-index: 1;
  overflow: visible;
  pointer-events: none;
}

.GlassMaterial::after {
  content: "";
  display: block;
  position: absolute;
  inset: 0px;
  z-index: 3;
  overflow: hidden;
  border-radius: var(--corner-radius);
  background-color: rgba(128, 128, 128, 0);
}

.GlassMaterial > div {
  position: absolute;
  inset: 0px;
  box-sizing: border-box;
  border-radius: var(--corner-radius);
  z-index: 2;
  overflow: hidden;
}

.GlassMaterial .GlassEdgeReflection {
  z-index: 4;
  margin: calc(var(--total-strength) * -1);
  border-radius: calc(var(--corner-radius) + var(--total-strength));
  backdrop-filter: blur(var(--total-strength)) brightness(1.2) saturate(1.2);
  -webkit-backdrop-filter: blur(var(--total-strength)) brightness(1.2) saturate(1.2);
  padding: var(--edge-width);
  border: var(--total-strength) solid transparent;
  mask: linear-gradient(white 0px, white 0px) padding-box exclude, linear-gradient(white 0px, white 0px) content-box exclude;
  -webkit-mask: linear-gradient(white 0px, white 0px) padding-box, linear-gradient(white 0px, white 0px) content-box;
  -webkit-mask-composite: xor;
}

.GlassMaterial .GlassEmbossReflection {
  backdrop-filter: blur(calc(var(--total-strength) * 1.5)) invert(0.25) brightness(1.11) saturate(1.2) hue-rotate(-10deg) contrast(2.3);
  -webkit-backdrop-filter: blur(calc(var(--total-strength) * 1.5)) invert(0.25) brightness(1.11) saturate(1.2) hue-rotate(-10deg) contrast(2.3);
  padding: var(--emboss-width);
  border: 0px solid transparent;
  mask: linear-gradient(white 0px, white 0px) padding-box exclude, linear-gradient(white 0px, white 0px) content-box exclude;
  -webkit-mask: linear-gradient(white 0px, white 0px) padding-box, linear-gradient(white 0px, white 0px) content-box;
  -webkit-mask-composite: xor;
}

.GlassMaterial .GlassRefraction {
  backdrop-filter: invert(0.1) brightness(1.2) contrast(1.5);
  -webkit-backdrop-filter: invert(0.1) brightness(1.2) contrast(1.5);
  padding: var(--refraction-width);
  border: calc(var(--emboss-width)) solid transparent;
  mask: linear-gradient(white 0px, white 0px) padding-box exclude, linear-gradient(white 0px, white 0px) content-box exclude;
  -webkit-mask: linear-gradient(white 0px, white 0px) padding-box, linear-gradient(white 0px, white 0px) content-box;
  -webkit-mask-composite: xor;
}

.GlassMaterial .GlassBlur {
  backdrop-filter: blur(var(--extra-blur)) brightness(1.25);
  -webkit-backdrop-filter: blur(var(--extra-blur)) brightness(1.25);
  border-radius: calc(var(--corner-radius) - (var(--emboss-width) + var(--refraction-width)));
  margin: calc(var(--emboss-width) + var(--refraction-width));
}

.GlassMaterial .BlendLayers {
  z-index: 3;
  backdrop-filter: blur(calc((var(--softness) * 0.2) + (var(--extra-blur) * 0.2)));
  -webkit-backdrop-filter: blur(calc((var(--softness) * 0.2) + (var(--extra-blur) * 0.2)));
}

.GlassMaterial .BlendEdge {
  z-index: 8;
  backdrop-filter: blur(calc(var(--edge-width) * 0.4)) contrast(1.6) saturate(1.5);
  -webkit-backdrop-filter: blur(calc(var(--edge-width) * 0.4)) contrast(1.6) saturate(1.5);
}

.GlassContainer::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 20;
  display: block;
  border-radius: var(--corner-radius);
  backdrop-filter: invert(var(--invert));
  -webkit-backdrop-filter: invert(var(--invert));
}

.GlassMaterial::before {
  content: "";
  position: absolute;
  inset: 0px;
  z-index: 11;
  display: block;
  border-radius: var(--corner-radius);
  padding: 1px;
  border: 0px solid transparent;
  background: linear-gradient(155deg, rgba(255, 255, 255, 0.15) 0%, rgba(0, 0, 0, 0.2) 50%, rgba(255, 255, 255, 0.15) 100%);
  backdrop-filter: invert(0.15) opacity(1);
  -webkit-backdrop-filter: invert(0.15) opacity(1);
  mask: linear-gradient(white 0px, white 0px) padding-box exclude, linear-gradient(white 0px, white 0px) content-box exclude;
  -webkit-mask: linear-gradient(white 0px, white 0px) padding-box, linear-gradient(white 0px, white 0px) content-box;
  -webkit-mask-composite: xor;
}

.GlassMaterial .Highlight {
  z-index: 12;
  display: block;
  border-radius: var(--corner-radius);
  padding: 1px;
  border: 0px solid transparent;
  backdrop-filter: brightness(1.2) contrast(1.6) saturate(1.2) opacity(1);
  -webkit-backdrop-filter: brightness(1.2) contrast(1.6) saturate(1.2) opacity(1);
  mask: linear-gradient(white 0px, white 0px) padding-box exclude, linear-gradient(white 0px, white 0px) content-box exclude;
  -webkit-mask: linear-gradient(white 0px, white 0px) padding-box, linear-gradient(white 0px, white 0px) content-box;
  -webkit-mask-composite: xor;
}

/* ========================================
   MOBILE RESPONSIVE STYLES
   ======================================== */

@media (max-width: 1200px) {
  .hero-mockup {
    display: none;
  }
  
  .ai-prompt-card {
    display: none;
  }
  
  .hero-section {
    min-height: 700px;
    height: auto;
  }
  
  .hero-gradient {
    height: 700px;
  }
  
  .cont {
    width: 90%;
    max-width: 900px;
    top: 180px;
    align-items: center;
  }
  
  .problems-section {
    height: auto;
    min-height: auto;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  
  .problems-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 90%;
    max-width: 600px;
    align-items: center;
  }
  
  .problems-cards {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
    max-width: 900px;
  }
  
  .solution-section {
    height: auto;
    min-height: auto;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  
  .solution-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 90%;
    max-width: 900px;
    align-items: center;
  }
  
  .solution-header-content {
    align-items: center;
  }
  
  .section-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 90%;
    max-width: 1100px;
  }
  
  .features-section {
    height: auto;
    min-height: auto;
    padding: 60px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
  }
  
  .features-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    transform: none !important;
    width: 90%;
    max-width: 600px;
    align-items: center;
  }
  
  .cards {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
    max-width: 1100px;
  }
  
  .cta-section {
    width: 100% !important;
    height: auto;
    padding: 60px 20px;
  }
  
  .cta-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 90%;
    max-width: 900px;
    margin: 0 auto;
  }
  
  .security-section .security-header {
    margin: 0 auto;
  }
  
  .stop-wasting-hours-searching-for-documents {
    font-size: 56px;
    line-height: 68px;
  }
  
  .meet-the-ai-workspace-that-actually-understands-your-files-and-finds-what-you-need-instantly {
    font-size: 22px;
    line-height: 32px;
  }
  
  .problems-cards {
    width: 90%;
    max-width: 900px;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
  }
  
  .problems-cards > .glass2,
  .problems-cards > .problem-card {
    width: calc(50% - 12px);
    min-width: 280px;
  }
  
  .cards {
    width: 90%;
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
    left: 50%;
    translate: -50%;
  }
  
  .cards > .glass2 {
    width: calc(50% - 12px);
  }
  
  .security-section {
    height: auto;
    padding: 60px 20px;
  }
  
  .security-section .img7 {
    display: none;
  }
  
  .security-section .security-header {
    position: relative !important;
    left: 50% !important;
    translate: -50% !important;
    top: auto !important;
    width: 90%;
    max-width: 700px;
  }
  
  .footer-content {
    width: 90%;
    max-width: 1200px;
  }
  
  .footer-main {
    flex-direction: column;
    gap: 48px;
  }
  
  .footer-links {
    width: 100%;
    gap: 60px;
    padding: 0;
    justify-content: space-between;
  }
  
  .cta-content {
    width: 90%;
    max-width: 900px;
  }
  
  .email-input-card {
    flex-wrap: wrap;
    justify-content: center;
  }
  
  .email-input-content {
    min-width: 200px;
  }
  
  .footer-section {
    width: 100% !important;
    height: auto;
  }
  
  .footer-gradient {
    display: none;
  }
}

@media (max-width: 768px) {
  .landing-page {
    gap: 60px;
  }
  
  .header-nav {
    display: none !important;
  }
  
  .btn {
    padding: 8px 16px 8px 12px;
    gap: 8px;
  }
  
  .login {
    font-size: 16px;
  }
  
  .logo-text {
    font-size: 18px;
  }
  
  .hero-section {
    min-height: 550px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .hero-gradient {
    height: 550px;
  }
  
  .cont {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
    max-width: 100%;
    padding: 100px 24px 40px;
    gap: 24px;
    align-items: center;
  }
  
  .section-badge {
    width: auto;
    height: auto;
  }
  
  .section-badge .shadow2 {
    display: none;
  }
  
  .glass-badge {
    position: relative !important;
    padding: 8px 16px;
  }
  
  .your-intelligent-document-memory {
    font-size: 14px;
    line-height: 20px;
  }
  
  .fluent-flash-20-regular {
    width: 20px;
    height: 20px;
    flex-shrink: 0;
  }
  
  .stop-wasting-hours-searching-for-documents {
    font-size: 32px;
    line-height: 40px;
  }
  
  .stop-wasting-hours-searching-for-documents br,
  .meet-the-ai-workspace-that-actually-understands-your-files-and-finds-what-you-need-instantly br {
    display: none;
  }
  
  .meet-the-ai-workspace-that-actually-understands-your-files-and-finds-what-you-need-instantly {
    font-size: 16px;
    line-height: 24px;
    padding: 0 10px;
  }
  
  .hero-buttons {
    flex-direction: column;
    width: 100%;
    gap: 16px;
    align-items: center;
  }
  
  .btn-early-access,
  .btn-watch-demo {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  
  .problems-section {
    padding: 40px 24px;
  }
  
  .problems-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
    align-items: center;
  }
  
  .the-problem,
  .the-solution,
  .why-teams-love-it,
  .privacy-first {
    font-size: 32px !important;
    line-height: 40px !important;
    text-align: center;
  }
  
  .problems-cards {
    flex-direction: column;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
    max-width: 100%;
    gap: 20px;
  }
  
  .problems-cards > .glass2,
  .problems-cards > .problem-card {
    width: 100%;
  }
  
  .glass2,
  .glass3 {
    width: 100% !important;
    min-width: 0 !important;
    padding: 24px !important;
    margin: 0 !important;
  }
  
  .problems-cards {
    padding: 0 !important;
  }
  
  .solution-section {
    padding: 40px 24px;
  }
  
  .section-content {
    flex-direction: column;
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100% !important;
    padding: 0;
  }
  
  .section-content .text3 {
    width: 100%;
    padding: 0;
  }
  
  .text3 .problem-card-alt {
    width: 100%;
    align-items: center;
  }
  
  .problem-card-alt .badge3,
  .problem-card-alt .badge4 {
    width: 100%;
    max-width: 100%;
    height: auto !important;
  }
  
  .problem-card-alt .shadow5,
  .problem-card-alt .shadow6,
  .problem-card-alt .shadow7 {
    display: none;
  }
  
  .problem-card-alt .glass4,
  .problem-card-alt .glass5,
  .problem-card-alt .glass6 {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100%;
    padding: 16px;
    gap: 16px;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 16px;
  }
  
  .problem-card-alt .problem-text {
    overflow: hidden;
  }
  
  .summarize-our-latest-client-proposal,
  .find-all-so-ps-related-to-onboarding2,
  .show-me-signed-contracts-from-q-32,
  .virtudocs-instantly-delivers-accurate-results-with-verified-links-to-sources {
    font-size: 14px !important;
    line-height: 20px !important;
    white-space: normal !important;
    word-wrap: break-word;
  }
  
  .section-content .img4 {
    display: none;
  }
  
  .solution-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
  }
  
  .solution-header-content {
    align-items: center;
  }
  
  .virtudocs-ai-unifies-all-your-documents-and-makes-them-searchable-by-meaning-not-keywords {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  
  .virtudocs-ai-unifies-all-your-documents-and-makes-them-searchable-by-meaning-not-keywords br {
    display: none;
  }
  
  .features-section {
    padding: 40px 24px;
  }
  
  .features-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    transform: none !important;
    width: 100%;
  }
  
  .cards {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
    flex-direction: column;
    gap: 20px;
  }
  
  .cards > .glass2 {
    width: 100%;
    margin: 0;
    padding: 24px;
  }
  
  .cards {
    padding: 0 !important;
  }
  
  .security-section {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    left: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100% !important;
    padding: 40px 24px !important;
  }
  
  .badge6 {
    width: auto !important;
    height: auto !important;
  }
  
  .badge6 .shadow12 {
    display: none;
  }
  
  .badge6 .glass {
    position: relative !important;
    padding: 8px 16px;
  }
  
  .security-section .security-header {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    transform: none !important;
    width: 100%;
    padding: 0;
  }
  
  .security-features {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  
  .badge7,
  .badge8 {
    width: 100%;
    height: auto !important;
  }
  
  .badge6 {
    width: auto;
  }
  
  .badge7 .shadow13,
  .badge8 .shadow13 {
    display: none;
  }
  
  .badge7 .glass7,
  .badge7 .glass8,
  .badge8 .glass8 {
    position: relative !important;
    width: 100% !important;
    flex-direction: column;
    text-align: center;
    padding: 20px;
    gap: 16px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 16px;
  }
  
  .badge7 .problem-icon,
  .badge8 .problem-icon {
    position: relative !important;
    left: auto !important;
    top: auto !important;
  }
  
  .badge7 .problem-text,
  .badge8 .problem-text {
    gap: 8px;
  }
  
  .cta-section {
    padding: 40px 24px;
  }
  
  .cta-content {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    translate: none !important;
    width: 100%;
  }
  
  .your-ai-memory-for-documents-coming-soon {
    font-size: 28px !important;
    line-height: 36px !important;
    text-align: center;
  }
  
  .join-early-for-free-beta-access-and-exclusive-founder-pricing-after-launch {
    font-size: 16px;
    line-height: 24px;
    text-align: center;
  }
  
  .cta-form-container {
    width: 100%;
  }
  
  .email-form-wrapper {
    width: 100%;
  }
  
  .email-input-card {
    flex-direction: column;
    width: 100%;
  }
  
  .email-input-content {
    width: 100%;
  }
  
  .email-input-card .btn-early-access {
    width: 100%;
    max-width: none;
  }
  
  .stats-container {
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
    width: 100%;
  }
  
  .badge10 {
    width: calc(50% - 8px);
    height: auto !important;
    min-width: 140px;
  }
  
  .badge10 .shadow15,
  .badge10 .shadow16,
  .badge10 .shadow17 {
    display: none;
  }
  
  .glass9,
  .glass10,
  .glass11 {
    position: relative !important;
    width: 100% !important;
    padding: 20px 16px !important;
    gap: 8px;
  }
  
  ._10-k,
  ._50,
  ._99-5 {
    font-size: 32px !important;
    line-height: 40px !important;
  }
  
  .early-users,
  .companies,
  .uptime {
    font-size: 14px !important;
  }
  
  .footer-section {
    padding: 40px 24px;
  }
  
  .footer-content {
    position: relative !important;
    left: auto !important;
    translate: none !important;
    top: auto !important;
    width: 100%;
    padding: 0;
    gap: 40px;
  }
  
  .footer-main {
    width: 100%;
    flex-direction: column;
    gap: 40px;
  }
  
  .footer-brand {
    width: 100%;
    text-align: center;
    align-items: center;
  }
  
  .frame-1035 .logo {
    justify-content: center;
  }
  
  .your-intelligent-document-memory-search-by-meaning-not-keywords {
    text-align: center;
  }
  
  .buttons {
    justify-content: center;
  }
  
  .footer-links {
    flex-direction: column;
    align-items: center;
    gap: 32px;
    width: 100%;
    padding: 0;
  }
  
  .frame-1031,
  .frame-1032,
  .footer-nav-legal {
    align-items: center;
    text-align: center;
  }
  
  .footer-bottom {
    width: 100%;
  }
  
  .footer-copyright {
    flex-direction: column;
    text-align: center;
    gap: 8px;
    width: 100%;
  }
  
  .problem-card-alt {
    width: 100%;
  }
  
  .problem-card-alt .badge3,
  .problem-card-alt .badge4 {
    width: 100%;
  }
  
  .problem-card-alt .glass4,
  .problem-card-alt .glass5,
  .problem-card-alt .glass6 {
    width: 100%;
  }
}

@media (max-width: 480px) {
  .header-nav {
    left: 16px !important;
    right: 16px !important;
  }
  
  .logo-text {
    font-size: 14px;
    width: auto;
  }
  
  .cont {
    padding: 90px 16px 30px;
  }
  
  .stop-wasting-hours-searching-for-documents {
    font-size: 26px;
    line-height: 34px;
  }
  
  .meet-the-ai-workspace-that-actually-understands-your-files-and-finds-what-you-need-instantly {
    font-size: 14px;
    line-height: 22px;
  }
  
  .the-problem,
  .the-solution,
  .why-teams-love-it,
  .privacy-first {
    font-size: 26px !important;
    line-height: 34px !important;
  }
  
  .your-ai-memory-for-documents-coming-soon {
    font-size: 22px !important;
    line-height: 30px !important;
  }
  
  .problems-section,
  .solution-section,
  .features-section,
  .security-section,
  .cta-section,
  .footer-section {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  
  .badge10 {
    width: calc(50% - 10px);
  }
  
  .stats-container {
    width: 100%;
  }
  
  .ellipse-12,
  .ellipse-122,
  .ellipse-123,
  .ellipse-124,
  .ellipse-125,
  .ellipse-126 {
    display: none;
  }
}