@charset "UTF-8";
@font-face {
  font-family: "Brand";
  font-style: normal;
  font-weight: 300;
  src: local("Averta CY"), url("../fonts/brand_light.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Brand";
  font-style: normal;
  font-weight: 400;
  src: local("Averta CY"), url("../fonts/brand_regular.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Brand";
  font-style: normal;
  font-weight: 500;
  src: local("Averta CY"), url("../fonts/brand_semibold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Brand";
  font-style: normal;
  font-weight: 600;
  src: local("Gilroy"), url("../fonts/Gilroy-Bold.woff") format("woff");
  font-display: swap;
}
@font-face {
  font-family: "Averta";
  font-style: normal;
  font-weight: 400;
  src: local("Averta CY"), url("../fonts/brand_regular.woff") format("woff");
  font-display: swap;
}
:root {
  --primary-color: var(--yoo-secondary, #0F2D99);
  --primary-200: var(--yoo-primary-200, #A4B6F6);
  --primary-400: var(--yoo-primary-400, #5D7DEF);
  --primary-500: var(--yoo-primary, #153ED3);
  --primary-600: var(--yoo-primary, #153ED3);
  --primary-800: var(--yoo-secondary, #0F2D99);
  --gray-200: #EAECF0;
  --gray-300: #D0D5DD;
  --gray-400: #98A2B3;
  --gray-500: var(--yoo-muted-color, #667085);
  --gray-600: #475467;
  --gray-900: var(--yoo-emphasis, #101828);
  --white: var(--yoo-bg, #fff);
}

html {
  font-size: 10px;
}

body {
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
}

.uk-tile-muted .uk-input {
  background: #fff;
}

.uk-section .sections-title {
  font-size: 3.6rem;
  line-height: 4.4rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  .uk-section .sections-title {
    font-size: 2.8rem;
  }
}

.uk-section-default + .uk-section-muted, .uk-section-muted + .uk-section-default, .uk-section-muted + style + .uk-section-default {
  border-top: 0;
}
.uk-navbar-primary.uk-light .uk-button-default {
  background: #2943d1;
  color: white;
  font-weight: 600 !important;
}
.uk-navbar-primary.uk-light .uk-button-default:hover {
  background: #A4B6F6;
  color: #153ED3;
}
.uk-navbar-primary .uk-navbar-nav > li > a {
  font-size: 1.6rem;
  font-weight: 600;
}

@media only screen and (max-width: 768px) {
  #hero .uk-panel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#hero .subheader {
  font-size: 2rem;
  color: rgba(234, 236, 240, 0.8);
  line-height: 3rem;
  padding: 0.4rem 2.4rem;
  border: 1px solid rgba(234, 236, 240, 0.3);
  text-align: center;
  border-radius: 200px;
  background: #0F2D99;
}
@media only screen and (max-width: 768px) {
  #hero .subheader {
    font-size: 1.4rem;
    padding: 0.4rem 1.4rem;
    line-height: 1.4;
    width: auto;
    display: inline;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.6rem;
  }
}
#hero .title {
  margin-bottom: 3rem;
}
@media only screen and (max-width: 768px) {
  #hero .title {
    font-size: 3.6rem;
    line-height: 4.4rem;
    margin-bottom: 1rem;
  }
}
#hero .trial-details {
  color: rgba(234, 236, 240, 0.8);
}

#trusted-by .title {
  font-size: 3rem;
}
@media only screen and (max-width: 768px) {
  #trusted-by .title {
    font-size: 2rem;
    line-height: 3.2rem;
    text-align: center !important;
  }
}
@media only screen and (max-width: 768px) {
  #trusted-by .grid .uk-grid-margin {
    margin-top: 1rem !important;
  }
}
#trusted-by .grid .el-item {
  padding: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #trusted-by .grid .el-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
#trusted-by .grid .el-item .el-image {
  background: #0F2D99;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  color: #fff;
  border-radius: 1rem;
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 768px) {
  #trusted-by .grid .el-item .el-image {
    margin-bottom: 0;
    margin-right: 1.6rem;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
#trusted-by .grid .el-item .el-image svg {
  width: 1em;
  height: 1em;
  font-size: inherit;
}
#trusted-by .grid .el-item .el-title {
  font-size: 2rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #trusted-by .grid .el-item .el-title {
    margin-top: 0 !important;
    font-size: 1.6rem;
  }
}

#features .home-ico {
  background: linear-gradient(162deg, rgba(255, 255, 255, 0.52) 4.18%, rgba(255, 255, 255, 0.79) 87.52%);
  -webkit-box-shadow: -35.714px -35.714px 71.429px 0px rgba(115, 130, 190, 0.01), 35.714px 35.714px 71.429px 0px rgba(27, 30, 45, 0.2);
          box-shadow: -35.714px -35.714px 71.429px 0px rgba(115, 130, 190, 0.01), 35.714px 35.714px 71.429px 0px rgba(27, 30, 45, 0.2);
  max-width: 40vw;
  padding: 2rem;
  width: 200px;
  height: 200px;
  margin-top: 10rem;
  margin-right: -3rem;
  border-radius: 3.2rem;
  border: 1px solid white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  backdrop-filter: blur(10px);
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}
#features .feature-card .el-image {
  border: 1px solid #EAECF0;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 1rem;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  color: #0F2D99;
}
#features .feature-card .el-image svg {
  width: 1em;
  height: 1em;
  font-size: inherit;
}
#features .feature-card .el-title {
  font-size: 3rem;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #features .feature-card .el-title {
    font-size: 2rem;
  }
}
#features .feature-card .el-content {
  font-size: 1.8rem;
  line-height: 2.8rem;
}
@media only screen and (max-width: 768px) {
  #features .feature-card .el-content {
    font-size: 1.4rem;
  }
}

