@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

:root {
  --vh: 100vh; }

html {
  box-sizing: border-box;
  scroll-behavior: smooth; }

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

img:not([alt]) {
  box-shadow: 0 0 5px 5px red !important; }

@font-face {
  font-family: "Mark Pro";
  src: local("Mark Pro Heavy"), local("MarkPro-Heavy"), url("../fonts/MarkPro-Heavy.woff2") format("woff2"), url("../fonts/MarkPro-Heavy.woff") format("woff"), url("../fonts/MarkPro-Heavy.ttf") format("truetype"), url("../fonts/MarkPro-Heavy.eot?#iefix") format("embedded-opentype");
  font-display: swap;
  font-weight: 800;
  font-style: normal; }

@font-face {
  font-family: "Mark Pro";
  src: local("Mark Pro Bold"), local("MarkPro-Bold"), url("../fonts/MarkPro-Bold.woff2") format("woff2"), url("../fonts/MarkPro-Bold.woff") format("woff"), url("../fonts/MarkPro-Bold.ttf") format("truetype"), url("../fonts/MarkPro-Bold.eot?#iefix") format("embedded-opentype");
  font-display: swap;
  font-weight: 600;
  font-style: normal; }

@font-face {
  font-family: "Eina01";
  src: local("Eina01-Regular"), local("3A2AFF_0_0"), url("../fonts/Eina01-Regular.woff2") format("woff2"), url("../fonts/Eina01-Regular.woff") format("woff"), url("../fonts/Eina01-Regular.ttf") format("truetype"), url("../fonts/Eina01-Regular.eot?#iefix") format("embedded-opentype");
  font-display: swap;
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "Eina01";
  src: local("Eina01-Bold"), local("3A2AFF_0_1"), url("../fonts/Eina01-Bold.woff2") format("woff2"), url("../fonts/Eina01-Bold.woff") format("woff"), url("../fonts/Eina01-Bold.ttf") format("truetype"), url("../fonts/Eina01-Bold.eot?#iefix") format("embedded-opentype");
  font-display: swap;
  font-weight: bold;
  font-style: normal; }

html {
  color: #2b2a35;
  font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 62.5%;
  line-height: 2; }

