*, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
    }
      .banner {
        position: fixed;
        bottom: 24px;
        left: 24px;
        cursor:pointer;
      }
    .x333-11142demo-landing-page {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.x333-11143-nav---0 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-right: 24px;
  padding-left: 24px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11144Container {
  text-decoration: none;
  padding-top: 16px;
  padding-bottom: 16px;
  max-width: 1200px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11145Branding {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
border:none}
.x333-11146Logo-1 {
width: 147.3333282470703px;
 height: 32px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11147Actions {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
border:none}
.x333-11148-button---primary {
  text-decoration: none;
  background-color: rgba(30, 141, 253, 1.00);
  padding-top: 8px;
  padding-right: 12px;
  padding-bottom: 8px;
  padding-left: 12px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
border:none}
.I333-11148-1004-23345Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11149-section---hero1 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11150Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11151Content {
  text-decoration: none;
  max-width: 840px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 48px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11152Headline {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11153Badge-group {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 4px;
  padding-right: 8px;
  padding-bottom: 4px;
  padding-left: 4px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  border-left: 1px solid rgba(234, 236, 240, 1);
  border-right: 1px solid rgba(234, 236, 240, 1);
  border-top: 1px solid rgba(234, 236, 240, 1);
  border-bottom: 1px solid rgba(234, 236, 240, 1);
}
.I333-11153-584-2451Badge {
  text-decoration: none;
  background-color: rgba(249, 250, 251, 1.00);
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  height: 24px;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
  border-left: 1px solid rgba(234, 236, 240, 1);
  border-right: 1px solid rgba(234, 236, 240, 1);
  border-top: 1px solid rgba(234, 236, 240, 1);
  border-bottom: 1px solid rgba(234, 236, 240, 1);
}
.I333-11153-584-2458Main-text {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(52, 64, 84, 1);
  line-height: 18px;
  text-align: left;
}
.I333-11153-521-8619Explanation-of-the-main-text {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 12px;
  color: rgba(52, 64, 84, 1);
  line-height: 18px;
  text-align: left;
}
.I333-11153-521-8622icon {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 16px;
  height: 16px;
border:none}
.x333-11154Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 48px;
  color: rgba(52, 64, 84, 1);
  line-height: 60px;
  text-align: center;
}
.x333-11155Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(102, 112, 133, 1);
  line-height: 28px;
  text-align: center;
}
.x333-11156Actions {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
border:none}
.x333-11157-button---primary {
  text-decoration: none;
  background-color: rgba(30, 141, 253, 1.00);
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
border:none}
.I333-11157-1001-7139Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11158Social-proof {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
border:none}
.x333-11159image-3 {
width: 125.0687026977539px;
 height: 32px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11160Text {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: center;
}
.x333-11161Placeholder-16_9-1 {
width: 1200px;
 height: 867px;
 mix-blend-mode: normal;
 object-fit: contain;
  flex: 1;
 width: 100%;
}
.x333-11162image-4 {
width: 256px;
 height: 48.75px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11163-section---features7 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11164Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11165Text {
  text-decoration: none;
  max-width: 720px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11166Heading {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11167Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 48px;
  color: rgba(52, 64, 84, 1);
  line-height: 60px;
  text-align: left;
}
.x333-11168Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(102, 112, 133, 1);
  line-height: 28px;
  text-align: left;
}
.x333-11169Features-row-1 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x333-11170Feature-1 {
  text-decoration: none;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11171access_time {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 48px;
  height: 48px;
border:none}
.x333-11172Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11173Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11174Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11175Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(102, 112, 133, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11177Feature-2 {
  text-decoration: none;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11178waves {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 48px;
  height: 48px;
border:none}
.x333-11179Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11180Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11181Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11182Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(102, 112, 133, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11184Features-row-2 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x333-11185Feature-3 {
  text-decoration: none;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11186auto_graph {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 48px;
  height: 48px;
border:none}
.x333-11187Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11188Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11189Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11190Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(102, 112, 133, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11192Feature-4 {
  text-decoration: none;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11193rocket_launch {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 48px;
  height: 48px;
border:none}
.x333-11194Content {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11195Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11196Headline {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11197Description {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(102, 112, 133, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11199-section---features7 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 80px;
  padding-right: 24px;
  padding-bottom: 80px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11200Container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 64px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11201Text {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: center;
  gap: 24px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11202Heading {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11203Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 48px;
  color: rgba(52, 64, 84, 1);
  line-height: 60px;
  text-align: left;
}
.x333-11204Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(102, 112, 133, 1);
  line-height: 28px;
  text-align: left;
}
.x333-11205container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x333-11206myflow-3 {
width: 389.3333435058594px;
 height: 527px;
 mix-blend-mode: normal;
 object-fit: contain;
 border-radius: 4px 4px 4px 4px;
  flex: 1;
 width: 100%;
}
.x333-11207myflow-4 {
width: 389.33331298828125px;
 height: 527px;
 mix-blend-mode: normal;
 object-fit: contain;
 border-radius: 4px 4px 4px 4px;
  flex: 1;
 width: 100%;
}
.x333-11208myflow-3 {
width: 389.33331298828125px;
 height: 527px;
 mix-blend-mode: normal;
 object-fit: contain;
 border-radius: 4px 4px 4px 4px;
  flex: 1;
 width: 100%;
}
.x333-11209-section--testimonials6 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 128px;
  padding-right: 24px;
  padding-bottom: 128px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11210container {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 48px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11211Frame-2 {
  text-decoration: none;
  max-width: 720px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11212Text {
  text-decoration: none;
  max-width: 720px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11213Heading {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: flex-start;
  gap: 8px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11215Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 48px;
  color: rgba(52, 64, 84, 1);
  line-height: 60px;
  text-align: left;
}
.x333-11216Supporting-text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(102, 112, 133, 1);
  line-height: 28px;
  text-align: left;
}
.x333-11217Content {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x333-11218Testamonial-card {
  text-decoration: none;
  background-color: rgba(249, 250, 251, 1.00);
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
border:none}
.x333-11219Frame-18 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11220Logo-1 {
width: 147.3333282470703px;
 height: 32px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11221Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(52, 64, 84, 1);
  line-height: 30px;
  text-align: left;
}
.x333-11222Person {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11224Name-and-position {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
border:none}
.x333-11225Name {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11227Position {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(102, 112, 133, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11228Testamonial-card {
  text-decoration: none;
  background-color: rgba(249, 250, 251, 1.00);
  padding-top: 40px;
  padding-right: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  max-width: 600px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 32px;
  flex-wrap: nowrap;
 flex: 1 1;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
border:none}
.x333-11229Frame-18 {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11230Logo-1 {
width: 147.3333282470703px;
 height: 34.482177734375px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11231Text {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 20px;
  color: rgba(52, 64, 84, 1);
  line-height: 30px;
  text-align: left;
}
.x333-11232Person {
  text-decoration: none;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 12px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11234Name-and-position {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
border:none}
.x333-11235Name {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11237Position {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(102, 112, 133, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11238CTA-6 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 64px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11239Container {
  text-decoration: none;
  background-image: url("assets/container-333-11239.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  opacity: 1;
  mix-blend-mode: normal;
  background-size: cover;
  padding-top: 80px;
  padding-right: 40px;
  padding-bottom: 80px;
  padding-left: 40px;
  max-width: 1200px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 32px;
  flex-wrap: nowrap;
  width: 100%;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
border:none}
.x333-11240Heading {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: -2px;
  font-size: 48px;
  color: rgba(255, 255, 255, 1);
  line-height: 60px;
  text-align: center;
}
.x333-11241Text {
  margin: 0;
  text-decoration: none;
  max-width: 600px;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 0px;
  font-size: 18px;
  color: rgba(255, 255, 255, 1);
  line-height: 28px;
  text-align: center;
}
.x333-11242Actions {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x333-11243-button---secondary {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: 1px solid rgba(234, 236, 240, 1);
  border-right: 1px solid rgba(234, 236, 240, 1);
  border-top: 1px solid rgba(234, 236, 240, 1);
  border-bottom: 1px solid rgba(234, 236, 240, 1);
}
.I333-11243-1004-23384Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(52, 64, 84, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11244-button---tertiary {
  text-decoration: none;
  padding-top: 12px;
  padding-right: 16px;
  padding-bottom: 12px;
  padding-left: 16px;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 8px;
  flex-wrap: nowrap;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
border:none}
.I333-11244-1004-23464Button {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 16px;
  color: rgba(255, 255, 255, 1);
  line-height: 24px;
  text-align: left;
}
.x333-11245Social-proof {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: center;
  align-items: center;
  gap: 16px;
  flex-wrap: nowrap;
border:none}
.x333-11246image-3 {
width: 125.0687026977539px;
 height: 32px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11247Text {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(255, 255, 255, 1);
  line-height: 20px;
  text-align: center;
}
.x333-11248-footer---3 {
  text-decoration: none;
  background-color: rgba(255, 255, 255, 1.00);
  padding-top: 64px;
  padding-right: 24px;
  padding-bottom: 64px;
  padding-left: 24px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11249Container {
  text-decoration: none;
  max-width: 1100px;
  display: flex;
flex-direction: column;
 justify-content: center;
  align-items: center;
  gap: 40px;
  flex-wrap: nowrap;
  width: 100%;
border:none}
.x333-11250Columns {
  text-decoration: none;
  max-width: 1200px;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 40px;
  flex-wrap: wrap;
  width: 100%;
border:none}
.x333-11251Column {
  text-decoration: none;
  max-width: 400px;
  min-width: 256px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
 flex: 1 1;
border:none}
.x333-11252detachless-logo-1 {
width: 146.7936553955078px;
 height: 32px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11253Publish-Figma-website-with-ease--Detachless-lets-you-go-from-design-in-Figma-to-live-site-same-in-Figma--eliminating-the-need-to-juggle-various-tools- {
  margin: 0;
  text-decoration: none;
  width: 100%;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11254Frame-16 {
  text-decoration: none;
  display: flex;
flex-direction: row;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 24px;
  flex-wrap: nowrap;
border:none}
.x333-11255Dribbble {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11256- {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11257x-com {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11258- {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11259Linkedin {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11260image-2 {
width: 180px;
 height: 76.9921875px;
 mix-blend-mode: normal;
 object-fit: cover;
 }
.x333-11261Link-columns {
  text-decoration: none;
  padding-top: 8px;
  padding-bottom: 8px;
  min-width: 256px;
  display: flex;
flex-direction: row;
 justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
 flex: 1 1;
border:none}
.x333-11262Column {
  text-decoration: none;
  max-width: 400px;
  min-width: 110px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
border:none}
.x333-11263Headline {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11264Blog {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11265Blog {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11266Jobs {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(208, 213, 221, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11267Press {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(208, 213, 221, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11269Column {
  text-decoration: none;
  max-width: 400px;
  min-width: 110px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
border:none}
.x333-11270Headline {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11271Blog {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11272Jobs {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11273Press {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11274Accessibility {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11275Column {
  text-decoration: none;
  max-width: 400px;
  min-width: 110px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
border:none}
.x333-11276Headline {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11277Blog {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11278Jobs {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11279Press {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(208, 213, 221, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11280Press {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(208, 213, 221, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11283Column {
  text-decoration: none;
  max-width: 400px;
  min-width: 110px;
  display: flex;
flex-direction: column;
 justify-content: flex-start;
  align-items: flex-start;
  gap: 20px;
  flex-wrap: nowrap;
border:none}
.x333-11284Headline {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 600;
  letter-spacing: 0px;
  font-size: 14px;
  color: rgba(52, 64, 84, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11285Blog {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11286Jobs {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(102, 112, 133, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11287Press {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(208, 213, 221, 1);
  line-height: 20px;
  text-align: left;
}
.x333-11288Press {
  margin: 0;
  text-decoration: none;
  font-family: 'Manrope', sans-serif;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -1px;
  font-size: 14px;
  color: rgba(208, 213, 221, 1);
  line-height: 20px;
  text-align: left;
}