#features-more .grid .el-item .el-image {
  border: 1px solid #EAECF0;
  background: #fff;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
          box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  border-radius: 1rem;
  width: 4.8rem;
  height: 4.8rem;
  font-size: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-grid-column-align: center;
      justify-self: center;
  margin: auto;
  line-height: 1;
  color: #0F2D99;
}
#features-more .grid .el-item .el-image svg {
  width: 1em;
  height: 1em;
  font-size: inherit;
}
#features-more .grid .el-item .el-title {
  font-size: 2rem;
  line-height: 3rem;
  font-weight: 600;
  margin-top: 2rem !important;
}
#features-more .grid .el-item .el-content {
  margin-top: 0.8rem !important;
  font-size: 1.6rem;
  color: #475467;
}

#start-trial .start-trial-card {
  border-radius: 2rem;
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 40px minmax(auto, 500px);
  grid-template-columns: 1fr minmax(auto, 500px);
  /* две колонки, первая занимает оставшееся пространство, вторая только необходимое */
  -ms-grid-rows: auto 0px auto;
  grid-template-rows: auto auto;
  /* две строки */
  gap: 0px 40px;
  /* расстояние между элементами сетки */
      grid-template-areas: "el-title el-button" "el-content el-button";
  padding: 6.4rem;
}
@media only screen and (max-width: 768px) {
  #start-trial .start-trial-card {
    text-align: center;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
        grid-template-areas: "el-title" "el-content" "el-button";
    padding: 5rem 3.2rem;
  }
}
#start-trial .start-trial-card .el-title {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: el-title;
}
@media only screen and (max-width: 768px) {
  #start-trial .start-trial-card .el-title {
    font-size: 2rem;
  }
}
#start-trial .start-trial-card .el-content {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: el-content;
  margin-top: 16px;
  color: #A4B6F6;
}
@media only screen and (max-width: 768px) {
  #start-trial .start-trial-card .el-content {
    font-size: 1.6rem;
  }
}
#start-trial .start-trial-card .uk-margin-xlarge-top {
  -ms-grid-row: 1;
  -ms-grid-row-span: 3;
  -ms-grid-column: 3;
  grid-area: el-button;
  margin-top: 0 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media only screen and (max-width: 768px){
  #start-trial .start-trial-card .el-title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  #start-trial .start-trial-card .el-content {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  #start-trial .start-trial-card .uk-margin-xlarge-top {
    -ms-grid-row: 3;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
  }
}
@media only screen and (max-width: 768px) {
  #start-trial .start-trial-card .uk-margin-xlarge-top {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3rem !important;
  }
}

