@media(min-width: 1280px) {
  .hide-desktop {
    display: none !important;
  }
}

@media(min-width: 767px) and (max-width: 1279.98px) {
  .hide-tablet {
    display: none !important;
  }
}

@media(max-width: 766.98px) {
  .hide-phone {
    display: none !important;
  }
}

html body {
  background: rgb(255, 255, 255);
}

@media (pointer: fine) {
  .framer--carousel[data-show-scrollbar="false"]::-webkit-scrollbar {
    display: none;
    -webkit-appearance: none;
    width: 0;
    height: 0;
  }
  .framer--carousel[data-show-scrollbar="false"]::-webkit-scrollbar-thumb {
    display: none;
  }
  .framer--carousel[data-show-scrollbar="false"] {
    scrollbar-width: none;
    scrollbar-height: none;
  }
}

.page-div.button-3,
.page-div .button-3 {
  display: block;
}

.page-div.page-div-2 {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  background-color: #fff;
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 0;
  width: 1280px;
  padding: 0;
  display: flex;
  position: relative;
}

.page-div .page-div-3 {
  background-color: #fff;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .desktop-container {
  z-index: 5;
  flex: none;
  width: 100%;
  height: auto;
  position: sticky;
  top: 0;
}

.page-div .mobile-nav-closed-container {
  z-index: 5;
  flex: none;
  width: 100%;
  height: 64px;
  position: sticky;
  top: 0;
}

.page-div .desktop-hero-section-container {
  flex: none;
  width: 100%;
  height: 922px;
  position: relative;
}

