.bg-video {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100vw;
  min-height: 100vh;
  z-index: 0;
}
html{
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
  font-family:sans-serif
}
body{
  margin:0
}
main,nav,section{
  display:block
}
video{
  vertical-align:baseline;
  display:inline-block
}
a{
  background-color:transparent
}
a:active,a:hover{
  outline:0
}
h1{
  margin:.67em 0;
  font-size:2em
}
img{
  border:0
}
@font-face{
  font-family:webflow-icons;
  src:url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==)format("truetype");
  font-weight:400;
  font-style:normal
}
[class*=\ w-icon-]{
  speak:none;
  font-variant:normal;
  text-transform:none;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-style:normal;
  font-weight:400;
  line-height:1;
  font-family:webflow-icons!important
}
*{
  box-sizing:border-box
}
html{
  height:100%
}
body{
  min-height:100%;
  color:var(--light-brown);
  background-color:var(--white);
  margin:0;
  font-family:Arial,sans-serif;
  font-size:14px;
  line-height:20px
}
img{
  max-width:100%;
  vertical-align:middle;
  display:inline-block
}
.w-inline-block{
  max-width:100%;
  display:inline-block
}
h1,h2,h3{
  margin-bottom:10px;
  font-weight:700
}
h1{
  margin-top:20px;
  font-size:38px;
  line-height:44px
}
h2{
  margin-top:20px;
  font-size:32px;
  line-height:36px
}
h3{
  margin-top:20px;
  font-size:24px;
  line-height:30px
}
p{
  margin-top:0;
  margin-bottom:10px
}
.w-embed:before,.w-embed:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-embed:after{
  clear:both
}
.w-nav{
  z-index:1000;
  position:relative
}
.w-nav:before,.w-nav:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-nav:after{
  clear:both
}
.w-nav-brand{
  float:left;
  color:var(--darkest-brown);
  text-decoration:none;
  position:relative
}
.w-nav-menu{
  float:right;
  position:relative
}
.w-nav-overlay{
  width:100%;
  display:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  overflow:hidden
}
.w-nav-button{
  float:right;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
  tap-highlight-color:transparent;
  -webkit-user-select:none;
  -ms-user-select:none;
  user-select:none;
  padding:18px;
  font-size:24px;
  display:none;
  position:relative
}
.w-nav-button:focus{
  outline:0
}
:root{
  --white:white;
  --black:black;
  --grey:#888888;
  --light-grey:#d3d3d3;
  --lightest-brown:#ece0d1;
  --light-brown:#dbc1ac;
  --mid-brown:#96725a;
  --dark-brown:#634832;
  --darkest-brown:#38220f;
  --natural: #48bb4c;
  --washed: #5b87dc;
  --honey: #ea892f;
  --cascara: #bb3939;
  --green:#6dff96;
  --red:#ff1212;
  color-scheme: only light;
}
body{
  color:var(--darkest-brown);
  font-family:Helvetica,sans-serif;
  font-size:1vw;
  line-height:1.3em
}
h1{
  margin-top:20px;
  margin-bottom:10px;
  font-size:5em;
  font-weight:700;
  line-height:1.2em
}
h2{
  margin-top:20px;
  margin-bottom:10px;
  font-size:4em;
  font-weight:700;
  line-height:1.3em
}
h3{
  margin-top:0;
  margin-bottom:0;
  font-size:3em;
  font-weight:700;
  line-height:1.3em
}
p{
  margin-bottom:0;
  font-size:1.1em;
  font-weight:400;
  line-height:1.5em
}
a{
  color:var(--darkest-brown);
  text-decoration:none
}
img{
  max-width:100%;
  display:inline-block
}
.container{
  z-index:10;
  width:100%;
  max-width:1600px;
  margin-left:auto;
  margin-right:auto;
  padding-left:8em;
  padding-right:8em;
  position:relative
}
.container.in-nav{
  justify-content:space-between;
  align-items:center;
  display:flex
}
.container.our-goals{
  color: var(--white);
  margin-top:10em;
  padding-bottom:8em
}
.zanya-logo{
  width:12em;
  margin-right:1em;
  font-size:.8em
}
.brand{
  align-items:center;
  padding-left:0;
  padding-right:0;
  display:flex
}
.navbar{
  z-index:999;
  min-height:7em;
  justify-content:space-between;
  display:flex
}
.nav-text-block{
  font-size:1.3em;
  line-height:1.1em
}
.nav-link{
  color:var(--white);
  align-items:center;
  padding:2em .8em;
  transition:color .2s;
  display:flex
}
.nav-link:hover{
  color:var(--lightest-brown);
}
.nav-link.is-simple-link{
  padding-left:1.3em;
  padding-right:1.3em
}
.section{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  position:relative;
  overflow:hidden
}
.section.shop{
  color:var(--white);
}
.section.samples{
  background-image: url(/static/images/samples.png);
  background-size:cover;
  padding-top:0
}
.section.journey{
  color:var(--white);
  background-image: url(/static/images/journey.png);
  background-position:50% 100%;
  background-size:cover;
  margin-left:auto;
  margin-right:auto
}
.section.our-goals{
  background-image: url(/static/images/our-goals.png);
  background-size:cover;
}
.section.blog{
  display:block;
  background-color: var(--lightest-brown);
}
.padding-inner{
  padding-top:8em;
  padding-bottom:8em
}
.padding-inner.integrations-list{
  padding-top:4em;
  padding-bottom:2em
}
.padding-inner.integrations-list.is-home-page{
  padding-top:10em;
}
.aux-header{
  color: var(--white);
  min-height:50em;
  justify-content:space-between;
  align-items:center;
  padding-top:3em;
  padding-bottom:5em;
  display:flex
}
.aux-header.our-goals{
  padding:0
}
.aux-content{
  max-width:40em;
  flex-direction:column;
  align-items:flex-start;
  display:flex
}
.aux-content.our-goals{
  justify-content:center;
  padding-left:4em
}
.aux-content.is-code{
  width:50%
}
.aux-content.is-code.is-analytics{
  width:45%
}
.aux-image{
  width:50%;
  flex-direction:column;
  justify-content:center;
  align-self:stretch;
  align-items:center;
  display:flex;
  position:relative
}
.heading{
  margin-top:0;
  margin-bottom:0
}
.heading.aux-title{
  letter-spacing:-.01em;
  margin-bottom:.5em;
  font-size:4.9em;
  font-weight:800;
  line-height:1.2em
}
.heading.aux-title.our-goals{
  font-size:2.7em;
  line-height:1.3em
}
.heading.content-title-1{
  letter-spacing:-.01em;
  margin-top:.8em;
  margin-bottom:.8em;
  font-size:2.7em;
  font-weight:800;
  line-height:1.3em
}
.heading.content-title-1.smaller{
  font-size:2em;
}
.heading.content-title-1.max-width-1{
  max-width:16em
}
.heading.shop-title{
  margin-top:.4em;
  margin-bottom:.4em;
  font-size:2.2em;
  font-weight:700;
  line-height:1.3em
}
.heading.blog-cms-title{
  text-align:center;
  letter-spacing:-.01em;
  margin-top:.3em;
  margin-bottom:.3em;
  font-size:1.9em;
  font-weight:700;
  line-height:1.3em
}
.aux-list-p{
  color:var(--white);
  letter-spacing:.01em;
  margin-bottom:.3em;
  font-size:1.5em;
  line-height:1.5em
}
.second-link{
  border-bottom:1px solid var(--darkest-brown);
  color:var(--darkest-brown);
  letter-spacing:.02em;
  object-fit:fill;
  font-size:1.3em;
  line-height:1.4em;
  transition:color .2s;
  display:block
}
.second-link:hover{
  border-bottom-color:var(--mid-brown);
  color:var(--mid-brown)
}
.second-link.is-white-color{
  border-bottom-color:var(--white);
  color:var(--white)
}
.second-link.is-white-color:hover{
  border-bottom-color:var(--lightest-brown);
  color:var(--lightest-brown)
}
.second-link.link-docs{
  margin-top:1.2em;
  margin-bottom:2em;
  display:block
}
.second-link.link-docs.hp-hero{
  margin-bottom:0;
  display:block
}
.second-link.link-docs.hp-hero.resources-link{
  border-style:none none solid;
  border-width:1px;
  border-color:var(--white);
  color:var(--white);
  margin-bottom:2em
}
.second-link.link-docs.hp-hero.resources-link:hover{
  border-color:var(--lightest-brown);
  color:var(--lightest-brown);
}
.second-link.link-docs.hp-hero.is-in-section{
  margin-bottom:2em
}
.partner-logos{
  grid-column-gap:1em;
  grid-row-gap:1em;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  align-items:center;
  justify-items:center;
  margin-top:2em;
  margin-bottom:0;
  padding-top:2.5em;
  padding-bottom:2.5em;
  display:grid;
  font-size: 18px;
}
.partner-logos.third{
  grid-template-columns:1fr 1fr 1fr;
}
.partner-logos.quarter{
  grid-template-columns:1fr 1fr;
  padding-bottom:0;
}
.partner-logo{
  width:6em;
  max-height:4em;
  object-fit:contain
}
.partner-logo.is-billdu{
  width:6em
}
.partner-logo.is-tatum{
  width:8em
}
.partner-logo.is-binance{
  width:9.5em
}
.partner-logo.is-mastercard{
  display:none
}
.partner-logo.is-ahoyconnect{
  width:12em
}
.portfolio-content-block{
  width:100%;
  max-width:43em;
  color:var(--white);
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:4em;
  margin-left:auto;
  margin-right:auto;
  display:flex
}
.uppercase-title{
  letter-spacing:.1em;
  text-transform:uppercase;
  margin-bottom:2em;
  font-size:.9em;
  font-weight:700
}
.subtitle-grey{
  color:var(--mid-brown);
  letter-spacing:.02em;
  margin-bottom:1.5em;
  font-size:1.8em;
  font-weight:400;
  line-height:1.5em
}
.subtitle-grey.is-white-color{
  color:var(--white)
}
.main-button-title{
  text-transform:uppercase;
  font-size:1.1em;
  font-weight:700;
  line-height:1.2em;
  display:flex
}
.portfolio-image-2{
  z-index:1;
  width:100%;
  height:108%;
  mix-blend-mode:normal;
  object-fit:contain
}
.portfolio-backgrounds{
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:2em;
  display:flex;
  position:relative
}
.portfolio-image-1{
  z-index:5;
  max-width:66em;
  position:relative
}
.nav-menu{
  align-items:center;
  margin-left:auto;
  display:flex;
  position:static
}
.content-block-1{
  width:100%;
  max-width:52em;
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:4em;
  margin-left:auto;
  margin-right:auto;
  display:flex
}
.shop-block{
  color:var(--white);
  border-radius:2em;
  flex-direction:row;
  justify-content:space-between;
  align-items:stretch;
  margin-bottom:3em;
  display:flex
}
.shop-block:nth-child(2n){
  flex-direction:row-reverse
}
.shop-block:last-child{
  margin-bottom:0
}
.shop-column{
  width:50%;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:5em;
  display:flex;
  position:relative;
  overflow:hidden
}
.shop-icon{
  width:1em;
  height:1em;
  font-size:4em
}
.cover-image{
  z-index:10;
  width: 100%;
  height:100%;
  object-fit:cover;
  position:absolute;
  top:0%;
  bottom:0%;
  left:0%;
  right:0%;
}
.cover-image.is-rounded{
  border-radius:2em
}
.cover-image.is-rounded.in-cms-page{
  width: auto;
  margin: 0 auto;
}
.shop-subtitle{
  letter-spacing:.02em;
  margin-bottom:.8em;
  font-size:1.4em;
  line-height:1.5em
}
.api-block-1{
  width:100%;
  max-width:58em;
  color:var(--white);
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:1em;
  margin-left:auto;
  margin-right:auto;
  padding-top:8em;
  display:flex
}
.api-block-2{
  width:100%;
  max-width:43em;
  color:var(--white);
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:2em;
  display:flex
}
.shop-animation-bg{
  z-index:20;
  display:none;
  position:absolute;
  top:0%;
  bottom:0%;
  left:0%;
  right:0%
}
.shop-animation-bg.in-blog-post{
  background-color:var(--lightest-brown);
}
.footer{
  min-height:50vh;
  padding-top:5em;
  padding-bottom:5em
}
.footer-grid{
  grid-column-gap:1em;
  grid-row-gap:3.5em;
  grid-template-rows:auto auto;
  grid-template-columns:2fr 1fr 1fr;
  grid-auto-columns:1fr;
  display:grid
}
.footer-paragraph{
  color: var(--darkest-brown);
  letter-spacing:.01em;
  margin-top:.7em;
  margin-bottom:1.7em;
  font-size:1.3em;
  line-height:1.8em
}
a.footer-paragraph:hover{
  color: var(--mid-brown);
}
.f-grid-column-1{
  flex-direction:column;
  align-items:flex-start;
  display:flex
}
.footer-category-title{
  margin-bottom:1em;
  font-size:1.8em;
  font-weight:500;
  line-height:1.2em
}
.footer-link-wrap{
  flex-direction:column;
  align-items:flex-start;
  margin-bottom:2em;
  display:block
}
.footer-link-title{
  font-size:1.3em;
  line-height:1.3em;
  display:block
}
.footer-link{
  color: var(--darkest-brown);
  align-items:center;
  padding-top:.75em;
  padding-bottom:.75em;
  transition:color .2s;
  display:flex
}
.footer-link:hover{
  color:var(--mid-brown)
}
.footer-copy{
  letter-spacing:.2em;
  margin-right:1em;
  font-size:.8em;
  font-weight:700
}
.footer-social-list{
  justify-content:center;
  align-items:center;
  display:flex
}
.subfooter-socials{
  align-items:center;
  display:flex
}
.footer-social-link{
  transform:scale3d(1,1,1);
  transform-style:preserve-3d;
  margin-left:.5em;
  transition:transform .6s cubic-bezier(.075,.82,.165,1)
}
.footer-social-link:hover{
  transform:scale(1.1)
}
.footer-social-image{
  width:1em;
  height:1em;
  object-fit:contain;
  font-size:2.7em
}
.aux-main-image{
  z-index:5;
  width:100%;
  min-height:48em;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex
}
.portfolio-image-block-1{
  z-index:10;
  perspective:1000px;
  position:relative
}
.portfolio-image-block-2{
  z-index:5;
  height:100%;
  perspective:1000px;
  position:absolute;
  top:1.7em
}
.shop-content{
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  display:flex
}
.logos-title{
  text-align:center;
  letter-spacing:.1em;
  font-size:.8em;
  font-weight:700
}
.mind-map-grid{
  width:100%;
  max-width:1140px;
  grid-column-gap:0em;
  grid-row-gap:0em;
  grid-template-rows:auto;
  grid-template-columns:1fr .25fr 1fr .25fr 1fr;
  grid-auto-columns:1fr;
  margin-left:auto;
  margin-right:auto;
  display:grid;
  position:relative;
}
.mind-map-box-1{
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.2));
  border:1px solid var(--white);
  border-radius:1em;
  flex-direction:column;
  align-items:flex-start;
  margin-top:.8em;
  margin-bottom:.8em;
  padding:1.2em 1.8em;
  transition:transform .6s cubic-bezier(.075,.82,.165,1);
  position:relative
}
.mind-map-box-1:hover{
  transform:scale(1.05)
}
.mind-map-box-1.is-2nd{
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.2));
  border-color:var(--white);
  left:-4.3em
}
.mind-map-box-1.is-3rd{
  background-image: linear-gradient(90deg,rgba(255, 255, 255, 0.3),rgba(255, 255, 255, 0.2));
  border-color:var(--white);
}
.mind-map-box-toptitle{
  color:var(--lightest-brown);
  letter-spacing:.2em;
  margin-bottom:.9em;
  font-size:.8em
}
.mind-map-box-paragraph{
  color:var(--white);
  letter-spacing:.02em;
  font-size:.9em
}
#pillar-content-1, #pillar-content-2, #pillar-content-3, #pillar-content-4 {
  opacity: 1;
}
#pillar-full-content-1, #pillar-full-content-2, #pillar-full-content-3, #pillar-full-content-4 {
  opacity: 0;
  max-height: 0;
}
.mind-map-box-bg{
  width:140%;
  height:100%;
  max-width:none;
  object-fit:contain
}
.mind-map-column-2{
  z-index:10;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex;
  position:relative
}
.mind-map-column-1{
  z-index:10;
  flex-direction:column;
  justify-content:center;
  align-items:flex-end;
  display:flex;
  position:relative
}
.mind-map-column-3{
  z-index:5;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  display:flex;
  position:relative;
  transition:transform .6s cubic-bezier(.075,.82,.165,1);
}
.mind-map-column-3:hover{
  transform:scale(1.05)
}
.mind-map-box-dots{
  width:5.3em;
  max-width:none;
  object-fit:contain;
  margin-left:1em
}
.mind-map-box-dots.is-2nd{
  margin-left:0;
  margin-right:1em
}
.mind-map-column-4{
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  display:flex
}
.mind-map-box-2{
  text-align:center;
  background-image:linear-gradient(90deg,rgba(255, 255, 255, 0.2),rgba(255, 255, 255, 0.3));
  border:1px solid var(--white);
  border-radius:.8em;
  flex-direction:column;
  align-items:flex-start;
  margin-top:.4em;
  margin-bottom:.4em;
  padding:1.2em 1.8em;
  transition:transform .6s cubic-bezier(.075,.82,.165,1);
  position:relative
}
.mind-map-box-2:hover{
  transform:scale(1.05)
}
.global-styles{
  position:fixed;
  top:0%;
  bottom:auto;
  left:0%;
  right:auto
}
.f-grid-column-2.footer-dev{
  display:block
}
.max-width-block-solutions{
  width:100%;
  max-width:52em;
  text-align:center;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-bottom:2em;
  margin-left:auto;
  margin-right:auto;
  display:flex
}
.main-button-nav-2{
  background-color: var(--white);
  color:var(--darkest-brown);
  text-align:center;
  letter-spacing:.15em;
  border-radius:.6em;
  order:0;
  justify-content:flex-start;
  align-items:center;
  margin-left:1.3em;
  margin-right:1.3em;
  padding:.7em 1.5em .7em 1.5em;
  font-size:.8em;
  font-weight:400;
  line-height:1.2em;
  transition:color .2s,background-color .2s;
  display:flex
}
.main-button-nav-2:hover{
  background-color: var(--lightest-brown);
}
.main-button-nav-2.logged:hover{
  border-radius: 0.6em 0.6em 0 0;
}
.cart {
  margin-left:1.3em;
  margin-right:1.3em;
  width: 2em;
  position: relative;
  display: inline-block;
}
.language {
  margin-left:0.5em;
  width: 2em;
}
.blog-cms-wrap{
  width:100%
}
.blog-cms-list{
  width:100%;
  grid-column-gap:5em;
  grid-row-gap:5em;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr;
  grid-auto-columns:1fr;
  display:grid
}
.blog-cms-list.integrations{
  width:100%;
  grid-column-gap:5em;
  grid-row-gap:0em;
  grid-template-columns:1fr 1fr 1fr
}
.blog-cms-item{
  transition:all .2s;
  overflow:hidden
}
.blog-cms-image{
  width:100%;
  height:24em;
  border-radius:2em;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  margin-top:2em;
  margin-bottom:2em;
  display:flex;
  position:relative;
  overflow:hidden
}
.blog-cms-image.integrations{
  width:auto;
  height:16em;
  display:block
}
.blog-cms-image.integrations iframe{
  width:100%;
  height:100%;
}
.blog-title-link{
  text-align:left;
  transition:color .2s;
  overflow:hidden
}
.blog-post-link-block-2{
  width:auto;
  object-fit:fill;
  display:block
}
.blog-post-link-block-2:hover{
  color:var(--dark-brown)
}
.contact-inner{
  grid-column-gap:10em;
  grid-row-gap:10em;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr;
  grid-auto-columns:1fr;
  padding-top:6em;
  display:grid;
  color: var(--white);
}
.contact-subtitle{
  margin-bottom:1.6em;
  font-size:1.8em
}
.w-input,.w-select{
  width: 100%;
  height:38px;
  color:var(--mid-brown);
  vertical-align:middle;
  background-color:var(--white);
  line-height:1.42857;
  display:block
}
.w-input:-moz-placeholder,.w-select:-moz-placeholder{
  color:var(--mid-brown)
}
.w-input::-moz-placeholder,.w-select::-moz-placeholder{
  color:var(--mid-brown);
  opacity:1
}
.w-input::-webkit-input-placeholder,.w-select::-webkit-input-placeholder{
  color:var(--mid-brown)
}
.main-button.button-mid-brown[disabled],.w-input[disabled],.w-select[disabled],.w-input[readonly],.w-select[readonly],fieldset[disabled] .w-input,fieldset[disabled] .w-select{
  cursor:not-allowed
}
.main-button.button-mid-brown[disabled],.main-button.button-mid-brown:hover[disabled],.w-input[disabled]:not(.w-input-disabled),.w-select[disabled]:not(.w-input-disabled),.w-input[readonly],.w-select[readonly],fieldset[disabled]:not(.w-input-disabled) .w-input,fieldset[disabled]:not(.w-input-disabled) .w-select{
  background-color:var(--light-grey);
  color:var(--grey);
  border:1px solid var(--grey);
  opacity: 1;
}
.invoice-button {
  border:1px solid var(--white);
  border-radius:.7em;
  margin-bottom:1em;
  transition:border-color .2s,background-color .2s
}
.form-field{
  min-height:3.3em;
  border:1px solid var(--white);
  border-radius:.7em;
  margin-bottom:1em;
  padding:.5em 1.7em;
  font-size:1.4em;
  transition:border-color .2s,background-color .2s
}
.form-field::-ms-input-placeholder{
  color:var(--grey)
}
.form-field::placeholder{
  color:var(--grey)
}
.is-half{
  width:48%
}
.is-fourth{
  width:32%
}
.is-fifth{
  width:24%
}
.form-field.is-area{
  min-height:7em;
  padding-top:.9em
}
.form-field.hero{
  margin-bottom:0;
  font-size:1.3em
}
.contact-form{
  flex-flow:wrap;
  justify-content:space-between;
  align-items:flex-start;
  display:flex
}
.form-cta-and-privacy{
  width: 100%;
  grid-row-gap:2em;
  flex-direction:column;
  align-items:flex-start;
  padding-top:2em;
  padding-bottom:2em;
  display:flex
}
.w-checkbox{
  margin-bottom:5px;
  padding-left:20px;
  display:block
}
.w-checkbox:before{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-checkbox:after{
  content:" ";
  clear:both;
  grid-area:1/1/2/2;
  display:table
}
.w-checkbox-input{
  float:left;
  margin:4px 0 0 -20px;
  line-height:normal
}
.w-checkbox-input--inputType-custom{
  width:12px;
  height:12px;
  border:1px solid var(--lightest-brown);
  border-radius:2px
}
.w-checkbox-input--inputType-custom.w--redirected-checked{
  background-color:var(--mid-brown);
  background-image:url(https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg);
  background-position:50%;
  background-repeat:no-repeat;
  background-size:cover;
  border-color:var(--mid-brown)
}
.w-checkbox-input--inputType-custom.w--redirected-focus{
  box-shadow:0 0 3px 1px var(--mid-brown)
}
.checkbox{
  width:1.6em;
  height:1.6em;
  border-width:2px;
  border-color:var(--white);
  border-radius:4px
}
.privacy-link{
  border-bottom:1px solid var(--lightest-brown);
  color:var(--lightest-brown);
}
.privacy-link:hover{
  border-bottom:1px solid var(--light-brown);
  color:var(--light-brown);
}
.success-message{
  color:var(--green);
}
.error-message{
  color:var(--red);
}
.w-form-done{
  text-align:center;
  background-color:var(--light-brown);
  padding:20px;
  display:none
}
.w-form-fail{
  background-color:var(--red);
  margin-top:10px;
  padding:10px;
  display:none
}
.checkbox-field{
  margin: auto;
  clear:none;
  grid-column-gap:.8em;
  order:0;
  justify-content:flex-start;
  align-self:auto;
  align-items:center;
  padding-left:10px;
  display:flex
}
.checkbox-label{
  font-size:1.3em;
  line-height:1.5em;
  text-decoration:none
}
#w-node-_69ce3576-218a-24ab-7064-5003baf6b900-739d750c{
  grid-area:span 1/span 1/span 1/span 1
}
#w-node-_81bc452e-3e22-16d5-aed7-236e948e518b-739d750c{
  grid-area:span 1/span 1/span 1/span 1;
  align-self:center
}
#w-node-efb298a5-8d36-b370-800e-5fe892d059c2-739d750c,#w-node-_9f35d7ea-287d-3830-7323-7d84f6a4ceb7-739d750c,#w-node-_7f6c7765-9c6b-2979-f81e-6e258db44668-739d750c,#w-node-e199da1c-b1d0-4502-4627-67911b9dc9c8-1b9dc9c5{
  grid-area:span 1/span 1/span 1/span 1
}
#w-node-e199da1c-b1d0-4502-4627-67911b9dca03-1b9dc9c5,#w-node-e199da1c-b1d0-4502-4627-67911b9dca24-1b9dc9c5{
  grid-area:span 1/span 1/span 1/span 1;
  justify-self:center
}
#w-node-e199da1c-b1d0-4502-4627-67911b9dca3d-1b9dc9c5{
  grid-area:span 1/span 3/span 1/span 3;
  align-self:center;
  justify-self:end
}
#w-node-_27eea410-98f2-044d-dce7-cf783ccdc0c3-91e6dbe8{
  grid-area:span 1/span 1/span 1/span 1
}
.blog-post-inner{
  padding:2em 0 4em
}
.blog-post-main-content{
  max-width:58em;
  margin-left:auto;
  margin-right:auto
}
.rich-text-in-blog h2{
  letter-spacing:.01em;
  margin-top:0;
  margin-bottom:1em;
  font-size:2em;
  font-weight:700;
  line-height:1.2em
}
.rich-text-in-blog p{
  color:var(--darkest-brown);
  letter-spacing:.01em;
  margin-bottom:1.5em;
  font-size:1.3em;
  font-weight:400;
  line-height:1.7em
}
.rich-text-in-blog h3{
  margin-top:1.5em;
  margin-bottom:1em;
  font-size:1.8em;
  font-weight:700;
  line-height:1.2em
}
.rich-text-in-blog h4{
  letter-spacing:.01em;
  margin-top:0;
  margin-bottom:1.1em;
  font-size:1.6em;
  font-weight:700;
  line-height:1.5em
}
.rich-text-in-blog h6{
  letter-spacing:.01em;
  margin-top:2em;
  margin-bottom:1.2em;
  font-size:1.3em;
  font-weight:700;
  line-height:1.2em
}
.rich-text-in-blog h5{
  letter-spacing:.01em;
  margin-top:1.8em;
  margin-bottom:1em;
  font-size:1.4em;
  font-weight:700;
  line-height:1.2em
}
.rich-text-in-blog strong{
  color:var(--dark-brown);
  font-weight:500
}
.rich-text-in-blog a{
  color:var(--dark-brown)
}
.rich-text-in-blog a:hover{
  color:var(--darkest-brown);
  text-decoration:underline
}
.rich-text-in-blog blockquote{
  color:var(--lightest-brown);
  letter-spacing:.01em;
  border-left-width:5px;
  border-left-color:var(--darkest-brown);
  margin-top:3em;
  margin-bottom:3em;
  padding:1em 1em 1em 1.5em;
  font-size:1.3em;
  font-style:italic;
  font-weight:400;
  line-height:1.7em
}
.rich-text-in-blog li{
  color:var(--darkest-brown);
  margin-bottom:.6em;
  padding-left:.3em;
  font-size:1.3em;
  line-height:1.5em
}
.rich-text-in-blog ul{
  color:var(--dark-brown);
  margin-bottom:1em;
  padding-left:2.6em
}
.rich-text-in-blog ol{
  margin-bottom:1em;
  padding-left:3.2em
}
.rich-text-in-blog figcaption{
  max-width:45em;
  color:var(--mid-brown);
  margin:2em auto 2em;
  font-size:1.1em;
  line-height:1.6em
}
.rich-text-in-blog img{
  margin-top:30px
}
.w-richtext:before,.w-richtext:after{
  content:" ";
  grid-area:1/1/2/2;
  display:table
}
.w-richtext:after{
  clear:both
}
.w-richtext[contenteditable=true]:before,.w-richtext[contenteditable=true]:after{
  white-space:initial
}
.w-richtext ol,.w-richtext ul{
  overflow:hidden
}
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,.w-richtext .w-richtext-figure-selected[data-rt-type=video] div:after,.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,.w-richtext .w-richtext-figure-selected[data-rt-type=image] div{
  outline:2px solid var(--darkest-brown)
}
.w-richtext figure.w-richtext-figure-type-video>div:after,.w-richtext figure[data-rt-type=video]>div:after{
  content:"";
  display:none;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0
}
.w-richtext figure{
  max-width:60%;
  position:relative
}
.w-richtext figure>div:before{
  cursor:default!important
}
.w-richtext figure img{
  width:100%
}
.w-richtext figure figcaption.w-richtext-figcaption-placeholder{
  opacity:.6
}
.w-richtext figure div{
  color:transparent;
  font-size:0
}
.w-richtext figure.w-richtext-figure-type-image,.w-richtext figure[data-rt-type=image]{
  display:table
}
.w-richtext figure.w-richtext-figure-type-image>div,.w-richtext figure[data-rt-type=image]>div{
  display:inline-block
}
.w-richtext figure.w-richtext-figure-type-image>figcaption,.w-richtext figure[data-rt-type=image]>figcaption{
  caption-side:bottom;
  display:table-caption
}
.w-richtext figure.w-richtext-figure-type-video,.w-richtext figure[data-rt-type=video]{
  width:60%;
  height:0
}
.w-richtext figure.w-richtext-figure-type-video iframe,.w-richtext figure[data-rt-type=video] iframe{
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0
}
.w-richtext figure.w-richtext-figure-type-video>div,.w-richtext figure[data-rt-type=video]>div{
  width:100%
}
.w-richtext figure.w-richtext-align-center{
  clear:both;
  margin-left:auto;
  margin-right:auto
}
.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,.w-richtext figure.w-richtext-align-center[data-rt-type=image]>div{
  max-width:100%
}
.w-richtext figure.w-richtext-align-normal{
  clear:both
}
.w-richtext figure.w-richtext-align-fullwidth{
  width:100%;
  max-width:100%;
  text-align:center;
  clear:both;
  margin-left:auto;
  margin-right:auto;
  display:block
}
.w-richtext figure.w-richtext-align-fullwidth>div{
  padding-bottom:inherit;
  display:inline-block
}
.w-richtext figure.w-richtext-align-fullwidth>figcaption{
  display:block
}
.w-richtext figure.w-richtext-align-floatleft{
  float:left;
  clear:none;
  margin-right:15px
}
.w-richtext figure.w-richtext-align-floatright{
  float:right;
  clear:none;
  margin-left:15px
}
.blog-list-inner-2{
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
  padding-bottom:6em;
  display:flex
}
.blog-list-inner-2.integrations{
  align-items:center;
  padding-bottom:0
}
.related-title{
  letter-spacing:-.01em;
  margin-bottom:1.3em;
  font-size:2em;
  font-weight:700;
  line-height:1.3em;
  transition:all .2s
}
.related-title.integrations{
  text-align:center;
  margin-bottom:.5em
}
.blog-cms-wrap{
  width:100%
}
.heading.blog-post-title{
  max-width:26em;
  text-align:center;
  margin-bottom:.75em;
  margin-left:auto;
  margin-right:auto;
  font-size:7em;
  color: var(--white);
}
.blog-description{
  opacity:.6;
  color: var(--dark-brown);
  letter-spacing:.01em;
  display:block;
  text-align: center;
}
.blog-title {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  flex-direction: column;
}
#root{
  display:flex;
  flex-direction:row;
  min-height:100vh
}
.main-container{
  box-sizing:border-box;
  color:var(--white);
  display:flex;
  flex-direction:column;
  margin:0;
  padding:3%;
  width:100%
}
.main-container .form-wrapper{
  margin:0 auto;
  max-width:400px;
  width:100%
}
.main-container .content{
  display:flex;
  flex:1 1;
  flex-direction:column;
  justify-content:center
}
.main-container .dashboard-navbar{
  align-items:center;
  display:flex;
  justify-content:space-between
}
.main-container .form-helper-bottom{
  margin:0;
  text-align:start
}
.main-container .content .form-helper-bottom{
  margin:0;
  text-align:start
}
.heading-title{
  font-family:HelveticaXBold;
  margin:0;
  padding:0
}
.heading-title-text{
  color:var(--white);
  font-size:20px;
  line-height:140%;
  margin:14px 0 23px
}
.heading-title-text .heading-title-text-link{
  border-bottom:1px solid var(--lightest-brown);
  color:var(--lightest-brown);
  margin-left:4px;
  text-decoration:none;
  transition:color .2s
}
.heading-title-text .heading-title-text-link:hover{
  border-bottom:1px solid var(--light-brown);
  color:var(--light-brown);
}
.main-form{
  display:flex;
  flex-direction:column;
  justify-content:center
}
.main-form .main-form-input{
  border:1px solid var(--white);
  border-radius:10px;
  font-size:1rem;
  margin-top:10px;
  padding:15px 0 15px 20px
}
.main-form.create-new-project{
  margin-top:20px;
  width:300px
}
.accept-privacy-policy{
  margin:12px 0 2px;
  padding:0 25px;
  text-align:center
}
.accept-privacy-policy .form-helper-bottom-link{
  border-bottom:1px solid var(--lightest-brown);
  color:var(--lightest-brown);
  transition:.3s
}
.accept-privacy-policy .form-helper-bottom-link:hover{
  border-bottom:1px solid var(--light-brown);
  color:var(--light-brown);
}
.accept-privacy-policy .accept-privacy-policy-link{
  color:inherit;
  cursor:pointer;
  text-decoration:underline;
  text-underline-offset:3px
}
.bottom-link{
  letter-spacing:.02em;
  margin-top:23px
}
.main-button{
  align-items:center;
  border:none;
  border-radius:12px;
  cursor:pointer;
  display:flex;
  font-family:HelveticaMedium;
  font-size:1rem;
  gap:9px;
  justify-content:center;
  letter-spacing:.14em;
  margin-bottom: 1em;
  padding:16px 0;
  transition:background-color .5s ease-in-out;
  width:100%
}
.heading.contact-title{
  margin-top:.5em;
  margin-bottom:.5em;
  font-size:3em;
  font-weight:700;
  line-height:1.2em
}
.main-button.button-mid-brown{
  min-height: 3.8em;
  background:var(--mid-brown);
  color:var(--white);
}
.main-button.button-mid-brown:hover{
  background:var(--dark-brown)
}
.main-button.button-dark-brown{
  min-height: 3.8em;
  background:var(--dark-brown);
  color:var(--white);
}
.main-button.button-dark-brown:hover{
  background:var(--darkest-brown)
}
b {
  font-size: 1.3em;
  line-height: 1.5em;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin: auto 0;
}
table td {
  border: 1px solid var(--mid-brown);
  text-align: center;
}
.dd-grid-link {
  min-height: 3.4em;
  color: var(--darkest-brown);
  align-items: center;
  padding-top: .4em;
  padding-bottom: .4em;
  transition: color .2s;
  display: flex
}
.dd-grid-link:hover {
  color: #000;
}
.dd-grid-link-title {
  font-size: 1.3em;
  line-height: 1.1em
}
.dd-grid-link-title.is-use-cases {
  min-width: 15em
}
.dropdown-list.w--open {
  background-color: transparent;
  left: 0;
  right: 0
}
.dropdown {
  position: static;
  min-width: 130px;
}
.w-dropdown-list {
  border-radius: 0 0 0.6em 0.6em;
  margin-top: 0.5em;
  min-width: 100%;
  background: #ddd;
  display: none;
  position: absolute;
}
.w-dropdown-list.w--open {
  display: block
}
.w-dropdown {
  text-align: left;
  z-index: 900;
  display: inline-block;
  position: relative
}
.w-dropdown-btn,.w-dropdown-toggle,.w-dropdown-link {
  vertical-align: top;
  text-align: left;
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  position: relative
}
.w-dropdown-toggle {
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  width: 100%;
  display: inline-block
}
.w-dropdown-toggle:focus {
  outline: 0
}
.w-dropdown-list {
  min-width: 100%;
  display: none;
  position: absolute;
}
.w-dropdown-list.w--open {
  display: block
}
.dropdown-item {
  padding:0 1.5em 0 1.5em;
}
[data-nav-menu-open]{
  text-align: center;
  min-width: 200px;
  background: var(--darkest-brown);
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: visible;
  display: block!important;
}
.w-nav-overlay [data-nav-menu-open]{
  top: 0;
}
.w-nav[data-animation=over-left] .w-nav-overlay,.w-nav[data-animation=over-left] [data-nav-menu-open]{
  z-index: 1;
  top: 0;
  right:auto;
}
.w-nav[data-animation=over-right] .w-nav-overlay,.w-nav[data-animation=over-right] [data-nav-menu-open]{
  z-index: 1;
  top: 0;
  left: auto;
}
.galleria{
  width: 100%;
  height: 100vh;
  background: var(--black);
}
.galleria-exit {
  position:absolute;
  top:12px;
  right:12px;
  z-index:10;
  cursor:pointer;
  color: var(--white);
}
.cart-count {
  position: absolute;
  top: 0;
  right: 0;
  background-color: var(--red);
  color: white;
  border-radius: 50%;
  width: 1.5em;
  height: 1.5em;
  text-align: center;
  line-height: 1.5em;
  transform: translate(50%, -50%);
}
.progress-parent {
  grid-column-gap:1em;
  grid-row-gap:1em;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  align-items:center;
  justify-items:center;
  margin-top:2em;
}
.progress-parent.text {
  display: grid;
}
.progress-parent.no-text {
  display: none;
}
.progress-parent.summary {
  width: 100%;
  max-width: 1600px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8em;
  padding-right: 8em;
}
.progress {
  align-items:center;
  border:none;
  border-radius:12px;
  display:flex;
  font-family:HelveticaMedium;
  font-size:1rem;
  gap:9px;
  justify-content:center;
  letter-spacing:.14em;
  margin-top:10px;
  padding:0.2em;
  transition:background-color .5s ease-in-out;
  width:100%
}
.progress.done {
  color: var(--white);
  background: var(--mid-brown);
}
.progress.pending {
  color: var(--darkest-brown);
  background: var(--white);
}
.progress.missing {
  color: var(--grey);
  background: var(--light-grey);
}
.type-description {
  margin-bottom: 1em;
  font-size: 1.3em;
  width: 100%;
}
.solution-block {
  color: var(--darkest-brown);
  border-radius: 2em;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  margin-bottom: 3em;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}