@media only screen and (max-width: 768px) {
  #footer .logo-container {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
    text-align: center !important;
    margin-top: 4rem !important;
  }
}
@media only screen and (max-width: 768px) {
  #footer .logo {
    text-align: center !important;
  }
  #footer .logo img {
    width: 180px;
  }
}
#footer .list-title {
  line-height: 3.2rem;
  font-size: 1.4rem;
  color: #667085;
  font-weight: 600;
  margin-bottom: 1rem !important;
}
#footer .list .el-link {
  font-size: 1.6rem;
  color: #475467;
  font-weight: 600;
}
#footer .list .el-link:hover {
  color: #0F2D99;
  text-decoration: underline;
}
#footer .social-buttons .el-link {
  color: #98A2B3;
  padding: 0.4rem;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#footer .social-buttons .el-link:hover {
  color: #0F2D99;
}
#footer .social-buttons .el-link svg {
  width: 1em;
  height: 1em;
  font-size: 2.4rem;
}

@media only screen and (max-width: 768px) {
  #solution-hero .title {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 768px) {
  #solution-hero .content {
    font-size: 1.6rem;
  }
}
#solution-hero .buttons .uk-button {
  color: #fff;
  font-weight: 700;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#solution-hero .buttons .uk-button:hover {
  background: white;
  color: #0F2D99;
  border-color: transparent;
}
#solution-hero .buttons .uk-button-primary {
  background: #153ED3;
  border: 1px solid #153ED3;
}
#solution-hero .buttons .uk-button-default {
  background: transparent;
  border: 1px solid #5D7DEF;
}

#solution-features .feature-card .el-title {
  color: #101828;
  font-size: 3rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #solution-features .feature-card .el-title {
    font-size: 2.4rem;
  }
}
#solution-features .feature-card .el-content {
  font-size: 1.8rem;
  color: #475467;
}
@media only screen and (max-width: 768px) {
  #solution-features .feature-card .el-content {
    font-size: 1.6rem;
  }
}
#solution-features .small-image {
  width: 130px;
  height: 130px;
  padding: 2rem;
  -webkit-box-shadow: 0 5px 30px rgba(60, 65, 124, 0.12);
          box-shadow: 0 5px 30px rgba(60, 65, 124, 0.12);
  border-radius: 150px;
  max-width: 40vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: white;
}
#solution-features .small-image svg {
  color: #153ED3 !important;
}

@media only screen and (max-width: 768px) {
  #customers-hero {
    padding-bottom: 8rem !important;
  }
}
@media only screen and (max-width: 768px) {
  #customers-hero .content {
    font-size: 1.6rem;
  }
}

#customers-features .title {
  font-size: 3rem;
  line-height: 4rem;
  white-space: nowrap;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #customers-features .title {
    font-size: 2.4rem;
    line-height: 3rem;
    white-space: normal;
  }
}
#customers-features .list .el-item {
  position: relative;
}
#customers-features .list .el-item .uk-width-auto ~ div {
  padding-left: 0;
}
#customers-features .list .el-image {
  position: absolute;
  left: -5rem;
  top: 0;
  font-size: 3rem;
}
@media only screen and (max-width: 768px) {
  #customers-features .list .el-image {
    left: 0;
    top: 0;
    font-size: 2rem;
    margin-right: 1rem;
    margin-top: 0.5rem;
  }
}
#customers-features .list .el-image svg {
  width: 1em;
  height: 1em;
}
#customers-features .list .el-content {
  font-size: 3rem;
  line-height: 3rem;
  white-space: nowrap;
  font-weight: 600;
}
@media only screen and (max-width: 768px) {
  #customers-features .list .el-content {
    margin-left: 4rem;
    font-size: 2rem;
    white-space: normal;
    line-height: 1.4;
  }
}
#customers-features .description {
  margin-top: 8rem !important;
  white-space: nowrap;
  color: #475467;
  font-size: 1.8rem;
}
@media only screen and (max-width: 768px) {
  #customers-features .description {
    margin-top: 3rem !important;
    white-space: normal;
    font-size: 1.6rem;
  }
}
#customers-features .description.description2 {
  white-space: normal;
  margin-top: inherit !important;
}
#customers-features .description.description2 p {
  margin-bottom: 0.2rem;
}
#customers-features .grid {
  margin-top: -3.4rem !important;
  margin-bottom: 0rem;
}
#customers-features .grid .el-title {
  color: #101828;
  font-weight: 700;
  font-size: 1.8rem;
}
#customers-features .grid .el-content {
  font-size: 1.4rem;
  color: #475467;
  margin-top: 1rem !important;
}