.page-div .mobile-hero-section {
  will-change: var(--framer-will-change-filter-override,filter);
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .main-image-outer-container,
.page-div .content-div {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .main-image-inner-container {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 80%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .firefly-watercolor-splashes-with-light {
  z-index: 1;
  flex: none;
  width: 236px;
  height: 316px;
  position: absolute;
  bottom: -100px;
  right: -100px;
}

.page-div .get-insights-2 {
  will-change: var(--framer-will-change-override,transform);
  z-index: 3;
  background-color: #fff;
  border-radius: 2px;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 3.83168px;
  width: min-content;
  height: min-content;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 50px;
  left: -25px;
  overflow: hidden;
  box-shadow: 0 1.91584px 2.3948px #44444414;
}

.page-div .ell,
.page-div .ell-2,
.page-div .ell-3 {
  flex: none;
  width: 6px;
  height: 6px;
  position: relative;
  overflow: visible;
}

.page-div .ellipse-4671-4,
.page-div .ellipse-4671-5,
.page-div .ellipse-4671-6 {
  background-color: #edfcf7;
  border-radius: 100%;
  flex: none;
  width: 6px;
  height: 6px;
  position: absolute;
  top: 0;
  left: 0;
}

.page-div .ellipse-4672-4,
.page-div .ellipse-4672-5,
.page-div .ellipse-4672-6 {
  background-color: #7cdbbc;
  border-radius: 100%;
  flex: none;
  width: 3px;
  height: 3px;
  position: absolute;
  top: 1px;
  left: 1px;
}

.page-div .copy,
.page-div .copy-2,
.page-div .copy-3 {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 1.91584px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .heading-4 {
  --framer-paragraph-spacing: 8.62127px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 45px;
  height: auto;
  position: relative;
}

.page-div .manage-your-leads-2 {
  will-change: var(--framer-will-change-override,transform);
  z-index: 3;
  background-color: #fff;
  border-radius: 2px;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 3.83168px;
  width: min-content;
  height: min-content;
  padding: 8px;
  display: flex;
  position: absolute;
  top: 50px;
  right: -25px;
  overflow: hidden;
  box-shadow: 0 1.91584px 2.3948px #44444414;
}

.page-div .heading-5 {
  --framer-paragraph-spacing: 8.62127px;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.page-div .take-control-of-your-spaces-2 {
  will-change: var(--framer-will-change-override,transform);
  z-index: 3;
  background-color: #fff;
  border-radius: 2px;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 3.83168px;
  width: min-content;
  height: min-content;
  padding: 8px;
  display: flex;
  position: absolute;
  bottom: 50px;
  right: -25px;
  overflow: hidden;
  box-shadow: 0 1.91584px 2.3948px #44444414;
}

.page-div .heading-6 {
  --framer-paragraph-spacing: 8.62127px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 103px;
  height: auto;
  position: relative;
}

.page-div .main-image-2 {
  filter: drop-shadow(0 4.57879px 5px #cfcfcf1a)drop-shadow(0 17.9881px 8px #cfcfcf17)drop-shadow(0 40.228px 11px #cfcfcf0d)drop-shadow(0 71.2983px 12px #cfcfcf03)drop-shadow(0 111.526px 14px #cfcfcf00);
  z-index: 2;
  flex: none;
  width: 100%;
  height: 30vh;
  position: relative;
}

.page-div .content {
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: min-content;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .heading-and-supporting-text,
.page-div .heading-and-badge,
.page-div .content-2 {
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .ai-powered {
  --border-bottom-width: 1.5px;
  --border-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  --border-left-width: 1.5px;
  --border-right-width: 1.5px;
  --border-style: solid;
  --border-top-width: 1.5px;
  border-radius: 24px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 4px 8px;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .message-2,
.page-div .message-3,
.page-div .message-5,
.page-div .heading-29 {
  --framer-paragraph-spacing: 14px;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.page-div .heading-7 {
  --framer-paragraph-spacing: 60px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 288px;
  height: auto;
  position: relative;
}

.page-div .supporting-text {
  --framer-paragraph-spacing: 0px;
  opacity: .8;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 288px;
  height: auto;
  position: relative;
}

.page-div .actions {
  flex-flow: row;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 12px;
  width: 100%;
  height: 40px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .button-2 {
  background-color: #10b981;
  border-radius: 6px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 3.33333px;
  width: min-content;
  height: 40px;
  padding: 13.3333px 20px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .button-4,
.page-div .button-6,
.page-div .integration-gallery-2,
.page-div .connect-reffie-to-your-favorite-2,
.page-div .button-8,
.page-div .integration-gallery-3,
.page-div .connect-reffie-to-your-favorite-3,
.page-div .button-14,
.page-div .connect-reffie-to-your-favorite-4,
.page-div .button-16 {
  --framer-paragraph-spacing: 0px;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.page-div .testimonials-heading {
  background-color: #fff;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 64px 0 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .heading-8 {
  --framer-paragraph-spacing: 36px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 1200px;
  height: auto;
  position: relative;
}

.page-div .page-div-container {
  z-index: 2;
  flex: none;
  width: 100%;
  max-width: 1200px;
  height: 450px;
  position: relative;
}

.page-div .clarion-testimonial {
  --border-bottom-width: 1px;
  --border-color: #f4f4f4;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  place-content: flex-start space-evenly;
  align-items: flex-start;
  width: 390px;
  height: 230px;
  padding: 32px 16px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 4px #43434342;
}

.page-div .clarion {
  aspect-ratio: 1;
  z-index: 1;
  flex: none;
  width: 80px;
  height: auto;
  position: absolute;
  top: -40px;
  left: 50%;
  overflow: visible;
  transform: translate(-50%);
}

.page-div .supporting-text-2,
.page-div .supporting-text-3,
.page-div .supporting-text-4,
.page-div .supporting-text-5,
.page-div .supporting-text-6 {
  --framer-paragraph-spacing: 16px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}

.page-div .person,
.page-div .person-2,
.page-div .person-3,
.page-div .person-4,
.page-div .person-5 {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 2px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .heading-9,
.page-div .heading-10,
.page-div .heading-11,
.page-div .heading-12,
.page-div .heading-13,
.page-div .heading-14,
.page-div .heading-15,
.page-div .heading-16,
.page-div .heading-17,
.page-div .heading-18 {
  --framer-paragraph-spacing: 24px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}

.page-div .blue-vista-testimonial,
.page-div .las-best-testimonial,
.page-div .landon-pacific-testimonial {
  --border-bottom-width: 1px;
  --border-color: #f4f4f4;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  place-content: flex-start space-evenly;
  align-items: flex-start;
  width: 390px;
  height: 230px;
  padding: 32px 48px 24px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 4px #43434342;
}

.page-div .blue-vista-logo {
  aspect-ratio: 1;
  z-index: 2;
  flex: none;
  width: 80px;
  height: auto;
  position: absolute;
  top: -40px;
  left: 50%;
  overflow: visible;
  transform: translate(-50%);
}

.page-div .centra-testimonial {
  --border-bottom-width: 1px;
  --border-color: #f4f4f4;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  background-color: #fff;
  border-radius: 16px;
  flex-flow: column;
  place-content: flex-start space-evenly;
  align-items: flex-start;
  width: 390px;
  height: 230px;
  padding: 32px 48px;
  display: flex;
  position: relative;
  overflow: visible;
  box-shadow: 0 2px 4px #43434342;
}

.page-div .variant-1-container-2,
.page-div .variant-1-container-3,
.page-div .variant-1-container-4 {
  z-index: 1;
  flex: none;
  width: 80px;
  height: 80px;
  position: absolute;
  top: -40px;
  left: calc(50% - 40px);
}

.page-div .values-section {
  background-color: #fff;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 25px;
  width: 100%;
  height: min-content;
  padding: 0 0 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .values-heading {
  background-color: #fff;
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 530px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .heading-19,
.page-div .heading-23,
.page-div .heading-27 {
  --framer-paragraph-spacing: 36px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 530px;
  height: auto;
  position: relative;
}

.page-div .supporting-text-7,
.page-div .supporting-text-12 {
  --framer-paragraph-spacing: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 530px;
  height: auto;
  position: relative;
}

.page-div .values-content {
  background-color: #fff;
  flex-flow: row;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 40px;
  width: 1028px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .cont,
.page-div .cont-2,
.page-div .cont-3 {
  flex-flow: column;
  flex: 1 0 0;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .icon,
.page-div .icon-3 {
  flex: none;
  gap: 0;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: hidden;
}

.page-div .ni-paper-plane {
  flex: none;
  gap: 0;
  width: 64px;
  height: 64px;
  position: absolute;
  top: calc(50% - 32px);
  left: calc(50.4761% - 32px);
  overflow: visible;
}

.page-div .icon-2 {
  flex: none;
  position: absolute;
  inset: 14px 5px 18px 0;
}

.page-div .heading-20 {
  --framer-paragraph-spacing: 36px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 305px;
  height: auto;
  position: relative;
}

.page-div .supporting-text-8 {
  --framer-paragraph-spacing: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 305px;
  height: auto;
  position: relative;
}

.page-div .ni-pressing-button {
  flex: none;
  gap: 0;
  width: 64px;
  height: 64px;
  position: absolute;
  top: 3px;
  left: 3px;
  overflow: visible;
}

.page-div .icon-4 {
  flex: none;
  position: absolute;
  inset: 6px 5px 11px 0;
}

.page-div .heading-21 {
  --framer-paragraph-spacing: 36px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 264px;
  height: auto;
  position: relative;
}

.page-div .supporting-text-9 {
  --framer-paragraph-spacing: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 264px;
  height: auto;
  position: relative;
}

.page-div .ni-clipboard-bar-chart {
  flex: none;
  gap: 0;
  width: 70px;
  height: 70px;
  position: relative;
  overflow: visible;
}

.page-div .icon-5 {
  flex: none;
  position: absolute;
  inset: 0 14px 5px 10px;
}

.page-div .heading-22 {
  --framer-paragraph-spacing: 36px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 331px;
  height: auto;
  position: relative;
}

.page-div .supporting-text-10 {
  --framer-paragraph-spacing: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 331px;
  height: auto;
  position: relative;
}

.page-div .how-reffie-works {
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 32px 0 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .connect-all-leads-section {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 64px;
  width: 100%;
  height: 500px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .connect-all-leads-section-div {
  flex-flow: row;
  flex: 1 0 0;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 1px;
  max-width: 600px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .firefly-watercolor-splashes-with-light-2 {
  aspect-ratio: 1;
  z-index: 0;
  flex: none;
  width: 286px;
  height: auto;
  position: absolute;
  bottom: -100px;
  left: -68px;
}

.page-div .ingestion-sources {
  aspect-ratio: 1.57;
  flex: none;
  width: 471px;
  height: auto;
  position: relative;
  overflow: visible;
}

.page-div .connect-all-leads-section-div-2 {
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 1px;
  max-width: 600px;
  height: 500px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .heading-24,
.page-div .heading-28 {
  --framer-paragraph-spacing: 0px;
  opacity: .2;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  left: -25px;
}

.page-div .connect-all-leads-text-section {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
  height: 176px;
  padding: 8px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .message-4 {
  --framer-paragraph-spacing: 14px;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.page-div .heading-25 {
  --framer-paragraph-spacing: 36px;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.page-div .supporting-text-11 {
  --framer-paragraph-spacing: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 1;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}

.page-div .playbooks-text-section {
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 64px;
  width: 100%;
  height: 500px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .playbook-text {
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 1px;
  max-width: 600px;
  height: 500px;
  padding: 0 0 0 20px;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .heading-26 {
  --framer-paragraph-spacing: 0px;
  opacity: .2;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
}

.page-div .playbook-text-div {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 567px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .image,
.page-div .image-2 {
  flex: 1 0 0;
  width: 1px;
  max-width: 600px;
  height: 300px;
  position: relative;
  overflow: visible;
}

.page-div .analytics-section {
  background-color: #fff;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 64px;
  width: 100%;
  height: 500px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .copy-4 {
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 24px;
  width: 1px;
  max-width: 600px;
  height: 500px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .copy-div {
  flex-flow: column;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.page-div .supporting-text-13 {
  --framer-paragraph-spacing: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 494px;
  height: auto;
  position: relative;
}

.page-div .supporting-text-14 {
  --framer-paragraph-spacing: 20px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 494px;
  height: auto;
  position: relative;
}

.page-div .message-6 {
  --framer-paragraph-spacing: 14px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 286px;
  height: auto;
  position: relative;
}

.page-div .heading-30 {
  --framer-paragraph-spacing: 36px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 286px;
  height: auto;
  position: relative;
}

.page-div .supporting-text-15 {
  --framer-paragraph-spacing: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 286px;
  height: auto;
  position: relative;
}

.page-div .image-3 {
  aspect-ratio: .299906;
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
  overflow: visible;
}

.page-div .iphone-17-3 {
  background-color: #fff;
  flex: none;
  gap: 0;
  width: 402px;
  height: 874px;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.page-div .firefly-watercolor-splashes-with-light-3 {
  flex: none;
  width: 671px;
  height: 704px;
  position: absolute;
  top: 614px;
  left: 402px;
}

.page-div .firefly-watercolor-splashes-with-light-4 {
  flex: none;
  width: 225px;
  height: 207px;
  position: absolute;
  top: 230px;
  left: 195px;
}

.page-div .bottom-right {
  --border-bottom-width: 1px;
  --border-color: #f1f5f9;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  height: 60px;
  padding: 12px;
  display: flex;
  position: absolute;
  bottom: 539px;
  left: 338px;
  right: 4px;
  overflow: visible;
}

.page-div .bottom-right-shadow {
  flex: none;
  width: 60px;
  height: 60px;
  position: relative;
}

.page-div .left-column-content {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 314px;
  max-width: 640px;
  height: 106px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 23px;
  left: 20px;
  overflow: visible;
}

.page-div .heading-1 {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .integration-gallery,
.page-div .connect-reffie-to-your-favorite {
  --framer-paragraph-spacing: 0px;
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 314px;
  height: auto;
  position: relative;
}

.page-div .container-2 {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 100%;
  max-width: 540px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .button-5 {
  background-color: #10b981;
  border-radius: 8px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 4px;
  width: min-content;
  height: 40px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .bottom-right-2 {
  --border-bottom-width: 1px;
  --border-color: #f1f5f9;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  aspect-ratio: 1;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  height: auto;
  padding: 12px;
  display: flex;
  position: absolute;
  bottom: 449px;
  left: 307px;
  right: 15px;
  overflow: visible;
  box-shadow: 1px 2px 4px #0000001a,2px 7px 8px #00000017,5px 17px 10px #0000000d,8px 30px 12px #00000003,13px 46px 13px #0000;
}

.page-div .bottom-right-3 {
  --border-bottom-width: 1px;
  --border-color: #f1f5f9;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  aspect-ratio: 1;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 80px;
  height: auto;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 176px;
  left: 281px;
  overflow: visible;
}

.page-div .bottom-right-shadow-2 {
  background-color: #fff0;
  border-radius: 9999px;
  flex: none;
  width: 80px;
  height: 80px;
  position: relative;
  box-shadow: 0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;
}

.page-div .bottom-right-4 {
  aspect-ratio: 1.09877;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  height: auto;
  padding: 12px;
  display: flex;
  position: absolute;
  bottom: 529px;
  left: 249px;
  right: 64px;
  overflow: visible;
}

.page-div .bottom-right-shadow-3 {
  background-color: #fff0;
  border-radius: 9999px;
  flex: none;
  width: 79px;
  height: 78px;
  position: relative;
  box-shadow: 0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;
}

.page-div .bottom-left {
  --border-bottom-width: 1px;
  --border-color: #f1f5f9;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 64px;
  height: auto;
  padding: 20px;
  display: flex;
  position: absolute;
  bottom: 457px;
  left: 222px;
  overflow: visible;
  box-shadow: 0 4px 8px #0000001a,0 15px 15px #00000017,0 33px 20px #0000000d,0 59px 24px #00000003,0 93px 26px #0000;
}

.page-div .bottom-left-shadow {
  border-radius: 9999px;
  flex: none;
  width: 64px;
  height: 64px;
  position: relative;
  box-shadow: 0 8px 10px -6px #0000001a,0 20px 25px -5px #0000001a;
}

.page-div .bottom-right-5 {
  --border-bottom-width: 1px;
  --border-color: #f1f5f9;
  --border-left-width: 1px;
  --border-right-width: 1px;
  --border-style: solid;
  --border-top-width: 1px;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 75px;
  height: 73px;
  padding: 12px;
  display: flex;
  position: absolute;
  top: 196px;
  left: 195px;
  overflow: visible;
}

.page-div .bottom-right-shadow-4,
.page-div .bottom-right-shadow-5 {
  background-color: #fff0;
  border-radius: 9999px;
  flex: none;
  width: 75px;
  height: 73px;
  position: relative;
  box-shadow: 0 4px 6px -4px #0000001a,0 10px 15px -3px #0000001a;
}

.page-div .bottom-left-2 {
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 9999px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 127px;
  height: auto;
  padding: 20px;
  display: flex;
  position: absolute;
  bottom: 437px;
  left: 20px;
  overflow: visible;
}

.page-div .bottom-left-shadow-2 {
  border-radius: 9999px;
  flex: none;
  width: 63px;
  height: 63px;
  position: absolute;
  bottom: 509px;
  left: 163px;
  box-shadow: 0 8px 10px -6px #0000001a,0 20px 25px -5px #0000001a;
}

.page-div .integrations {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 15px;
  width: 100%;
  height: 553px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .title-2 {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: 314px;
  height: min-content;
  padding: 20px 20px 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .button-7,
.page-div .button-13 {
  background-color: #10b981;
  border-radius: 8px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 4px;
  width: min-content;
  height: 40px;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .integrations-div {
  flex: none;
  width: auto;
  height: 350px;
  position: relative;
}

.page-div .desktop-container-2,
.page-div .desktop-container-3,
.page-div .desktop-container-4 {
  flex: none;
  width: 100%;
  height: auto;
  position: relative;
}

.page-div .image-4 {
  aspect-ratio: 1.201;
  flex: none;
  width: 900px;
  height: auto;
  position: relative;
  overflow: visible;
}

.page-div .integrations-2 {
  height: 350px;
  overflow: var(--overflow-clip-fallback,clip);
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  padding: 0;
  display: flex;
  position: relative;
}

.page-div .title-3 {
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  width: 367px;
  height: 188px;
  padding: 20px 20px 0;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: visible;
}

.page-div .integrations-div-2 {
  z-index: 1;
  flex: none;
  width: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 367px;
}

.page-div .integration-section {
  height: 603px;
  overflow: var(--overflow-clip-fallback,clip);
  z-index: 1;
  background-color: #fff;
  flex-flow: row;
  flex: none;
  place-content: flex-start center;
  align-items: flex-start;
  gap: 88px;
  width: min-content;
  padding: 0;
  display: flex;
  position: relative;
}

.page-div .title-4 {
  height: min-content;
  overflow: var(--overflow-clip-fallback,clip);
  z-index: 1;
  background-color: #fff;
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  width: min-content;
  padding: 40px 0;
  display: flex;
  position: relative;
}

.page-div .integration-gallery-4 {
  --framer-paragraph-spacing: 0px;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.page-div .button-15 {
  background-color: #10b981;
  border-radius: 8px;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 4px;
  width: min-content;
  height: min-content;
  padding: 16px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.page-div .integration-section-div {
  flex: none;
  width: auto;
  height: 603px;
  position: relative;
}

.page-div[data-border=true]:after,
.page-div [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width:766.98px) {
  .page-div.page-div-2 {
    width: 400px;
  }
  .page-div .page-div-3,
  .page-div .heading-8,
  .page-div .heading-19,
  .page-div .supporting-text-7,
  .page-div .heading-23,
  .page-div .heading-27,
  .page-div .supporting-text-12,
  .page-div .supporting-text-13,
  .page-div .supporting-text-14 {
    width: 100%;
  }
  .page-div .mobile-nav-closed-container,
  .page-div .content,
  .page-div .message-6 {
    order: 0;
  }
  .page-div .mobile-hero-section {
    order: 3;
  }
  .page-div .main-image-outer-container,
  .page-div .content-div {
    order: 1;
  }
  .page-div .main-image-inner-container {
    flex: 1 0 0;
    order: 0;
    width: 1px;
  }
  .page-div .get-insights-2 {
    left: 0;
  }
  .page-div .manage-your-leads-2,
  .page-div .take-control-of-your-spaces-2 {
    right: 0;
  }
  .page-div .main-image-2 {
    width: 90%;
  }
  .page-div .testimonials-heading {
    order: 4;
    height: 120px;
  }
  .page-div .page-div-container {
    order: 5;
    height: 350px;
  }
  .page-div .values-section {
    order: 6;
  }
  .page-div .values-heading {
    width: 100%;
    padding: 32px 16px 0;
  }
  .page-div .values-content {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .page-div .cont,
  .page-div .cont-2,
  .page-div .cont-3 {
    flex: none;
    gap: 8px;
    width: 100%;
  }
  .page-div .how-reffie-works {
    order: 7;
    padding: 30px;
  }
  .page-div .connect-all-leads-section {
    flex-direction: column;
    order: 8;
    gap: 0;
    height: min-content;
    padding: 16px 0;
    overflow: visible;
  }
  .page-div .connect-all-leads-section-div,
  .page-div .image {
    flex: none;
    order: 1;
    width: 100%;
  }
  .page-div .firefly-watercolor-splashes-with-light-2 {
    width: 70%;
    bottom: -75px;
    left: -50px;
  }
  .page-div .ingestion-sources {
    width: 359px;
  }
  .page-div .connect-all-leads-section-div-2 {
    flex: none;
    order: 0;
    width: 100%;
    height: 300px;
  }
  .page-div .heading-24 {
    top: -41px;
    left: 8px;
  }
  .page-div .message-4 {
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    width: 100%;
    height: 16%;
  }
  .page-div .heading-25,
  .page-div .message-5,
  .page-div .heading-29 {
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    width: 100%;
  }
  .page-div .playbooks-text-section {
    flex-direction: column;
    order: 9;
    gap: 0;
    height: min-content;
    padding: 16px 0;
  }
  .page-div .playbook-text,
  .page-div .copy-4 {
    flex: none;
    order: 0;
    width: 100%;
    height: 300px;
    padding: 8px;
  }
  .page-div .heading-26 {
    left: 15px;
    right: unset;
    width: 149px;
    top: -52px;
  }
  .page-div .playbook-text-div {
    flex-wrap: wrap;
    width: 98%;
    height: 172px;
  }
  .page-div .analytics-section {
    flex-direction: column;
    order: 10;
    gap: 0;
    height: 633px;
    padding: 16px 0;
  }
  .page-div .image-2 {
    flex: none;
    order: 1;
    width: 100%;
    max-width: 598px;
    height: auto;
  }
  .page-div .heading-28 {
    top: -45px;
    left: -6px;
  }
  .page-div .content-2 {
    order: 11;
  }
  .page-div .heading-30 {
    flex: 1 0 0;
    width: 1px;
  }
  .page-div .supporting-text-15 {
    order: 2;
  }
  .page-div .image-3 {
    order: 12;
  }
  .page-div .integrations {
    order: 13;
  }
  .page-div .desktop-container-2 {
    order: 14;
    width: 100%;
  }
}

@media (min-width:767px) and (max-width:1279.98px) {
  .page-div.page-div-2 {
    width: 767px;
  }
  .page-div .page-div-3,
  .page-div .heading-8,
  .page-div .supporting-text-7,
  .page-div .heading-23,
  .page-div .heading-27,
  .page-div .supporting-text-12,
  .page-div .supporting-text-13,
  .page-div .supporting-text-14 {
    width: 100%;
  }
  .page-div .mobile-nav-closed-container,
  .page-div .main-image-inner-container,
  .page-div .content,
  .page-div .message-6 {
    order: 0;
  }
  .page-div .mobile-hero-section {
    order: 3;
  }
  .page-div .main-image-outer-container,
  .page-div .content-div {
    order: 1;
  }
  .page-div .testimonials-heading {
    order: 4;
    height: 120px;
  }
  .page-div .page-div-container {
    order: 5;
    height: 350px;
  }
  .page-div .values-section {
    order: 6;
  }
  .page-div .values-heading {
    width: 100%;
    padding: 16px;
  }
  .page-div .values-content {
    flex-direction: column;
    gap: 16px;
    width: 100%;
  }
  .page-div .cont,
  .page-div .cont-2,
  .page-div .cont-3 {
    flex: none;
    gap: 8px;
    width: 100%;
  }
  .page-div .how-reffie-works {
    order: 7;
  }
  .page-div .connect-all-leads-section {
    flex-direction: column;
    order: 8;
    gap: 0;
    height: min-content;
    overflow: visible;
  }
  .page-div .connect-all-leads-section-div,
  .page-div .image-2 {
    flex: none;
    order: 1;
    width: 100%;
  }
  .page-div .firefly-watercolor-splashes-with-light-2 {
    width: 70%;
    bottom: -125px;
    left: -100px;
  }
  .page-div .connect-all-leads-section-div-2 {
    flex: none;
    order: 0;
    width: 100%;
    height: 300px;
  }
  .page-div .heading-24 {
    top: -41px;
    left: 8px;
  }
  .page-div .message-4 {
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    width: 100%;
    height: 16%;
  }
  .page-div .heading-25,
  .page-div .message-5,
  .page-div .heading-29 {
    white-space: pre-wrap;
    word-break: break-word;
    word-wrap: break-word;
    width: 100%;
  }
  .page-div .playbooks-text-section {
    flex-direction: column;
    order: 9;
    gap: 0;
    height: min-content;
    padding: 16px;
  }
  .page-div .playbook-text {
    flex: none;
    width: 100%;
    height: 300px;
    padding: 8px;
  }
  .page-div .heading-26 {
    left: 15px;
    right: unset;
    width: 149px;
    top: -52px;
  }
  .page-div .image {
    flex: none;
    width: 100%;
  }
  .page-div .analytics-section {
    flex-direction: column;
    order: 10;
    gap: 8px;
    height: min-content;
  }
  .page-div .copy-4 {
    flex: none;
    order: 0;
    width: 100%;
    height: 300px;
    padding: 8px;
  }
  .page-div .heading-28 {
    top: -45px;
    left: -6px;
  }
  .page-div .content-2 {
    order: 11;
    padding: 16px;
  }
  .page-div .heading-30 {
    flex: 1 0 0;
    width: 1px;
  }
  .page-div .supporting-text-15 {
    order: 2;
  }
  .page-div .image-4 {
    order: 15;
    width: 600px;
  }
  .page-div .integrations-2 {
    order: 29;
  }
  .page-div .desktop-container-4 {
    order: 31;
  }
}

.el.el-2 {
  flex-flow: row;
  place-content: center space-between;
  align-items: center;
  width: 1200px;
  height: 80px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.el .branding {
  flex-flow: row;
  flex: 1 0 0;
  place-content: center flex-start;
  align-items: center;
  gap: 8px;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el .branding-div-container {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,50px);
  z-index: 1;
  flex: none;
  width: 50px;
  position: relative;
}

.el .branding-div {
  cursor: pointer;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.el .links {
  z-index: 1;
  flex-flow: row;
  flex: 1 0 0;
  place-content: center;
  align-items: center;
  gap: 20px;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el .links-div,
.el .links-div-3,
.el .links-div-4,
.el .blog {
  -webkit-user-select: none;
  user-select: none;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.el .links-div-2 {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.el .button {
  flex-flow: row;
  flex: 1 0 0;
  place-content: center flex-end;
  align-items: center;
  gap: 10px;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el .variant-1-container {
  z-index: 1;
  flex: none;
  width: auto;
  height: 40px;
  position: relative;
}

.el .navbar-container {
  cursor: pointer;
  z-index: 1;
  flex: none;
  width: auto;
  height: 40px;
  position: relative;
}

.login-button.login-button-3,
.login-button .login-button-3 {
  display: block;
}

.login-button.login-button-2 {
  cursor: pointer;
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: 40px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.login-button .variant-1-div {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .login-button.login-button-2 {
    gap: 0;
  }
  .login-button.login-button-2>* {
    margin: 0;
    margin-left: 5px;
    margin-right: 5px;
  }
  .login-button.login-button-2>:first-child {
    margin-left: 0;
  }
  .login-button.login-button-2>:last-child {
    margin-right: 0;
  }
}

.login-button[data-border=true]:after,
.login-button [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cta-button.cta-button-styles,
.cta-button .cta-button-styles {
  display: block;
}

.cta-button.cta-button-base {
  cursor: pointer;
  flex-flow: row;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: 40px;
  padding: 15px;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.cta-button .navbar-div {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
  overflow: visible;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .cta-button.cta-button-base {
    gap: 0;
  }
  .cta-button.cta-button-base>* {
    margin: 0 5px;
  }
  .cta-button.cta-button-base>:first-child {
    margin-left: 0;
  }
  .cta-button.cta-button-base>:last-child {
    margin-right: 0;
  }
}

.cta-button.is-hero-section.cta-button-base {
  height: 48px;
}

.navbar.mobile-nav-closed-a-2,
.navbar .mobile-nav-closed-a-2 {
  display: block;
}

.navbar.mobile-nav {
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 0;
  width: 390px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar .nav-bar-row {
  flex-flow: row;
  flex: none;
  place-content: center space-between;
  align-items: center;
  width: 100%;
  height: 64px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}

.navbar .mobile-nav-closed-a {
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 8px;
  width: min-content;
  height: min-content;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: hidden;
}

.navbar .mobile-nav-closed-div-container {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,50px);
  z-index: 1;
  flex: none;
  width: 50px;
  position: relative;
}

.navbar .mobile-nav-closed-div {
  cursor: pointer;
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.navbar .menu-icon-container {
  flex: none;
  width: 32px;
  height: 32px;
  position: relative;
}

.navbar .nav-links {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: 1px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.navbar .nav-links-list {
  height: calc(var(--framer-viewport-height,100vh)*1);
  z-index: 10;
  flex-flow: column;
  flex: 1 0 0;
  place-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  width: 1px;
  padding: 16px;
  display: flex;
  position: relative;
  overflow: visible;
}

.navbar .nav-link-home,
.navbar .nav-link-testimonials,
.navbar .nav-link-features {
  -webkit-user-select: none;
  user-select: none;
  cursor: pointer;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.navbar .nav-link-careers,
.navbar .nav-link-blog {
  -webkit-user-select: none;
  user-select: none;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.navbar .nav-link-login {
  cursor: pointer;
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.navbar .bottom-line {
  z-index: 1;
  flex: none;
  height: 1px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

@supports (background:-webkit-named-image(i)) and (not (font-palette:dark)) {
  .navbar.mobile-nav,
  .navbar .mobile-nav-closed-a,
  .navbar .nav-links,
  .navbar .nav-links-list {
    gap: 0;
  }
  .navbar.mobile-nav>* {
    margin: 0;
  }
  .navbar.mobile-nav>:first-child,
  .navbar .nav-links-list>:first-child {
    margin-top: 0;
  }
  .navbar.mobile-nav>:last-child,
  .navbar .nav-links-list>:last-child {
    margin-bottom: 0;
  }
  .navbar .mobile-nav-closed-a>* {
    margin: 0 4px;
  }
  .navbar .mobile-nav-closed-a>:first-child,
  .navbar .nav-links>:first-child {
    margin-left: 0;
  }
  .navbar .mobile-nav-closed-a>:last-child,
  .navbar .nav-links>:last-child {
    margin-right: 0;
  }
  .navbar .nav-links>* {
    margin: 0 5px;
  }
  .navbar .nav-links-list>* {
    margin: 8px 0;
  }
}

.navbar.is-nav-open.mobile-nav {
  overflow: visible;
}

.navbar.is-nav-open .nav-bar-row,
.navbar.is-nav-open .nav-link-home {
  order: 0;
}

.navbar.is-nav-open .menu-icon-container {
  z-index: 1;
}

.navbar.is-nav-open .nav-links {
  order: 1;
  height: min-content;
}

.navbar.is-nav-open .nav-link-testimonials {
  order: 1;
}

.navbar.is-nav-open .nav-link-careers {
  order: 2;
}

.navbar.is-nav-open .nav-link-features {
  order: 3;
}

.navbar.is-nav-open .nav-link-blog {
  order: 4;
}

.navbar.is-nav-open .nav-link-login {
  order: 5;
}

.navbar-styles .text-style-2:not(.rich-text-wrapper),
.navbar-styles .text-style-2.rich-text-wrapper a {
  --framer-link-current-text-color: #666;
  --framer-link-current-text-decoration: none;
  --framer-link-hover-text-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  --framer-link-hover-text-decoration: none;
  --framer-link-text-color: #666;
  --framer-link-text-decoration: none;
}

.navbar-styles-2 .text-style-1:not(.rich-text-wrapper),
.navbar-styles-2 .text-style-1.rich-text-wrapper a {
  --framer-link-current-text-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  --framer-link-current-text-decoration: none;
  --framer-link-hover-text-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  --framer-link-hover-text-decoration: none;
  --framer-link-text-color: var(--token-56294ad1-4474-4411-9bfd-e62cf16bd1d0,#10bd91);
  --framer-link-text-decoration: none;
}

.menu-icon.menu-icon-base {
  cursor: pointer;
  width: 32px;
  height: 32px;
  position: relative;
  overflow: visible;
}

.menu-icon .close-icon {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,24px);
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.menu-icon .hamburger-icon {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,32px);
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.menu-icon.is-menu-open .close-icon {
  height: var(--framer-aspect-ratio-supported,32px);
}

.desktop-hero-section.desktop-hero-section-2 {
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 0;
  width: 1200px;
  height: min-content;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.desktop-hero-section .background {
  flex: none;
  position: absolute;
  inset: -50px -50px 0;
  overflow: visible;
}

.desktop-hero-section .background-image {
  z-index: 1;
  flex: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0%;
  left: 0%;
  overflow: visible;
}

.desktop-hero-section .container {
  flex-flow: column;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.desktop-hero-section .header {
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 40px;
  width: 95%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.desktop-hero-section .badge {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 4px 12px;
  display: flex;
  position: relative;
  overflow: visible;
}

.desktop-hero-section .message,
.desktop-hero-section .heading-2 {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.desktop-hero-section .title {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 1024px;
  height: auto;
  position: relative;
}

.desktop-hero-section .subtitle {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 842px;
  height: auto;
  position: relative;
}

.desktop-hero-section .hero-section-container {
  flex: none;
  width: auto;
  height: 48px;
  position: relative;
}

.desktop-hero-section .main-image-container {
  flex: none;
  width: 1010px;
  height: 619px;
  position: relative;
  overflow: visible;
}

.desktop-hero-section .main-image {
  aspect-ratio: 1.63265;
  height: var(--framer-aspect-ratio-supported,618px);
  z-index: 9;
  flex: none;
  width: 1009px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.desktop-hero-section .splash-image {
  z-index: 1;
  flex: none;
  width: 387px;
  height: 387px;
  position: absolute;
  bottom: 0;
  right: -200px;
}

.desktop-hero-section .splash-image-2 {
  z-index: 1;
  flex: none;
  width: 387px;
  height: 387px;
  position: absolute;
  bottom: -200px;
  left: -200px;
}

.desktop-hero-section .take-control-of-your-spaces {
  will-change: var(--framer-will-change-override,transform);
  z-index: 10;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: min-content;
  height: min-content;
  padding: 16px;
  display: flex;
  position: absolute;
  bottom: 200px;
  right: -50px;
  overflow: hidden;
}

.desktop-hero-section .dot-icon,
.desktop-hero-section .dot-icon-2,
.desktop-hero-section .dot-icon-3 {
  flex: none;
  width: 24px;
  height: 24px;
  position: relative;
  overflow: visible;
}

.desktop-hero-section .ellipse-4671,
.desktop-hero-section .ellipse-4671-2,
.desktop-hero-section .ellipse-4671-3 {
  flex: none;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop-hero-section .ellipse-4672,
.desktop-hero-section .ellipse-4672-2,
.desktop-hero-section .ellipse-4672-3 {
  flex: none;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 6px;
  left: 6px;
}

.desktop-hero-section .text,
.desktop-hero-section .text-2,
.desktop-hero-section .text-3 {
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.desktop-hero-section .heading {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 180px;
  height: auto;
  position: relative;
}

.desktop-hero-section .manage-your-leads {
  will-change: var(--framer-will-change-override,transform);
  z-index: 10;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: min-content;
  height: min-content;
  padding: 16px;
  display: flex;
  position: absolute;
  top: -50px;
  right: -50px;
  overflow: hidden;
}

.desktop-hero-section .get-insights {
  will-change: var(--framer-will-change-override,transform);
  z-index: 10;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: min-content;
  height: min-content;
  padding: 16px;
  display: flex;
  position: absolute;
  top: 100px;
  left: -50px;
  overflow: hidden;
}

.desktop-hero-section .heading-3 {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 79px;
  height: auto;
  position: relative;
}

.desktop-hero-section[data-border=true]:after,
.desktop-hero-section [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.variant-1.variant-1-2 {
  width: 80px;
  height: 80px;
  position: relative;
}

.variant-1 .centra-logo {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,80px);
  z-index: 1;
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.variant-1-3.variant-1-4 {
  width: 80px;
  height: 80px;
  position: relative;
}

.variant-1-3 .las-best {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,80px);
  flex: none;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  overflow: visible;
}

.variant-1-5.variant-1-6 {
  width: 80px;
  height: 80px;
  position: relative;
}

.variant-1-5 .landon-pacific {
  aspect-ratio: 1;
  height: var(--framer-aspect-ratio-supported,80px);
  flex: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: visible;
}

.el-3.footer-link,
.el-3 .footer-link {
  display: block;
}

.el-3.el-4 {
  cursor: pointer;
  flex-flow: column;
  place-content: center flex-start;
  align-items: center;
  gap: 32px;
  width: 1200px;
  height: min-content;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .container-3 {
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .content-3 {
  z-index: 1;
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 40px;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .heading-and-supporting-text-2 {
  flex-flow: column;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 16px;
  width: 71%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .heading-31 {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 95%;
  height: auto;
  position: relative;
}

.el-3 .supporting-text-16 {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  flex: none;
  width: 105%;
  height: auto;
  position: relative;
}

.el-3 .actions-2 {
  flex-flow: row;
  flex: none;
  place-content: flex-start;
  align-items: flex-start;
  gap: 0;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .el-5 {
  flex-flow: row;
  flex: none;
  place-content: center flex-end;
  align-items: center;
  gap: 30px;
  width: min-content;
  min-width: 181px;
  height: min-content;
  min-height: 50px;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .request-a-demo-button {
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 10px;
  width: min-content;
  height: min-content;
  padding: 10px 20px;
  text-decoration: none;
  display: flex;
  position: absolute;
  top: 50%;
  right: 0;
  overflow: visible;
}

.el-3 .where-can-i-invest,
.el-3 .text-4,
.el-3 .text-5,
.el-3 .text-6,
.el-3 .text-7 {
  white-space: pre;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.el-3 .logo-and-links {
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 64px;
  width: 100%;
  height: min-content;
  padding: 17px;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .logo {
  z-index: 1;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 8px;
  width: 20%;
  height: min-content;
  padding: 0 0 8px 40px;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .image-2 {
  z-index: 1;
  flex: none;
  width: 32px;
  height: 24px;
  position: absolute;
  top: 0;
  left: 0;
}

.el-3 .reffie {
  white-space: pre;
  z-index: 1;
  flex: none;
  width: auto;
  height: auto;
  position: relative;
}

.el-3 .footer-links {
  z-index: 1;
  flex-flow: wrap;
  flex: 1 0 0;
  place-content: center flex-start;
  align-items: center;
  gap: 32px;
  width: 1px;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .footer-link-2,
.el-3 .footer-link-3 {
  cursor: pointer;
  flex-flow: row;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 8px;
  width: min-content;
  height: min-content;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .button-9,
.el-3 .button-10,
.el-3 .button-11,
.el-3 .button-12 {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 8px;
  width: min-content;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.el-3 .footer-link-4,
.el-3 .footer-link-5 {
  cursor: pointer;
  flex-flow: wrap;
  flex: none;
  place-content: center flex-start;
  align-items: center;
  gap: 8px;
  width: min-content;
  height: min-content;
  padding: 0;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .desktop-div {
  flex-flow: row;
  flex: none;
  place-content: center;
  align-items: center;
  gap: 0;
  width: 100%;
  height: min-content;
  padding: 0;
  display: flex;
  position: relative;
  overflow: visible;
}

.el-3 .footer-text {
  white-space: pre-wrap;
  word-break: break-word;
  word-wrap: break-word;
  z-index: 1;
  flex: none;
  width: 98%;
  height: auto;
  position: relative;
}

.el-3 .group {
  z-index: 1;
  flex: none;
  width: 24px;
  height: 24px;
  text-decoration: none;
  position: relative;
}

.el-3[data-border=true]:after,
.el-3 [data-border=true]:after {
  content: "";
  border-width: var(--border-top-width,0)var(--border-right-width,0)var(--border-bottom-width,0)var(--border-left-width,0);
  border-color: var(--border-color,none);
  border-style: var(--border-style,none);
  box-sizing: border-box;
  border-radius: inherit;
  corner-shape: inherit;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

/* Mobile nav: the link list only renders in the open variant; the two menu icons swap. */
.is-nav-closed .nav-links > * {
  display: none;
}

.is-nav-open .bottom-line {
  display: none;
}

.is-menu-closed .close-icon,
.is-menu-open .hamburger-icon {
  display: none;
}