.solution-block:nth-child(2n){
  flex-direction:row-reverse
}
.solution-column {
  width: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6em 5em;
  display: flex;
  position: relative;
  overflow: hidden;
}
.solution-column.is-image {
  height: 28em;
  margin: auto;
}
.heading.solution-title {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.3em;
}
.solution-subtitle {
  text-align: left;
  letter-spacing: .02em;
  margin-bottom: 0.8em;
  font-size: 1.4em;
  line-height: 1.5em;
}
.uppercase-title.is-product {
  margin-top: 1.5em;
  margin-bottom: 0;
}
.solution-content {
  max-width: 32em;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}
.cart-menu, .language-menu {
  display: none;
}
.computer-only {
  display: block;
}
.mobile-only {
  display: none;
}
.cart-table {
  border-collapse: separate;
  border-spacing: 0;
}
.cart-table td {
  border: 1px solid var(--white);
  border-style: none solid solid none;
  text-align: center;
  padding: 12px;
}
tr:first-child td:first-child {
  border-top-left-radius: 12px;
}
tr:first-child td:last-child {
  border-top-right-radius: 12px;
}
tr:last-child td:first-child {
  border-bottom-left-radius: 12px;
}
tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}
tr:first-child td {
  border-top-style: solid;
}
tr td:first-child {
  border-left-style: solid;
}
.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted var(--darkest-brown);
}
.tooltip .tooltip-text {
  visibility: hidden;
  width: 300px;
  background-color: var(--darkest-brown);
  color: var(--white);
  text-align: center;
  border-radius: 6px;
  padding: 0.3em;
  margin-left: 0.6em;
  position: absolute;
  left: -90px;
  top: 1.5em;
  z-index: 1;
}
.tooltip:hover .tooltip-text {
  visibility: visible;
}
.typewriter {
  color: var(--white);
  font-size: 1.2em;
  width: 80%;
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  margin: 1.2em auto 0 auto;
}
.typewriter span {
  opacity: 0;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
  text-align: center;
  min-height: 1.3em;
}
@media screen and (max-width:991px){
  .w-nav[data-collapse=medium] .w-nav-menu{
    display:none
  }
  .w-nav[data-collapse=medium] .w-nav-button{
    display:block
  }
  body{
    font-size:10px
  }
  p{
    font-size:1.3em;
    line-height:1.5em
  }
  .container{
    padding-left:5em;
    padding-right:5em
  }
  .container.our-goals{
    padding-bottom:6em
  }
  .brand{
    font-size:1.2em
  }
  .nav-text-block{
    font-size:1.7em
  }
  .nav-link{
    width:100%;
    flex-direction:row;
    justify-content:center
  }
  .nav-link.is-simple-link{
    flex-direction:column;
    justify-content:center
  }
  .aux-header.our-goals{
    min-height:40em;
    padding-left:0;
    padding-right:0
  }
  .heading.aux-title{
    font-size:2.7em;
    line-height:1.3em
  }
  .partner-logos{
    grid-template-columns:1fr 1fr 1fr;
    margin-top:2em
  }
  .partner-logo{
    margin-top:1.1em;
    margin-bottom:1.1em
  }
  .portfolio-image-1{
    width:100%;
    max-width:none
  }
  .nav-menu{
    background-color:var(--darkest-brown);
    flex-direction:column;
    justify-content:center;
    position:absolute;
    top:7.1em;
    overflow:hidden;
    box-shadow:0 50px 50px -30px var(--darkest-brown)
  }
  .shop-column{
    padding-left:4em;
    padding-right:4em
  }
  .api-block-1{
    margin-bottom:6.5em
  }
  .footer-grid{
    grid-column-gap:0em;
    grid-row-gap:0em;
    grid-template-columns:1fr 1fr
  }
  .footer-paragraph{
    margin-bottom:0;
    font-size:1.4em;
    line-height:2em
  }
  .f-grid-column-1{
    flex-flow:wrap;
    margin-bottom:4em;
    padding-bottom:4em
  }
  .footer-link{
    font-size:1.1em
  }
  .footer-copy{
    font-size:1em
  }
  .footer-social-link{
    font-size:1.2em
  }
  .aux-main-image{
    width:auto
  }
  .portfolio-image-block-1{
    flex-direction:column;
    grid-template-rows:auto auto;
    grid-template-columns:1fr 1fr;
    grid-auto-columns:1fr;
    justify-content:center;
    align-items:center;
    display:flex
  }
  .mind-map-grid{
    max-width:770px;
    grid-template-columns:1fr;
  }
  .mind-map-box-1{
    width:32%;
    text-align:center;
    font-size:1.3em
  }
  .mind-map-box-1:hover{
    transform:scale(1)
  }
  .mind-map-box-1.is-2nd{
    margin-left:2%;
    margin-right:2%;
    top:-3.1em;
    left:auto
  }
  .mind-map-box-bg{
    width:30em
  }
  .mind-map-column-1{
    flex-direction:row;
    align-items:center
  }
  .mind-map-column-3{
    padding-top:10.5em;
    padding-bottom:6.6em
  }
  .mind-map-box-dots{
    width:11em;
    margin-top:-13.4em;
    margin-bottom:-24.5em;
    margin-left:0;
    transform:rotate(90deg)
  }
  .mind-map-box-dots.is-2nd{
    margin-top:-20.8em;
    margin-bottom:-12.5em;
    margin-right:0;
    top:-18.5em
  }
  .mind-map-column-4{
    flex-flow:wrap;
    align-items:center
  }
  .mind-map-box-2{
    margin:.6em;
    font-size:1.3em
  }
  .mind-map-box-2:hover{
    transform:scale(1)
  }
  .menu-button{
    border-radius:.3em;
    margin-left:.5em;
    padding:.5em .9em;
    transition:background-color .2s
  }
  .menu-button-inner{
    align-items:center;
    display:flex
  }
  .menu-button-title{
    margin-right:.6em;
    font-size:.7em;
    font-weight:700;
    line-height:1.1em;
    display:none;
    position:relative;
    top:-.05em
  }
  .f-grid-info-block{
    width:33.3333%
  }
  .main-button-nav-2{
    margin-left:26em
  }
  .menu-button-icon{
    flex-direction:column;
    flex:none;
    justify-content:center;
    align-items:center;
    display:flex
  }
  .mb-icon-line{
    width:20px;
    height:1px;
    background-color:var(--white);
    margin-top:2px;
    margin-bottom:2px;
    padding:0
  }
  .blog-cms-list{
    grid-column-gap:3.75em;
    grid-row-gap:3.75em
  }
  .contact-inner{
    grid-column-gap:10em;
    grid-row-gap:10em;
    grid-template-rows:auto;
    grid-template-columns:1fr;
    grid-auto-columns:1fr;
    padding-top:6em;
    display:grid
  }
  #root{
    flex-direction:column;
  }
  .partner-logos.quarter {
    grid-template-columns:1fr;
  }
  .is-half{
    width:100%
  }
  #w-node-e199da1c-b1d0-4502-4627-67911b9dc9c8-1b9dc9c5{
    grid-column:span 2/span 2
  }
  #w-node-e199da1c-b1d0-4502-4627-67911b9dca03-1b9dc9c5,#w-node-e199da1c-b1d0-4502-4627-67911b9dca24-1b9dc9c5{
    justify-self:start
  }
  #w-node-e199da1c-b1d0-4502-4627-67911b9dca3d-1b9dc9c5{
    grid-column:span 2/span 2;
    justify-self:center
  }
  .blog-list-inner-2.integrations{
    align-items:center
  }
  .related-title{
    text-align:center
  }
  .rich-text-in-blog{
    font-size:1.2em
  }
  .computer-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
}
@media(max-width:850px){
  .main-container{
    padding:6%
  }
  .main-button{
    font-size:14px
  }
  .progress-parent.text {
    display: none;
  }
  .progress-parent.no-text {
    display: grid;
  }
}
@media screen and (max-width:767px){
  .w-nav-brand{
    padding-left:10px
  }
  body{
    font-size:10px
  }
  p{
    font-size:1.5em;
    line-height:1.5em
  }
  .container{
    margin-bottom:4em
  }
  .container.in-nav{
    margin-bottom:0
  }
  .container.our-goals{
    margin-top:2em;
    margin-bottom:2em
  }
  .brand{
    font-size:1em
  }
  .navbar{
    min-height:5em
  }
  .padding-inner.integrations-list{
    padding-bottom:0
  }
  .aux-header{
    width:100%;
    max-width:46em;
    flex-wrap:wrap;
    margin-left:auto;
    margin-right:auto;
    padding-top:5.5em
  }
  .aux-content{
    width:100%;
    max-width:none;
    align-items:center;
    margin-bottom:5em
  }
  .aux-content.our-goals{
    align-items:center;
    margin-top:4em;
    margin-bottom:0;
    padding-left:0
  }
  .aux-content.is-code{
    width:100%
  }
  .aux-content.is-code.is-analytics{
    width:auto
  }
  .aux-image{
    width:100%;
    text-align:center;
    border:2px var(--darkest-brown);
    border-radius:24px
  }
  .heading.aux-title{
    text-align:center;
    font-size:2.7em;
    line-height:1.3em
  }
  .aux-list-p{
    max-width:none;
    text-align:center;
    font-size:1.6em
  }
  .aux-list-p.our-goals{
    max-width:24em
  }
  .second-link{
    font-size:1.4em
  }
  .second-link.link-docs.hp-hero{
    text-align:center
  }
  .partner-logos{
    border-style:none
  }
  .uppercase-title{
    font-size:1em
  }
  .subtitle-grey{
    font-size:1.6em
  }
  .nav-menu{
    top:4.9em
  }
  .shop-block{
    flex-wrap:wrap
  }
  .shop-column{
    width:100%
  }
  .solution-block{
    flex-wrap:wrap
  }
  .solution-column{
    width:100%;
    padding: 0;
  }
  .solution-content {
    max-width: 100%;
    align-items: center;
  }
  .solution-subtitle {
    text-align: center;
  }
  .shop-column.is-image{
    height:20em
  }
  .api-block-1{
    margin-bottom:3em
  }
  .footer-grid{
    grid-template-columns:1fr 1fr
  }
  .f-grid-column-1{
    margin-bottom:5em;
    padding-bottom:1em
  }
  .aux-main-image{
    min-height:auto
  }
  .logos-title{
    font-size:1em
  }
  .mind-map-box-1{
    width:100%;
    text-align:center;
    flex-direction:row;
    justify-content:space-around;
    align-items:center;
    display:flex
  }
  .mind-map-box-1.is-2nd{
    margin-left:0;
    margin-right:0;
    top:0
  }
  .mind-map-box-paragraph{
    font-size:1em
  }
  .mind-map-column-1{
    flex-direction:column
  }
  .mind-map-box-dots{
    width:8em
  }
  .mind-map-box-dots.is-2nd{
    margin-top:-17.2em;
    margin-bottom:-9em
  }
  .mind-map-box-2{
    width:46%;
    justify-content:center;
    align-self:stretch;
    align-items:center;
    margin-left:2%;
    margin-right:2%;
    padding-left:.8em;
    padding-right:.8em;
    display:flex
  }
  .menu-button{
    padding:.2em .5em
  }
  .menu-button-title{
    font-size:.6em;
    display:none
  }
  .f-grid-info-block{
    width:50%;
    margin-bottom:3em
  }
  .f-grid-column-2{
    margin-bottom:2.9em
  }
  .main-button-nav-2{
    margin-left:10em
  }
  .blog-cms-list{
    grid-column-gap:3em;
    grid-row-gap:3em;
    grid-template-columns:1fr
  }
  .blog-cms-list.integrations{
    grid-template-columns:1fr
  }
  .blog-cms-image{
    width:100%;
    height:20em
  }
  #w-node-e199da1c-b1d0-4502-4627-67911b9dc9c8-1b9dc9c5{
    grid-area:span 1/span 2/span 1/span 2
  }
  #w-node-e199da1c-b1d0-4502-4627-67911b9dca3d-1b9dc9c5{
    grid-column:span 2/span 2
  }
  .blog-list-inner-2.integrations{
    align-items:center
  }
  .related-title{
    text-align:center
  }
  .main-container .dashboard-navbar{
    margin-bottom:5%
  }
  .cart, .language {
    display: none;
  }
  .cart-menu, .language-menu {
    display: block;
  }
}
@media screen and (max-width:479px){
  .container{
    padding-bottom:0;
    padding-left:10vw;
    padding-right:10vw
  }
  .container.in-nav{
    margin-bottom:0;
    padding-bottom:0;
    padding-left:4vw;
    padding-right:4vw
  }
  .container.our-goals{
    margin-top:2em;
    margin-bottom:0
  }
  .brand{
    font-size:.9em
  }
  .navbar{
    min-height:5em
  }
  .padding-inner.integrations-list{
    padding-bottom:0
  }
  .aux-content{
    align-items:flex-start
  }
  .aux-content.our-goals{
    padding-left:0
  }
  .aux-content.is-code{
    width:auto;
    align-items:flex-start
  }
  .aux-content.is-code.is-analytics{
    width:auto
  }
  .heading.aux-title{
    text-align:left;
    font-size:2.7em;
    line-height:1.3em
  }
  .heading.aux-title.our-goals{
    text-align:center
  }
  .aux-list-p{
    text-align:left;
    font-size:1.7em
  }
  .aux-list-p.our-goals{
    text-align:center
  }
  .second-link.link-docs{
    font-size:1.5em
  }
  .second-link.link-docs.hp-hero.is-code{
    width:auto
  }
  .partner-logos{
    grid-template-columns:1fr 1fr
  }
  .portfolio-image-1{
    width:116%
  }
  .footer-grid{
    grid-template-columns:1fr
  }
  .footer-link{
    padding-top:.5em;
    padding-bottom:.5em
  }
  .footer-copy{
    margin-bottom:2em;
    margin-right:0
  }
  .subfooter-socials{
    flex-direction:column;
    justify-content:center
  }
  .aux-main-image{
    width:110%;
    padding-left:0;
    padding-right:0
  }
  .logos-title{
    font-size:1em
  }
  .mind-map-box-1{
    flex-direction:column;
    justify-content:center
  }
  .mind-map-box-bg{
    width:90%
  }
  .mind-map-column-3{
    margin-top:-2.8em
  }
  .mind-map-box-dots{
    width:6em;
    margin-top:-16.1em
  }
  .mind-map-box-2{
    width:100%
  }
  .menu-button{
    margin-left:0;
    padding-top:.3em;
    padding-bottom:.3em
  }
  .menu-button-title{
    margin-right:.4em;
    display:none
  }
  .f-grid-info-block{
    width:100%
  }
  .main-button-nav-2{
    order:0;
    justify-content:flex-end;
    margin-left:6em;
    padding-left:3vw;
    padding-right:3vw
  }
  .blog-cms-list,.blog-cms-list.integrations{
    grid-row-gap:5em
  }
  .blog-cms-image.integrations{
    height:20em
  }
  #w-node-e199da1c-b1d0-4502-4627-67911b9dc9c8-1b9dc9c5,#w-node-e199da1c-b1d0-4502-4627-67911b9dca3d-1b9dc9c5{
    grid-column:span 1/span 1
  }
  .related-title{
    text-align:center
  }
  .container.is-blog-post{
    padding-left:8vw;
    padding-right:8vw
  }
  .rich-text-in-blog{
    font-size:1.2em
  }
  .blog-list-inner-2{
    text-align:center;
    align-items:center
  }
}
@font-face {
  font-family: 'Helvetica';
  src: url('https://uploads-ssl.webflow.com/622b5de5a65e4f3a118dd0f1/622b662ed1430d787febe285_Helvetica-display-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('https://uploads-ssl.webflow.com/622b5de5a65e4f3a118dd0f1/622b662e91d2232908d22190_Helvetica-display-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('https://uploads-ssl.webflow.com/622b5de5a65e4f3a118dd0f1/622b662ee6bd2a1d38aa454d_Helvetica-display-extra-bold.woff2') format('woff2');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Helvetica';
  src: url('https://uploads-ssl.webflow.com/622b5de5a65e4f3a118dd0f1/622b662e0272934ae1f3d71b_Helvetica-display-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}