#pricing .title {
  font-size: 4.8rem;
  font-weight: 700;
  margin-bottom: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #pricing .title {
    font-size: 3.6rem;
  }
}
#pricing .description {
  font-size: 2rem;
  color: #475467;
  margin-bottom: 6.4rem;
}
@media only screen and (max-width: 768px) {
  #pricing .description {
    font-size: 1.6rem;
  }
}
#pricing .help-text {
  font-size: 2rem;
  color: #475467;
}
#pricing .grid .el-item {
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  #pricing .grid .el-item {
    border: 0.5px solid #EAECF0;
    background: #fff;
  }
}
#pricing .grid .el-item.uk-card-hover .el-link {
  border: 1px solid #D0D5DD;
  background: transparent;
  color: #101828;
}
#pricing .grid .el-item.uk-card-hover .el-link:hover {
  border-color: #0F2D99;
  color: #0F2D99;
}
#pricing .grid .el-item.uk-card-default {
  border: 0.5px solid #EAECF0;
}
#pricing .grid .el-item.uk-card-default .uk-margin-medium-top {
  margin-top: auto !important;
}
#pricing .grid .el-title {
  margin-top: 0.8rem !important;
}
#pricing .grid .el-title p {
  font-size: 1.6rem;
}
#pricing .grid .el-title p:not(.uk-text-meta) {
  font-weight: 700;
  color: #101828;
  font-size: 3rem;
  line-height: 3.8rem;
  margin-bottom: 0.8rem !important;
}
#pricing .grid .el-item {
  padding: 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#pricing .grid .el-meta {
  color: #153ED3;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 0.8rem;
}
#pricing .grid .el-content {
  color: #475467;
  font-size: 1.6rem;
  margin-top: 3rem !important;
  margin-bottom: 3rem;
}
#pricing .grid .el-content .el-image {
  margin-right: 0;
  font-size: 2rem;
  color: #079455;
}
#pricing .grid .el-content .el-image svg {
  width: 1em;
  height: 1em;
}

#faq .uk-accordion > :nth-child(n+2) {
  padding-top: 3rem;
  margin-top: 3rem !important;
}
#faq .title {
  font-size: 3.6rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #faq .title {
    font-size: 2.8rem;
  }
}
#faq .description {
  font-size: 1.8rem;
  color: #475467;
}
@media only screen and (max-width: 768px) {
  #faq .description {
    font-size: 1.6rem;
  }
}
#faq .faq-list .el-title {
  font-size: 1.8rem;
  font-weight: 600;
}
#faq .faq-list .el-content {
  font-size: 1.6rem;
  color: #475467;
}
#faq .help-card {
  border-radius: 16px;
  -webkit-box-shadow: none;
          box-shadow: none;
}
#faq .help-card .el-title {
  font-size: 2rem;
  font-weight: 600;
  color: #101828;
  margin-bottom: 1rem;
}
#faq .help-card .el-content {
  color: #475467;
  margin-top: 1rem;
  margin-bottom: 3rem;
}

#contacts .subtitle {
  color: #153ED3;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #contacts .subtitle {
    text-align: center;
  }
}
#contacts .title {
  font-size: 3.6rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  #contacts .title {
    font-size: 2.4rem;
    text-align: center;
  }
}
#contacts .description {
  margin-bottom: 8rem;
}
@media only screen and (max-width: 768px) {
  #contacts .description {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 768px) {
  #contacts .grid .el-item {
    padding-left: 5rem;
    margin-bottom: 1rem;
  }
}
#contacts .grid .el-image {
  font-size: 2.4rem;
}
@media only screen and (max-width: 768px) {
  #contacts .grid .el-image {
    position: absolute;
    left: 0;
    top: 0.4rem;
  }
}
#contacts .grid .el-image svg {
  width: 1em;
  height: 1em;
  color: #0F2D99;
}
#contacts .grid .el-title {
  font-size: 2rem;
  font-weight: 700;
  color: #101828;
}
@media only screen and (max-width: 768px) {
  #contacts .grid .el-title {
    margin-top: 0 !important;
  }
}
#contacts .grid .el-link {
  font-weight: 700;
  font-size: 1.6rem;
}

