*,
*:before,
*:after {
  box-sizing: border-box;
}

body {
  margin: 0;
}

.payment-selection {
  padding-top: 0 !important;
}

.button-primary {
  border-radius: 4px;
  background: #285ff5;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.button-primary:hover {
  background: rgba(40, 95, 245, 0.8980392157);
}

.button-primary:active {
  background: var(--brand-blue-dark, #001f74);
}

.button-primary:focus-visible {
  outline: 0;
  border: 3px solid #b3bcd5;
  line-height: 58px;
}

.button-primary:disabled {
  background: #8c8c8b;
  cursor: auto;
}

.button-primary-2 {
  border-radius: 4px;
  background: var(--brand-blue-dark, #001f74);
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.button-primary-2:hover {
  background: #1a3582;
}

.button-primary-2:active {
  background: var(--brand-blue, #285ff5);
}

.button-primary-2:focus-visible {
  outline: 0;
  border: 3px solid #b3bcd5;
  line-height: 58px;
}

.button-secondary {
  display: block;
  border-radius: 4px;
  width: 100%;
  background: var(--neutrals-neutral-200, #f4efe8);
  color: #1a1918;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.button-secondary:hover {
  background: var(--neutrals-neutral-100, #f7f5f2);
}

.button-secondary:active {
  background: var(--neutrals-neutral-300, #e1dfdc);
}

.button-secondary:focus-visible {
  outline: 0;
  border: 3px solid #abb1c5;
  line-height: 58px;
}

.button-secondary-2 {
  border-radius: 4px;
  width: 100%;
  background: #1b4cce;
  color: var(--neutrals-white, #fff);
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.button-secondary-2:hover {
  background: #1b4cce;
}

.button-secondary-2:active {
  background: var(--brand-blue-dark, #001f74);
}

.button-secondary-2:focus-visible {
  outline: 0;
  border: 3px solid #abb1c5;
  line-height: 58px;
}

.button-tertiary {
  border-radius: 4px;
  width: 100%;
  background: transparent;
  color: #1a1918;
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}

.button-tertiary:hover {
  color: var(--brand-blue, #285ff5);
}

.button-tertiary:active {
  background: var(--neutrals-neutral-200, #f4efe8);
  color: var(--brand-blue, #285ff5);
}

.button-tertiary:focus-visible {
  outline: 0;
  border: 3px solid #b3bcd5;
  line-height: 58px;
  color: var(--neutrals-black, #000);
  background: transparent;
}

.button-inline {
  display: inline-block;
  padding-left: 24px;
  padding-right: 24px;
  width: fit-content;
}

.button-low-height {
  line-height: 48px;
}

.home {
  background: #f7f5f2;
}
.home .container {
  max-width: 1096px;
  padding: 16px;
  margin: auto;
  padding-bottom: 0;
  padding-top: 0;
}
.home .menu-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  padding-top: 24px;
  padding-bottom: 24px;
}
.home .menu-section .logo-img {
  width: 88px;
}
.home .menu-section .outsite-buttons {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.home .bullet-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.home .bullet {
  display: flex;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  color: var(--neutrals-black, #000);
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  min-height: 32px;
}
.home .bullet img {
  width: 20px;
  height: 20px;
}
.home .bullet-list.big .bullet {
  gap: 24px;
  /* Paragraphs/Paragraph-L */
  font-family: Inter;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 160% */
}
.home .intro2-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  padding-top: 88px;
  padding-bottom: 0;
}
.home .intro2-section .tag {
  display: flex;
  padding: 8px 16px;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  background: var(--brand-blue-005, rgba(40, 95, 245, 0.05));
  color: var(--brand-blue, #285ff5);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  width: fit-content;
}
.home .intro2-section .frame {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
.home .intro2-section .frame .header {
  color: var(--neutrals-black, #000);
  text-align: center;
  /* Headlines/Headline-XL */
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px; /* 160% */
  /* Headlines/Headline-XL */
  font-family: Inter;
  font-size: 40px;
  font-style: normal;
  font-weight: 500;
  line-height: 64px;
}
.home .intro2-section .frame .header .blue {
  color: var(--brand-blue, #285ff5);
}
.home .intro2-section .frame .inline-chat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 100%;
}
.home .intro2-section .frame .ctas {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.home .intro2-section .frame .ctas .button-inline {
  width: 200px;
}
.home .intro2-section .video-wrapper {
  margin-top: 52px;
  max-width: 704px;
  width: 100%;
  height: auto;
  aspect-ratio: 1.8;
  background: #f4efe8;
  border-radius: 4px;
  overflow: hidden;
}
.home .intro2-section .mode-toggle .mode-toggle-element {
  width: 186px;
}
.home .intro2-section .send-tips {
  display: none;
  align-items: center;
  gap: 8px;
}
.home .intro2-section .send-tips.visible {
  display: flex;
}
.home .intro2-section .send-tips .send-tips-label {
  color: #1a1918;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
  white-space: nowrap;
}
.home .intro2-section .send-tips .send-tips-button {
  cursor: pointer;
  color: #1a1918;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #e1dfdc;
  background: #f4efe8;
  text-align: center;
}
.home .intro2-section .send-tips .send-tips-button:hover {
  background: var(--neutrals-neutral-100, #f7f5f2);
}
.home .intro2-section .send-tips .send-tips-button:active {
  background: var(--neutrals-neutral-300, #e1dfdc);
}
.home .intro2-section a.send-tips-button {
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .home .intro2-section .send-tips {
    flex-direction: column;
  }
}
.home .intro2-section .input-line.visible {
  display: flex;
}
.home .intro2-section .input-line {
  width: 100%;
  display: none;
  justify-content: center;
}
.home .intro2-section .input-line .input-wrapper {
  position: relative;
  max-width: 700px;
  width: 100%;
}
.home .intro2-section .input-line .input-wrapper input {
  padding-left: 16px;
  max-width: 700px;
  width: 100%;
  height: 64px;
  flex-shrink: 0;
  border-radius: 8px;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: #fff;
  box-shadow: 0px 8px 24px 0px rgba(140, 140, 139, 0.24);
  color: var(--neutrals-black, #1a1918);
  font-family: Inter;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.home .intro2-section .input-line .input-wrapper input:focus-visible {
  border: 1px solid #285ff5;
  outline: 0;
}
.home .intro2-section .input-line .input-wrapper input::placeholder {
  color: #8c8c8b;
}
.home .intro2-section .input-line .input-wrapper .send-button {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 12px;
  display: flex;
  width: 40px;
  height: 40px;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  flex-shrink: 0;
  border-radius: 4px;
  background: #fff;
}
.home .intro2-section .input-line .input-wrapper .send-button .i {
  display: initial;
}
.home .intro2-section .input-line .input-wrapper .send-button .a {
  display: none;
}
.home .intro2-section .input-line .input-wrapper .send-button:hover {
  background: #285ff5;
}
.home .intro2-section .input-line .input-wrapper .send-button:hover .i {
  display: none;
}
.home .intro2-section .input-line .input-wrapper .send-button:hover .a {
  display: initial;
}
.home .comparison-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding-top: 112px;
  padding-bottom: 112px;
}
.home .comparison-section .heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  max-width: 736px;
}
.home .comparison-section .heading .title {
  color: var(--neutrals-black, #1a1918);
  text-align: center;
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}
.home .comparison-section .heading .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  text-align: center;
  /* Paragraphs/Paragraph-M (line-height: 2rem) */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
}
.home .comparison-section .content {
  display: flex;
  align-items: center;
  border-bottom: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  width: 100%;
}
.home .comparison-section .content .column-3 {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}
.home .comparison-section .content .column-header {
  display: inline-flex;
  height: 56px;
  align-items: flex-start;
  gap: 12px;
  flex-shrink: 0;
}
.home .comparison-section .content .column-header .icon {
  color: #000;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}
.home .comparison-section .content .column-header .text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.home .comparison-section .content .column-header .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-M */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
}
.home .comparison-section .content .column-header .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.home .comparison-section .content .phones {
  width: 100%;
}
.home .characteristics-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  padding-top: 112px;
  padding-bottom: 112px;
}
.home .characteristics-section .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}
.home .characteristics-section .content {
  display: flex;
  align-items: start;
  width: 100%;
  gap: 21px;
}
.home .characteristics-section .content .column-3 {
  width: 33.3333333333%;
  display: flex;
  flex-direction: column;
  gap: 32px;
  align-items: flex-start;
}
.home .characteristics-section .content .feature {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.home .characteristics-section .content .feature .icon-wrapper {
  display: flex;
  padding: 24px;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: var(--neutrals-white, #fff);
}
.home .characteristics-section .content .feature .icon {
  color: #000;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px;
}
.home .characteristics-section .content .feature .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-M */
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 32px; /* 133.333% */
  margin-bottom: 8px;
}
.home .characteristics-section .content .feature .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.home .usecases-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  padding-top: 112px;
  padding-bottom: 112px;
}
.home .usecases-section .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.home .usecases-section .heading .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}
.home .usecases-section .heading .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  /* Paragraphs/Paragraph-M (line-height: 2rem) */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
}
.home .usecases-section .content {
  display: flex;
  justify-content: space-between;
  align-items: start;
  align-content: center;
  width: 100%;
  gap: 58px;
}
.home .usecases-section .content .column-2 {
  display: flex;
  width: 50%;
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
}
.home .usecases-section .content .video-wrapper {
  width: 100%;
  height: auto;
  aspect-ratio: 1.78;
  background: #f4efe8;
  border-radius: 4px;
  overflow: hidden;
}
.home .usecases-section .content .gallery-item {
  cursor: pointer;
  padding: 24px;
}
.home .usecases-section .content .gallery-item .container {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  padding: 0;
}
.home .usecases-section .content .gallery-item .container .icon {
  color: #1a1918;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.home .usecases-section .content .gallery-item .container .content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.home .usecases-section .content .gallery-item .container .content .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-S */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.home .usecases-section .content .gallery-item .container .content .title.gray {
  color: var(--neutrals-neutral-400, #8c8c8b);
}
.home .usecases-section .content .gallery-item .container .content .subtitle {
  display: none;
  color: var(--neutrals-neutral-400, #8c8c8b);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.home .usecases-section .content .gallery-item.selected {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  border-radius: 8px;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: var(--neutrals-neutral-200, #f4efe8);
}
.home .usecases-section .content .gallery-item.selected .container .content .subtitle {
  display: block;
}
.home .pricing-section {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  padding-top: 112px;
  padding-bottom: 112px;
}
.home .pricing-section .heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  max-width: 736px;
}
.home .pricing-section .heading .title {
  color: var(--neutrals-black, #1a1918);
  text-align: center;
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}
.home .pricing-section .heading .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  text-align: center;
  /* Paragraphs/Paragraph-M (line-height: 2rem) */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
}
.home .pricing-section .content {
  display: flex;
  align-items: center;
  gap: 22px;
  width: 100%;
}
.home .pricing-section .content .column-3 {
  width: 33.3333333333%;
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  border-radius: 8px;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: var(--neutrals-neutral-100, #f7f5f2);
}
.home .pricing-section .content .column-3 .button-low-height {
  margin-top: 48px;
}
.home .pricing-section .content .column-3.middle-column {
  background: var(--neutrals-neutral-200, #f4efe8);
}
.home .pricing-section .content .description {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.home .pricing-section .content .description .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.home .pricing-section .content .description .heading .icon {
  color: #000;
  font-family: Inter;
  font-size: 48px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
}
.home .pricing-section .content .description .heading .label {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-S */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.home .pricing-section .content .description .price {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.home .pricing-section .content .description .price .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}
.home .pricing-section .content .description .price .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.home .testimonial-section {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 64px;
  padding-top: 112px;
  padding-bottom: 112px;
}
.home .testimonial-section .heading-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}
.home .testimonial-section .heading {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.home .testimonial-section .heading .title {
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
}
.home .testimonial-section .heading .subtitle {
  color: var(--neutrals-neutral-400, #8c8c8b);
  /* Paragraphs/Paragraph-M (line-height: 2rem) */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
  max-width: 736px;
}
.home .testimonial-section .navigation {
  display: flex;
  align-items: flex-start;
  gap: 10px;
}
.home .testimonial-section .navigation .button {
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.home .testimonial-section .comments-wrapper {
  display: flex;
  align-items: flex-start;
  gap: 24px;
  width: 100vw;
  margin-left: calc((100vw - 100%) / -2);
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc(100vw - (100vw - 100%) / 2 - 413px);
  overflow-x: auto;
}
.home .testimonial-section .comments-wrapper .comment {
  display: flex;
  min-width: 413px;
  padding: 24px 32px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 8px;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: var(--neutrals-neutral-100, #f7f5f2);
}
.home .testimonial-section .comments-wrapper .comment .content {
  color: var(--neutrals-black, #1a1918);
  /* Paragraphs/Paragraph-M (line-height: 2rem) */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%; /* 32px */
}
.home .testimonial-section .comments-wrapper .comment .author {
  display: flex;
  align-items: center;
  align-content: center;
  gap: 16px;
  align-self: stretch;
  flex-wrap: wrap;
}
.home .testimonial-section .comments-wrapper .comment .author .icon-wrapper {
  border-radius: 48px;
  width: 48px;
  height: 48px;
  overflow: hidden;
  background: #d2d2d2;
}
.home .testimonial-section .comments-wrapper .comment .author .icon-wrapper img {
  width: 100%;
}
.home .testimonial-section .comments-wrapper .comment .author .name {
  width: calc(100% - 64px);
  color: var(--neutrals-black, #1a1918);
  /* Headlines/Headline-S */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
}
.home .testimonial-section .comments-wrapper .comment.selected {
  background: var(--neutrals-neutral-200, #f4efe8);
}
.home .promo-section {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  row-gap: 96px;
  flex-wrap: wrap;
  margin-top: 112px;
  margin-bottom: 112px;
  padding: 64px 48px;
  border-radius: 16px;
  background: var(--brand-blue, #285ff5);
}
.home .promo-section .column-left {
  display: flex;
  width: 55%;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.home .promo-section .column-left .title {
  color: var(--neutrals-white, #fff);
  /* Headlines/Headline-L */
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
  color: var(--neutrals-white, #fff);
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 48px;
}
.home .promo-section .column-left .subtitle {
  color: var(--neutrals-white, #fff);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.home .promo-section .column-right {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}
.home .footer-section {
  display: flex;
  padding: 24px 0px;
  justify-content: space-between;
  align-items: center;
  flex-shrink: 0;
  border-top: 1px solid var(--neutrals-neutral-300, #e1dfdc);
}
.home .footer-section .text {
  color: var(--neutrals-black, #1a1918);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
}
.home .footer-section .links {
  display: flex;
  align-items: flex-start;
  gap: 24px;
}
.home .footer-section a.link {
  color: var(--brand-blue, #285ff5);
  /* Paragraphs/Paragraph-M */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 150% */
  text-decoration: none;
}

@media screen and (min-width: 768px) {
  .mobile-show {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .home .mobile-hide {
    display: none !important;
  }
  .home .menu-popup {
    display: none;
  }
  .home .menu-popup.show {
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 32px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 32px 16px;
    border-radius: 16px;
    background: var(--neutrals-neutral-100, #f7f5f2);
    box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
    padding-top: 0;
  }
  .home .menu-popup.show .mobile-buttons {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 64px;
  }
  .home .menu-popup.show .mobile-buttons .insite-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
  }
  .home .menu-popup.show .mobile-buttons .outsite-buttons {
    flex-direction: column;
    width: 100%;
  }
  .home .bullet {
    font-size: 14px;
    line-height: 24px; /* 171.429% */
  }
  .home .bullet img {
    width: 16px;
    height: 16px;
  }
  .home .bullet-list.big .bullet {
    gap: 16px;
    font-size: 16px;
  }
  .home .intro2-section {
    padding-top: 16px;
    padding-bottom: 48px;
  }
  .home .intro2-section .frame .header {
    font-size: 28px;
    line-height: 40px;
  }
  .home .intro2-section .frame .ctas {
    width: 100%;
  }
  .home .intro2-section .frame .ctas .button-inline {
    width: 50%;
  }
  .home .intro2-section .video-wrapper {
    margin-top: 24px;
  }
  .home .intro2-section .mode-toggle .mode-toggle-element {
    width: 127px;
  }
  .home .comparison-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .home .comparison-section .heading .title {
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .home .comparison-section .heading .subtitle {
    font-size: 16px;
    line-height: 200%; /* 32px */
  }
  .home .comparison-section .content {
    flex-direction: column;
    gap: 32px;
  }
  .home .comparison-section .content .column {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
  .home .comparison-section .content .frame {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
    border-bottom: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  }
  .home .comparison-section .content .frame .phone-img {
    width: 45%;
  }
  .home .comparison-section .content .column-header {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    height: auto;
  }
  .home .comparison-section .content .column-header .text {
    align-items: center;
  }
  .home .comparison-section .content .column-header .title {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
  .home .characteristics-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .home .characteristics-section .title {
    text-align: center;
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .home .characteristics-section .content {
    flex-direction: column;
  }
  .home .characteristics-section .content .column-3 {
    width: 100%;
  }
  .home .characteristics-section .content .feature {
    gap: 16px;
  }
  .home .characteristics-section .content .feature .icon-wrapper {
    padding: 8px 12px;
    border-radius: 8px;
  }
  .home .characteristics-section .content .feature .icon {
    font-size: 24px;
  }
  .home .characteristics-section .content .feature .title {
    font-size: 16px;
    line-height: 24px; /* 150% */
    text-align: left;
  }
  .home .usecases-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .home .usecases-section .heading .title {
    text-align: center;
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .home .usecases-section .heading .subtitle {
    font-size: 16px;
    line-height: 200%; /* 32px */
    text-align: center;
  }
  .home .usecases-section .content .column-2 {
    width: 100%;
  }
  .home .usecases-section .content .video-wrapper {
    display: none;
    margin-bottom: 8px;
    background: #f6f5f2;
  }
  .home .usecases-section .content .gallery-item {
    padding: 16px 8px;
  }
  .home .usecases-section .content .gallery-item .container {
    padding: 0;
  }
  .home .usecases-section .content .gallery-item .container .content .title {
    font-weight: 400;
  }
  .home .usecases-section .content .gallery-item.selected .video-wrapper {
    display: block;
  }
  .home .usecases-section .content .gallery-item.selected .container {
    padding-bottom: 4px;
  }
  .home .usecases-section .content .gallery-item.selected .container .content .title {
    font-weight: 400;
  }
  .home .pricing-section {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .home .pricing-section .heading .title {
    text-align: center;
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .home .pricing-section .heading .subtitle {
    font-size: 16px;
    line-height: 200%; /* 32px */
    text-align: center;
  }
  .home .pricing-section .content {
    flex-direction: column;
  }
  .home .pricing-section .content .column-3 {
    order: 1;
    width: 100%;
  }
  .home .pricing-section .content .column-3 .button-low-height {
    margin-top: 32px;
  }
  .home .pricing-section .content .column-3.middle-column {
    order: 0;
  }
  .home .testimonial-section {
    padding-top: 48px;
    padding-bottom: 48px;
    gap: 32px;
  }
  .home .testimonial-section .heading-wrapper {
    flex-direction: column;
    gap: 24px;
  }
  .home .testimonial-section .heading .title {
    text-align: center;
    font-size: 24px;
    line-height: 32px; /* 133.333% */
  }
  .home .testimonial-section .heading .subtitle {
    font-size: 16px;
    line-height: 200%; /* 32px */
    text-align: center;
  }
  .home .testimonial-section .comments-wrapper .comment {
    min-width: 80%;
  }
  .home .promo-section {
    margin-top: 48px;
    margin-bottom: 48px;
    padding: 32px 16px;
    flex-direction: column;
    row-gap: 32px;
  }
  .home .promo-section .column-left {
    width: 100%;
  }
  .home .promo-section .column-left .title {
    font-size: 24px;
    line-height: 48px;
  }
  .home .promo-section .column-left .subtitle {
    font-size: 16px;
    line-height: 24px; /* 150% */
  }
  .home .promo-section .column-right {
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 12px;
  }
  .home .promo-section .column-right .button-inline {
    width: 50%;
  }
  .home .footer-section {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
  .home .footer-section .links {
    flex-direction: column;
  }
}
.sign {
  background: #f7f5f2;
}
.sign .logo-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 662px;
  background: #f7f5f2;
  height: 110px;
}
.sign img.logo-img {
  position: absolute;
  bottom: 0;
  left: 16px;
  width: 90px;
}
.sign .center {
  margin-top: 110px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: calc(100vh - 170px);
  gap: 40px;
}
.sign .box {
  width: 100%;
  max-width: 662px;
  padding-left: 16px;
  padding-right: 16px;
}
.sign .heading {
  color: #1a1918;
  font-family: Inter;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 48px; /* 150% */
  margin-bottom: 0;
}
.sign .intro {
  color: #8c8c8b;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px; /* 200% */
  margin-bottom: 32px;
}
.sign .sign-label {
  display: block;
  margin-bottom: 8px;
  color: #1a1918;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.sign .sign-input {
  padding: 16px;
  height: 44px;
  margin-bottom: 16px;
  border: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.5);
  color: #1a1918;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-radius: 4px;
}
.sign .sign-input:focus-visible {
  border: 1px solid #285ff5;
  outline: 0;
}
.sign .sign-input::placeholder {
  color: #8c8c8b;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.sign .field-hint {
  color: #8c8c8b;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  margin-top: -12px;
  margin-bottom: 16px;
}
.sign .error-label {
  color: #f52834;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-top: -12px;
  margin-bottom: 16px;
}
.sign .error-label.hidden {
  display: none;
}
.sign .buttons-section {
  margin-top: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 8px;
}
.sign .footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  max-width: 662px;
  padding-left: 16px;
  padding-right: 16px;
  height: 60px;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  color: #000;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  border-top: 1px solid #e1dfdc;
}
.sign .footer a {
  color: #285ff5;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .sign .logo-wrapper {
    height: 64px;
  }
  .sign img.logo-img {
    top: 16px;
    bottom: unset !important;
  }
  .sign .center {
    margin-top: 0;
    padding-top: 64px;
    height: 100%;
  }
  .sign .box {
    padding-bottom: 60px;
  }
  .sign .footer {
    background: #f7f5f2;
    font-size: 12px;
    height: 48px;
  }
  .sign .heading {
    font-size: 24px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    display: flex;
    flex-direction: column-reverse;
    gap: 32px;
  }
  .sign .intro {
    line-height: 24px;
  }
  .sign .icon {
    font-size: 40px;
    margin-top: 20px;
  }
  .sign .button-primary,
  .sign .button-primary-2,
  .sign .button-secondary,
  .sign .button-secondary-2,
  .sign .button-tertiary {
    line-height: 56px;
  }
}

.mode-toggle {
  display: none;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
}
.mode-toggle .mode-toggle-bg {
  border-radius: 100px;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: #fff;
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  padding: 6px;
}
.mode-toggle .mode-toggle-element {
  cursor: pointer;
  display: flex;
  width: 127px;
  padding: 9px;
  justify-content: center;
  align-items: center;
  gap: 0.4em;
  color: var(--neutrals-neutral-400, #8c8c8b);
  text-align: center;
  /* Headlines/Headline-S */
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px; /* 150% */
  border-radius: 100px;
  border: 1px solid #fff;
  background: var(--neutrals-neutral-200, #fff);
}
.mode-toggle a {
  text-decoration: none;
}
.mode-toggle .mode-toggle-element-selected {
  cursor: default;
  color: var(--neutrals-black, #1a1918);
  border: 1px solid #e1dfdc;
  background: var(--neutrals-neutral-200, #f4efe8);
}
.mode-toggle .mode-toggle-help-wrapper {
  position: relative;
}
.mode-toggle .mode-toggle-help-wrapper img {
  cursor: pointer;
}
.mode-toggle .mode-toggle-help-wrapper img.active {
  display: none;
}
.mode-toggle .mode-toggle-help-wrapper .mode-toggle-info {
  display: none;
  z-index: 1;
  width: 240px;
  position: absolute;
  right: 0;
  top: 50px;
  border-radius: 2px;
  border: 1px solid #e1dfdc;
  background: var(--neutrals-neutral-200, #f4efe8);
  padding: 12px;
  color: var(--neutrals-black, #1a1918);
  /* Paragraphs/Paragraph-S */
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px; /* 171.429% */
}
.mode-toggle .mode-toggle-help-wrapper:hover img.inactive {
  display: none;
}
.mode-toggle .mode-toggle-help-wrapper:hover img.active {
  display: block;
}
.mode-toggle .mode-toggle-help-wrapper:hover .mode-toggle-info {
  display: block;
}

@media screen and (max-width: 767px) {
  .mode-toggle .mode-toggle-bg {
    padding: 4px;
  }
  .mode-toggle .mode-toggle-element {
    line-height: 20px;
    font-size: 14px;
  }
}
.selectable-trigger {
  cursor: pointer;
}

.selectable-selected .selectable-selected-hidden {
  display: none;
}

.selectable-unselected .selectable-unselected-hidden {
  display: none;
}

.sign-up-checkbox {
  display: flex;
  gap: 8px;
  align-items: center;
}

.sign-up-checkbox {
  display: flex;
  gap: 8px;
  align-items: center;
  margin-bottom: 16px;
  cursor: pointer;
}
.sign-up-checkbox .sign-label {
  margin: 0;
}

.show .a-modal-background {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.a-modal {
  z-index: 3;
  width: 600px;
  display: none;
  position: fixed;
  top: 10vh;
  right: 0;
  left: 0;
  margin: auto;
  padding: 0px;
  border-radius: 4px;
  background: #f7f5f2;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.16);
  font-family: Inter;
}

.a-modal.show {
  display: block;
}

.a-modal-close {
  cursor: pointer;
}

.a-modal-header {
  background: #f7f5f2;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  padding: 20px;
  display: flex;
  align-items: start;
  gap: 10px;
  justify-content: space-between;
  color: #1a1918;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  padding-bottom: 0;
}

.a-modal-below-header {
  background: #f7f5f2;
  padding: 20px;
  border-bottom: 1px solid #e1dfdc;
  color: #1a1918;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
}

.a-modal-body {
  background: #f7f5f2;
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: scroll;
  max-height: 60vh;
}

.a-modal-body .button-secondary {
  border: 1px solid #e1dfdc;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}

.a-modal-item-header {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.a-modal-item-elements {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.a-modal-item-element {
  cursor: pointer;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: left;
}

.a-modal-footer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background: #f7f5f2;
  padding: 20px;
  display: flex;
  align-items: end;
  gap: 10px;
  justify-content: end;
  color: #1a1918;
  font-family: Inter;
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  white-space: nowrap;
  border-top: 1px solid #e1dfdc;
}

.a-modal-footer .button-low-height {
  width: 180px;
}

.a-modal-element {
  cursor: pointer;
  display: flex;
  padding: 16px 24px;
  align-items: start;
  color: #1a1918;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  text-decoration: none;
  align-items: center;
  gap: 10px;
  white-space: nowrap;
}

@media screen and (max-width: 767px) {
  .a-modal {
    top: 5vh;
    width: 95%;
  }
  .a-modal-body {
    max-height: 50vh;
  }
}
.a-workspace-tab {
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  background: pink;
  z-index: 99;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.a-workspace-tab .a-workspace-item {
  margin: 20px;
  background-color: red;
  cursor: pointer;
}
.a-workspace-tab .a-workspace-item img {
  width: 100%;
}

.a-tool-layout .top-header {
  top: 80px;
}
.a-tool-layout .top-filter {
  top: 92px;
}
.a-tool-layout .containers-wrapper {
  margin-top: 122px;
}
.a-tool-layout .top-tool-menu {
  z-index: 2;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgb(249, 248, 246);
  height: 80px;
  margin-left: max(25vw, 320px);
  border-bottom: 1px solid rgba(26, 25, 24, 0.1);
}
.a-tool-layout .top-tool-menu .info-section {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1a1a1a;
  color: #e0e0e0;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  text-align: center;
  text-decoration: none;
}
.a-tool-layout .top-tool-menu .info-section .highlight {
  background: #4285f4;
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .a-tool-layout .top-tool-menu .info-section {
    font-size: 12px;
  }
}
.a-tool-layout .top-tool-menu .tooling-section {
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: left;
}
.a-tool-layout .top-tool-menu .tooling-section .element {
  height: 100%;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  align-items: center;
  justify-content: left;
  text-decoration: none;
  color: #1a1918;
}
.a-tool-layout .top-tool-menu .tooling-section .element.selected {
  font-weight: 500;
  border-bottom: 2px solid #285ff5;
  margin-top: 2px;
  cursor: pointer;
}
.a-tool-layout .container-wrapper {
  margin-top: 40px;
}
.a-tool-layout .no-conversation-screen {
  margin-top: 40px;
  bottom: 110px;
}
.a-tool-layout .no-conversation-screen.with-follow-up {
  bottom: 70px;
}
.a-tool-layout .a-form {
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.a-tool-layout .a-select-line {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
}
.a-tool-layout .a-select-line.a-hidden-line {
  display: none;
}
.a-tool-layout .a-remove {
  cursor: pointer;
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: #fff;
  border-radius: 8px;
  height: 2.5rem;
  width: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.a-tool-layout .a-remove img {
  width: 1.5rem;
}
.a-tool-layout .bootstrap-select > .dropdown-toggle {
  background: #fff;
  color: var(--neutrals-black, #1a1918);
}
.a-tool-layout .a-free-input {
  border: 1px solid var(--neutrals-neutral-300, #e1dfdc);
  background: #fff;
  border-radius: 8px;
  flex-grow: 1;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  height: 2.5rem;
}
.a-tool-layout textarea.a-free-input::placeholder {
  color: var(--neutrals-neutral-400, #8c8c8b);
}
.a-tool-layout .check-trends .under-search-label,
.a-tool-layout .check-trends .a-form {
  text-align: center;
  font-family: Inter;
  font-size: 16px;
  font-style: normal;
  margin-bottom: 12px;
  width: 100%;
  max-width: 704px;
}
.a-tool-layout .check-trends .logo {
  padding-top: 0;
  padding-bottom: 0;
}
.a-tool-layout .check-trends .search-label {
  margin-top: 0;
}
.a-tool-layout .check-trends .send-tips {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.a-tool-layout .check-trends .send-tips .send-tips-label {
  color: #1a1918;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px; /* 133.333% */
  white-space: nowrap;
}
.a-tool-layout .check-trends .send-tips .send-tips-button {
  cursor: pointer;
  color: #1a1918;
  font-family: Inter;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px; /* 133.333% */
  padding: 4px 8px;
  border-radius: 4px;
  border: 1px solid #e1dfdc;
  background: #f4efe8;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .a-tool-layout .check-trends .a-free-input {
    height: 3.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .a-tool-layout.chat-mode-tool .search-label {
    font-size: 20px;
    margin-bottom: 0;
  }
  .a-tool-layout.chat-mode-tool .no-conversation-screen {
    gap: 10px;
  }
  .a-tool-layout.chat-mode-tool .under-search-label,
  .a-tool-layout.chat-mode-tool .a-form {
    font-size: 12px;
  }
  .a-tool-layout.chat-mode-tool .chat-footer {
    height: 0;
  }
  .a-tool-layout.chat-mode-tool.generation-in-progress .stop-button {
    bottom: 10px;
  }
}
@media screen and (max-width: 767px) {
  .a-tool-layout .top-tool-menu {
    margin-left: 0;
  }
  .a-tool-layout .top-tool-menu .tooling-section {
    overflow-x: auto;
  }
  .a-tool-layout .top-tool-menu .element {
    white-space: nowrap;
  }
}