body {
  font-size: 1.6rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
  @media (min-width: 40em) {
    body {
      font-size: 1.8rem; } }

a {
  text-decoration: none;
  color: #334ac0; }
  p a:focus, p a:hover,
  li a:focus,
  li a:hover {
    text-decoration: underline; }

a svg,
button svg {
  pointer-events: none; }

p {
  word-break: break-word; }
  p + p {
    margin: 0 0 1em; }
  p.light {
    color: #939da8; }
  p.small {
    font-size: 1.2rem; }

h1,
h2,
h3,
.page-heading,
.heading-large,
.landing-page__title,
.heading-medium {
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol"; }

h4,
h5,
h6 {
  font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol"; }

h1,
h2,
h3,
h4,
h5,
h6,
.tagline {
  margin: 0 0 1rem;
  line-height: 1.25; }
  @media (min-width: 40em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tagline {
      margin-bottom: 1.5rem; } }
  @media (min-width: 60em) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .tagline {
      margin-bottom: 2rem; } }
  h1 a,
  h2 a,
  h3 a,
  h4 a,
  h5 a,
  h6 a,
  .tagline a {
    transition: 0.3s color;
    color: inherit; }
    h1 a[id],
    h2 a[id],
    h3 a[id],
    h4 a[id],
    h5 a[id],
    h6 a[id],
    .tagline a[id] {
      position: absolute;
      display: block;
      margin-top: -12rem;
      padding-top: 12rem; }
    h1 a:focus, h1 a:hover,
    h2 a:focus,
    h2 a:hover,
    h3 a:focus,
    h3 a:hover,
    h4 a:focus,
    h4 a:hover,
    h5 a:focus,
    h5 a:hover,
    h6 a:focus,
    h6 a:hover,
    .tagline a:focus,
    .tagline a:hover {
      text-decoration: none;
      color: #334ac0; }
      .negative h1 a:focus, .negative h1 a:hover, .negative
      h2 a:focus, .negative
      h2 a:hover, .negative
      h3 a:focus, .negative
      h3 a:hover, .negative
      h4 a:focus, .negative
      h4 a:hover, .negative
      h5 a:focus, .negative
      h5 a:hover, .negative
      h6 a:focus, .negative
      h6 a:hover, .negative
      .tagline a:focus, .negative
      .tagline a:hover {
        text-decoration: underline;
        color: inherit; }
  a h1:focus, a h1:hover, a
  h2:focus, a
  h2:hover, a
  h3:focus, a
  h3:hover, a
  h4:focus, a
  h4:hover, a
  h5:focus, a
  h5:hover, a
  h6:focus, a
  h6:hover, a
  .tagline:focus, a
  .tagline:hover {
    text-decoration: underline; }

h1,
.page-heading {
  font-size: 42px;
  font-weight: 800;
  line-height: 1.2; }
  @media (min-width: 65em) {
    h1,
    .page-heading {
      font-size: 5vw; } }
  @media (min-width: 112.5em) {
    h1,
    .page-heading {
      font-size: 90px; } }

h2,
.heading-large,
.landing-page__title {
  font-size: 3.4rem;
  font-weight: 800; }
  @media (min-width: 40em) {
    h2,
    .heading-large,
    .landing-page__title {
      font-size: 4.2rem;
      line-height: 1.1; } }
  @media (min-width: 60em) {
    h2,
    .heading-large,
    .landing-page__title {
      font-size: 6rem;
      line-height: 1; } }

h3,
.heading-medium {
  letter-spacing: -0.02em;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5; }
  @media (min-width: 40em) {
    h3,
    .heading-medium {
      font-size: 2.4rem;
      line-height: 1.75; } }
  @media (min-width: 60em) {
    h3,
    .heading-medium {
      font-size: 3.6rem;
      line-height: 1.3; } }
  @media (min-width: 80em) {
    h3,
    .heading-medium {
      font-size: 4.2rem; } }

h4,
.large-copy {
  font-size: 1.8rem;
  line-height: 1.5; }
  @media (min-width: 40em) {
    h4,
    .large-copy {
      font-size: 2.1rem;
      line-height: 1.8; } }

h4 {
  font-weight: 600; }
  @media (min-width: 60em) {
    h4 {
      font-size: 2.7rem;
      line-height: 1.5; } }

h5,
h6 {
  font-size: inherit;
  line-height: inherit; }

.tagline {
  display: block;
  margin-bottom: 1em;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #334ac0;
  font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 1.4rem;
  font-weight: 700; }
  @media (min-width: 60em) {
    .tagline {
      margin-bottom: 2em;
      font-size: 1.5rem; } }
  .negative .tagline {
    color: #fff; }

.center {
  text-align: center; }

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  white-space: nowrap;
  border: 0; }

.page-anchor {
  position: absolute;
  display: block;
  margin-top: -12rem;
  padding-top: 12rem; }

:not(.negative) .section:not(.negative) .text:not(.negative) p,
:not(.negative) .section:not(.negative) .text:not(.negative) li {
  color: #545465; }

.text ul {
  margin: 0 0 1em;
  padding: 0 0 0 1.4em; }
  .text ul + p {
    margin-top: 0; }

.negative {
  color: #fff; }
  .negative a,
  .negative p,
  .negative li {
    color: inherit; }

strong {
  font-weight: 700; }

figcaption {
  max-width: 80rem;
  margin: 0.5em auto 1em;
  text-align: center;
  color: #545465;
  font-size: 1.5rem;
  font-style: italic; }

.read-more-link {
  display: flex;
  align-items: center;
  margin-top: 2rem;
  font-size: 1.8rem;
  font-weight: bold; }
  .negative .read-more-link {
    color: rgba(255, 255, 255, 0.8); }
  .read-more-link svg {
    margin-left: 0.8rem;
    fill: currentColor; }
  .read-more-link:hover {
    text-decoration: none;
    color: #586ee0; }
    .negative .read-more-link:hover {
      color: white; }

ol {
  counter-reset: item; }
  ol li {
    padding-left: 0.5rem;
    counter-increment: item; }
  ol ol {
    margin-left: -4.7rem;
    padding-left: 0; }
    ol ol li {
      padding-left: 4.7rem; }

.long-list ol {
  padding: 0 0 0 4.7rem;
  list-style: none; }
  .long-list ol ol ol li {
    padding-left: 3.2rem; }
    .long-list ol ol ol li > :first-child::before {
      margin-left: -3.2rem;
      content: counter(item, lower-alpha) ")"; }

.long-list li {
  display: block; }
  .long-list li > :first-child::before {
    position: absolute;
    margin-left: -4.7rem;
    content: counters(item, ".") ". "; }

.list-reset {
  padding: 0;
  list-style: none; }
  .list-reset li {
    list-style: none; }

blockquote {
  margin: 4rem 0 4rem 10%; }

@keyframes fadein {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }

@keyframes fadeInUp {
  from {
    transform: translate3d(0, 4rem, 0);
    opacity: 0; }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1; } }

.fadeInUp {
  animation: fadeInUp 0.3s ease-out;
  animation-fill-mode: both; }

html {
  overflow-x: hidden; }

img,
svg,
video {
  max-width: 100%;
  height: auto;
  vertical-align: middle; }

ul {
  margin: 0;
  padding: 0; }

figure {
  margin: 0; }

iframe {
  border: 0; }

.container, .landing-page__hero-right, .landing-page__block-body, .landing-page__block-media {
  padding: 0 1.5rem; }
  @media (min-width: 40em) {
    .container, .landing-page__hero-right, .landing-page__block-body, .landing-page__block-media {
      padding: 0 calc(18vw - 10rem); } }
  .container.gray, .gray.landing-page__hero-right, .gray.landing-page__block-body, .gray.landing-page__block-media {
    background-color: #f6f6f6; }
  .container.blue, .blue.landing-page__hero-right, .blue.landing-page__block-body, .blue.landing-page__block-media {
    background: #4966f7 linear-gradient(95.24deg, #4966f7 0%, #8253ff 122.55%); }
  .container.transparent, .transparent.landing-page__hero-right, .transparent.landing-page__block-body, .transparent.landing-page__block-media {
    border: none;
    background: none; }
  .container.blue-gradient, .blue-gradient.landing-page__hero-right, .blue-gradient.landing-page__block-body, .blue-gradient.landing-page__block-media {
    background: #695bfb linear-gradient(91.56deg, #8253ff 0%, #4966f7 122.55%); }
  .container.green, .green.landing-page__hero-right, .green.landing-page__block-body, .green.landing-page__block-media {
    background-color: #7dd2c7; }
  .container.black, .black.landing-page__hero-right, .black.landing-page__block-body, .black.landing-page__block-media {
    background-color: #20202c; }
  .container.purple, .purple.landing-page__hero-right, .purple.landing-page__block-body, .purple.landing-page__block-media {
    background-color: #586ee0; }
  .container.separator, .separator.landing-page__hero-right, .separator.landing-page__block-body, .separator.landing-page__block-media {
    background-color: white;
    background-image: linear-gradient(white, #f6f6f6);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% 12rem; }

.container-inner {
  max-width: 138rem;
  margin: 0 auto; }

.text,
.spacing {
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem; }
  @media (min-width: 40em) {
    .text,
    .spacing {
      padding-top: 5rem;
      padding-bottom: 5rem; } }
  @media (min-width: 60em) {
    .text,
    .spacing {
      padding-top: 8rem;
      padding-bottom: 8rem; } }

.spacing--bottom {
  width: 100%;
  padding-bottom: 3rem; }
  @media (min-width: 40em) {
    .spacing--bottom {
      padding-bottom: 5rem; } }
  @media (min-width: 60em) {
    .spacing--bottom {
      padding-bottom: 8rem; } }

.to-edge {
  margin-right: -1.5rem;
  margin-left: -1.5rem; }

.hidden {
  opacity: 0; }

table {
  border-collapse: collapse; }
  table th,
  table td {
    padding: 0.2em 0.5em;
    border: 0.1rem solid #dddfe5; }

.break-out > img,
.break-out > video {
  display: block;
  width: 100%; }

@media (min-width: 40em) {
  .break-out {
    margin-right: -2rem;
    margin-left: -2rem; } }

@media (min-width: 60em) {
  .break-out {
    margin-right: -10rem;
    margin-left: -10rem; } }

@media (min-width: 75em) {
  .break-out {
    margin-right: -20rem;
    margin-left: -20rem; } }

[data-lazy-video],
img[data-src] {
  transition: opacity 0.3s;
  opacity: 0; }

[data-lazy-video="loaded"],
img[data-lazyloaded="true"] {
  opacity: 1; }

input[type="text"],
input[type="email"] {
  margin-right: 0.5rem;
  padding: 0.75em 1em 0.7em;
  transition: all 0.1s ease-in-out;
  border: none;
  border: 1px solid #dddfe5;
  border-radius: 0.6rem;
  font-size: 1.6rem;
  line-height: normal;
  -webkit-appearance: none; }
  input[type="text"]:hover,
  input[type="email"]:hover {
    border-color: #c0c4cf; }
  input[type="text"]:focus,
  input[type="email"]:focus {
    border-color: #334ac0;
    outline: none; }
  .negative input[type="text"], .negative
  input[type="email"] {
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.8);
    background-color: transparent; }
  .negative input[type="text"]::placeholder, .negative
  input[type="email"]::placeholder {
    color: white; }
  .negative input[type="text"]::-ms-input-placeholder, .negative
  input[type="email"]::-ms-input-placeholder {
    color: white; }
  .negative input[type="text"]:focus, .negative
  input[type="email"]:focus {
    border: 1px solid white;
    outline: none; }

.button {
  display: inline-block;
  padding: 0.7em 1.6em 0.8em;
  cursor: pointer;
  transition: box-shadow 120ms, background-color 120ms;
  text-align: center;
  color: #fff;
  border: none;
  border-radius: 0.6rem;
  background-color: #334ac0;
  box-shadow: 0 0.1rem 0.1rem transparent;
  font-size: 1.6rem;
  font-weight: bolder;
  line-height: 1.1em; }
  .button:hover, .button:focus {
    text-decoration: none;
    outline: none;
    background: #586ee0;
    box-shadow: 0 0.1rem 0.1rem rgba(0, 0, 0, 0.3); }
  .negative .button {
    color: #334ac0;
    outline: none;
    background-color: #fff;
    box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.1); }
    .negative .button:hover, .negative .button:focus {
      background-color: #f2f2f2;
      box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.4); }
  .button.outline {
    color: #334ac0;
    background-color: transparent;
    box-shadow: inset 0 0 0 0.2rem #334ac0; }
    .negative .button.outline {
      color: white;
      box-shadow: inset 0 0 0 0.2rem white; }
      .negative .button.outline:hover, .negative .button.outline:focus {
        background-color: rgba(255, 255, 255, 0.1); }
  .button.light {
    color: #334ac0;
    background-color: white;
    box-shadow: 0 0.2rem 0.5rem rgba(103, 110, 144, 0.2), 0 0 0 0.1rem rgba(103, 110, 144, 0.05); }
    .button.light:hover, .button.light:focus {
      box-shadow: 0 0.2rem 0.5rem rgba(103, 110, 144, 0.4), 0 0 0 0.1rem rgba(103, 110, 144, 0.05); }
  .button.big {
    padding: 0.9em 3em 1em; }
  .button.disabled {
    cursor: not-allowed;
    pointer-events: none;
    background-color: #ccc; }

.buttons-social {
  display: flex; }
  .buttons-social > * {
    margin-right: 1rem; }

.button-social {
  display: block;
  width: 24px;
  height: 24px;
  opacity: 0.85;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }
  .button-social:hover {
    opacity: 1; }
  .button-social.twitter {
    background-image: url("https://res.cloudinary.com/pitch-software/image/upload/v1603372238/website-images/images/twitter_icon_q9jmpq.svg"); }
  .button-social.facebook {
    background-image: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/share-facebook.svg"); }
  .button-social.instagram {
    background-image: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/share-instagram.svg"); }
  .button-social.linkedIn {
    background-image: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/share-linkedIn.svg"); }

body.is-outline-hidden *,
body.is-outline-hidden *:focus,
body.is-outline-hidden *:active {
  outline: none; }

.text-button {
  display: inline;
  margin: 0;
  padding: 0;
  cursor: pointer;
  text-decoration: none;
  color: #334ac0;
  border: none;
  background: transparent;
  -webkit-appearance: none;
  -moz-appearance: none; }
  .text-button:focus, .text-button:hover {
    text-decoration: underline; }
  .negative .text-button {
    color: inherit; }

.input-label {
  display: flex; }
  .input-label input {
    flex: 1 1 auto; }
    .input-label input::placeholder {
      opacity: 0; }

.input-label__label {
  position: absolute;
  align-self: center;
  margin: 0 1em 1rem;
  transition: transform 0.3s;
  transform-origin: top left;
  pointer-events: none;
  opacity: 0.6; }
  @media (min-width: 24em) {
    .input-label__label {
      margin-bottom: 0; } }
  .input-label__label::after {
    content: ":";
    transition: opacity 0.3s; }
  :placeholder-shown + .input-label__label {
    transform: translateY(0); }
    :placeholder-shown + .input-label__label::after {
      opacity: 0; }
  .input-label__label,
  :focus + .input-label__label {
    transform: translate(-1em, -2.4em) scale(0.7); }
    @media (min-width: 40em) {
      .input-label__label,
      :focus + .input-label__label {
        transform: translate(-1em, -2.3em) scale(0.7); } }
    .input-label__label::after,
    :focus + .input-label__label::after {
      opacity: 1; }

.slider__controls button {
  cursor: pointer;
  border: none;
  outline: none;
  background: none; }

body.greetings-screen {
  padding: 0; }

#user-info-first-name {
  width: 300px;
  height: 36px;
  margin-bottom: 12px; }

#user-info-last-name {
  width: 300px;
  height: 36px;
  margin-bottom: 18px; }

.greetings-page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .greetings-page-wrapper .header {
    padding-top: 24px;
    padding-bottom: 24px; }
  .greetings-page-wrapper > .container.white, .greetings-page-wrapper > .white.landing-page__hero-right, .greetings-page-wrapper > .white.landing-page__block-body, .greetings-page-wrapper > .white.landing-page__block-media {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

.greetings-form-container {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px; }
  .greetings-form-container .container-inner {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    border: 1px solid #e6e9eb;
    border-radius: 16px; }
    .greetings-form-container .container-inner p {
      text-align: center; }

.greetings-form {
  max-width: 480px;
  padding: 40px 20px;
  text-align: center;
  font-size: 15px; }
  @media (min-width: 40em) {
    .greetings-form {
      padding: 120px 20px; } }
  .greetings-form h1 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2; }
    @media (min-width: 40em) {
      .greetings-form h1 {
        font-size: 33px; } }
  .greetings-form p {
    margin-bottom: 36px;
    text-align: left;
    color: #545465;
    font-size: 15px;
    line-height: 1.4; }
  .greetings-form .button {
    width: 300px;
    height: 36px;
    padding: 0;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background: #586ee0;
    box-shadow: 0 1px 3px rgba(103, 110, 144, 0.2);
    font-size: 15px;
    font-weight: 400;
    line-height: 1em; }
    .greetings-form .button:disabled {
      opacity: 0.6; }
  .greetings-form .checkbox {
    display: block;
    display: flex;
    align-items: center;
    width: 300px;
    margin: auto;
    margin-bottom: 18px;
    text-align: left;
    color: #545465;
    font-size: 13px;
    line-height: 1.4; }
    .greetings-form .checkbox a {
      text-decoration: none; }
    .greetings-form .checkbox input {
      margin-right: 12px;
      -webkit-appearance: checkbox;
      transform: scale(1.5); }

.article-preview {
  position: relative;
  display: flex;
  flex-direction: column; }

.article-preview__media {
  position: relative;
  order: -1;
  margin-bottom: 2rem;
  padding-bottom: 71.43%;
  border-radius: 0.6rem; }

.article-preview__image {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s;
  border-radius: 0.6rem;
  object-fit: contain; }
  a .article-preview__image:hover {
    opacity: 0.85; }

.article-preview__header {
  margin-bottom: 2rem;
  font-size: 2.2rem;
  line-height: 1.4; }
  @media (min-width: 40em) {
    .article-preview__header {
      font-size: 2.7rem; } }

.article-preview__teaser-text {
  margin: 0;
  line-height: 1.8; }
  @media (max-width: 80em) {
    .article-preview__teaser-text {
      font-size: 1.6rem; } }

.author {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: 1.5rem;
  font-style: normal; }

.author__info {
  color: #545465;
  font-weight: 300;
  line-height: 1.5; }

.author__name {
  color: #545465;
  font-weight: bold; }

.author__image {
  margin-right: 2rem; }
  .author__image img {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    object-fit: cover; }

.banner {
  position: relative;
  display: flex;
  justify-content: space-between;
  text-align: left;
  border-radius: 0.6rem;
  background: #4966f7 linear-gradient(11.5deg, #4966f7 41.89%, #8253ff 93.69%); }
  .banner.newsletter {
    margin: 0; }
  .banner .banner__fields {
    justify-content: start;
    max-width: 49.8rem; }
  .banner input {
    flex: 1 1 auto; }
  .banner .button {
    white-space: nowrap; }
  .banner .legal-note {
    max-width: 49.8rem;
    text-align: left; }
  .banner .newsletter-response {
    position: static;
    max-width: 49.8rem; }

.banner__content {
  padding: 3rem 3rem 1.5rem; }
  @media (min-width: 80em) {
    .banner__content {
      padding: 4.5rem 6rem 3.5rem; } }

.banner__heading {
  margin: 0 0 1rem;
  color: #fff;
  font-size: 2.4rem; }
  .banner__heading a:hover {
    text-decoration: none !important; }
  @media (min-width: 40em) {
    .banner__heading {
      font-size: 3.6rem; } }
  @media (min-width: 60em) {
    .banner__heading {
      font-size: 4.2rem; } }

.banner__subtext {
  margin: 0 0 1.5rem;
  line-height: 1.8; }
  .banner__subtext span {
    opacity: 0.5; }
  .banner__subtext a {
    opacity: 0.8;
    font-weight: 600; }
    .banner__subtext a:hover {
      text-decoration: none;
      opacity: 1; }

.banner__media {
  position: absolute;
  right: 6rem;
  bottom: 0;
  display: none; }
  @media (min-width: 64em) {
    .banner__media {
      display: block; } }
  .banner__media img {
    width: 36vw;
    max-width: 36rem; }

.blockquote--big {
  margin: 4rem 0;
  text-align: center; }
  @media (min-width: 40em) {
    .blockquote--big {
      margin: calc(5vw + 3rem) calc(-18vw + 11rem); } }
  @media (min-width: 75em) {
    .blockquote--big {
      margin: 9rem -20rem; } }
  .blockquote--big > p {
    font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
    font-size: calc(5vw + 0.6rem);
    font-weight: 800;
    line-height: 1.2; }
    @media (min-width: 55em) {
      .blockquote--big > p {
        font-size: 5.4rem; } }
  .blockquote--big footer {
    font-size: calc(2.5vw + 0.8rem);
    font-weight: 600;
    line-height: 1.6; }
    @media (min-width: 40em) {
      .blockquote--big footer {
        line-height: 1.4; } }
    .blockquote--big footer::before {
      content: "― "; }
    @media (min-width: 55em) {
      .blockquote--big footer {
        font-size: 3rem; } }

@media (min-width: 40em) {
  .blockquote--indented {
    margin-top: 6rem;
    margin-bottom: 6rem; } }

.blockquote--indented > p {
  font-size: calc(2.5vw + 0.8rem);
  line-height: 1.6; }
  @media (min-width: 40em) {
    .blockquote--indented > p {
      line-height: 1.4; } }
  @media (min-width: 55em) {
    .blockquote--indented > p {
      font-size: 3rem; } }

.blockquote--indented footer {
  font-size: calc(2vw + 0.8rem);
  line-height: 1.6; }
  @media (min-width: 40em) {
    .blockquote--indented footer {
      line-height: 1.4; } }
  @media (min-width: 55em) {
    .blockquote--indented footer {
      font-size: 2.4rem; } }
  .blockquote--indented footer::before {
    content: "― "; }

.columns {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center; }
  @media (min-width: 60em) {
    .columns {
      margin-right: -2rem;
      margin-left: -2rem; } }
  @media (min-width: 60em) {
    .columns {
      flex-direction: row; } }
  .columns .column {
    display: flex;
    flex: 1;
    flex-direction: column;
    margin: 0 0 4rem; }
    @media (min-width: 40em) {
      .columns .column {
        margin: 2rem; } }
  .columns .column-card {
    display: flex;
    overflow: hidden;
    flex: 1;
    flex-direction: column;
    padding: 3.6rem;
    border-radius: 0.8rem;
    box-shadow: 0 0 0 1px #dddfe5; }
    .columns .column-card.centered {
      align-items: center; }
    .columns .column-card.negative {
      background: linear-gradient(91.14deg, #4966f7 0%, #8253ff 122.55%);
      box-shadow: none; }
    .columns .column-card.gray {
      background-color: #f6f6f6; }
    .columns .column-card.centered-image {
      display: flex;
      align-items: center;
      justify-content: center; }
      .columns .column-card.centered-image img {
        min-width: 40%; }
    .columns .column-card.no-padding {
      padding: 0; }
  @media (min-width: 60em) {
    .columns h2,
    .columns .heading-large,
    .columns .landing-page__title {
      font-size: 4.2rem;
      line-height: 1.1; } }
  @media (min-width: 100em) {
    .columns h2,
    .columns .heading-large,
    .columns .landing-page__title {
      font-size: 6rem;
      line-height: 1; } }

.column-card-top {
  flex: 1; }
  .column-card-top.getting-started {
    max-width: 46rem; }

.column-meta {
  display: flex;
  justify-content: space-between;
  padding: 1em 0; }
  .column-meta a:focus, .column-meta a:hover {
    text-decoration: underline; }

body.consent-screen {
  padding: 0; }

.consent-page-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; }
  .consent-page-wrapper .header {
    padding-top: 24px;
    padding-bottom: 24px; }
  .consent-page-wrapper > .container.white, .consent-page-wrapper > .white.landing-page__hero-right, .consent-page-wrapper > .white.landing-page__block-body, .consent-page-wrapper > .white.landing-page__block-media {
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); }

.consent-form-container {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  padding-top: 20px;
  padding-bottom: 20px; }
  .consent-form-container a {
    text-decoration: underline;
    color: #576ee0; }
  .consent-form-container .container-inner {
    display: flex;
    justify-content: center;
    width: 100%;
    max-width: 800px;
    border: 1px solid #e6e9eb;
    border-radius: 16px; }

.consent-form {
  max-width: 480px;
  padding: 40px 20px;
  font-size: 15px; }
  @media (min-width: 40em) {
    .consent-form {
      padding: 120px 20px; } }
  .consent-form h1 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    line-height: 1.2; }
    @media (min-width: 40em) {
      .consent-form h1 {
        font-size: 30px; } }
  .consent-form p {
    margin-bottom: 36px;
    text-align: left;
    color: #545465;
    font-size: 15px;
    line-height: 1.4; }
  .consent-form .button {
    width: 100%;
    height: 36px;
    padding: 0;
    color: white;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 6px;
    background: #586ee0;
    box-shadow: 0 1px 3px rgba(103, 110, 144, 0.2);
    font-size: 15px;
    font-weight: 400;
    line-height: 1em; }
    .consent-form .button:disabled {
      opacity: 0.6; }
  .consent-form .checkbox {
    display: block;
    display: flex;
    align-items: center;
    margin-bottom: 42px;
    text-align: left;
    color: #545465;
    line-height: 1.4; }
    .consent-form .checkbox input {
      margin-right: 18px;
      -webkit-appearance: checkbox; }

.cookies-wrapper {
  position: fixed;
  z-index: 10000;
  right: 1rem;
  bottom: 1rem;
  left: 1rem;
  display: none;
  align-items: center;
  justify-content: center;
  max-width: 48rem;
  padding: 1.5rem;
  border-radius: 0.6rem;
  background-color: #fff;
  box-shadow: 0 2rem 9rem rgba(10, 3, 89, 0.3), 0 0 0 0.1rem rgba(0, 0, 0, 0.02); }
  @media (min-width: 38em) {
    .cookies-wrapper {
      right: 2rem;
      bottom: 2rem;
      left: auto;
      padding: 2rem; } }
  @media (min-width: 60em) {
    .cookies-wrapper {
      padding: 3rem; } }

.cookies {
  display: flex;
  flex-direction: column;
  max-width: 80rem;
  text-align: left;
  font-size: 1.3rem; }
  @media (min-width: 40em) {
    .cookies {
      font-size: 1.5rem; } }

@media (max-width: 40em) {
  .cookies-message {
    margin: 0 0 1.5rem 0;
    line-height: 1.5em; } }

.cookies-message > p:first-child {
  margin-top: 0; }

.cookie-actions {
  display: flex;
  justify-content: end; }
  .cookie-actions .text-button {
    margin-right: 1em; }
  .cookie-actions :first-child {
    margin-left: auto; }
  .cookie-actions :nth-child(2) {
    width: 50%; }

.cookies-close {
  position: absolute;
  top: 1em;
  right: 1em;
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-left: 1rem;
  cursor: pointer;
  border: 0;
  background: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/close.svg") no-repeat center; }
  .cookies-close:hover {
    border-radius: 0.3rem;
    background-color: rgba(51, 74, 192, 0.04); }

.cookie-options .modal-inner {
  display: block;
  text-align: left; }
  @media (min-width: 40em) {
    .cookie-options .modal-inner {
      padding: 4.5rem; } }

.cookie-modal__heading {
  margin-bottom: 0; }
  @media (min-width: 60em) {
    .cookie-modal__heading {
      font-size: 4.2rem;
      line-height: 1.1; } }

.cookie-category {
  display: grid;
  grid-template-columns: min-content auto;
  grid-gap: 0 1.2rem; }

.cookie-category__label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  font-weight: 600; }
  .cookie-category__label + p {
    margin-top: 0; }

.cookie-category__check {
  width: 1.8rem;
  height: 1.8rem;
  margin: 0.4em 0;
  grid-row: 1 / span 2; }

.cookie-modal__actions {
  position: sticky;
  bottom: 0;
  margin: 3rem -3rem -3rem;
  padding: 1.5rem 3rem;
  background: white;
  box-shadow: 0 0.2rem 1.5rem rgba(103, 110, 144, 0.2), 0 0 0 0.1rem rgba(103, 110, 144, 0.05); }
  @media (min-width: 40em) {
    .cookie-modal__actions {
      margin: 4.5rem -4.5rem -4.5rem;
      padding: 1.8rem 4.5rem; } }

.not-found {
  position: relative;
  width: 100%;
  padding-top: 50%; }
  @media (max-width: 40em) {
    .not-found {
      padding-top: 80%; } }

.not-found-image {
  position: absolute; }

.space-otto {
  z-index: 2;
  top: 13.3%;
  left: 24%;
  width: 33%;
  animation: space-otto 4s ease-in-out infinite; }
  @media (max-width: 40em) {
    .space-otto {
      top: 8.3%;
      left: 7.5%;
      width: 60%; } }

@keyframes space-otto {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(15px); }
  100% {
    transform: translateY(0); } }

.saturn-purple {
  z-index: 1;
  top: 18.7%;
  left: 35.7%;
  width: 34%;
  animation: saturn-purple 4.5s ease-in-out infinite; }
  @media (max-width: 40em) {
    .saturn-purple {
      top: 13.7%;
      left: 29%;
      width: 60%; } }

@keyframes saturn-purple {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-5px); }
  100% {
    transform: translateY(0); } }

.planet-blue {
  top: 34%;
  left: 12.6%;
  width: 11%;
  animation: planet-blue 4s ease-in-out infinite; }

@keyframes planet-blue {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-15px); }
  100% {
    transform: translateY(0); } }

.bone {
  z-index: 3;
  top: 25.2%;
  left: 50.4%;
  width: 10.3%;
  animation: bone 3.6s ease-in-out infinite; }
  @media (max-width: 40em) {
    .bone {
      top: 20.2%;
      left: 55%;
      width: 20%; } }
  .bone img {
    transition: 0.5s transform; }
  .bone:hover img, .bone:focus img {
    transform: scale(1.1) rotate(8deg); }

@keyframes bone {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-10px); }
  100% {
    transform: translateY(0); } }

.moon-pink {
  top: 0%;
  left: 71.4%;
  width: 15.6%;
  animation: moon-pink 4.8s ease-in-out infinite; }

@keyframes moon-pink {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(12px); }
  100% {
    transform: translateY(0); } }

.sat {
  top: 50.8%;
  left: 76.6%;
  width: 9.9%;
  animation: sat 4s ease-in-out infinite; }

@keyframes sat {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(-15px); }
  100% {
    transform: translateY(0); } }

.planet-yellow {
  top: 74.8%;
  left: 66.3%;
  width: 8.3%;
  animation: planet-yellow 4.8s ease-in-out infinite; }

@keyframes planet-yellow {
  0% {
    transform: translateY(0); }
  50% {
    transform: translateY(12px); }
  100% {
    transform: translateY(0); } }

@media (max-width: 40em) {
  .moon-pink,
  .planet-blue,
  .planet-yellow,
  .sat {
    display: none; } }

.not-found__game-link {
  font-size: 1.4rem; }
  .not-found__game-link a::after {
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
    content: "";
    vertical-align: middle;
    background-image: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/arrow-ne.svg"); }

.footer {
  display: flex;
  margin-top: -0.1rem;
  margin-bottom: 8rem;
  padding-top: 8rem;
  text-align: left;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.2);
  font-size: 1.6rem; }
  @media (min-width: 40em) {
    .footer {
      margin-bottom: 5rem;
      padding-top: 5rem; } }
  @media (max-width: 60em) {
    .footer {
      flex-direction: column; } }
  .footer .footer-right .left p:nth-child(2) {
    margin-top: 1rem; }
  .footer .footer__header {
    margin: 0 0 1rem;
    letter-spacing: 0;
    font: inherit;
    font-weight: bold; }
  .footer .logo {
    display: block;
    margin-bottom: 1rem;
    color: inherit; }
  .footer .links {
    margin: 0 1rem 1rem; }
    @media (max-width: 60em) {
      .footer .links {
        flex: 1 1 33%;
        margin: 0 0 3rem; } }
    @media (max-width: 40em) {
      .footer .links {
        flex: 1 1 50%; } }
    .footer .links > a {
      color: inherit; }
      .footer .links > a:focus, .footer .links > a:hover {
        text-decoration: underline; }
    .footer .links .external {
      padding-left: 0.8rem; }
  .footer .buttons-social {
    margin: 2.2rem 0; }
    @media (max-width: 60em) {
      .footer .buttons-social {
        margin: 1rem 0; } }
    .footer .buttons-social > * {
      margin-right: 1.5rem; }

.footer-left {
  flex: 1; }
  @media (max-width: 60em) {
    .footer-left {
      order: 2;
      margin-top: 1em; } }

.footer-right {
  display: flex;
  flex: 2;
  flex-wrap: wrap;
  justify-content: space-around; }
  .footer-right a {
    display: block;
    padding: 0.25ch 0; }
  @media (min-width: 60em) {
    .footer-right {
      justify-content: space-between; } }

.founder {
  position: relative;
  text-align: left; }
  .founder::before {
    display: block;
    padding-bottom: 75%;
    content: ''; }
  .founder img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.founder__overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3rem 2rem 1.5rem;
  transition: opacity 0.3s;
  pointer-events: none;
  opacity: 0;
  color: white;
  background: linear-gradient(180deg, rgba(47, 47, 48, 0) 0%, #262e38 100%); }
  .founder.toggle-active .founder__overlay,
  .founder:hover .founder__overlay,
  .founder:focus .founder__overlay,
  .founder:focus-within .founder__overlay {
    pointer-events: auto;
    opacity: 1; }
  @media (max-width: 40em) {
    .founder__overlay {
      padding: 1rem; } }
  .founder__overlay .founder__name,
  .founder__overlay .founder__role,
  .founder__overlay .founder__social {
    margin: 0;
    color: inherit; }

.founder__name {
  margin-bottom: 0.3rem;
  line-height: 1.2; }
  @media (max-width: 50em) {
    .founder__name {
      font-size: 1em; } }

.founder__role {
  line-height: 1.4; }
  @media (max-width: 50em) {
    .founder__role {
      font-size: 0.875em; } }

.founder__social {
  display: flex; }

.founder__social-link {
  display: inline-flex;
  width: 1.75em;
  height: 1.75em;
  margin-bottom: -0.25em;
  margin-left: 0.5em;
  padding: 0.25em;
  opacity: 0.8;
  color: rgba(255, 255, 255, 0.8); }
  .founder__social-link:first-child {
    margin-left: -0.25em; }
  .founder__social-link:hover, .founder__social-link:focus {
    opacity: 1; }

/**
 * Hamburger - adapted squeeze variant
 * https://jonsuh.com/hamburgers/
 * https://github.com/jonsuh/hamburgers
 * MIT license
 */
.hamburger {
  position: relative;
  display: inline-block;
  width: 3.2rem;
  height: 2.2rem;
  margin-left: 1.5rem;
  padding: 0.3rem;
  cursor: pointer;
  color: inherit;
  border: none;
  background: none; }

.hamburger-inner {
  top: 50%;
  display: block;
  margin-top: -0.1rem;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition-duration: 0.075s; }
  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
    position: absolute;
    width: 2.6rem;
    height: 0.2rem;
    transition-property: transform;
    border-radius: 0.15rem;
    background-color: currentColor; }
  .hamburger-inner::before, .hamburger-inner::after {
    display: block;
    content: ""; }
  .hamburger-inner::before {
    top: -0.7rem;
    transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
  .hamburger-inner::after {
    bottom: -0.7rem;
    transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
  .toggle-active .hamburger-inner {
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: rotate(45deg); }
    .toggle-active .hamburger-inner::before {
      top: 0;
      transition: top 0.075s ease, opacity 0.075s 0.12s ease;
      opacity: 0; }
    .toggle-active .hamburger-inner::after {
      bottom: 0;
      transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
      transform: rotate(-90deg); }

body {
  padding-top: 7rem; }
  @media (max-width: 67.5em) {
    body {
      padding-top: 6rem; } }

@media (max-width: 67.5em) {
  .lock {
    overflow: hidden;
    height: 100%; } }

.header-scroll-trigger {
  position: absolute;
  z-index: -1;
  top: 0;
  height: 1px; }

.header-container {
  position: fixed;
  z-index: 12;
  top: 0;
  right: 0;
  left: 0;
  height: 7.2rem;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  transition: color 0.5s, background-color 0.5s;
  background-color: #fff; }
  .header-container.transparent {
    background-color: transparent; }
    .header-container.transparent.scrolled {
      color: inherit;
      background-color: white; }
      .header-container.transparent.scrolled .menu a.jobs span {
        color: white;
        background-color: #334ac0; }
  .header-container::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: '';
    transition: opacity 0.3s;
    opacity: 0;
    box-shadow: 0 0 1.8rem rgba(0, 0, 0, 0.15); }
  .header-container.scrolled::before {
    opacity: 1; }
  .header-container .container-inner {
    position: relative;
    display: flex;
    height: 100%;
    margin: 0 auto; }
  @media (prefers-reduced-motion: reduce) {
    .header-container {
      transition: none; } }
  @media (max-width: 67.5em) {
    .header-container {
      height: 6rem;
      padding-top: 1.5rem;
      padding-bottom: 1.5rem; } }

.header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  font-size: 1.6rem; }
  .header .logo {
    display: flex;
    align-items: center;
    height: 3rem;
    margin-right: auto;
    color: inherit; }
  .header .hamburger {
    display: none; }
    @media (max-width: 67.5em) {
      .header .hamburger {
        display: block; } }
  .header .button {
    display: block;
    margin: -0.7ch 0 -0.7ch auto; }
    @media (max-width: 67.5em) {
      .header .button {
        margin: -0.7ch 0 -0.7ch 1.5rem;
        padding: 0.4em 0.7em 0.5em; } }
  .header .header-login,
  .header .header-signup {
    display: none;
    order: 1; }
    @media (max-width: 67.5em) {
      .header .header-login,
      .header .header-signup {
        order: 0; } }
  @media (min-width: 23.2em) {
    .header .header-login {
      display: block; } }
  .header .header-signup {
    margin-left: 1rem; }
    @media (min-width: 20em) {
      .header .header-signup {
        display: block; } }
  @media (max-width: 67.5em) {
    .header.toggle-active {
      color: #2b2a35; } }
  .header.toggle-active .hamburger-inner,
  .header.toggle-active .hamburger-inner::before,
  .header.toggle-active .hamburger-inner::after {
    background-color: #2b2a35; }
  .header.toggle-active .menu-blockout {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    height: 6rem;
    background-color: white; }
    @media (max-width: 67.5em) {
      .header.toggle-active .menu-blockout {
        display: block; } }

.menu {
  margin: 0 -0.5rem; }
  .menu .menu-inner {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0; }
  @media (max-width: 67.5em) {
    .menu {
      position: fixed;
      z-index: -2;
      top: 0;
      right: 0;
      left: 0;
      overflow: scroll;
      -webkit-overflow-scrolling: touch;
      height: 100vh;
      height: var(--vh);
      min-height: 100vh;
      min-height: var(--vh);
      padding: 6rem 0 0;
      transition: opacity 0.2s;
      text-align: center;
      pointer-events: none;
      opacity: 0;
      color: #2b2a35; }
      .toggle-active .menu {
        pointer-events: auto;
        opacity: 1; }
      .menu:focus-within {
        opacity: 1; }
      .menu .menu-inner {
        align-items: stretch;
        align-self: baseline;
        flex: 100%;
        flex-direction: column;
        justify-content: start;
        min-height: calc(100vh - 6rem);
        min-height: calc(var(--vh) - 6rem);
        padding: 3rem 4rem 2rem 4rem;
        background-color: #fff; } }
  .menu .menu-item {
    position: relative;
    display: block;
    margin-left: 5rem;
    padding: 0.5rem 0;
    cursor: pointer;
    color: inherit;
    line-height: 1; }
    .menu .menu-item:first-child {
      margin-left: 0; }
    .menu .menu-item a {
      color: inherit; }
    .menu .menu-item .menu-item__inner {
      padding: 0; }
      @media (min-width: 67.5em) {
        .menu .menu-item .menu-item__inner {
          padding: 0.5rem 0; } }
    .menu .menu-item .icon {
      width: 2rem;
      height: 2rem;
      margin-right: 0.8rem;
      vertical-align: sub; }
      @media (max-width: 67.5em) {
        .menu .menu-item .icon {
          width: 2.4rem;
          height: 2.4rem;
          vertical-align: middle; } }
    .menu .menu-item .external {
      margin-top: 1px;
      padding-left: 0.8rem;
      vertical-align: baseline; }
    .menu .menu-item:hover {
      box-shadow: none; }
      @media (min-width: 67.5em) {
        .menu .menu-item:hover .submenu {
          visibility: visible;
          transform: rotateX(0deg);
          opacity: 1; } }
    .menu .menu-item.jobs {
      position: relative;
      display: flex; }
      .menu .menu-item.jobs span {
        position: absolute;
        left: 100%;
        min-width: 1.8rem;
        margin: -1rem 0 0 0.6ch;
        padding: 0.3rem 0.5rem 0.5rem;
        transition: color 0.5s, background-color 0.5s;
        text-align: center;
        color: white;
        border-radius: 0.9rem;
        background: #334ac0;
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1em; }
        @media (prefers-reduced-motion: reduce) {
          .menu .menu-item.jobs span {
            transition: none; } }
        @media (min-width: 67.5em) {
          .negative .menu .menu-item.jobs span {
            color: #334ac0;
            background-color: #fff; } }
      @media (max-width: 67.5em) {
        .menu .menu-item.jobs {
          display: flex;
          align-items: center;
          justify-content: start; }
          .menu .menu-item.jobs span {
            position: static; } }
    .menu .menu-item.active {
      color: #334ac0; }
      @media (min-width: 67.5em) {
        .menu .menu-item.active {
          box-shadow: 0 2px 0 currentColor; } }
    @media (min-width: 67.5em) {
      .menu .menu-item:hover {
        box-shadow: 0 2px 0 #dddfe5; } }
    @media (max-width: 67.5em) {
      .menu .menu-item.parent {
        padding-right: 2rem;
        padding-left: 2rem;
        font-size: 1.8rem; } }
    @media (max-width: 67.5em) {
      .menu .menu-item {
        width: 20rem;
        margin: 0 auto;
        padding: 0 1rem;
        text-align: left;
        line-height: 2; }
        .menu .menu-item:first-child {
          margin-left: auto; } }
  .menu .submenu {
    position: absolute;
    z-index: 12;
    left: 50%;
    visibility: hidden;
    width: 20rem;
    margin-left: -10rem;
    padding-top: 1.2rem;
    cursor: default;
    transition: all 125ms linear;
    transform: perspective(200px) rotateX(-15deg) rotateY(0deg) rotateZ(0deg);
    transform-origin: top center;
    opacity: 0; }
    @media (max-width: 67.5em) {
      .menu .submenu {
        position: relative;
        left: 0;
        visibility: visible;
        width: inherit;
        margin-left: 0;
        padding-top: 0;
        transform: rotateX(0);
        opacity: 1; } }
    @media (min-width: 67.5em) {
      .menu .submenu.on {
        visibility: visible;
        transform: rotateX(0deg);
        opacity: 1; } }
    .menu .submenu .submenu-inner {
      position: relative;
      z-index: 1;
      top: calc(100% + 1em);
      margin-top: 1.2rem;
      padding: 1.6rem 0;
      border-radius: 1.2rem;
      background-color: #fff;
      box-shadow: 0 2px 6px rgba(13, 23, 75, 0.25); }
      .menu .submenu .submenu-inner::before {
        position: absolute;
        top: 0;
        left: 10%;
        width: 80%;
        height: 12px;
        content: "";
        background-color: white; }
        @media (max-width: 67.5em) {
          .menu .submenu .submenu-inner::before {
            display: none; } }
      .menu .submenu .submenu-inner::after {
        position: absolute;
        z-index: -1;
        top: -0.4em;
        left: 50%;
        display: block;
        width: 0;
        height: 0;
        content: "";
        transform: translate3d(-50%, 0, 0);
        border-width: 0 0.5em 0.5em 0.5em;
        border-style: solid;
        border-color: transparent transparent #fff transparent;
        -webkit-filter: drop-shadow(0 2px 6px rgba(13, 23, 75, 0.25));
        filter: drop-shadow(0 2px 6px rgba(13, 23, 75, 0.25)); }
        @media (max-width: 67.5em) {
          .menu .submenu .submenu-inner::after {
            display: none; } }
      @media (max-width: 67.5em) {
        .menu .submenu .submenu-inner {
          margin-top: 0;
          padding: 0;
          border-radius: 0;
          box-shadow: inherit; }
          .menu .submenu .submenu-inner .menu-item {
            text-transform: none;
            font-weight: normal; } }
    .menu .submenu .menu-item__wrap {
      padding: 0.2rem 1.8rem; }
      @media (max-width: 67.5em) {
        .menu .submenu .menu-item__wrap {
          padding: 0; } }
    .menu .submenu a {
      display: block;
      margin: 0;
      padding: 0.7rem 1rem;
      transition: background-color 0.25s;
      color: #2b2a35;
      border-bottom: 0;
      border-radius: 0.6rem;
      font-size: 1.5rem; }
      .menu .submenu a:hover {
        background-color: #f5f6fd;
        box-shadow: none; }
      .menu .submenu a:focus {
        background-color: #ebeefb; }
      .menu .submenu a.active {
        color: #334ac0;
        background-color: #ebeefb;
        box-shadow: none; }
        @media (max-width: 67.5em) {
          .menu .submenu a.active {
            background-color: inherit; } }
      @media (max-width: 67.5em) {
        .menu .submenu a {
          display: block;
          padding: 0.5rem 1rem;
          text-align: left;
          font-size: 1.8rem; } }
  @media (max-width: 67.5em) {
    .menu a.menu-item {
      padding: 1rem; } }
  .menu .submenu-arrow {
    display: none;
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.8rem;
    background-color: currentColor;
    -webkit-mask: url("https://res.cloudinary.com/pitch-software/image/upload/v1611241918/website-images/images/icon-expand_q1p7ny.svg");
    mask: url("https://res.cloudinary.com/pitch-software/image/upload/v1611241918/website-images/images/icon-expand_q1p7ny.svg"); }
    @media (min-width: 67.5em) {
      .menu .submenu-arrow {
        display: inline-block; } }
  @media (min-width: 67.5em) {
    .menu .parent .icon,
    .menu .submenu-parent .icon {
      display: none; } }
  @media (max-width: 67.5em) {
    .menu .parent:first-child,
    .menu .submenu-parent:first-child {
      display: none; } }

.hero {
  z-index: 1;
  padding: 0;
  text-align: center; }
  .reduced-motion .hero {
    height: auto; }
  .hero .container-inner {
    max-width: none;
    height: 100%; }

.hero-ui {
  position: absolute;
  z-index: -1;
  top: 0.6em;
  left: 50%;
  display: block;
  width: 16.25em;
  max-width: none;
  margin-top: -3.75em;
  margin-left: -8.75em;
  opacity: 0;
  will-change: opacity; }

.hero-scroll-container {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  overflow: hidden;
  height: calc(100vh + 5vw);
  margin-top: -7rem;
  margin-bottom: 0;
  animation: fadein 0.5s; }
  @media (max-width: 45em) {
    .hero-scroll-container {
      margin-top: -6rem; } }

.hero-transform-target {
  height: 100%;
  transform-origin: 50% 40%;
  font-size: 12vw;
  will-change: transform; }
  @media (min-width: 80em) {
    .hero-transform-target {
      font-size: 10vw; } }

.hero-headline {
  position: absolute;
  top: 26vh;
  right: 0;
  left: 0;
  max-width: 8ch;
  margin: 0 auto;
  color: #334ac0; }

.hero-inverted {
  color: white;
  background-color: #334ac0; }

.hero-headline-text {
  display: block; }

.hero-intro {
  position: absolute;
  z-index: 1;
  top: 32vh;
  left: 50%;
  width: 80vw;
  max-width: 42ch;
  margin-top: calc(34vw - 2em);
  padding: 0 2rem;
  transform: translate(-50%, -50%);
  color: #545465;
  font: inherit;
  font-size: calc(0.125em + 0.8rem);
  line-height: 1.75; }
  @media (min-width: 80em) {
    .hero-intro {
      margin-top: 22vw;
      transform: translate(-50%, 0);
      font-size: calc(0.1em + 0.75rem); } }

.hero-hand {
  position: absolute;
  top: -1.15em;
  left: 50%;
  width: 10em;
  max-width: none;
  margin-left: -5em;
  pointer-events: none; }

.loader {
  position: relative;
  margin: 0.4em;
  font-size: 60px; }
  .loader::before, .loader::after,
  .loader > span::before,
  .loader > span::after {
    position: absolute;
    top: 0;
    content: ''; }
  .loader::before, .loader::after,
  .loader span span,
  .loader > span::before,
  .loader > span::after {
    display: block;
    width: 1em;
    height: 0.625em;
    animation-duration: 3.8s;
    animation-timing-function: cubic-bezier(0.75, 0, 0.25, 1);
    animation-iteration-count: infinite;
    border-radius: 0.075em; }
  .loader::before {
    animation-name: slide-1;
    background: #e141e5; }
  .loader > span::before {
    animation-name: slide-2, slide-opacity;
    background: #b14be3; }
  .loader span span {
    animation-name: slide-3, slide-opacity;
    background: #8355df; }
  .loader > span::after {
    animation-name: slide-4, slide-opacity;
    background: #5561dd; }
  .loader::after {
    animation-name: slide-5, slide-opacity;
    background: #2367dd; }

@keyframes slide-opacity {
  0% {
    opacity: 1; }
  32% {
    opacity: 0.85; }
  67% {
    opacity: 0.85; }
  98% {
    opacity: 1; } }

@keyframes slide-1 {
  0% {
    transform: translate(0, 0); }
  2% {
    transform: translate(0, 0); }
  32% {
    transform: translate(-0.4em, -0.4em); }
  46% {
    transform: translate(-0.4em, -0.4em) rotate(0deg); }
  58% {
    transform: translate(-0.4em, -0.4em) rotate(180deg); }
  67% {
    transform: translate(-0.4em, -0.4em) rotate(180deg); }
  98% {
    transform: translate(0, 0) rotate(180deg); }
  100% {
    transform: translate(0, 0) rotate(180deg); } }

@keyframes slide-2 {
  0% {
    transform: translate(0, 0); }
  2% {
    transform: translate(0, 0); }
  32% {
    transform: translate(-0.2em, -0.2em); }
  45% {
    transform: translate(-0.2em, -0.2em) rotate(0deg); }
  57% {
    transform: translate(-0.2em, -0.2em) rotate(180deg); }
  67% {
    transform: translate(-0.2em, -0.2em) rotate(180deg); }
  98% {
    transform: translate(0, 0) rotate(180deg); }
  100% {
    transform: translate(0, 0) rotate(180deg); } }

@keyframes slide-3 {
  0% {
    transform: rotate(0deg); }
  2% {
    transform: rotate(0deg); }
  44% {
    transform: rotate(0deg); }
  56% {
    transform: rotate(180deg); }
  98% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(180deg); } }

@keyframes slide-4 {
  0% {
    transform: translate(0, 0); }
  2% {
    transform: translate(0, 0); }
  32% {
    transform: translate(0.2em, 0.2em); }
  43% {
    transform: translate(0.2em, 0.2em) rotate(0deg); }
  55% {
    transform: translate(0.2em, 0.2em) rotate(180deg); }
  67% {
    transform: translate(0.2em, 0.2em) rotate(180deg); }
  98% {
    transform: translate(0, 0) rotate(180deg); }
  100% {
    transform: translate(0, 0) rotate(180deg); } }

@keyframes slide-5 {
  0% {
    transform: translate(0, 0); }
  2% {
    transform: translate(0, 0); }
  32% {
    transform: translate(0.4em, 0.4em); }
  42% {
    transform: translate(0.4em, 0.4em) rotate(0deg); }
  54% {
    transform: translate(0.4em, 0.4em) rotate(180deg); }
  67% {
    transform: translate(0.4em, 0.4em) rotate(180deg); }
  98% {
    transform: translate(0, 0) rotate(180deg); }
  100% {
    transform: translate(0, 0) rotate(180deg); } }

.modal-wrapper {
  position: fixed;
  z-index: 10000;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
  overflow: hidden;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  animation: fadein 0.3s;
  background: rgba(43, 42, 53, 0.3); }

.modal {
  position: relative;
  display: none;
  overflow-y: auto;
  width: 96%;
  max-width: 32em;
  max-height: 80vh;
  border-radius: 6px;
  background: white; }
  .modal.survey {
    max-width: 44em;
    height: 80%;
    max-height: 44em; }
  .modal img {
    width: 100%;
    max-width: 12em; }

.modal-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.8; }
  @media (min-width: 22em) {
    .modal-inner {
      padding: 3rem; } }
  @media (min-width: 40em) {
    .modal-inner {
      font-size: 1.6rem; } }
  .modal-inner h4 + p {
    margin-top: 0; }
  .modal-inner#modal_insert_typeform {
    align-items: inherit; }

.modal-logo {
  margin-bottom: 4rem;
  opacity: 0.2; }

.modal-close {
  position: sticky;
  z-index: 100;
  top: 1em;
  right: 1em;
  float: right;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  border: none;
  border-radius: 4px;
  background-color: inherit;
  background-image: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/close.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%; }
  .modal-close:hover {
    background-color: rgba(51, 74, 192, 0.04); }

.show-modal {
  overflow: hidden;
  width: 100%;
  height: 100%; }
  .show-modal .modal-wrapper {
    display: flex; }

.section.newsletter-signup .text {
  padding-top: 8rem;
  padding-bottom: 8rem; }

.newsletter {
  position: relative;
  margin-top: 4rem;
  margin-bottom: 4rem; }
  h4 + .newsletter {
    margin-top: 0; }
  @media (max-width: 30em) {
    .newsletter input[type="text"],
    .newsletter input[type="email"],
    .newsletter button {
      padding-right: 1.2rem;
      padding-left: 1.2rem; } }
  .newsletter .button {
    padding-right: 4.8rem;
    padding-left: 4.8rem; }
    @media (max-width: 40em) {
      .newsletter .button {
        padding-right: 3.6rem;
        padding-left: 3.6rem; } }
    @media (max-width: 30em) {
      .newsletter .button {
        padding-right: 1rem;
        padding-left: 1rem; } }
  .newsletter.connected .email {
    margin-right: 0;
    margin-bottom: 1rem; }
  @media (min-width: 24em) {
    .newsletter.connected .email {
      margin-bottom: 0;
      border-radius: 6px 0 0 6px; }
    .newsletter.connected .button {
      margin-left: -1px;
      border-radius: 0 6px 6px 0; } }

.newsletter-fields {
  display: flex;
  flex-direction: column;
  justify-content: center; }
  @media (min-width: 24em) {
    .newsletter-fields {
      flex-direction: row; } }

.newsletter-response {
  position: absolute;
  top: 100%;
  display: none;
  width: 100%;
  margin-top: 0.5em;
  padding: 1ch;
  border-radius: 0.6rem;
  font-size: 0.75em;
  line-height: 1.5; }
  .negative .newsletter-response {
    color: white; }
    .negative .newsletter-response a,
    .negative .newsletter-response .text-button {
      font-weight: bold; }
  .newsletter-response.notice {
    display: block;
    border: 0.1rem solid #dddfe5; }
  .newsletter-response.error {
    display: block;
    color: white;
    background: #ff7673; }

.legal-note {
  margin: 1rem 0 0;
  text-align: center;
  font-size: 12px; }
  .legal-note span {
    opacity: 0.6; }

.signup-banner {
  overflow: hidden;
  width: 100%;
  background: linear-gradient(91.56deg, #4966f7 0%, #8253ff 122.55%); }
  @media (min-width: 55em) {
    .signup-banner {
      padding-top: 84px; } }

.signup-banner .container-inner {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 55em) {
    .signup-banner .container-inner {
      align-items: flex-start;
      flex-direction: row; } }

.signup-banner__content {
  flex: 1 0 auto;
  max-width: 320px;
  padding: 48px 0;
  text-align: center;
  color: white; }
  @media (min-width: 55em) {
    .signup-banner__content {
      max-width: 480px;
      padding: 0;
      text-align: left; } }

.signup-banner__heading {
  margin-bottom: 36px; }

.signup-banner__image {
  position: relative;
  display: block;
  width: 130%;
  max-width: 956px;
  height: auto; }
  @media (min-width: 55em) {
    .signup-banner__image {
      align-self: flex-end;
      flex: 1 0 auto;
      width: 956px;
      margin-right: -56px; } }
  .signup-banner__image::before {
    display: block;
    width: 100%;
    padding-bottom: 35.5648535565%;
    content: ''; }
  .signup-banner__image img {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto; }

.overflow-content {
  overflow-x: auto;
  min-width: 0;
  max-width: 100vw;
  margin-right: -1.5rem;
  margin-bottom: 1rem;
  margin-left: -1.5rem;
  padding: 1.5rem; }
  .overflow-content table {
    min-width: 64rem; }
  .overflow-content th {
    white-space: nowrap; }
  @media (max-width: 40em) {
    .overflow-content {
      width: 100vw; } }
  @media (min-width: 40em) {
    .overflow-content.overflow-content--wide {
      margin-right: calc(50% - 50vw);
      margin-left: calc(50% - 50vw); } }
  @media (min-width: 75em) {
    .overflow-content.overflow-content--wide {
      margin-right: calc(50% - 60rem);
      margin-left: calc(50% - 60rem); } }

.parallax {
  position: relative;
  z-index: 0; }
  .parallax + .container, .parallax + .landing-page__hero-right, .parallax + .landing-page__block-body, .parallax + .landing-page__block-media {
    position: relative;
    z-index: 1; }

.parallax__wrapper {
  overflow: hidden;
  width: 100%;
  height: 100%; }

.parallax__content {
  position: relative; }

.parallax__scroll-fix {
  display: none; }
  .js .parallax__background + .parallax__scroll-fix {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 40vh; }
    .js .parallax__background + .parallax__scroll-fix ~ .container, .js .parallax__background + .parallax__scroll-fix ~ .landing-page__hero-right, .js .parallax__background + .parallax__scroll-fix ~ .landing-page__block-body, .js .parallax__background + .parallax__scroll-fix ~ .landing-page__block-media {
      background-color: white; }

.section {
  position: relative; }
  .section .container-inner {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 0 auto;
    text-align: center; }
  .section .container-inverted {
    color: white;
    background-color: #334ac0; }
  .section .text {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    max-width: 80rem; }
  .section .left {
    align-items: flex-start;
    text-align: left; }
  .section .wide {
    max-width: 77rem; }
  .section .full {
    align-items: initial;
    width: 64rem; }
    @media (max-width: 64rem) {
      .section .full {
        width: 100%; } }
  .section .border {
    border-bottom: 1px solid #dddfe5; }
  @media (min-width: 60em) {
    .section.text-media .container-inner, .section.media-text .container-inner {
      flex-direction: row;
      text-align: left; }
    .section.text-media .text, .section.media-text .text {
      max-width: 54rem; } }
  @media (min-width: 60em) {
    .section.media-text .media {
      order: -1; } }

.slider {
  position: relative;
  overflow: -moz-scrollbars-none;
  overflow-x: scroll;
  padding-bottom: 7rem;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  -ms-overflow-style: none;
  scrollbar-width: none;
  -webkit-overflow-scrolling: touch; }
  .slider::-webkit-scrollbar {
    width: 0 !important; }

.slider__wrapper {
  margin-bottom: 3rem; }

.slider--breakout {
  position: relative;
  left: 50%;
  width: 100vw;
  margin-left: -50vw; }
  .slider--breakout .slider {
    padding-bottom: 0; }

.slider .slider__list {
  display: flex;
  overflow-x: visible;
  margin: 0;
  list-style: none; }
  .slider .slider__list::after {
    display: block;
    flex: 0 0 calc(50vw - 50%);
    margin-left: -6.25%;
    content: ""; }
    @media (min-width: 60em) {
      .slider .slider__list::after {
        margin-left: -4.347826087%; } }

.slider .slider__list .slider__item {
  display: inline-flex;
  flex: 0 0 80%;
  max-width: 42rem;
  margin: 0;
  margin-right: 6.25%;
  scroll-snap-align: center; }
  @media (min-width: 36em) {
    .slider .slider__list .slider__item {
      flex: 0 0 43.75%; } }
  @media (min-width: 60em) {
    .slider .slider__list .slider__item {
      flex: 0 0 30.434783%;
      margin-right: 4.347826087%; } }

.slider__content {
  display: contents; }

.slider__controls {
  width: 100%;
  margin-top: 1rem;
  text-align: center; }

.slider__controls button svg {
  width: 4rem;
  height: 1.3rem; }

.slider__next svg {
  transform: scale(-1); }

.slider__next,
.slider__prev {
  transition: opacity 0.3s; }
  .slider__next[disabled],
  .slider__prev[disabled] {
    opacity: 0.4; }

.team-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  width: 100%;
  margin: 0 auto;
  list-style: none; }

.team-logos__logo {
  display: flex;
  align-items: center;
  flex: 1 1 50%;
  justify-content: center;
  padding: 3rem; }
  @media (min-width: 38em) {
    .team-logos__logo {
      flex: 0 0 20rem;
      padding: 3rem 1rem; } }
  @media (min-width: 80em) {
    .team-logos__logo {
      flex: 0 0 16.666%; } }
  .team-logos__logo img {
    width: 100%;
    object-fit: contain; }
    .team-logos__logo img.notion {
      max-height: 4rem; }

.testimonials .slider .slider__list {
  padding-bottom: 0.2rem; }

.testimonials .slider .slider__item {
  flex: 0 0 90%; }
  @media (min-width: 52.5em) {
    .testimonials .slider .slider__item {
      flex: 0 0 43.75%; } }
  @media (min-width: 87.5em) {
    .testimonials .slider .slider__item {
      flex: 0 0 30.434783%;
      margin-right: 4.347826087%; } }

.testimonials .slider .testimonial {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  padding: 5.4rem 2.5rem 2.5rem;
  text-align: center;
  border: 1px solid #e6e9eb;
  border-radius: 12px; }
  @media (min-width: 40em) {
    .testimonials .slider .testimonial {
      padding: 5.4rem 3.2rem 3.2rem; } }

.testimonials .testimonial__text,
.testimonials .testimonial__name,
.testimonials .testimonial__role {
  margin: 0; }

.testimonials .testimonial__logo {
  max-width: 20rem;
  height: 2.6rem;
  margin-bottom: 3.4rem; }

.testimonials .testimonial__name {
  font-size: 24px;
  line-height: 1.75; }

.testimonials .testimonial__avatar {
  width: 6rem;
  height: 6rem;
  margin-bottom: 1rem;
  border-radius: 50%; }

.testimonials .testimonial__text {
  text-align: left;
  color: #2b2a35;
  line-height: 2; }

.testimonials .testimonial__top {
  margin-bottom: 60px; }

.testimonials .testimonial__role {
  line-height: 2; }

.tooltip__trigger {
  display: block;
  width: 16px;
  height: 16px; }
  .tooltip__trigger svg {
    width: 16px;
    height: 16px;
    vertical-align: initial; }
    .tooltip__trigger svg circle {
      fill: none; }

.tooltip {
  display: block;
  width: 16px;
  height: 16px;
  cursor: help; }

.tooltip:hover .tooltip__container {
  visibility: visible;
  transition: opacity 0.3s, visibility 0s;
  opacity: 1; }

.tooltip__container {
  position: absolute;
  top: 100%;
  right: 50%;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0s 0.3s;
  transform: translate(50%, 8px);
  opacity: 0; }
  .tooltip__container::before {
    position: absolute;
    top: -3px;
    left: calc(50% - 4px);
    display: block;
    width: 8px;
    height: 8px;
    content: '';
    transform: rotate(-45deg);
    border-radius: 1px;
    background: #2b2a35; }
  @media (min-width: 40em) {
    .tooltip[data-tooltip-size="large"] .tooltip__container {
      z-index: 1;
      top: 0;
      bottom: 0;
      left: 0;
      padding-left: 20px; }
      .tooltip[data-tooltip-size="large"] .tooltip__container::before {
        top: -4px;
        left: 16px; } }

.tooltip__content {
  top: 0;
  display: block;
  width: 140px;
  margin: auto;
  padding: 6px 12px;
  text-align: left;
  color: white;
  border-radius: 6px;
  background: #2b2a35;
  font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 13px;
  font-weight: normal;
  line-height: 135%; }
  @media (min-width: 40em) {
    .tooltip[data-tooltip-size="large"] .tooltip__content {
      width: 220px;
      transform: translateY(-50%); } }

.hero.about {
  position: relative;
  z-index: 0;
  padding-top: 0;
  font-size: calc(6.75vw + 1.5rem); }
  @media (min-width: 125em) {
    .hero.about {
      font-size: 15rem; } }
  .hero.about::before {
    position: absolute;
    right: 0;
    bottom: 100%;
    left: 0;
    display: block;
    height: 100vh;
    content: "";
    background: inherit; }
  .hero.about::after {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: block;
    height: 100%;
    content: "";
    background: white; }
  .hero.about .container-inner {
    position: relative;
    height: auto; }
  .hero.about .hero-headline {
    position: relative;
    top: 0.8em;
    max-width: 14ch;
    margin-bottom: 0;
    will-change: transform; }
    @media (min-width: 80em) {
      .hero.about .hero-headline {
        max-width: 12.5ch; } }
    @media (max-width: 30em) {
      .hero.about .hero-headline {
        max-width: 12ch; } }
  .hero.about + .container, .hero.about + .landing-page__hero-right, .hero.about + .landing-page__block-body, .hero.about + .landing-page__block-media {
    z-index: 1; }
  .hero.about .hero-headline-text {
    opacity: 1;
    will-change: transform; }
  .hero.about .hero-image-center {
    width: 9em;
    margin-top: 0.9em; }

.about-scroll-fix {
  display: none; }
  .js .blue + .about-scroll-fix {
    position: fixed;
    z-index: -1;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    height: 40vh; }
    .js .blue + .about-scroll-fix ~ .container, .js .blue + .about-scroll-fix ~ .landing-page__hero-right, .js .blue + .about-scroll-fix ~ .landing-page__block-body, .js .blue + .about-scroll-fix ~ .landing-page__block-media {
      background-color: white; }

.beginning {
  margin-top: -0.5rem;
  padding: 5rem 5rem 0;
  background-image: url("https://res.cloudinary.com/pitch-software/image/upload/f_auto/v1600165895/website-images/images/about/confetti.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  font-size: 3.6rem; }
  @media (min-width: 40em) {
    .beginning {
      padding: 8rem 8rem 0;
      font-size: 6rem; } }
  @media (min-width: 60em) {
    .beginning {
      padding: 12rem 12rem 0;
      font-size: 8rem; } }
  @media (min-width: 75em) {
    .beginning {
      padding: 12rem 12rem 0;
      font-size: 12rem; } }

.image-grid {
  display: grid;
  width: 100%;
  max-width: 120rem;
  margin-bottom: 1rem;
  list-style: none;
  grid-template-columns: repeat(6, 1fr);
  grid-auto-flow: dense;
  grid-gap: 1.5rem; }
  @media (max-width: 40em) {
    .image-grid {
      grid-template-columns: repeat(4, 1fr); } }
  .image-grid img {
    width: 100%;
    height: 100%;
    object-fit: cover; }
  .image-grid > * {
    grid-column: span 2;
    grid-row: span 1; }
  .image-grid .image-grid__big {
    grid-column: span 4;
    grid-row: span 2; }
  .image-grid .image-grid__wide {
    grid-column: span 4; }
  .image-grid .image-grid__medium {
    grid-column: span 3; }
    @media (max-width: 40em) {
      .image-grid .image-grid__medium {
        grid-column: span 2; } }

.image-grid__image-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }
  .image-grid__image-wrapper::before {
    display: block;
    width: 100%;
    padding-bottom: 100%;
    content: ''; }
  .image-grid__image-wrapper img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.investors {
  display: grid;
  justify-content: center;
  margin: 0 auto;
  grid-template-columns: repeat(auto-fit, minmax(14em, 1fr));
  grid-gap: 2rem; }
  @media (min-width: 60em) {
    .investors {
      grid-template-columns: repeat(3, 1fr); } }
  .investors .investor {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 2.3rem 0;
    line-height: 1.8em; }
  .investors .investor-image {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 5em;
    margin-bottom: 1.8rem; }

.text-info {
  color: #939da8; }

.statistics {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1em 0;
  text-align: center; }

.statistics-item {
  display: flex;
  align-items: center;
  flex: 1;
  flex-direction: column;
  padding: 0 2rem; }
  .statistics-item a:focus, .statistics-item a:hover {
    text-decoration: underline; }

.statistics-description {
  margin: 0;
  color: #939da8; }

.statistics-value,
.glassdoor .statistics-description {
  order: -1;
  margin: 0;
  color: inherit;
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5; }
  @media (min-width: 40em) {
    .statistics-value,
    .glassdoor .statistics-description {
      font-size: 2.4rem;
      line-height: 1.75; } }
  @media (min-width: 60em) {
    .statistics-value,
    .glassdoor .statistics-description {
      font-size: 3.6rem;
      line-height: 2; } }

.glassdoor {
  flex: 0 0 auto;
  flex-direction: row;
  flex-wrap: wrap;
  width: 80%;
  margin-top: 3em; }
  .glassdoor .statistics-description,
  .glassdoor .statistics-value {
    flex-grow: 1; }
  .glassdoor .statistics-value {
    order: 0;
    font: inherit; }
  .glassdoor a {
    display: flex;
    align-items: center;
    flex-direction: column;
    color: inherit; }
  .glassdoor .name {
    flex: 1;
    padding: 1rem;
    text-align: center; }
  .glassdoor .right {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex-grow: 1;
    justify-content: center;
    padding: 1rem;
    color: inherit; }
  .glassdoor .stars {
    display: flex;
    align-items: center;
    flex-wrap: nowrap; }
    .glassdoor .stars img {
      width: 3.6rem; }
    .glassdoor .stars .number {
      flex: 1; }

.benefits {
  width: 100%; }
  .benefits ul {
    margin: 0;
    list-style: none;
    text-align: left;
    columns: 2 24ch;
    column-gap: 1em; }
    @media (min-width: 40em) {
      .benefits ul {
        column-gap: 3.5em; } }
    .benefits ul li {
      position: relative;
      display: inline-block;
      padding-bottom: 2rem;
      padding-left: 2rem;
      vertical-align: top; }
      .benefits ul li::before {
        position: absolute;
        left: 0;
        content: "•";
        color: #334ac0; }

.cards .card {
  display: flex;
  align-items: center;
  margin-bottom: 2rem;
  padding: 2rem;
  transition: box-shadow 0.15s;
  text-align: left;
  color: #2b2a35;
  border-radius: 6px;
  box-shadow: 0 0.2rem 0.5rem rgba(103, 110, 144, 0.2), 0 0 0 0.1rem rgba(103, 110, 144, 0.05); }
  .cards .card:hover, .cards .card:focus {
    box-shadow: 0 0.2rem 0.5rem rgba(103, 110, 144, 0.4), 0 0 0 0.1rem rgba(103, 110, 144, 0.05); }
  .cards .card .location {
    flex: 0 0 auto;
    margin-left: auto; }
    @media (min-width: 40em) {
      .cards .card .location {
        padding: 0 1em; } }

.cards .info {
  flex: 1; }
  @media (min-width: 40em) {
    .cards .info {
      display: flex;
      align-items: center; } }

.cards .arrow {
  width: 1rem; }

.cards .title {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start; }
  @media (min-width: 48em) {
    .cards .title {
      align-items: center;
      flex-direction: row; } }
  .cards .title .counter {
    display: inline-block;
    flex: 0 0 auto;
    min-width: 1.8rem;
    margin: 0.3rem 0 0 0;
    padding: 0.3rem 0.5rem 0.5rem;
    text-align: center;
    white-space: nowrap;
    color: white;
    border-radius: 0.9rem;
    background: #939da8;
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1em; }
    @media (min-width: 48em) {
      .cards .title .counter {
        margin: 0 0 0 0.7rem; } }

.cards-section {
  margin-bottom: 4rem; }

.jobs-count {
  opacity: 0; }
  .jobs-count.fadeIn {
    transition: opacity 200ms ease;
    opacity: 1; }

.article {
  display: flex;
  flex-direction: column; }

.article-intro .container-inner {
  max-width: 100rem; }

.article-intro a {
  color: inherit; }

.article__header {
  margin-top: 1em;
  margin-bottom: 0.5em;
  text-align: center; }
  @media (min-width: 75em) {
    .article__header {
      letter-spacing: -0.01em;
      font-size: 6rem; } }

.article__media {
  position: relative;
  right: 0;
  left: 0;
  display: flex;
  overflow: hidden;
  align-items: stretch;
  align-self: center;
  justify-content: center;
  order: -1;
  width: 100%; }
  .article__media picture {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%; }
  @media (min-width: 90em) {
    .article__media.article__image--wide-image {
      max-height: 60rem; } }

.article__image {
  object-fit: contain;
  max-height: 60rem; }
  @media (max-width: 40em) {
    .article__image {
      object-fit: cover;
      width: 100%; } }
  @media (min-width: 90em) {
    .article__image--wide-image .article__image {
      object-fit: cover;
      width: 100%; } }

.article__media--16-9 {
  position: relative; }
  .article__media--16-9::after {
    display: block;
    width: 100%;
    padding-bottom: 56.25%;
    content: ""; }
  .article__media--16-9 iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 0.6rem; }

.article-date {
  display: block;
  order: -1;
  margin: 5vw auto -5vw;
  text-align: center;
  color: #545465; }
  @media (min-width: 70em) {
    .article-date {
      margin: 5.6rem auto -5.6rem; } }

.article__content {
  margin-top: 5vw; }
  @media (min-width: 70em) {
    .article__content {
      margin-top: 5.6rem; } }

.article__text {
  max-width: 80rem;
  margin: 2rem auto 6rem;
  padding: 0; }
  .article__text p,
  .article__text figure {
    margin-bottom: 2rem; }
    @media (min-width: 50em) {
      .article__text p,
      .article__text figure {
        margin-bottom: 3.6rem; } }
  .article__text > p:first-of-type {
    margin-top: 0;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.8; }
    @media (min-width: 50em) {
      .article__text > p:first-of-type {
        font-size: 2.1rem; } }
  .article__text h3,
  .article__text h4,
  .article__text h5,
  .article__text h6 {
    margin-top: 3rem;
    margin-bottom: 2rem; }
    @media (min-width: 50em) {
      .article__text h3,
      .article__text h4,
      .article__text h5,
      .article__text h6 {
        margin-top: 4rem;
        margin-bottom: 3rem; } }
  .article__text img,
  .article__text video {
    border-radius: 0.6rem;
    box-shadow: 0 0 0 0.1rem #f8f8fb; }
  .article__text video {
    display: block;
    width: 100%; }
  .article__text ul {
    margin-bottom: 2rem;
    margin-left: 10%;
    padding-left: 2rem; }
    @media (min-width: 50em) {
      .article__text ul {
        margin-bottom: 3.6rem; } }
    .article__text ul li {
      margin-bottom: 1em;
      padding-left: 0.5rem; }

.article__teaser .container-inner {
  max-width: 80rem; }

.article-share {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-bottom: 2rem; }
  .article-share img {
    vertical-align: baseline;
    box-shadow: none; }
  .article-share a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin: 1rem;
    margin: 0.6rem 1rem 0.6rem 0;
    border-radius: 50%; }
    .article-share a:focus, .article-share a:hover {
      opacity: 0.85; }
    @media (min-width: 60em) {
      .article-share a {
        width: 4.2rem;
        height: 4.2rem; } }

.article-share-bottom {
  display: flex;
  align-items: center;
  flex-direction: column;
  margin-bottom: 6rem; }
  .article-share-bottom h5 {
    margin: 0; }

.article-share-twitter {
  background-color: #25a0ef; }

.article-share-facebook {
  background-color: #4367b0; }

.article-share-linkedin {
  background-color: #3375b0; }

@media (min-width: 60em) {
  .article-share--top {
    position: absolute;
    flex-direction: column;
    margin-left: -7.2rem; } }

.blog-image {
  transition: opacity 0.3s;
  border-radius: 0.6rem; }
  a .blog-image:hover {
    opacity: 0.85; }

.blog-highlight {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 60em) {
    .blog-highlight {
      flex-direction: row;
      width: 100%; } }
  .blog-highlight .media {
    flex: 0 0 100%;
    order: -1; }
    @media (min-width: 60em) {
      .blog-highlight .media {
        position: relative;
        align-items: stretch;
        align-self: stretch;
        flex-basis: 50%;
        order: 0;
        height: 0;
        margin-top: 4rem;
        margin-bottom: 4rem;
        padding-bottom: 60.9%; }
        .blog-highlight .media,
        .blog-highlight .media picture {
          display: flex; }
        .blog-highlight .media picture {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0; } }
  @media (min-width: 60em) {
    .blog-highlight .blog-image {
      align-self: center;
      object-fit: cover; } }
  .blog-highlight .text {
    flex: 0 0 100%; }
    @media (min-width: 60em) {
      .blog-highlight .text {
        flex-basis: 44%; } }
  @media (min-width: 60em) and (max-width: 80em) {
    .blog-highlight h2 {
      font-size: 4.8rem; } }

.blog-section {
  width: 100%;
  padding-bottom: 3rem; }
  @media (min-width: 40em) {
    .blog-section {
      padding-bottom: 5rem; } }
  @media (min-width: 60em) {
    .blog-section {
      padding-bottom: 8rem; } }

.blog-section__header {
  width: 100%;
  margin-bottom: 3rem;
  padding: 1rem 0;
  text-align: left;
  letter-spacing: 0.2rem;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5; }
  @media (min-width: 60em) {
    .blog-section__header {
      margin-bottom: 4.2rem; } }

.blog-essentials {
  display: grid;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  grid-gap: 3rem;
  grid-template-columns: 1fr; }
  @media (min-width: 32em) {
    .blog-essentials {
      grid-template-columns: repeat(2, 1fr); } }
  @media (min-width: 68em) {
    .blog-essentials {
      grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr)); } }
  @media (min-width: 100em) {
    .blog-essentials {
      grid-gap: 6rem; } }

.blog-essentials__item {
  position: relative;
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  padding: 0 0 1.2rem; }
  .blog-essentials__item::before {
    order: -1;
    margin-bottom: 1rem;
    content: counter(item, decimal-leading-zero) ". ";
    color: #f1f1f2;
    font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
    font-size: 4.8rem;
    font-weight: 800;
    font-style: normal;
    line-height: 1; }
    @media (min-width: 60em) {
      .blog-essentials__item::before {
        font-size: 6.6rem; } }
    @media (min-width: 100em) {
      .blog-essentials__item::before {
        font-size: 9.6rem; } }

.blog-essentials__item-link::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: ""; }

.blog-essentials__heading {
  line-height: 1.4; }
  @media (min-width: 40em) {
    .blog-essentials__heading {
      font-size: 2.7rem; } }

.blog-essentials__category {
  order: -1;
  margin: 0;
  text-transform: uppercase;
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 1.5rem;
  font-weight: 600; }
  .blog-essentials__category,
  .section .blog-essentials__category {
    color: #586ee0; }

.blog-feed {
  display: grid;
  padding: 2rem 0;
  list-style: none;
  text-align: left;
  grid-gap: 6rem 5%;
  grid-template-columns: 1fr; }
  @media (min-width: 32em) {
    .blog-feed {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 60em) {
    .blog-feed {
      grid-template-columns: 1fr 1fr 1fr; } }

@media (min-width: 32em) {
  .blog-feed__item:nth-child(2n) {
    animation-delay: 150ms; } }

@media (min-width: 60em) {
  .blog-feed__item:nth-child(3n + 2) {
    animation-delay: 150ms; }
  .blog-feed__item:nth-child(3n + 3) {
    animation-delay: 300ms; } }

.constant-change-header {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  text-align: center; }
  .constant-change-header .constant-change-intro {
    position: relative;
    width: 100%;
    padding: 0;
    color: #545465;
    font: inherit;
    line-height: 1.75; }
    @media (min-width: 40rem) {
      .constant-change-header .constant-change-intro {
        width: 80vw;
        padding: 0 2rem; } }
  .constant-change-header .constant-change-headline {
    padding: 8rem 1.5rem 3rem;
    font-size: calc(6.75vw + 1.5rem); }
    @media (min-width: 90em) {
      .constant-change-header .constant-change-headline {
        font-size: 120px; } }

.constant-change-signup {
  display: flex;
  margin-bottom: 2rem; }
  @media (min-width: 80em) {
    .constant-change-signup {
      margin-bottom: 0; } }
  .constant-change-signup .image {
    position: absolute;
    bottom: 0;
    left: 0;
    display: none;
    width: 36%;
    max-width: 620px; }
    @media (min-width: 80em) {
      .constant-change-signup .image {
        display: block; } }
    .constant-change-signup .image img {
      width: 100%;
      height: auto; }
  .constant-change-signup .form {
    margin-left: 0;
    padding-top: 6rem !important;
    padding-bottom: 2rem !important; }
    @media (min-width: 80em) {
      .constant-change-signup .form {
        margin-left: 24%; } }

.constant-change-hero {
  padding-bottom: 2rem; }
  @media (min-width: 60em) {
    .constant-change-hero {
      padding-bottom: 7.2rem; } }

.constant-change-hero .constant-change-signup {
  margin-bottom: 6rem; }
  @media (min-width: 80em) {
    .constant-change-hero .constant-change-signup {
      margin-bottom: 4rem; } }

.constant-change-nav {
  display: none;
  max-width: 80vw;
  margin: 0 auto 4rem; }
  @media (min-width: 60em) {
    .constant-change-nav {
      display: block; } }
  .constant-change-nav h3 {
    margin-bottom: 3.2rem;
    font-size: 2.7rem; }
  .constant-change-nav ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1.5rem;
    list-style: none; }
  .constant-change-nav ul li {
    padding: 0 4rem; }

.constant-change-nav__item {
  font-size: 1.3rem; }
  .constant-change-nav__item a {
    display: flex;
    align-items: center;
    color: #2b2a35; }
    .constant-change-nav__item a:hover {
      text-decoration: none;
      color: #334ac0; }
  .constant-change-nav__item span {
    padding-left: 1.5rem;
    letter-spacing: 0.1rem;
    text-transform: uppercase;
    font-weight: bold; }

.constant-change-nav__item--image {
  overflow: hidden;
  width: 48px;
  height: 48px; }
  @media (min-width: 80em) {
    .constant-change-nav__item--image {
      width: 84px;
      height: 84px; } }

.scroll-nav {
  position: fixed;
  z-index: 10;
  visibility: hidden;
  overflow: hidden;
  width: 100%;
  max-width: 100%;
  transition: all 125ms linear;
  opacity: 0;
  background: linear-gradient(180deg, #f5f7fd 0%, #fff 100%); }
  .scroll-nav.on {
    visibility: visible;
    overflow-x: auto;
    opacity: 1; }

.scroll-nav .container-inner {
  position: relative;
  height: 72px; }

.scroll-nav .scroll-wrap {
  position: relative;
  display: flex;
  align-items: center;
  flex: 1;
  justify-content: space-between;
  width: 116rem; }
  @media (min-width: 80em) {
    .scroll-nav .scroll-wrap {
      width: 100%; } }

.scroll-nav .constant-change-nav {
  display: block;
  margin: 0;
  padding: 1rem 0; }
  .scroll-nav .constant-change-nav ul {
    padding: 0; }
  .scroll-nav .constant-change-nav ul li {
    flex-shrink: 0;
    padding: 0 4.8rem 0 0; }
  .scroll-nav .constant-change-nav .constant-change-nav__item--image {
    width: 54px;
    height: 54px; }

.scroll-nav .constant-change-nav__form,
.constant-change-email__header .constant-change-nav__form {
  padding-right: 4rem; }
  @media (min-width: 80rem) {
    .scroll-nav .constant-change-nav__form,
    .constant-change-email__header .constant-change-nav__form {
      padding-right: 0; } }
  .scroll-nav .constant-change-nav__form .newsletter,
  .constant-change-email__header .constant-change-nav__form .newsletter {
    margin: 1rem 0; }
  .scroll-nav .constant-change-nav__form .newsletter.connected .email,
  .constant-change-email__header .constant-change-nav__form .newsletter.connected .email {
    margin-bottom: 0; }
  .scroll-nav .constant-change-nav__form .newsletter-fields,
  .constant-change-email__header .constant-change-nav__form .newsletter-fields {
    flex-direction: row; }
    .scroll-nav .constant-change-nav__form .newsletter-fields input,
    .constant-change-email__header .constant-change-nav__form .newsletter-fields input {
      padding: 0.5em 1em;
      -webkit-border-top-right-radius: 0;
      -webkit-border-bottom-right-radius: 0; }
    .scroll-nav .constant-change-nav__form .newsletter-fields button,
    .constant-change-email__header .constant-change-nav__form .newsletter-fields button {
      -webkit-border-top-left-radius: 0;
      -webkit-border-bottom-left-radius: 0; }
  .scroll-nav .constant-change-nav__form .legal-note,
  .constant-change-email__header .constant-change-nav__form .legal-note {
    display: none; }
  .scroll-nav .constant-change-nav__form :placeholder-shown + .input-label__label,
  .constant-change-email__header .constant-change-nav__form :placeholder-shown + .input-label__label {
    opacity: 0.6 !important; }
  .scroll-nav .constant-change-nav__form .input-label__label,
  .scroll-nav .constant-change-nav__form :focus + .input-label__label,
  .constant-change-email__header .constant-change-nav__form .input-label__label,
  .constant-change-email__header .constant-change-nav__form :focus + .input-label__label {
    opacity: 0 !important; }
  .scroll-nav .constant-change-nav__form .newsletter-response.notice,
  .constant-change-email__header .constant-change-nav__form .newsletter-response.notice {
    background-color: #fff; }

.scroll-nav .constant-change-nav__form {
  position: absolute;
  right: 0; }
  .scroll-nav .constant-change-nav__form .newsletter {
    position: static; }
  .scroll-nav .constant-change-nav__form .newsletter-response {
    position: fixed;
    top: 0;
    max-width: 372px;
    transform: translate(0, 12.4rem); }

.constant-change-section {
  padding-top: 8rem;
  padding-bottom: 12rem; }
  @media (min-width: 50rem) {
    .constant-change-section {
      padding-top: 12.4rem;
      padding-bottom: 19rem; } }

.constant-change-section__header {
  position: relative; }
  .constant-change-section__header .intro {
    width: 100%;
    margin-bottom: 7.2rem; }
    @media (min-width: 80em) {
      .constant-change-section__header .intro {
        width: 56%; } }
  .constant-change-section__header p {
    margin-top: 2.4rem;
    margin-bottom: 0; }
  .constant-change-section__header h2 a[id] {
    margin-top: -30rem;
    padding-top: 30rem; }

.constant-change-section__header--small {
  margin-bottom: 1.8rem;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  font-size: 1.3rem;
  font-weight: bold; }

.constant-change-list__wrap {
  position: relative; }
  .constant-change-list__wrap .constant-change-section__hand,
  .constant-change-list__wrap .constant-change-section__phone,
  .constant-change-list__wrap .constant-change-section__tea {
    position: absolute;
    z-index: 0;
    display: none; }
    @media (min-width: 80em) {
      .constant-change-list__wrap .constant-change-section__hand,
      .constant-change-list__wrap .constant-change-section__phone,
      .constant-change-list__wrap .constant-change-section__tea {
        display: block; } }
  .constant-change-list__wrap .constant-change-section__hand {
    top: -380px;
    right: -80px;
    width: 64%; }
  .constant-change-list__wrap .constant-change-section__phone {
    top: -380px;
    right: -20px;
    width: 36%;
    max-width: 388px; }
  .constant-change-list__wrap .constant-change-section__tea {
    top: -390px;
    right: -140px;
    width: 56%; }

.constant-change-list {
  position: relative;
  z-index: 1;
  color: #2b2a35; }
  .constant-change-list ul {
    padding-left: 0;
    list-style: none; }
  .constant-change-list.inactive {
    color: #aaaaae; }

.constant-change-list__item {
  display: block;
  align-items: center;
  margin-bottom: 1.2rem;
  padding: 4rem;
  transition: all 125ms linear;
  border-radius: 6px;
  background-color: white;
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.1); }
  .constant-change-list__item:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25); }
  @media (min-width: 60em) {
    .constant-change-list__item {
      display: flex; } }
  .constant-change-list__item .image {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin: 0 0 4rem; }
    .constant-change-list__item .image img {
      width: 64%;
      max-width: 276px;
      margin: 0 auto; }
    @media (min-width: 60em) {
      .constant-change-list__item .image {
        width: 30%;
        margin: 0; } }
  .constant-change-list__item .description {
    width: 100%;
    padding-right: 0;
    text-align: left; }
    .constant-change-list__item .description p {
      margin-bottom: 0; }
    @media (min-width: 60em) {
      .constant-change-list__item .description {
        width: 70%;
        padding-right: 10.8rem; } }

.constant-change-list__title {
  text-align: left;
  font-size: 2.7rem;
  line-height: 1.4; }
  .constant-change-list__title:hover a {
    text-decoration: none !important;
    color: #334ac0 !important; }

.constant-change-squiggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center; }
  .constant-change-squiggle img {
    position: absolute;
    top: 40%;
    width: inherit;
    height: auto; }

.constant-change-email__header {
  height: inherit;
  box-shadow: 0 0 1.8rem rgba(0, 0, 0, 0.15); }
  @media (min-width: 60em) {
    .constant-change-email__header {
      height: 7.2rem; } }
  .constant-change-email__header nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    font-size: 1.5rem; }
    .constant-change-email__header nav > * {
      width: 50%; }
    @media (min-width: 60rem) {
      .constant-change-email__header nav > * {
        width: 33.3%; } }
  .constant-change-email__header .constant-change-email__back {
    display: flex;
    align-items: center;
    font-weight: 600; }
    .constant-change-email__header .constant-change-email__back span {
      display: none;
      padding-left: 2rem; }
      @media (min-width: 60rem) {
        .constant-change-email__header .constant-change-email__back span {
          display: block; } }
  .constant-change-email__header .constant-change-email__nav {
    display: flex;
    justify-content: flex-end; }
    @media (min-width: 60rem) {
      .constant-change-email__header .constant-change-email__nav {
        justify-content: center;
        text-align: center; } }
    .constant-change-email__header .constant-change-email__nav a {
      overflow: hidden;
      padding: 0 1.6rem;
      white-space: nowrap;
      text-overflow: ellipsis; }
      .constant-change-email__header .constant-change-email__nav a:first-child {
        border-right: 1px solid #e5e5e5; }
      .constant-change-email__header .constant-change-email__nav a.disabled {
        opacity: 0.5;
        color: #2b2a35 !important; }
  .constant-change-email__header .constant-change-nav__form {
    display: none; }
    .constant-change-email__header .constant-change-nav__form .newsletter .button {
      padding-right: 2.8rem;
      padding-left: 2.8rem;
      white-space: nowrap; }
    @media (min-width: 74em) {
      .constant-change-email__header .constant-change-nav__form {
        display: flex;
        justify-content: end; } }

.constant-change-viewport {
  overflow: hidden; }

.constant-change-viewport,
.constant-change-iframe {
  width: 100%;
  height: calc(100vh - 90px); }
  @media (min-width: 60em) {
    .constant-change-viewport,
    .constant-change-iframe {
      height: calc(100vh - 72px); } }

.download-background {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100vh; }
  @media (max-width: 50rem) {
    .download-background {
      display: none; } }

.download-background__inner {
  position: absolute;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  max-height: 70vw;
  transform: skewX(238deg) scale(1);
  background: linear-gradient(238deg, #f3f6ff 38.87%, #fff 51.56%); }
  @media (min-width: 50rem) and (max-width: 68rem) {
    .download-background__inner {
      transform: skewX(238deg) scale(1.3); } }

.download-hero {
  padding: 3.6rem 0 7rem; }

.download-hero__header {
  max-width: 70rem;
  padding: 0 1.5rem; }
  .download-hero__header .text {
    padding: 1rem 6rem 3rem; }
    @media (max-width: 40rem) {
      .download-hero__header .text {
        padding: 1rem 2rem 3rem; } }
  .download-hero__header .button {
    display: none; }
    .download-hero__header .button img {
      margin-right: 1rem;
      vertical-align: top; }
    .download-hero__header .button span {
      vertical-align: middle; }
  .download-hero__header.is-mac .mac {
    display: inline-block; }
  .download-hero__header.is-mac .windows,
  .download-hero__header.is-mac .ios,
  .download-hero__header.is-mac .android {
    display: none; }
  .download-hero__header.is-windows .windows {
    display: inline-block; }
  .download-hero__header.is-windows .mac,
  .download-hero__header.is-windows .ios,
  .download-hero__header.is-windows .android {
    display: none; }
  .download-hero__header.is-ios .ios {
    display: inline-block; }
  .download-hero__header.is-ios .mac,
  .download-hero__header.is-ios .windows,
  .download-hero__header.is-ios .android {
    display: none; }
  .download-hero__header.is-android .android {
    display: inline-block; }
  .download-hero__header.is-android .mac,
  .download-hero__header.is-android .windows,
  .download-hero__header.is-android .ios {
    display: none; }

.download-hero__image {
  max-width: 70vw;
  margin-bottom: 3.6rem;
  padding: 0 1.5rem; }
  @media (max-width: 40rem) {
    .download-hero__image {
      overflow: hidden;
      max-width: 100%;
      padding: 3.6rem 0; }
      .download-hero__image img {
        transform: scale(1.2); } }

.download-hero__strapline {
  margin: 0; }
  .download-hero__strapline p {
    display: inline-block;
    margin: 0;
    padding-top: 1.2rem; }

.download-list {
  display: none;
  justify-content: center;
  width: 100%;
  max-width: 96rem;
  padding-bottom: 10rem;
  list-style: none;
  grid-template-columns: repeat(auto-fit, minmax(20rem, 1fr));
  column-gap: 3rem; }
  @media (min-width: 50rem) {
    .download-list {
      display: grid; } }
  @media (max-width: 60rem) {
    .download-list {
      column-gap: 0.2rem; } }
  .download-list.is-mac .mac {
    display: none; }
  .download-list.is-windows .windows {
    display: none; }
  .download-list.is-ios .ios {
    display: none; }
  .download-list.is-android .android {
    display: none; }

.download-list__item {
  display: flex;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: center;
  max-width: 32rem;
  min-height: 32rem;
  margin: 0 0 3rem;
  padding: 4rem;
  border: 1px solid #ccc;
  border-radius: 0.6rem; }
  .download-list__item img {
    display: block;
    max-width: 6.5rem;
    margin: 0 auto; }
  @media (max-width: 60rem) {
    .download-list__item {
      margin-right: 1rem;
      margin-left: 1rem;
      padding: 2rem; } }

.download-list__info {
  margin-bottom: 2rem; }
  .download-list__info .title {
    margin-top: 2.4rem;
    margin-bottom: 0.1rem;
    font-size: 3rem;
    font-weight: 700; }
  .download-list__info .strapline {
    display: block;
    color: #545465;
    font-size: 1.6rem; }
    .download-list__info .strapline:empty {
      height: 3.2rem; }

.download-hero_button-alt.text {
  padding-bottom: 0;
  font-size: 1.4rem; }

#google-document-picker-link {
  margin-left: 1rem; }

.home-hero {
  min-height: 100vh; }
  .js .home-hero {
    min-height: auto; }

.scroll-lock {
  overflow-y: scroll; }
  .scroll-lock,
  .scroll-lock body {
    position: fixed;
    right: 0;
    left: 0; }

.home-hero__headline,
.home-hero__subtitle {
  position: relative;
  z-index: 1;
  transition: opacity 0.5s, transform 0.5s ease-out;
  transform: translateY(0);
  will-change: transform, opacity;
  opacity: 1; }
  .scrolled ~ .page-home .home-hero__headline, .scrolled ~ .page-home
  .home-hero__subtitle {
    transition-timing-function: ease, ease-in;
    transform: translateY(-20vw);
    opacity: 0; }

.home-hero__headline {
  display: block;
  margin: 0.5em auto 0.2em;
  color: #334ac0;
  font-size: calc(5.5vw + 1rem);
  line-height: 1; }

.home-hero__subtitle {
  display: block;
  margin-top: 1em;
  font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.6; }
  @media (min-width: 20.8em) {
    .home-hero__subtitle {
      font-size: calc(0.6vw + 1.4rem); } }
  @media (min-width: 125em) {
    .home-hero__subtitle {
      font-size: 2.6rem; } }

.home-hero__ui {
  width: 100%;
  margin-top: calc(-5em + 20vh);
  transition: transform 0.6s;
  transform: translateY(calc(5em - 20vh));
  will-change: transform;
  background-color: #fff;
  font-size: calc(5.5vw + 1rem); }
  @media (min-width: 125em) {
    .home-hero__ui {
      font-size: 12rem; } }
  .scrolled ~ .page-home .home-hero__ui {
    transition: transform 0.8s;
    transform: translateY(0); }

.home-hero ~ * {
  transform: translateY(10vw); }
  .home-hero ~ *:last-child {
    margin-bottom: 10vw; }
  .js .home-hero ~ * {
    opacity: 0; }
    .js .home-hero ~ *:last-child {
      margin-bottom: 0; }
  .scrolled ~ .page-home .home-hero ~ * {
    transition: opacity 0.5s, transform 0.5s ease-in;
    transition-delay: 0.2s;
    transition-timing-function: ease, ease-out;
    transform: translateY(0);
    opacity: 1; }

@media (min-width: 60em) {
  .home-teams h3 {
    font-size: 3rem; } }

.home-video .container-inner {
  max-width: 120rem; }

.home-video .text {
  padding-top: 3rem; }
  @media (min-width: 60em) {
    .home-video .text {
      display: grid;
      align-items: baseline;
      max-width: none;
      text-align: left;
      grid-template-columns: 1fr 1fr;
      grid-gap: 3rem; } }

@media (min-width: 60em) {
  .home-video h3 {
    font-size: 3rem; } }

.home-video p {
  margin-top: 0; }

.home-video .media {
  overflow: hidden;
  order: -1;
  width: 100%;
  border-radius: 0.6rem; }
  .home-video .media svg {
    vertical-align: baseline; }

.wistia_responsive_wrapper {
  display: none; }
  .fadeInUp .wistia_responsive_wrapper,
  .reduced-motion .wistia_responsive_wrapper {
    display: block; }

.wistia__cta-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-around;
  background: linear-gradient(91.14deg, #4966f7 0%, #8253ff 122.55%); }
  .wistia__cta-overlay :first-child {
    margin-top: auto; }
  .wistia__cta-overlay :last-child {
    margin-bottom: auto; }
  .wistia__cta-overlay p {
    color: inherit; }
  .wistia__cta-overlay * {
    font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol"; }

.wistia__cta-logo {
  width: 30%;
  max-width: 22rem;
  margin-bottom: 1.2rem;
  padding-top: 5%; }

.wistia__cta-tagline {
  display: none;
  margin-bottom: 0;
  font-size: 1.6rem; }
  @media (min-width: 32em) {
    .wistia__cta-tagline {
      display: block; } }
  @media (min-width: 60em) {
    .wistia__cta-tagline {
      font-size: 2rem; } }

.wistia__cta-button {
  margin-top: 1.2rem;
  font-size: 1.4rem; }
  @media (min-width: 32em) {
    .wistia__cta-button {
      font-size: 1.6rem; } }

.home-ui {
  border-radius: 0.4rem 0.4rem 0 0;
  box-shadow: 0 0 6rem rgba(33, 34, 43, 0.2); }

.home-testimonials .spacing {
  padding-top: 0;
  padding-bottom: 8rem; }
  .home-testimonials .spacing h2 {
    margin-bottom: 6rem; }

.home-workflow {
  position: relative;
  overflow: hidden;
  background: linear-gradient(68.61deg, #7866f4 20%, #70a8f8 100%);
  text-shadow: 0 0 0.2rem rgba(120, 102, 244, 0.3); }
  @media (min-width: 80em) {
    .home-workflow {
      background: linear-gradient(68.61deg, #7866f4 25%, #6bd0fa 120%); } }
  @media (min-width: 120em) {
    .home-workflow {
      background: linear-gradient(68.61deg, #7866f4 20%, #6dbef9 100%); } }
  .home-workflow::after {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
    background: linear-gradient(0deg, rgba(33, 34, 43, 0) 0%, rgba(33, 34, 43, 0.05) 20%, rgba(33, 34, 43, 0.05) 80%, rgba(33, 34, 43, 0) 100%) no-repeat; }
    @media (min-width: 120em) {
      .home-workflow::after {
        background-size: 120em 1px; } }
  .home-workflow .text,
  .home-workflow .media {
    z-index: 1; }
  .home-workflow .home-ui {
    box-shadow: 0 0 6rem rgba(33, 34, 43, 0.2), 0 0 0 1px rgba(33, 34, 43, 0.04); }

.home-workflow__img-items,
.home-workflow__img-slide {
  position: absolute;
  width: 20vw;
  min-width: 12rem; }
  .home-workflow__img-items img,
  .home-workflow__img-slide img {
    width: 100%; }

.home-workflow__img-items {
  top: 10%;
  left: 0; }
  @media (min-width: 125em) {
    .home-workflow__img-items {
      right: 50%;
      left: auto;
      width: 30vw;
      max-width: 100rem;
      margin-right: 50rem; } }

.home-workflow__img-slide {
  right: 0;
  bottom: 0; }
  @media (min-width: 125em) {
    .home-workflow__img-slide {
      right: auto;
      left: 50%;
      max-width: 74.6rem;
      margin-left: calc(50rem + 5vw); } }
  .home-workflow__img-slide img {
    margin-bottom: -10%; }

.home-integrations {
  margin-bottom: 5rem;
  background: linear-gradient(180deg, #cee0ff 0%, rgba(210, 223, 247, 0) 43.63%) no-repeat top;
  background-size: 100% 50rem; }
  .home-integrations .media {
    width: 100%; }
    .home-integrations .media video {
      width: 100%; }

.home-integrations__img-camera,
.home-integrations__img-chart {
  position: absolute;
  width: 16vw;
  min-width: 12rem; }
  .home-integrations__img-camera img,
  .home-integrations__img-chart img {
    width: 100%; }

.home-integrations__img-camera {
  top: 15%;
  left: 0;
  display: none; }
  @media (min-width: 77.5em) {
    .home-integrations__img-camera {
      display: block; } }
  @media (min-width: 125em) {
    .home-integrations__img-camera {
      right: 50%;
      left: auto;
      max-width: 41.8rem;
      margin-right: calc(50rem + 5vw); } }

.home-integrations__img-chart {
  top: 0;
  right: 0;
  overflow: hidden; }
  @media (min-width: 77.5em) {
    .home-integrations__img-chart {
      top: 20%; } }
  @media (min-width: 125em) {
    .home-integrations__img-chart {
      right: auto;
      left: 50%;
      max-width: 38rem;
      margin-left: calc(50rem + 5vw); } }
  .home-integrations__img-chart img {
    margin-top: -90%; }
    @media (min-width: 77.5em) {
      .home-integrations__img-chart img {
        margin-top: 0; } }

.home-collaboration {
  overflow: hidden; }
  .home-collaboration .media {
    position: relative; }
  .home-collaboration .text {
    padding-top: 11rem; }

.home-collaboration__img-bubbles {
  position: absolute;
  top: 4.8rem;
  right: auto;
  bottom: 0;
  left: -5%;
  display: none;
  width: 110%;
  max-width: 90em; }
  @media (min-width: 77.5em) {
    .home-collaboration__img-bubbles {
      display: block; } }
  @media (min-width: 90em) {
    .home-collaboration__img-bubbles {
      left: auto; } }
  .home-collaboration__img-bubbles img {
    width: 100%; }

.home-collaboration__img-bubbles-small-left {
  position: absolute;
  top: 3rem;
  left: -2rem;
  width: 9rem; }
  @media (min-width: 40em) {
    .home-collaboration__img-bubbles-small-left {
      width: 12rem; } }
  @media (min-width: 60em) {
    .home-collaboration__img-bubbles-small-left {
      top: 3rem;
      left: 1.5rem;
      width: 18rem; } }
  @media (min-width: 77.5em) {
    .home-collaboration__img-bubbles-small-left {
      display: none; } }
  .home-collaboration__img-bubbles-small-left img {
    width: 100%; }

.home-collaboration__img-bubbles-small-right {
  position: absolute;
  top: 2.5rem;
  right: 4.5rem;
  width: 6.5rem; }
  .home-collaboration__img-bubbles-small-right img {
    width: 100%; }
  @media (min-width: 40em) {
    .home-collaboration__img-bubbles-small-right {
      width: 10rem; } }
  @media (min-width: 60em) {
    .home-collaboration__img-bubbles-small-right {
      top: 2rem;
      width: 13rem; } }
  @media (min-width: 77.5em) {
    .home-collaboration__img-bubbles-small-right {
      display: none; } }

.home-collaboration__img-bubble-bottom {
  position: absolute;
  right: 0;
  bottom: 40vw;
  width: 10.5rem; }
  @media (min-width: 77.5em) {
    .home-collaboration__img-bubble-bottom {
      display: none; } }
  .home-collaboration__img-bubble-bottom img {
    width: 100%; }

.home-workflow .media,
.home-collaboration .media {
  width: 100%;
  max-width: 138rem;
  margin: 0 auto;
  margin-bottom: -1px; }
  .home-workflow .media video,
  .home-collaboration .media video {
    width: 100%; }

@media (min-width: 40em) {
  .home-workflow .text,
  .home-collaboration .text,
  .home-integrations .text {
    padding-bottom: 4rem; } }

.landing-page {
  overflow-x: hidden;
  background: linear-gradient(180deg, #cee0ff 0%, rgba(210, 223, 247, 0) 60vh), #fff; }

.landing-page__header {
  position: relative; }
  .landing-page__header > * {
    position: relative; }

.landing-page__decoration-1 {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  width: 149px;
  max-width: none;
  height: 132px;
  transform: translate(-44%, -22%); }
  @media (min-width: 40em) {
    .landing-page__decoration-1 {
      display: block; } }
  @media (min-width: 60em) {
    .landing-page__decoration-1 {
      right: 100%;
      left: auto;
      transform: translate(58%, -50%); } }

.landing-page__decoration-2 {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 178px;
  max-width: none;
  height: 170px;
  transform: translate(23%, -65%); }
  @media (min-width: 40em) {
    .landing-page__decoration-2 {
      display: block; } }
  @media (min-width: 60em) {
    .landing-page__decoration-2 {
      right: 100%;
      transform: translate(191%, -70%); } }

@media (min-width: 60em) {
  .landing-page__hero > .container-inner {
    display: flex;
    align-items: stretch;
    justify-content: space-between; } }

.landing-page__hero-left {
  position: relative;
  display: none;
  width: 40%;
  min-height: 55rem;
  margin-top: 8.8rem;
  border-radius: 9px;
  background: #d9ccff;
  box-shadow: 20px 20px 160px 0 rgba(130, 83, 255, 0.25); }
  .landing-page__hero-left::after {
    display: block;
    padding-bottom: 84%;
    content: ''; }
  @media (min-width: 60em) {
    .landing-page__hero-left {
      display: block; } }

.landing-page__hero-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right; }

.landing-page__decoration-3 {
  position: absolute;
  top: 0;
  right: 0;
  display: none;
  width: 401px;
  max-width: none;
  height: 298px;
  transform: translate(52%, -64%) scale(0.8); }
  @media (min-width: 80em) {
    .landing-page__decoration-3 {
      display: block; } }

.landing-page__hero-right {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center; }
  .landing-page__hero-right > .button {
    order: 10;
    width: 100%; }
  @media (min-width: 40em) {
    .landing-page__hero-right > .button {
      width: auto; } }
  @media (min-width: 60em) {
    .landing-page__hero-right {
      align-items: flex-start;
      width: 60%;
      min-width: 75rem;
      padding: 0 9.2rem 0 7.7vw;
      text-align: left; } }

.landing-page__logo > .logo {
  display: flex;
  transform: scale(1.25);
  transform-origin: bottom left; }

@media (min-width: 60em) {
  .landing-page__logo {
    margin: 0 0 6.5rem 0; } }

.landing-page__hero-content {
  max-width: 70rem;
  margin: auto 0; }
  .landing-page__hero-content > *:not(:first-child) {
    margin-top: 2.5rem; }
  @media (min-width: 40em) {
    .landing-page__hero-content > *:not(:first-child) {
      margin-top: 4rem; } }

.landing-page__title {
  margin: 0; }

.landing-page__description {
  max-width: 50rem;
  margin: 0 auto;
  margin: 0;
  color: #545465;
  font-size: 1.8rem; }
  @media (min-width: 40em) {
    .landing-page__description {
      font-size: 2.1rem;
      font-weight: 600;
      line-height: 1.6em; } }

.landing-page__insight {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: calc(100% + 1.5rem);
  margin-left: -1.5rem; }
  @media (min-width: 40em) {
    .landing-page__insight {
      width: calc(100% + 18vw - 10rem);
      margin-left: calc(-18vw + 10rem - 5rem); } }
  @media (min-width: 60em) {
    .landing-page__insight {
      width: 100%;
      margin-left: 0; } }

.landing-page__insight-image {
  position: relative;
  width: 30%;
  min-height: 18rem;
  border-radius: 9px;
  background: #d9ccff;
  box-shadow: 5px 5px 50px 0 rgba(130, 83, 255, 0.25); }
  .landing-page__insight-image::after {
    display: block;
    padding-bottom: 68%;
    content: ''; }
  .landing-page__insight-image > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top right; }
  @media (min-width: 40em) {
    .landing-page__insight-image {
      width: 50%;
      min-height: 0; }
      .landing-page__insight-image::after {
        display: none; }
      .landing-page__insight-image > img {
        position: relative; } }
  @media (min-width: 60em) {
    .landing-page__insight-image {
      display: none; } }

.landing-page__features {
  width: calc(70% - 2rem);
  padding: 0;
  text-align: left; }
  @media (min-width: 40em) {
    .landing-page__features {
      width: calc(50% - 3rem); } }
  @media (min-width: 60em) {
    .landing-page__features {
      width: 100%;
      max-width: 86rem; } }

.landing-page__feature {
  padding: 0 0 0 calc(18px + 0.9rem);
  list-style: none;
  background: url("/images/landing-page/checkmark.png");
  background-repeat: no-repeat;
  background-position: 0 0.5em;
  background-size: 18px 18px;
  font-weight: 600; }
  .landing-page__feature:not(:first-child) {
    margin-top: 0.6rem; }

.landing-page__body {
  position: relative; }
  .landing-page__body::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30rem;
    content: '';
    pointer-events: none;
    background: linear-gradient(180deg, rgba(206, 224, 255, 0.3) 0%, rgba(210, 223, 247, 0) 43.63%); }

.landing-page__body-title {
  text-align: center; }

.landing-page__block {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: center;
  max-width: 160rem;
  margin: 0 auto; }
  @media (min-width: 80em) {
    .landing-page__block {
      flex-direction: row; } }

@media (min-width: 80em) {
  .landing-page__block--reverse {
    flex-direction: row-reverse; } }

.landing-page__block-body {
  flex: 0 0 auto;
  text-align: center; }
  .landing-page__block-body > * {
    width: 100%;
    margin: 2.5rem 0 0 0; }
  @media (min-width: 40em) {
    .landing-page__block-body > * {
      width: auto; } }
  @media (min-width: 80em) {
    .landing-page__block-body {
      box-sizing: content-box;
      width: 48rem;
      text-align: left; } }
  @media (min-width: 100em) {
    .landing-page__block-body {
      padding: 0 18.7rem; } }

.landing-page__block-title {
  font-weight: 700; }

.landing-page__block-media {
  position: relative;
  width: 100%; }
  .landing-page__block-media > video,
  .landing-page__block-media > img {
    width: 100%;
    vertical-align: middle;
    border-radius: 0.5rem; }
    .landing-page__block-media > video.shadow,
    .landing-page__block-media > img.shadow {
      box-shadow: 0 3px 11px rgba(28, 36, 79, 0.2); }
  @media (min-width: 80em) {
    .landing-page__block-media {
      margin-right: -8rem;
      padding: 0; }
      .landing-page__block-media > video,
      .landing-page__block-media > img {
        border-radius: 0.5rem 0 0 0.5rem; }
        .landing-page__block-media > video.shadow,
        .landing-page__block-media > img.shadow {
          box-shadow: 0 9px 36px rgba(28, 36, 79, 0.2); } }

@media (min-width: 80em) {
  .landing-page__block-media--left {
    margin-right: 0;
    margin-left: -8rem; }
    .landing-page__block-media--left > img {
      border-radius: 0 0.5rem 0.5rem 0; } }

.legal-heading {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 6em 0; }
  @media (min-width: 60em) {
    .legal-heading {
      align-items: center;
      flex-direction: row;
      justify-content: space-between; } }

.legal-heading__image {
  flex: 1;
  animation-delay: 0.35s;
  text-align: center; }
  .legal-heading__image-first {
    order: -1;
    animation-delay: 0.2s; }

.legal-heading__cloud {
  width: 100%;
  max-width: 60%;
  margin-bottom: 5%; }
  @media (min-width: 30em) {
    .legal-heading__cloud {
      max-width: 40%; } }
  @media (min-width: 60em) {
    .legal-heading__cloud {
      max-width: 350px;
      margin-bottom: 0; } }

.legal-heading__folder {
  display: none; }
  @media (min-width: 60em) {
    .legal-heading__folder {
      display: inline-block;
      width: 100%;
      max-width: 268px; } }

.legal-header {
  flex: 2;
  margin-bottom: 20px;
  padding: 0 20px; }
  @media (min-width: 40em) {
    .legal-header {
      margin: 0;
      padding: 0 30px; } }
  @media (min-width: 80em) {
    .legal-header {
      padding: 0 50px; } }

.legal-header__description {
  margin: 0;
  font-size: 18px;
  line-height: 30px; }

.legal-header__title {
  margin-bottom: 30px; }

.legal-links {
  display: grid;
  width: 100%;
  grid-column-gap: 2em;
  animation-delay: 0.5s; }
  @media (min-width: 32em) {
    .legal-links {
      grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } }

.legal-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  padding-top: 25px;
  padding-bottom: 40px;
  text-align: left;
  border-top: 1px solid rgba(0, 0, 0, 0.2); }
  .legal-link .read-more-link {
    margin-top: 0; }

.legal-link__title {
  margin-bottom: 20px;
  font-size: 30px;
  line-height: 38px; }

.legal-link__description {
  margin-bottom: 32px;
  font-size: 16px;
  line-height: 30px; }

.legal-link__cta {
  transition: color 0.3s ease;
  color: #334ac0;
  font-size: 17px;
  font-weight: bold; }
  .legal-link__cta::after {
    margin-left: 0.4em;
    content: "⟶";
    vertical-align: middle; }
  .legal-link__cta:hover {
    color: #586ee0; }

.pitch-game {
  padding-top: 0; }
  .pitch-game .text {
    max-width: 68rem; }
    @media (min-width: 80em) {
      .pitch-game .text h2 {
        font-size: 7.2rem; } }
    .pitch-game .text p {
      max-width: 50rem;
      margin-top: 1rem;
      color: rgba(43, 42, 53, 0.6); }
  .pitch-game .footer {
    text-align: left; }
    @media (max-width: 40em) {
      .pitch-game .footer {
        padding-top: 4rem; } }
    .pitch-game .footer p {
      margin-top: 0; }
  .pitch-game .footer-left {
    order: -1;
    text-align: left;
    font-size: 2rem; }
    .pitch-game .footer-left a {
      font-weight: bolder; }
      .pitch-game .footer-left a::after {
        display: inline-block;
        width: 1.6rem;
        height: 1.6rem;
        content: "";
        vertical-align: middle;
        background-image: url("https://res.cloudinary.com/pitch-software/image/upload//v1600177046/website-images/images/arrow-ne.svg"); }

.pitch-game-cards {
  display: block;
  width: 100%;
  max-width: 192rem;
  height: auto;
  margin: -14vw auto 6rem; }
  @media (min-width: 120em) {
    .pitch-game-cards {
      margin-top: -18rem; } }

.pitch-game__legal {
  display: grid;
  font-size: 1.4rem;
  grid-gap: 2rem; }
  @media (min-width: 32em) {
    .pitch-game__legal {
      grid-template-columns: 1fr 2fr; } }
  .pitch-game__legal > :first-child {
    grid-row: 1 / 4; }
  .pitch-game__legal > :last-child {
    opacity: 0.6;
    font-size: 1.2rem;
    grid-column: 1 / -1; }

.press-header {
  display: flex;
  padding: 6em 0; }
  .press-header .press-header-image {
    flex: 1; }
  .press-header .press-header-text {
    flex: 2; }
  @media (max-width: 60em) {
    .press-header {
      flex-direction: column;
      padding: 3em 0; }
      .press-header .press-header-image:last-child {
        display: none; }
      .press-header img {
        max-width: 40%; } }

.press-article {
  padding: 2em 0 1em 0;
  border-bottom: 1px solid #dddfe5; }
  .press-article:last-child {
    border: none; }
  .press-article h3 {
    margin: 0; }

.press-image {
  max-height: 1em; }

.press-exclusive-padding {
  padding: 4rem 0; }

.press-resources .column-card {
  background: white; }

.pricing-hero {
  padding-top: 0;
  background: #8253ff linear-gradient(91.56deg, #8253ff 0%, #4966f7 122.55%);
  font-size: calc(4.1vw + 1.5rem); }
  @media (min-width: 125em) {
    .pricing-hero {
      font-size: 9.7rem; } }
  .pricing-hero .pricing-hero__content {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    min-height: 40rem;
    padding-top: 1em;
    padding-bottom: calc(9.5rem + 1em); }
    @media (min-width: 80em) {
      .pricing-hero .pricing-hero__content {
        min-height: 60rem;
        padding-bottom: calc(27.8rem + 1em); } }
  .pricing-hero .hero-headline {
    position: relative;
    top: auto;
    bottom: auto;
    max-width: none;
    margin-bottom: 0.25em;
    color: white; }

.pricing-hero__intro {
  position: relative;
  max-width: 40ch;
  margin: 0 2rem;
  color: white;
  font-size: calc(1rem + 0.15em);
  line-height: 1.8; }

.pricing-hero__visual {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  margin: auto; }
  @media (min-width: 30em) {
    .pricing-hero__visual {
      top: 270px; } }
  @media (min-width: 45em) {
    .pricing-hero__visual {
      top: auto; } }
  @media (min-width: 162em) {
    .pricing-hero__visual {
      top: 10px; } }
  .pricing-hero__visual img {
    width: 100%; }

.pricing-plans {
  margin: -9.5rem auto 40px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fafafc 100%) no-repeat bottom;
  background-size: 100% 10rem; }
  @media (min-width: 80em) {
    .pricing-plans {
      margin-top: -27.8rem; } }
  @media (min-width: 64em) {
    .pricing-plans {
      padding: 0 calc(5vw - 3rem); } }

.pricing-plans__wrapper {
  flex-wrap: wrap;
  padding: 0 1.875vw; }
  @media (min-width: 60em) {
    .pricing-plans__wrapper {
      padding: 0 1.8rem; } }
  @media (min-width: 64em) {
    .pricing-plans__wrapper {
      display: flex;
      justify-content: space-between; } }

.pricing-plan {
  display: grid;
  grid-gap: 1.5rem 3rem;
  justify-items: center;
  margin: 0 auto 28px;
  padding: 4.5rem 3rem;
  text-align: center;
  border-radius: 0.6rem;
  background: #fff;
  box-shadow: 0 1rem 2.5rem rgba(147, 157, 168, 0.22), 0 0 0 0.1rem rgba(103, 110, 144, 0.04); }
  @media (min-width: 40em) {
    .pricing-plan {
      justify-items: stretch; } }
  @media (min-width: 64em) {
    .pricing-plan {
      display: flex;
      align-items: center;
      flex-direction: column;
      width: calc(33% - 1.5625vw);
      margin: 0;
      padding: 4rem 3.125vw; } }
  @media (min-width: 120em) {
    .pricing-plan {
      width: calc(33% - 3rem);
      padding: 4rem 6rem; } }
  .pricing-plan .button {
    display: inline-block; }

@media (min-width: 64em) {
  .pricing-plan__intro {
    min-height: 13.5em; } }

@media (min-width: 40em) {
  .pricing-plan__footer {
    grid-column: span 2; } }

@media (min-width: 64em) {
  .pricing-plan__footer {
    min-height: 9.2rem;
    margin-top: auto; } }

.pricing-plan__button {
  margin-bottom: 0.8rem; }

.pricing-plan__name {
  font-size: 36px;
  font-weight: bold;
  line-height: 120%; }
  @media (min-width: 60em) {
    .pricing-plan__name {
      font-size: 42px;
      line-height: 54px; } }

.pricing-plan__description {
  max-width: 23ch;
  min-height: 4em;
  margin-right: auto;
  margin-left: auto;
  color: #545465; }

.pricing-plan__price {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: left; }
  .pricing-plan__price .tooltip {
    position: relative;
    margin: 0 0.6rem auto; }
    .pricing-plan__price .tooltip svg {
      vertical-align: top; }

.pricing-plan__currency {
  align-self: flex-start;
  font-size: 1.8rem; }

.pricing-plan__amount {
  margin: 0 0.8rem;
  white-space: nowrap;
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 6rem;
  font-weight: bold;
  line-height: 1; }

.pricing-plan__price-caption {
  font-size: 13px;
  line-height: 135%; }
  @media (min-width: 40em) {
    .pricing-plan__price-caption {
      font-size: 15px; } }

.pricing-plan__features-list,
.pricing-plan__features-title {
  font-size: 15px; }
  @media (min-width: 60em) {
    .pricing-plan__features-list,
    .pricing-plan__features-title {
      font-size: 18px; } }

.pricing-plan__features-title {
  margin-bottom: 12px;
  text-align: left; }

.pricing-plan__features-list {
  margin-bottom: 3rem;
  text-align: left; }

.pricing-plan__feature {
  margin-bottom: 10px; }
  .pricing-plan__feature svg {
    width: 16px;
    height: 12px;
    margin-right: 12px;
    fill: #334ac0; }
  @media (min-width: 64em) {
    .pricing-plan__feature {
      margin-bottom: 12px; } }

.pricing-feature-label {
  display: inline-block;
  margin-left: 8px;
  padding: 3px 6px 4px;
  vertical-align: middle;
  border: 1px solid currentColor;
  border-radius: 12px;
  font-size: 13px;
  line-height: 15px; }
  @media (min-width: 64em) {
    .pricing-feature-label {
      margin-left: 14px; } }

.pricing-plan__cta {
  display: none;
  text-decoration: underline;
  font-size: 15px;
  line-height: 36px; }
  .pricing-plan__cta:hover, .pricing-plan__cta:focus {
    text-decoration: none; }
  @media (min-width: 40em) {
    .pricing-plan__cta {
      display: block; } }

.pricing-plans__notes {
  width: 100%;
  max-width: 80rem;
  margin: 3rem auto;
  padding: 0 1.8rem;
  padding-bottom: 42px;
  text-align: center;
  font-size: 13px;
  line-height: 200%; }
  @media (min-width: 60em) {
    .pricing-plans__notes {
      padding-bottom: 18px;
      color: #545465;
      font-size: 15px;
      line-height: 135%; } }

.pricing-enterprise {
  padding: 14px 24px 48px;
  text-align: center;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fafafc 100%);
  font-size: 15px;
  line-height: 200%; }
  .pricing-enterprise .button {
    display: inline-block; }
  @media (min-width: 60em) {
    .pricing-enterprise {
      padding: 14px 0 84px;
      font-size: 18px;
      line-height: 200%; } }

.pricing-enterprise__title {
  margin-bottom: 18px;
  font-size: 24px;
  line-height: 160%; }
  @media (min-width: 60em) {
    .pricing-enterprise__title {
      margin-bottom: 24px;
      font-size: 27px;
      line-height: 160%; } }

.pricing-enterprise__description {
  max-width: 605px;
  margin: 0 auto 24px; }

.pricing-enterprise__cta {
  margin-bottom: 48px; }
  @media (min-width: 60em) {
    .pricing-enterprise__cta {
      margin-bottom: 37px; } }

.pricing-enterprise__covid a {
  text-decoration: underline; }

.pricing-features {
  display: none;
  margin-bottom: 44px;
  color: #1e1d28; }

@media (min-width: 40em) {
  .pricing-features {
    display: block; }
  .pricing__mobile-only {
    display: none; } }

.pricing-features__tables {
  max-width: 920px;
  margin: auto;
  padding-top: 62px; }

.pricing-features__names {
  display: flex;
  padding-left: 50%; }
  @media (min-width: 70em) {
    .pricing-features__names {
      padding-left: 33.3333%; } }

.pricing-features__name {
  width: 50%;
  text-align: center; }

.pricing-features__title {
  margin: 0 0 1rem 0;
  font-size: 27px;
  line-height: 1; }

.pricing-features__description {
  display: inline-block;
  max-width: 16rem;
  opacity: 0.5;
  font-size: 15px;
  line-height: 1.1em; }

.pricing-features__table {
  width: 100%;
  margin-bottom: 44px; }
  .pricing-features__table tr,
  .pricing-features__table th,
  .pricing-features__table td {
    border: none; }
  .pricing-features__table th,
  .pricing-features__table td {
    width: 25%;
    text-align: center;
    font-size: 18px; }
    .pricing-features__table th:first-child,
    .pricing-features__table td:first-child {
      width: 50%;
      padding-left: 18px;
      text-align: left; }
    @media (min-width: 70em) {
      .pricing-features__table th, .pricing-features__table th:first-child,
      .pricing-features__table td,
      .pricing-features__table td:first-child {
        width: 33.333333%; } }
  .pricing-features__table th {
    padding: 0;
    padding-bottom: 19px;
    letter-spacing: 2.1px;
    text-transform: uppercase;
    font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
    font-size: 18px;
    font-weight: bold;
    line-height: 1; }
  .pricing-features__table tr:not(:first-child) th {
    padding-top: 44px; }
  .pricing-features__table td {
    padding: 6px 0;
    line-height: 200%; }
  .pricing-features__table tbody tr:nth-child(odd) {
    background: linear-gradient(0deg, rgba(246, 246, 249, 0.5), rgba(246, 246, 249, 0.5)); }
  .pricing-features__table .tooltip {
    position: relative;
    top: 3px;
    display: inline-block;
    margin-left: 10px;
    vertical-align: unset;
    font-size: 0; }

.pricing-features__check {
  display: inline-block;
  width: 12px;
  height: 12px;
  vertical-align: initial; }

.pricing-features__disclaimer {
  margin-top: 10px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #424648;
  font-size: 15px;
  line-height: 151.28%; }

.pricing-partners {
  padding-top: 42px;
  padding-bottom: 14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #fafafc 100%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: 100% 50%; }
  @media (min-width: 48em) {
    .pricing-partners {
      background: none; } }

.pricing-partners__title {
  display: block;
  max-width: 265px;
  margin: 0 auto 30px;
  text-align: center;
  color: #2b2a35;
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 24px;
  line-height: 160%; }
  @media (min-width: 48em) {
    .pricing-partners__title {
      max-width: 696px;
      margin-bottom: 43px;
      font-size: 42px;
      line-height: 54px; } }

.pricing-faq {
  padding: 70px 49px 60px;
  text-align: center; }
  @media (min-width: 50em) {
    .pricing-faq {
      padding-right: calc(18vw - 10rem);
      padding-bottom: 72px;
      padding-left: calc(18vw - 10rem); } }

.pricing-faq__visual {
  max-width: 180px;
  margin-bottom: 45px; }

.pricing-faq__title {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  justify-content: center;
  margin: 0 0 42px;
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 36px;
  line-height: 120%; }
  @media (min-width: 50em) {
    .pricing-faq__title {
      margin-bottom: 72px;
      font-size: 42px;
      line-height: 54px; } }

.pricing-faq__grid {
  column-gap: 60px;
  text-align: left;
  columns: 1; }
  @media (min-width: 49em) {
    .pricing-faq__grid {
      columns: 2; } }
  @media (min-width: 87em) {
    .pricing-faq__grid {
      margin-bottom: 72px;
      columns: 3; } }

.pricing-faq__item {
  margin-bottom: 42px;
  padding-top: 24px;
  vertical-align: top;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid; }
  @media (min-width: 49em) {
    .pricing-faq__item {
      display: inline-block;
      margin-bottom: 55px;
      padding-top: 27px; } }

.pricing-faq__question {
  margin-bottom: 10px;
  font-family: "Eina01", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 18px; }
  @media (min-width: 49em) {
    .pricing-faq__question {
      margin-bottom: 13px;
      font-size: 27px; } }

.pricing-faq__answer {
  margin: 0;
  font-size: 15px;
  line-height: 200%; }
  @media (min-width: 49em) {
    .pricing-faq__answer {
      font-size: 18px; } }
  .pricing-faq__answer p:first-child {
    margin-top: 0; }

.pricing-faq__notes {
  margin: 0 auto;
  text-align: left;
  color: #545465;
  font-size: 13px;
  line-height: 200%; }
  @media (min-width: 50em) {
    .pricing-faq__notes {
      text-align: center;
      font-size: 15px; } }

.product-section-hero {
  position: relative;
  top: -60px; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-section-hero {
      margin-bottom: 80px; } }

.product-videos_wrapper {
  position: sticky;
  top: 50%;
  right: 0;
  left: 0;
  display: none;
  width: 100%;
  margin: auto;
  margin-top: -39.375vw;
  margin-bottom: -8vw;
  transition: opacity 0.3s;
  transform: scale(0.7) translateY(-20%);
  opacity: 0; }
  .product-videos_wrapper::before {
    display: block;
    padding-bottom: 56.25%;
    content: '';
    border-radius: 4px;
    box-shadow: 0 -10px 90px rgba(10, 3, 89, 0.2); }
  .product-videos_wrapper[data-ready="true"] {
    opacity: 1; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-videos_wrapper {
      display: block; } }

.product-videos_wrapper video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: opacity 0.2s 0.1s;
  opacity: 0;
  border-radius: 4px; }
  .product-videos_wrapper video.is-active {
    transition: opacity 0.2s;
    opacity: 1; }
  .product-videos_wrapper video:first-child {
    opacity: 1; }

.product-page__section-heading {
  max-width: 9em;
  margin: 0 auto 32px;
  letter-spacing: -0.01em;
  color: white; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-page__section-heading {
      margin-bottom: 0.3em; } }

.product-page__section-description {
  max-width: 27em;
  margin: 0 auto;
  font-size: 16px;
  line-height: 180%; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-page__section-description {
      font-size: calc(8px + 0.88vw); } }
  @media (min-width: 112.5em) {
    .product-page__section-description {
      font-size: 22px; } }
  .product-page__section-description p:first-child {
    margin-top: 0; }

.product-hero {
  position: relative;
  padding-top: 10vh;
  background: linear-gradient(120deg, #7b94ff 54%, #b88cfd 100%); }
  @media (min-width: 60em) {
    .product-hero {
      top: -72px; } }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-hero {
      min-height: calc(100vh + 72px); } }

.product-hero__content {
  position: relative;
  padding: 20px;
  padding-top: 66px;
  text-align: center; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-hero__content {
      height: 100%;
      padding-top: 10vh; }
      .product-hero__content::after {
        display: block;
        padding-bottom: 39.375vw;
        content: ''; } }

.product-hero__title {
  color: #fff;
  text-shadow: 0 3px 6px rgba(33, 16, 140, 0.1); }

.product-hero__description {
  max-width: 34em;
  color: white; }

.product-hero__image {
  position: relative;
  display: block;
  overflow: hidden;
  align-self: flex-end;
  width: 96%;
  margin: 0 auto;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }
  .product-hero__image::before {
    display: block;
    padding-bottom: 56.25%;
    content: ''; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-hero__image {
      display: none;
      margin: 0; } }
  .product-hero__image img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.product-chapters {
  padding: 0; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-chapters {
      padding: 0 calc(18vw - 10rem) 0; }
      .product-chapters .container-inner {
        display: flex;
        align-items: flex-start;
        flex-direction: column; }
      .product-chapters--reverse .container-inner {
        align-items: flex-end; } }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-chapters {
      margin-bottom: -20vw;
      padding-bottom: 15vw; } }
  @media (min-width: 75em) {
    .product-chapters {
      margin-bottom: -30vw;
      padding-bottom: 30vw; } }

.product-chapter {
  position: relative;
  overflow: hidden;
  padding-top: 56px; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-chapter {
      overflow: visible;
      max-width: 480px;
      height: 90vh;
      margin: 0;
      padding: 10vh 3rem 10vh 0; } }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-chapters--reverse .product-chapter {
      padding-right: 0;
      padding-left: 3rem; } }
  @media (orientation: landscape) and (min-width: 80em) {
    .product-chapter {
      max-width: 565px;
      padding-right: 0;
      padding-left: 0; } }

@media (orientation: landscape) and (min-width: 65em) {
  .product-chapter__content-wrapper {
    position: sticky;
    top: 50%;
    transform: translateY(-50%); } }

.product-chapter__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 1.5rem;
  color: #1e1d28; }
  @media (min-width: 40em) {
    .product-chapter__content {
      padding: 0 calc(18vw - 10rem); } }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-chapter__content {
      padding: 0; } }
  @media (orientation: landscape) and (min-width: 80em) {
    .product-chapter__content {
      max-width: 540px; } }

.product-chapter__title {
  margin-bottom: 16px;
  font-weight: bold; }
  @media (orientation: landscape) and (min-width: 80em) {
    .product-chapter__title {
      margin-bottom: 22px; } }

.product-chapter__body {
  margin-bottom: 44px;
  color: #545465;
  font-size: 16px;
  line-height: 180%; }
  .product-chapter__body p:first-child {
    margin-top: 0; }
  .product-chapter__body p:last-child {
    margin-bottom: 0; }
  @media (orientation: landscape) and (min-width: 80em) {
    .product-chapter__body {
      margin-bottom: 0;
      font-size: 18px;
      line-height: 200%; } }

.product-chapter__video {
  width: 165%;
  max-width: 965px;
  transition: opacity 0.3s;
  opacity: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  box-shadow: 0 -5px 10px rgba(10, 3, 89, 0.25); }
  .product-chapter__video[data-lazy-video="loaded"] {
    transform: translateX(1.5rem);
    opacity: 1; }
    .product-chapters--reverse .product-chapter__video[data-lazy-video="loaded"] {
      margin-left: -3rem;
      transform: translateX(calc(100vw - 100%)); }
  @media (min-width: 40em) {
    .product-chapter__video {
      transform: translateX(calc(18vw - 10rem)); } }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-chapter__video {
      display: none; } }

.product-section-collaboration {
  position: relative; }
  .product-section-collaboration .product-chapters {
    margin-bottom: 60px; }
    @media (orientation: landscape) and (min-width: 65em) {
      .product-section-collaboration .product-chapters {
        margin-bottom: -20vw;
        padding-bottom: 15vw; } }
    @media (min-width: 75em) {
      .product-section-collaboration .product-chapters {
        margin-bottom: -28vw;
        padding-bottom: 40vw; } }

.product-collaboration-hero {
  position: relative;
  margin-bottom: 0;
  padding: 0; }
  .product-collaboration-hero::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    margin: auto;
    content: '';
    background-image: url(https://res.cloudinary.com/pitch-software/image/upload/f_auto/v1651993494/website-images/images/product-tour/work-meet-play-background--mobile.jpg), linear-gradient(257.76deg, #dcecff 7.69%, #eef5fe 100.23%);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-collaboration-hero {
      position: absolute;
      z-index: 1;
      top: 0;
      right: 0;
      left: 0;
      margin-bottom: 0;
      padding: 0; }
      .product-collaboration-hero::before {
        position: relative;
        display: block;
        height: auto;
        padding-bottom: 55%;
        content: '';
        background: none; }
      .product-collaboration-hero .container-inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0; } }

.product-collaboration-hero__content {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  max-width: 315px;
  height: 100%;
  min-height: 650px;
  margin: 0 auto;
  padding-top: 65px;
  text-align: center; }
  @media (min-width: 65em) {
    .product-collaboration-hero__content {
      max-width: none;
      padding-top: 3.2vw; } }
  @media (min-width: 112.5em) {
    .product-collaboration-hero__content {
      padding-top: 58px; } }

.product-collaboration-hero__title {
  margin-bottom: 50px;
  color: #70b1ff; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-collaboration-hero__title {
      margin-bottom: 1.2vw; } }
  @media (min-width: 112.5em) {
    .product-collaboration-hero__title {
      margin-bottom: 50px; } }

.product-collaboration-hero__description {
  opacity: 0.7; }

.product-collaboration-hero__image {
  display: none; }

.product-collaboration-videos_wrapper {
  position: sticky;
  top: 72px;
  right: 0;
  left: 0;
  display: none;
  overflow: hidden;
  width: 100%;
  transition: opacity 0.3s;
  pointer-events: none; }
  .product-collaboration-videos_wrapper::before {
    display: block;
    padding-bottom: 56.25%;
    content: ''; }
  @media (orientation: landscape) and (min-width: 65em) {
    .product-collaboration-videos_wrapper {
      display: block; } }

.product-collaboration-videos {
  border-radius: 4px; }
  .product-collaboration-videos video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: opacity 0.2s 0.1s;
    opacity: 0;
    border-radius: 4px; }
    .product-collaboration-videos video.is-active {
      transition: opacity 0.2s;
      opacity: 1; }

.product-collaboration-videos_stills {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden; }
  .product-collaboration-videos_stills img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; }
  .product-collaboration-videos_stills video {
    position: relative;
    width: 100%; }

.product-collaboration-videos_still-frame {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  opacity: 0;
  border-radius: 4px; }

.product-feature-badge {
  margin-bottom: 1.6rem;
  padding: 0.6rem 0.9rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
  border-radius: 6px;
  background: linear-gradient(91.56deg, #4966f7 0%, #8253ff 122.55%);
  font-family: "Mark Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, helvetica, arial, sans-serif, "Apple  Color Emoji", "Segoe UI Emoji", "Segoe  UI Symbol";
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1em; }

.section.formatting,
.section.integrations,
.section.sharing {
  display: flex;
  align-items: center;
  justify-content: center;
  height: auto;
  min-height: 100vh;
  background-repeat: no-repeat;
  background-position: center; }
  .section.formatting .background-video,
  .section.integrations .background-video,
  .section.sharing .background-video {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    overflow: hidden;
    justify-content: center;
    width: 100%;
    height: 100%; }
    .section.formatting .background-video video,
    .section.integrations .background-video video,
    .section.sharing .background-video video {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center; }
      @media (max-width: 65em) {
        .section.formatting .background-video video,
        .section.integrations .background-video video,
        .section.sharing .background-video video {
          object-position: top right; } }
  .section.formatting h1,
  .section.integrations h1,
  .section.sharing h1 {
    max-width: 52.4vw;
    color: white; }
  .section.formatting .text,
  .section.integrations .text,
  .section.sharing .text {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center; }
  .section.formatting .wrap,
  .section.integrations .wrap,
  .section.sharing .wrap {
    position: relative; }

.section.formatting {
  background-color: #8f94ff; }

.section.integrations {
  background-color: #5f6eee; }
  .section.integrations .background-video .left,
  .section.integrations .background-video .right {
    position: absolute;
    width: auto;
    object-fit: contain; }
    @media (max-width: 65em) {
      .section.integrations .background-video .left,
      .section.integrations .background-video .right {
        object-fit: cover; } }
  .section.integrations .background-video .left {
    top: 0;
    bottom: 0;
    left: 0; }
    @media (max-width: 65em) {
      .section.integrations .background-video .left {
        display: none; } }
  .section.integrations .background-video .right {
    top: 0;
    right: 0;
    bottom: 0; }

.section.sharing {
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  background: linear-gradient(134.83deg, #8266f4 35.47%, #6bd0fa 138.64%);
  text-shadow: 0 0 0.2rem rgba(130, 102, 244, 0.3); }
  @media (min-width: 65em) {
    .section.sharing {
      overflow: unset; } }
  .section.sharing .wrap {
    position: relative; }
  .section.sharing .image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    width: 100%;
    height: 100%; }
  .section.sharing .paperplane,
  .section.sharing .hand,
  .section.sharing .slides {
    position: absolute; }
  .section.sharing .paperplane {
    top: 4rem;
    right: 14rem;
    width: 12.8rem;
    max-width: 453px;
    will-change: transform; }
    @media (min-width: 65em) {
      .section.sharing .paperplane {
        top: -6rem;
        right: 12rem;
        width: 23.7vw; } }
  .section.sharing .hand {
    bottom: -2.1rem;
    left: -4rem;
    width: 20rem;
    max-width: 402px;
    min-height: 100px; }
    @media (min-width: 65em) {
      .section.sharing .hand {
        bottom: -1.9rem;
        left: 0;
        width: 22.3vw; } }
  .section.sharing .slides {
    right: 0;
    bottom: 0;
    max-width: 32rem; }
    @media (max-width: 80em) {
      .section.sharing .slides {
        max-width: 28rem; } }
    @media (max-width: 65em) {
      .section.sharing .slides {
        max-width: 16rem; } }

.product-tour-formatting__sections,
.product-tour-integrations__sections,
.product-tour-sharing__sections {
  padding: 4rem 0; }
  .product-tour-formatting__sections .container .container-inner, .product-tour-formatting__sections .landing-page__hero-right .container-inner, .product-tour-formatting__sections .landing-page__block-body .container-inner, .product-tour-formatting__sections .landing-page__block-media .container-inner,
  .product-tour-integrations__sections .container .container-inner,
  .product-tour-integrations__sections .landing-page__hero-right .container-inner,
  .product-tour-integrations__sections .landing-page__block-body .container-inner,
  .product-tour-integrations__sections .landing-page__block-media .container-inner,
  .product-tour-sharing__sections .container .container-inner,
  .product-tour-sharing__sections .landing-page__hero-right .container-inner,
  .product-tour-sharing__sections .landing-page__block-body .container-inner,
  .product-tour-sharing__sections .landing-page__block-media .container-inner {
    flex-direction: column;
    justify-content: space-between; }
    @media (min-width: 65em) {
      .product-tour-formatting__sections .container .container-inner, .product-tour-formatting__sections .landing-page__hero-right .container-inner, .product-tour-formatting__sections .landing-page__block-body .container-inner, .product-tour-formatting__sections .landing-page__block-media .container-inner,
      .product-tour-integrations__sections .container .container-inner,
      .product-tour-integrations__sections .landing-page__hero-right .container-inner,
      .product-tour-integrations__sections .landing-page__block-body .container-inner,
      .product-tour-integrations__sections .landing-page__block-media .container-inner,
      .product-tour-sharing__sections .container .container-inner,
      .product-tour-sharing__sections .landing-page__hero-right .container-inner,
      .product-tour-sharing__sections .landing-page__block-body .container-inner,
      .product-tour-sharing__sections .landing-page__block-media .container-inner {
        flex-direction: row; } }
  .product-tour-formatting__sections .image,
  .product-tour-formatting__sections .video,
  .product-tour-formatting__sections .text,
  .product-tour-integrations__sections .image,
  .product-tour-integrations__sections .video,
  .product-tour-integrations__sections .text,
  .product-tour-sharing__sections .image,
  .product-tour-sharing__sections .video,
  .product-tour-sharing__sections .text {
    width: 100%; }
  .product-tour-formatting__sections .image,
  .product-tour-formatting__sections .video,
  .product-tour-integrations__sections .image,
  .product-tour-integrations__sections .video,
  .product-tour-sharing__sections .image,
  .product-tour-sharing__sections .video {
    max-width: 74rem; }
  .product-tour-formatting__sections .text,
  .product-tour-integrations__sections .text,
  .product-tour-sharing__sections .text {
    max-width: 48rem;
    padding-left: 6rem; }
    .product-tour-formatting__sections .text h3,
    .product-tour-integrations__sections .text h3,
    .product-tour-sharing__sections .text h3 {
      font-weight: bold; }
    @media (max-width: 65em) {
      .product-tour-formatting__sections .text,
      .product-tour-integrations__sections .text,
      .product-tour-sharing__sections .text {
        max-width: 100%;
        padding-left: 0; } }

.product-tour-formatting__sections .container:nth-child(3) .container-inner, .product-tour-formatting__sections .landing-page__hero-right:nth-child(3) .container-inner, .product-tour-formatting__sections .landing-page__block-body:nth-child(3) .container-inner, .product-tour-formatting__sections .landing-page__block-media:nth-child(3) .container-inner {
  flex-direction: column-reverse; }
  @media (min-width: 65em) {
    .product-tour-formatting__sections .container:nth-child(3) .container-inner, .product-tour-formatting__sections .landing-page__hero-right:nth-child(3) .container-inner, .product-tour-formatting__sections .landing-page__block-body:nth-child(3) .container-inner, .product-tour-formatting__sections .landing-page__block-media:nth-child(3) .container-inner {
      flex-direction: row; } }

.product-tour-formatting__sections .container:nth-child(2) .container-inner, .product-tour-formatting__sections .landing-page__hero-right:nth-child(2) .container-inner, .product-tour-formatting__sections .landing-page__block-body:nth-child(2) .container-inner, .product-tour-formatting__sections .landing-page__block-media:nth-child(2) .container-inner {
  flex-direction: column-reverse; }
  @media (min-width: 65em) {
    .product-tour-formatting__sections .container:nth-child(2) .container-inner, .product-tour-formatting__sections .landing-page__hero-right:nth-child(2) .container-inner, .product-tour-formatting__sections .landing-page__block-body:nth-child(2) .container-inner, .product-tour-formatting__sections .landing-page__block-media:nth-child(2) .container-inner {
      flex-direction: row-reverse; } }

.product-tour-formatting__sections .container:nth-child(2) .text, .product-tour-formatting__sections .landing-page__hero-right:nth-child(2) .text, .product-tour-formatting__sections .landing-page__block-body:nth-child(2) .text, .product-tour-formatting__sections .landing-page__block-media:nth-child(2) .text {
  padding-right: 6rem;
  padding-left: 0; }
  @media (max-width: 65em) {
    .product-tour-formatting__sections .container:nth-child(2) .text, .product-tour-formatting__sections .landing-page__hero-right:nth-child(2) .text, .product-tour-formatting__sections .landing-page__block-body:nth-child(2) .text, .product-tour-formatting__sections .landing-page__block-media:nth-child(2) .text {
      padding-right: 0;
      padding-left: 0; } }

.product-tour-integrations__sections .container .container-inner, .product-tour-integrations__sections .landing-page__hero-right .container-inner, .product-tour-integrations__sections .landing-page__block-body .container-inner, .product-tour-integrations__sections .landing-page__block-media .container-inner {
  flex-direction: column-reverse; }
  @media (min-width: 65em) {
    .product-tour-integrations__sections .container .container-inner, .product-tour-integrations__sections .landing-page__hero-right .container-inner, .product-tour-integrations__sections .landing-page__block-body .container-inner, .product-tour-integrations__sections .landing-page__block-media .container-inner {
      flex-direction: row-reverse; } }

.product-tour-integrations__sections .container .text, .product-tour-integrations__sections .landing-page__hero-right .text, .product-tour-integrations__sections .landing-page__block-body .text, .product-tour-integrations__sections .landing-page__block-media .text {
  padding-right: 6rem;
  padding-left: 0; }
  @media (max-width: 65em) {
    .product-tour-integrations__sections .container .text, .product-tour-integrations__sections .landing-page__hero-right .text, .product-tour-integrations__sections .landing-page__block-body .text, .product-tour-integrations__sections .landing-page__block-media .text {
      padding-right: 0;
      padding-left: 0; } }

@media (min-width: 65em) {
  .product-tour-integrations__sections .container:nth-child(even) .container-inner, .product-tour-integrations__sections .landing-page__hero-right:nth-child(even) .container-inner, .product-tour-integrations__sections .landing-page__block-body:nth-child(even) .container-inner, .product-tour-integrations__sections .landing-page__block-media:nth-child(even) .container-inner {
    flex-direction: row; } }

.product-tour-integrations__sections .container:nth-child(even) .text, .product-tour-integrations__sections .landing-page__hero-right:nth-child(even) .text, .product-tour-integrations__sections .landing-page__block-body:nth-child(even) .text, .product-tour-integrations__sections .landing-page__block-media:nth-child(even) .text {
  padding-right: 0;
  padding-left: 6rem; }
  @media (max-width: 65em) {
    .product-tour-integrations__sections .container:nth-child(even) .text, .product-tour-integrations__sections .landing-page__hero-right:nth-child(even) .text, .product-tour-integrations__sections .landing-page__block-body:nth-child(even) .text, .product-tour-integrations__sections .landing-page__block-media:nth-child(even) .text {
      padding-right: 0;
      padding-left: 0; } }

.product-tour-sharing__sections .container:nth-child(1) .sub-image, .product-tour-sharing__sections .landing-page__hero-right:nth-child(1) .sub-image, .product-tour-sharing__sections .landing-page__block-body:nth-child(1) .sub-image, .product-tour-sharing__sections .landing-page__block-media:nth-child(1) .sub-image {
  max-width: 100%;
  margin-top: -6rem; }
  @media (min-width: 65em) {
    .product-tour-sharing__sections .container:nth-child(1) .sub-image, .product-tour-sharing__sections .landing-page__hero-right:nth-child(1) .sub-image, .product-tour-sharing__sections .landing-page__block-body:nth-child(1) .sub-image, .product-tour-sharing__sections .landing-page__block-media:nth-child(1) .sub-image {
      max-width: 42rem; } }

.product-tour-sharing__sections .container:nth-child(1) .text, .product-tour-sharing__sections .landing-page__hero-right:nth-child(1) .text, .product-tour-sharing__sections .landing-page__block-body:nth-child(1) .text, .product-tour-sharing__sections .landing-page__block-media:nth-child(1) .text, .product-tour-sharing__sections .container:nth-child(3) .text, .product-tour-sharing__sections .landing-page__hero-right:nth-child(3) .text, .product-tour-sharing__sections .landing-page__block-body:nth-child(3) .text, .product-tour-sharing__sections .landing-page__block-media:nth-child(3) .text {
  padding-right: 6rem;
  padding-left: 0; }
  @media (max-width: 65em) {
    .product-tour-sharing__sections .container:nth-child(1) .text, .product-tour-sharing__sections .landing-page__hero-right:nth-child(1) .text, .product-tour-sharing__sections .landing-page__block-body:nth-child(1) .text, .product-tour-sharing__sections .landing-page__block-media:nth-child(1) .text, .product-tour-sharing__sections .container:nth-child(3) .text, .product-tour-sharing__sections .landing-page__hero-right:nth-child(3) .text, .product-tour-sharing__sections .landing-page__block-body:nth-child(3) .text, .product-tour-sharing__sections .landing-page__block-media:nth-child(3) .text {
      padding-right: 0;
      padding-left: 0; } }

.product-tour-sharing__sections .container .container-inner, .product-tour-sharing__sections .landing-page__hero-right .container-inner, .product-tour-sharing__sections .landing-page__block-body .container-inner, .product-tour-sharing__sections .landing-page__block-media .container-inner {
  flex-direction: column-reverse; }
  @media (min-width: 65em) {
    .product-tour-sharing__sections .container .container-inner, .product-tour-sharing__sections .landing-page__hero-right .container-inner, .product-tour-sharing__sections .landing-page__block-body .container-inner, .product-tour-sharing__sections .landing-page__block-media .container-inner {
      flex-direction: row-reverse; } }

@media (min-width: 65em) {
  .product-tour-sharing__sections .container:nth-child(even) .container-inner, .product-tour-sharing__sections .landing-page__hero-right:nth-child(even) .container-inner, .product-tour-sharing__sections .landing-page__block-body:nth-child(even) .container-inner, .product-tour-sharing__sections .landing-page__block-media:nth-child(even) .container-inner {
    flex-direction: row; } }

.whats-new-hero {
  overflow: hidden; }

.whats-new-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 168rem;
  margin: auto; }

.whats-new-header__image {
  flex: 1;
  text-align: left; }
  .whats-new-header__image:last-child {
    text-align: right; }

.whats-new-header__text {
  position: relative;
  z-index: 1;
  flex: 2;
  max-width: 62rem;
  padding: 6rem 1rem 3rem; }
  @media (max-width: 50em) {
    .whats-new-header__text {
      flex-basis: 100%;
      order: 1;
      margin: -30vw auto 0; } }

.whats-new-header__label {
  display: inline-block;
  padding: 0.15em 0.25em;
  color: white;
  border-radius: 0.2em;
  background: #4966f7 linear-gradient(93.22deg, #4966f7 0%, #8253ff 122.55%); }
  @supports (-moz-appearance: none) {
    .whats-new-header__label {
      padding: 0.25em 0.25em 0.15em; } }

.whats-new-header__mic {
  width: 24vw;
  max-width: 39.6rem;
  margin-left: -20%;
  padding: 10% 0; }
  @media (max-width: 50em) {
    .whats-new-header__mic {
      transform: translateY(1.5rem); } }

.whats-new-header__megaphone {
  width: 22vw;
  max-width: 36rem;
  margin-right: -15%;
  padding: 10% 0; }
  @media (max-width: 50em) {
    .whats-new-header__megaphone {
      transform: translateY(-0.8rem); } }

.whats-new-header__chart {
  position: absolute;
  z-index: -1;
  left: 50vw;
  display: block;
  align-self: start;
  width: 14vw;
  max-width: 17.6rem;
  margin-left: 15rem; }
  @media (max-width: 50em) {
    .whats-new-header__chart {
      left: 48vw;
      margin-left: 0; } }
  @media (max-width: 32em) {
    .whats-new-header__chart {
      display: none; } }

.whats-new-overview .container-inner {
  max-width: 112rem; }

.whats-new-list {
  display: grid;
  grid-gap: 3.6rem;
  padding-bottom: 4rem; }
  @media (min-width: 40em) {
    .whats-new-list {
      grid-gap: calc(5.625vw - 1.2rem);
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 80em) {
    .whats-new-list {
      grid-gap: 6.4rem;
      padding-bottom: 6rem; } }

.whats-new-list__item {
  display: flex;
  flex-direction: column; }

.whats-new-list__item--big {
  grid-column: 1 / -1;
  display: grid;
  grid-gap: 0 calc(5.625vw - 1.2rem);
  grid-template-rows: auto 1fr; }
  @media (min-width: 40em) {
    .whats-new-list__item--big {
      grid-template-columns: 1fr 1fr; } }
  @media (min-width: 80em) {
    .whats-new-list__item--big {
      grid-gap: 0 6.4rem; } }

.whats-new-list__meta {
  display: flex;
  flex-direction: column; }

.whats-new-list__header {
  margin: 0; }
  @media (min-width: 60em) {
    .whats-new-list__header {
      font-size: 3rem; } }

.whats-new-list__statistics {
  margin: 0.6rem 0;
  color: #545465;
  font-size: 1.5rem;
  font-weight: bold; }

.whats-new-list__date {
  order: -1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #334ac0;
  font-size: 1.3rem;
  font-weight: bold; }

.whats-new-list__media {
  grid-column: 1 / -1;
  order: -2;
  margin-bottom: 1em; }

.whats-new-list__image {
  transition: opacity 0.3s;
  border-radius: 0.6rem;
  background-color: #fafafa; }
  a .whats-new-list__image:hover {
    opacity: 0.85; }

.whats-new-list__summary {
  color: #545465;
  font-size: 1.5rem;
  line-height: 1.8; }
  @media (min-width: 60em) {
    .whats-new-list__summary {
      font-size: 1.6rem; } }
  .whats-new-list__summary p {
    margin-bottom: 0.6rem; }
    .whats-new-list__summary p:first-child {
      margin-top: 0; }
  .whats-new-list__summary > ul {
    padding-left: 1.25em;
    list-style: initial; }