.blog-hero {
  padding-top: 8rem;
}
.blog-hero .categories {
  margin-bottom: 1.2rem;
  letter-spacing: 0.4px;
}
.blog-hero .categories a {
  color: #A4B6F6;
  font-weight: 600;
}
.blog-hero .title {
  font-weight: 600;
  margin-bottom: 2.4rem;
}
.blog-hero .teaser {
  color: #A4B6F6 !important;
  font-size: 2rem;
}
.blog-post > .uk-container {
  margin-top: -8rem;
}

/*==========  Desktop First  ==========*/
/* X-Large Devices, Wide Screens */
/**/
/* Large Devices, Wide Screens */
/**/
/* Medium Devices, Desktops */
/**/
/* Small Devices, Tablets */
/**/
/* Extra Small Devices, Phones */
/**/
/* Custom, iPhone Retina */
/**/
/*==========  Mobile First  ==========*/
/* Custom, iPhone Retina */
/**/
/* Extra Small Devices, Phones */
/**/
/* Small Devices, Tablets */
/**/
/* Medium Devices, Desktops */
/**/
/* Large Devices, Wide Screens */
/**/
:root {
  --blue: var(--yoo-primary, #2458e6);
  --blue-dark: var(--yoo-primary-dark, #1a44bd);
  --ink: var(--yoo-secondary, #0c1f3f);
  --body: var(--yoo-color, #44526b);
  --muted: var(--yoo-muted-color, #7a869c);
  --line: var(--yoo-border, #e3e9f4);
  --white: var(--yoo-bg, #ffffff);
  --tint: var(--yoo-primary-soft, #eef3fc);
  --tint-2: var(--yoo-primary-soft-2, #f7f9fd);
  --teal: #12b5a5;
  --radius: 14px;
  --shadow: 0 10px 30px rgba(12, 31, 63, .08);
  --max: 1140px;
}

.mock {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  overflow: hidden;
}
.mock .mock-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid var(--line);
  background: var(--tint-2);
}
.mock .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #dde4f0;
}
.mock .mock-search {
  margin: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  border: 1.5px solid var(--line);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 1.44rem;
  color: var(--muted);
}
.mock .mock-search .spark {
  color: var(--blue);
  font-weight: 700;
}
.mock .mock-body {
  padding: 0 16px 18px;
  display: -ms-grid;
  display: grid;
  gap: 10px;
}
.mock .doc-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 11px 13px;
  font-size: 1.36rem;
}
.mock .doc-row b {
  color: var(--ink);
  font-weight: 600;
}
.mock .doc-row small {
  display: block;
  color: var(--muted);
}
.mock .doc-ico {
  width: 30px;
  height: 30px;
  border-radius: 8px;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 1.15rem;
  font-weight: 700;
  color: #fff;
}
.mock .i-pol {
  background: var(--blue);
}
.mock .i-reg {
  background: var(--teal);
}
.mock .i-cli {
  background: #7c5cf0;
}
.mock .tag {
  margin-left: auto;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  font-size: 1.09rem;
  font-weight: 700;
  padding: 3px 9px;
  border-radius: 100px;
}
.mock .tag-ch {
  background: #fff4e0;
  color: #b26a00;
}
.mock .tag-ok {
  background: #e4f8f3;
  color: #0a8b7c;
}
.mock .tag-new {
  background: var(--tint);
  color: var(--blue);
}
.mock .mock-foot {
  border-top: 1px dashed var(--line);
  margin: 4px 16px 16px;
  padding-top: 12px;
  font-size: 1.25rem;
  color: var(--muted);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.mock .mock-foot b {
  color: var(--ink);
}

.fig-card {
  background: var(--tint-2);
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 26px;
  min-height: 250px;
  display: -ms-grid;
  display: grid;
  place-content: center;
  gap: 10px;
}
.fig-card.q-card {
  place-content: stretch;
}
.fig-card .q-label {
  font-size: 1.28rem;
  font-weight: 700;
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 4px;
}
.fig-card .q {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 1.38rem;
  color: var(--ink);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.fig-card .q .spark {
  color: var(--blue);
  font-weight: 700;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.fig-card .chip-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fig-card .chip {
  font-size: 1.25rem;
  font-weight: 600;
  background: #fff;
  border: 1px solid var(--line);
  color: var(--ink);
  border-radius: 100px;
  padding: 7px 14px;
}
.fig-card .chip.hl {
  border-color: var(--blue);
  color: var(--blue);
  background: var(--tint);
}
.fig-card .cmp {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 10px 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  width: min(380px, 100%);
}
.fig-card .cmp-col {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 12px;
  font-size: 1.2rem;
}
.fig-card .cmp-col b {
  display: block;
  color: var(--ink);
  margin-bottom: 8px;
  font-size: 1.28rem;
}
.fig-card .bar {
  height: 8px;
  border-radius: 6px;
  background: #e9eef8;
  margin: 6px 0;
}
.fig-card .bar.same {
  background: #d5efe9;
}
.fig-card .bar.diff {
  background: #ffe3c2;
}
.fig-card .legend {
  grid-column: 1/-1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 1.15rem;
  color: var(--muted);
}
.fig-card .legend i {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 3px;
  margin-right: 5px;
  vertical-align: -1px;
}
.fig-card .legend .a {
  background: #d5efe9;
}
.fig-card .legend .b {
  background: #ffe3c2;
}
.fig-card .diffline {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 1.28rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: min(380px, 100%);
}
.fig-card .diffline .pm {
  font-weight: 800;
  width: 18px;
  text-align: center;
}
.fig-card .diffline.add {
  border-left: 4px solid #12b5a5;
}
.fig-card .diffline.add .pm {
  color: #0a8b7c;
}
.fig-card .diffline.rem {
  border-left: 4px solid #e58e8e;
}
.fig-card .diffline.rem .pm {
  color: #c0392b;
}
.fig-card .diffline s {
  color: var(--muted);
}
.fig-card .xt {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  width: min(380px, 100%);
  font-size: 1.2rem;
  overflow: hidden;
}
.fig-card .xt-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1.2fr 1px 1fr 1px 1fr;
  grid-template-columns: 1.2fr 1fr 1fr;
  gap: 1px;
  background: var(--line);
}
.fig-card .xt-row > div {
  background: #fff;
  padding: 8px 10px;
}
.fig-card .xt-row.head > div {
  background: var(--tint);
  font-weight: 700;
  color: var(--ink);
}
.fig-card .icd {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px;
  width: min(400px, 100%);
  font-size: 1.36rem;
}
.fig-card .icd-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  padding: 8px 4px;
  font-weight: 700;
  color: var(--ink);
}
.fig-card .icd-row.sub {
  font-weight: 500;
  color: var(--body);
  border-top: 1px dashed var(--line);
}
.fig-card .icd-row.sub span:first-child {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fig-card .icd-row .icd-cond {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.fig-card .icd-arrow {
  color: var(--muted);
}
.fig-card .icd-code {
  font-size: 1.15rem;
  font-weight: 800;
  color: var(--blue);
}
.fig-card .icd-tag {
  font-size: 1.2rem;
  font-weight: 700;
  background: var(--tint);
  color: var(--blue);
  border-radius: 6px;
  padding: 3px 10px;
}
.fig-card .icd-verified {
  margin-top: 12px;
  font-size: 1.25rem;
  font-weight: 700;
  color: #0a8b7c;
  background: #e4f8f3;
  border-radius: 8px;
  padding: 7px 12px;
  text-align: center;
}
.fig-card .sum {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 18px;
  width: min(400px, 100%);
}
.fig-card .sum-head {
  font-size: 1.31rem;
  font-weight: 800;
  color: var(--ink);
  margin-bottom: 12px;
}
.fig-card .sum-head .spark {
  color: var(--blue);
}
.fig-card .sum-line {
  height: 9px;
  border-radius: 6px;
  background: #e9eef8;
  margin: 8px 0;
}
.fig-card .w90 {
  width: 90%;
}
.fig-card .w75 {
  width: 75%;
}
.fig-card .w85 {
  width: 85%;
}
.fig-card .sum-tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 14px 0;
}
.fig-card .sum-tags span {
  font-size: 1.09rem;
  font-weight: 700;
  background: var(--tint);
  color: var(--blue);
  border-radius: 100px;
  padding: 4px 10px;
}
.fig-card .sum-src {
  font-size: 1.25rem;
  font-weight: 700;
  color: var(--blue);
  border-top: 1px dashed var(--line);
  padding-top: 10px;
}
.fig-card .tl {
  display: -ms-grid;
  display: grid;
  gap: 0;
  width: min(340px, 100%);
}
.fig-card .tl-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 11px 14px;
  font-size: 1.36rem;
  position: relative;
  margin-bottom: 14px;
}
.fig-card .tl-item::after {
  content: "";
  position: absolute;
  left: 20px;
  top: 100%;
  height: 14px;
  width: 2px;
  background: var(--line);
}
.fig-card .tl-item:last-child {
  margin-bottom: 0;
}
.fig-card .tl-item:last-child::after {
  display: none;
}
.fig-card .tl-item b {
  color: var(--ink);
  width: 36px;
}
.fig-card .tl-item span:last-child {
  color: var(--muted);
}
.fig-card .tl-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #cdd8ec;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}
.fig-card .tl-dot.ch {
  background: #e8912d;
}
.fig-card .tl-dot.now {
  background: var(--teal);
  -webkit-box-shadow: 0 0 0 4px rgba(18, 181, 165, 0.18);
          box-shadow: 0 0 0 4px rgba(18, 181, 165, 0.18);
}
.fig-card .exp {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 20px;
  width: min(360px, 100%);
  text-align: center;
}
.fig-card .exp-doc {
  font-weight: 700;
  color: var(--ink);
  font-size: 1.52rem;
  margin-bottom: 16px;
}
.fig-card .exp-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.fig-card .exp-b {
  font-size: 1.25rem;
  font-weight: 700;
  border: 1.5px solid var(--line);
  border-radius: 8px;
  padding: 8px 14px;
  color: var(--ink);
}
.fig-card .exp-b.hl {
  background: var(--blue);
  border-color: var(--blue);
  color: #fff;
}

.problem-list {
  margin-top: 18px;
  display: -ms-grid;
  display: grid;
  gap: 10px;
  list-style: none;
  padding: 0;
}
.problem-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 1.57rem;
}
.problem-list .x {
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #fdeaea;
  color: #c0392b;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 1.15rem;
  font-weight: 800;
  margin-top: 2px;
}

.solution-card {
  background: #fff;
  border: 1px solid var(--line);
  border-left: 5px solid var(--teal);
  border-radius: var(--radius);
  padding: 34px;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
}
.solution-card h3 {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--ink);
  margin: 0 0 10px;
}
.solution-card p {
  margin: 0;
  color: var(--body);
  font-size: 1.57rem;
  line-height: 1.55;
}
.solution-card .btn {
  display: inline-block;
  font-weight: 700;
  font-size: 1.57rem;
  padding: 14px 28px;
  border-radius: 10px;
  -webkit-transition: background 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: background 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;
  transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease, -webkit-transform 0.15s ease, -webkit-box-shadow 0.15s ease;
  cursor: pointer;
  border: 0;
  text-decoration: none;
  margin-top: 24px;
}
.solution-card .btn.btn-primary {
  background: var(--blue);
  color: #fff;
  -webkit-box-shadow: 0 6px 18px rgba(36, 88, 230, 0.28);
          box-shadow: 0 6px 18px rgba(36, 88, 230, 0.28);
}
.solution-card .btn.btn-primary:hover {
  background: var(--blue-dark);
  -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
  color: #fff;
}

.stat-card {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 44px 40px;
  -webkit-box-shadow: var(--shadow);
          box-shadow: var(--shadow);
  text-align: center;
}
.stat-card .big {
  font-weight: 800;
  font-size: clamp(4.8rem, 6vw, 6.72rem);
  color: var(--blue);
  line-height: 1;
}
.stat-card .lbl {
  font-weight: 600;
  color: var(--ink);
  margin-top: 10px;
  font-size: 1.6rem;
}
.stat-card .sub {
  font-size: 1.44rem;
  color: var(--muted);
  margin-top: 6px;
}

.m4h-eyebrow {
  --m4h-el: eyebrow;
}

.m4h-title {
  --m4h-el: title;
}

.m4h-lead {
  --m4h-el: lead;
}

.m4h-hero-sub {
  --m4h-el: hero-sub;
}

.m4h-kicker {
  --m4h-el: kicker;
}

.m4h-illust {
  --m4h-el: illust;
}

.m4h-hero {
  --m4h-section: hero;
}
.m4h-hero--solo {
  --m4h-section: hero-solo;
}

#home-hero,
#cdi-hero,
#dcm-hero,
#mpi-hero,
#pc-hero,
#rdi-hero {
  --m4h-id: hero;
}

.m4h-trust {
  --m4h-section: trust;
}
.m4h-trust-tags .el-item {
  font-weight: 700;
  font-size: 1rem;
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  padding: 10px 26px;
  border-radius: 100px;
}
.m4h-trust .m4h-trust-tag {
  --m4h-el: trust-tag;
}

#home-trust {
  --m4h-id: trust;
}

.m4h-problem {
  --m4h-section: problem;
}
.m4h-problem .m4h-problem-item {
  --m4h-el: problem-item;
}
.m4h-problem .m4h-solution-card {
  --m4h-el: solution-card;
}

#home-problem,
#cdi-problem,
#dcm-problem,
#mpi-problem,
#pc-problem,
#rdi-problem {
  --m4h-id: problem;
}

.m4h-solution,
.m4h-features {
  --m4h-section: features;
}
.m4h-solution .m4h-feature,
.m4h-features .m4h-feature {
  --m4h-el: feature;
}
.m4h-solution .m4h-feature .m4h-feature-text,
.m4h-features .m4h-feature .m4h-feature-text {
  --m4h-el: feature-text;
}
.m4h-solution .m4h-feature .m4h-feature-list,
.m4h-features .m4h-feature .m4h-feature-list {
  --m4h-el: feature-list;
}
.m4h-solution .m4h-feature--flip,
.m4h-features .m4h-feature--flip {
  --m4h-el: feature-flip;
}

#home-solution {
  --m4h-id: solution;
}
#home-solution.home-solution .feature-icon {
  width: 52px;
  height: 52px;
  border-radius: 14px;
  display: -ms-grid;
  display: grid;
  place-items: center;
  color: #fff;
  background: var(--primary-500);
}
#home-solution.home-solution .feature-icon svg {
  width: 1em;
  height: 1em;
  font-size: 24px;
}

#cdi-features,
#dcm-features,
#mpi-features,
#pc-features,
#rdi-features {
  --m4h-id: features;
}

.m4h-how {
  --m4h-section: how;
}
.m4h-how .m4h-step {
  --m4h-el: step;
}

#home-how, .home-how {
  --m4h-id: how;
}
#home-how .m4h-how-grid .el-item, .home-how .m4h-how-grid .el-item {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.12);
  border-radius: var(--radius);
  padding: 26px 22px;
  position: relative;
  -webkit-transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: background 0.2s ease, -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, background 0.2s ease;
  transition: transform 0.2s ease, background 0.2s ease, -webkit-transform 0.2s ease;
}
#home-how .m4h-how-grid .el-item .el-title, .home-how .m4h-how-grid .el-item .el-title {
  color: var(--white);
}
#home-how .m4h-how-grid .el-item .el-meta, .home-how .m4h-how-grid .el-item .el-meta {
  color: var(--teal);
}
#home-how .m4h-how-grid .el-item .el-content, .home-how .m4h-how-grid .el-item .el-content {
  color: var(--white);
  opacity: 0.8;
}

.m4h-proof {
  --m4h-section: proof;
}
.m4h-proof .m4h-stat {
  --m4h-el: stat;
}

#home-proof {
  --m4h-id: proof;
}

.m4h-builtfor {
  --m4h-section: builtfor;
}
.m4h-builtfor .m4h-bf-card {
  --m4h-el: bf-card;
}

#cdi-builtfor,
#dcm-builtfor,
#mpi-builtfor,
#pc-builtfor,
#rdi-builtfor {
  --m4h-id: builtfor;
}

.m4h-cta {
  --m4h-section: cta;
}
.m4h-cta .m4h-cta-text {
  --m4h-el: cta-text;
}
.m4h-cta .m4h-cta-note {
  --m4h-el: cta-note;
}

#home-cta,
#cdi-cta,
#dcm-cta,
#mpi-cta,
#pc-cta,
#rdi-cta {
  --m4h-id: cta;
}

.m4h-btn {
  --m4h-el: btn;
}
.m4h-btn--primary {
  --m4h-el: btn-primary;
}
.m4h-btn--ghost {
  --m4h-el: btn-ghost;
}
.m4h-btn--light {
  --m4h-el: btn-light;
}

.section-tagline {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-weight: 600;
  font-size: 1.2rem;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--primary-500);
  background: var(--tint);
  border: 1px solid var(--primary-200);
  padding: 6px 14px;
  border-radius: 100px;
}

.start-trial:first-of-type {
  display: none !important;
}