/* Document
   ========================================================================== */

* {
  box-sizing: border-box;
}

/**
 * 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 */
  -webkit-text-decoration: underline;
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline;
          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;
}

/**
 * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
 * A thin layer on top of normalize.css that provides a starting point more
 * suitable for web applications.
 */

/**
 * Removes the default spacing and border for appropriate elements.
 */

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}

button {
  background-color: transparent;
  background-image: none;
  padding: 0;
}

/**
 * Work around a Firefox/IE bug where the transparent `button` background
 * results in a loss of the default `button` focus styles.
 */

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

fieldset {
  margin: 0;
  padding: 0;
}

ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/**
 * Tailwind custom reset styles
 */

/**
 * 1. Use the user's configured `sans` font-family (with Tailwind's default
 *    sans-serif font stack as a fallback) as a sane default.
 * 2. Use Tailwind's default "normal" line-height so the user isn't forced
 *    to override it to ensure consistency even when using the default theme.
 */

html {
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
  line-height: 1.5; /* 2 */
}

/**
 * 1. Prevent padding and border from affecting element width.
 *
 *    We used to set this in the html element and inherit from
 *    the parent element for everything else. This caused issues
 *    in shadow-dom-enhanced elements like <details> where the content
 *    is wrapped by a div with box-sizing set to `content-box`.
 *
 *    https://github.com/mozdevs/cssremedy/issues/4
 *
 *
 * 2. Allow adding a border to an element by just adding a border-width.
 *
 *    By default, the way the browser specifies that an element should have no
 *    border is by setting it's border-style to `none` in the user-agent
 *    stylesheet.
 *
 *    In order to easily add borders to elements by just setting the `border-width`
 *    property, we change the default border-style for all elements to `solid`, and
 *    use border-width to hide them instead. This way our `border` utilities only
 *    need to set the `border-width` property instead of the entire `border`
 *    shorthand, making our border utilities much more straightforward to compose.
 *
 *    https://github.com/tailwindcss/tailwindcss/pull/116
 */

*,
::before,
::after {
  box-sizing: border-box; /* 1 */
  border-width: 0; /* 2 */
  border-style: solid; /* 2 */
  border-color: #e2e8f0; /* 2 */
}

/*
 * Ensure horizontal rules are visible by default
 */

hr {
  border-top-width: 1px;
}

/**
 * Undo the `border-style: none` reset that Normalize applies to images so that
 * our `border-{width}` utilities have the expected effect.
 *
 * The Normalize reset is unnecessary for us since we default the border-width
 * to 0 on all elements.
 *
 * https://github.com/tailwindcss/tailwindcss/issues/362
 */

img {
  border-style: solid;
}

textarea {
  resize: vertical;
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: #a0aec0;
}

input::placeholder,
textarea::placeholder {
  color: #a0aec0;
}

button,
[role="button"] {
  cursor: pointer;
}

table {
  border-collapse: collapse;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
}

/**
 * Reset links to optimize for opt-in styling instead of
 * opt-out.
 */

a {
  color: inherit;
  text-decoration: inherit;
}

/**
 * Reset form element properties that are easy to forget to
 * style explicitly so you don't inadvertently introduce
 * styles that deviate from your design system. These styles
 * supplement a partial reset that is already applied by
 * normalize.css.
 */

button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
}

/**
 * Use the configured 'mono' font family for elements that
 * are expected to be rendered with a monospace font, falling
 * back to the system monospace stack if there is no configured
 * 'mono' font family.
 */

pre,
code,
kbd,
samp {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

/**
 * Make replaced elements `display: block` by default as that's
 * the behavior you want almost all of the time. Inspired by
 * CSS Remedy, with `svg` added as well.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}

/**
 * Constrain images and videos to the parent width and preserve
 * their instrinsic aspect ratio.
 *
 * https://github.com/mozdevs/cssremedy/issues/14
 */

img,
video {
  max-width: 100%;
  height: auto;
}

footer{background-color:#1e2a2f;display:flex;justify-content:center;padding:100px 40px 120px}

footer .footer__content{display:flex;flex-direction:column;max-width:1120px;width:100%}

footer .top{align-items:center;display:flex;flex-direction:column;margin-bottom:50px}

footer .top img{margin-bottom:15px;max-width:250px}

footer .top span{color:#b7c4d2;font-size:18px;font-weight:500}

footer .bottom{align-items:center;border-top:4px solid #575f67;display:flex;justify-content:space-between;padding-top:20px}

footer .bottom__left{color:#575f67;display:flex}

footer .bottom__left div{color:inherit}

footer .bottom__left div span{color:inherit}

footer .bottom__left a{margin-left:20px;transition:color .2s}

footer .bottom__left a:hover{color:#86919c}

footer .bottom__right{display:flex}

footer .bottom__right a{height:22px;width:22px}

footer .bottom__right a:not(:first-child){margin-left:10px}

footer .bottom__right a svg{fill:#575f67;height:100%;transition:fill .2s;width:100%}

footer .bottom__right a:hover svg{fill:#86919c}

@media(max-width: 750px){footer .bottom{flex-direction:column}footer .bottom__left{align-items:center;flex-direction:column;margin-top:20px}footer .bottom__left a{margin:30px 0 0}footer .bottom__right{margin:30px 0 0}}

*{color:rgba(0,0,0,.87)}

*:focus{outline:none}

main{align-items:center;display:flex;flex-direction:column;width:100%}

.hamburger{padding:0;display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:rgba(0,0,0,0);border:0;margin:0;overflow:visible;opacity:.75}

.hamburger:hover{opacity:1}

.hamburger:focus{outline:none}

.hamburger.is-active:hover{opacity:.7}

.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner::before,.hamburger.is-active .hamburger-inner::after{background-color:#241c15}

.hamburger-box{width:24px;height:18px;display:inline-block;position:relative}

.hamburger-inner{display:block;top:50%;margin-top:1px}

.hamburger-inner,.hamburger-inner::before,.hamburger-inner::after{width:24px;height:2px;background-color:#241c15;border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}

.hamburger-inner::before,.hamburger-inner::after{content:"";display:block}

.hamburger-inner::before{top:-8px}

.hamburger-inner::after{bottom:-8px}

.hamburger--squeeze .hamburger-inner{transition-duration:.075s;transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)}

.hamburger--squeeze .hamburger-inner::before{transition:top .075s .12s ease, opacity .075s ease}

.hamburger--squeeze .hamburger-inner::after{transition:bottom .075s .12s ease, transform .075s cubic-bezier(0.55, 0.055, 0.675, 0.19)}

.hamburger--squeeze.is-active .hamburger-inner{transform:rotate(45deg);transition-delay:.12s;transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}

.hamburger--squeeze.is-active .hamburger-inner::before{top:0;opacity:0;transition:top .075s ease, opacity .075s .12s ease}

.hamburger--squeeze.is-active .hamburger-inner::after{bottom:0;transform:rotate(-90deg);transition:bottom .075s ease, transform .075s .12s cubic-bezier(0.215, 0.61, 0.355, 1)}

header{align-items:center;display:flex;height:90px;justify-content:center;padding:0 24px;padding:0 1.5rem;width:100%}

header.desktop{display:flex}

header.mobile{display:none}

@media(max-width: 900px){header.desktop{display:none}header.mobile{display:flex;height:60px;padding:0;position:relative}header.mobile .header__container{background:#fff;height:100%;padding:0 1.5rem;z-index:2}header.mobile .header__container__logo{align-items:center;display:flex;width:150px}header.mobile .header__container__logo img.icon{height:24px;margin-right:6px}header.mobile .header__container__logo img.text{height:20px;transform:translateY(2px)}header.mobile #mobile-menu{background:#fff;border-bottom:2px solid #e2e8f0;display:flex;flex-direction:column;padding:0 1.5rem;position:absolute;top:100%;transform:translateY(-100%);transition:transform .3s;width:100%;z-index:1}header.mobile #mobile-menu.is-active{transform:translateY(0%)}header.mobile #mobile-menu>a{color:#4277ce;font-weight:500;padding:.5rem 0;transition:color .2s}header.mobile #mobile-menu>a:hover{color:rgb(35,72.8571428571,135)}header.mobile #mobile-menu div{align-items:center;display:flex;padding:1.5rem 0}header.mobile #mobile-menu div .login{align-items:center;display:flex;color:rgba(0,0,0,.6);transition:color .2s}header.mobile #mobile-menu div .login:hover{color:rgba(0,0,0,.87)}header.mobile #mobile-menu div .login svg{margin-right:5px;width:.875rem}header.mobile #mobile-menu div .signup{background-image:linear-gradient(0deg, #4277ce, rgb(126.75, 162.7142857143, 221.75));border-radius:.125rem;color:#fff;margin-right:20px;padding:.5rem .75rem .6rem;transition:all .2s}header.mobile #mobile-menu div .signup:hover{background-image:linear-gradient(0deg, rgb(40.25, 83.7857142857, 155.25), #4277ce)}}

.header__container{align-items:center;display:flex;justify-content:space-between;max-width:1248px;max-width:78rem;position:relative;width:100%}

.header__container__logo{align-items:center;display:flex;width:150px}

.header__container__logo:hover .icon{transform:scale(1.05)}

.header__container__logo .icon{height:32px;margin-right:8px;transition:transform .2s}

.header__container__logo .text{height:22px}

.header__container__middle{left:50%;position:absolute;transform:translateX(-50%)}

.header__container__middle a{color:#4277ce;transition:color .2s}

.header__container__middle a:hover{color:rgb(35,72.8571428571,135)}

.header__container__right{align-items:center;display:flex}

.header__container__right .login{align-items:center;display:flex;color:rgba(0,0,0,.6);transition:color .2s}

.header__container__right .login:hover{color:rgba(0,0,0,.87)}

.header__container__right .login svg{margin-right:5px;width:14px;width:.875rem}

.header__container__right .signup{background-image:linear-gradient(0deg, #4277ce, rgb(126.75, 162.7142857143, 221.75));border-radius:.125rem;color:#fff;padding:8px 12px 9.6px;padding:.5rem .75rem .6rem;transition:all .2s}

.header__container__right .signup:hover{background-image:linear-gradient(0deg, rgb(40.25, 83.7857142857, 155.25), #4277ce)}

.header__container nav>a{font-weight:500;padding:0 24px}

#title{background-color:#f1f4f6;border-bottom:1px solid #f0f2f3;display:flex;flex-direction:column;margin-top:50px;padding-bottom:80px;width:100%}

#title .slant{border-top:1px solid rgba(43,104,170,.51);box-shadow:0 1px 3px 0 rgba(209,237,255,.33),41px 27px 0 25px #f1f4f6;position:relative;top:-12px;transform:rotate(-1deg);width:100%}

#title .content{align-items:center;display:flex;flex-direction:column;margin-top:46px;text-align:center}

#title .content h1{color:#000;font-family:"Source Serif Pro",serif;font-size:42px;font-weight:600;letter-spacing:.5px;line-height:52px;margin:0 0 15px -2px}

@media(max-width: 680px){#title .content h1{font-size:36px;line-height:1.3}}

#title .content .text{max-width:645px}

#title .content .text p{color:#244864;font-size:18px;line-height:31px}

@media(max-width: 700px){#title .content{padding:0 23px 0 13px}}

section#cta{align-items:center;display:flex;flex-direction:column;padding:128px 0;padding:8rem 0;position:relative}

section#cta h2{font-family:"Source Serif Pro",serif;font-size:52px;font-size:3.25rem;font-weight:600;margin:0 0 10px}

section#cta p{color:rgba(0,0,0,.6);font-size:20px;font-size:1.25rem;margin-bottom:40px;max-width:704px;max-width:44rem;text-align:center}

section#cta a[role=button]{background-image:linear-gradient(0deg, #4277ce, rgb(126.75, 162.7142857143, 221.75));border-radius:.125rem;color:#fff;font-weight:500;padding:15px 40px;transition:all .2s;z-index:1}

section#cta a[role=button]:hover{background-image:linear-gradient(0deg, rgb(40.25, 83.7857142857, 155.25), #4277ce)}

section#cta a[role=link]{color:rgba(0,0,0,.6);padding-top:10px;transition:color .2s}

section#cta a[role=link]:hover{color:rgba(0,0,0,.87)}

section#cta img{position:absolute;width:50%}

section#cta img.bottom{bottom:0;left:0}

section#cta img.top{right:0;top:0}

@media(max-width: 900px){section#cta{padding:4rem 1.5rem}section#cta h2{font-size:30px}section#cta p{font-size:16px;max-width:550px}}

section{width:100%}

section#title .content{margin-top:80px}

section#title .content h1{font-size:52px;font-size:3.25rem;font-weight:600}

section#title .content h1 br{display:none}

section#title .content .text p{margin-bottom:40px;max-width:704px;max-width:44rem;text-align:center}

section#title .content a[role=button]{background-image:linear-gradient(0deg, #4277ce, rgb(126.75, 162.7142857143, 221.75));border-radius:.125rem;color:#fff;font-weight:500;padding:15px 40px;transition:all .2s}

section#title .content a[role=button]:hover{background-image:linear-gradient(0deg, rgb(40.25, 83.7857142857, 155.25), #4277ce)}

section#title .content a[role=link]{color:rgba(0,0,0,.6);padding-top:10px;transition:color .2s}

section#title .content a[role=link]:hover{color:rgba(0,0,0,.87)}

@media(max-width: 900px){section#title .content h1{font-size:30px}section#title .content .text p{font-size:16px;max-width:550px}}

@media(max-width: 475px){section#title .content h1 br{display:block}}

section#hero{align-items:center;display:flex;flex-direction:column;padding:128px 24px;padding:8rem 1.5rem}

section#hero h1{font-family:"Source Serif Pro",serif;font-size:52px;font-size:3.25rem;font-weight:600;margin:0 0 10px;text-align:center}

section#hero h1 br{display:none}

section#hero p{color:rgba(0,0,0,.6);font-size:20px;font-size:1.25rem;margin-bottom:40px;max-width:704px;max-width:44rem;text-align:center}

section#hero a[role=button]{background-image:linear-gradient(0deg, #4277ce, rgb(126.75, 162.7142857143, 221.75));border-radius:.125rem;color:#fff;font-weight:500;padding:15px 40px;transition:all .2s}

section#hero a[role=button]:hover{background-image:linear-gradient(0deg, rgb(40.25, 83.7857142857, 155.25), #4277ce)}

section#hero a[role=link]{color:rgba(0,0,0,.6);padding-top:10px;transition:color .2s}

section#hero a[role=link]:hover{color:rgba(0,0,0,.87)}

@media(max-width: 900px){section#hero{padding:4rem 1.5rem}section#hero h1{font-size:30px}section#hero p{font-size:16px;max-width:550px}}

@media(max-width: 475px){section#hero h1 br{display:block}}

section#video{display:flex;justify-content:center;max-width:100%;padding-left:24px;padding-left:1.5rem;padding-right:24px;padding-right:1.5rem;position:relative}

section#video .video__box{background-color:#1e2a2f;border-radius:.25rem;box-shadow:0 25px 50px -12px rgba(0,0,0,.45);padding:4px;width:60%;z-index:2}

section#video .video__box__wrapper{height:0;max-width:100%;overflow:hidden;padding-bottom:56.25%;position:relative}

section#video .video__box__wrapper__thumbnail{cursor:pointer;display:flex;flex-direction:column;height:100%;position:absolute;text-align:center;width:100%}

section#video .video__box__wrapper__thumbnail #bottom-left-corner{bottom:0;left:0;position:absolute;width:50%}

section#video .video__box__wrapper__thumbnail #top-right-corner{top:0;right:0;position:absolute;width:50%}

section#video #platform{bottom:-48px;bottom:-3rem;position:absolute;width:100%;z-index:1}

section#video #platform img{width:100%}

@media(max-width: 775px){section#video .video__box{width:100%}}

section.testimonial{margin-top:48px;margin-top:3rem;padding:192px 24px 240px;padding:12rem 1.5rem 15rem}

section.testimonial .testimonial__content{align-items:center;border-bottom:2px solid #b7c4d2;border-top:2px solid #b7c4d2;display:flex;flex-direction:column;margin:0 auto;max-width:700px;padding:48px 16px 40px;padding:3rem 1rem 2.5rem;width:100%}

section.testimonial .testimonial__content__text{text-align:center;margin-bottom:10px}

section.testimonial .testimonial__content__text strong{font-size:25px;font-weight:700}

section.testimonial .testimonial__content__text span{color:rgba(0,0,0,.6);display:block;font-size:18px;line-height:1.75;margin-top:15px}

section.testimonial .testimonial__content__bio{align-items:center;background-color:hsla(0,0%,100%,0);display:flex;font-size:14px;font-size:.875rem;padding:10px;transition:background-color .2s}

section.testimonial .testimonial__content__bio img{border:1px solid #fff;border-radius:2.5px;height:50px;margin-right:15px;width:50px}

section.testimonial .testimonial__content__bio span{color:#4277ce;font-size:12px}

section.testimonial .testimonial__content__bio:hover{background-color:#e9edef}

@media(max-width: 775px){section.testimonial{padding:3rem 1.5rem 5rem}section.testimonial .testimonial__content{padding:3rem 0 2.5rem}section.testimonial .testimonial__content__text{margin-bottom:10px}section.testimonial .testimonial__content__text strong{font-size:18px}section.testimonial .testimonial__content__text span{font-size:16px;line-height:1.5;margin-top:15px}section.testimonial .testimonial__content__bio{flex-direction:column}section.testimonial .testimonial__content__bio img{margin:0 0 10px}section.testimonial .testimonial__content__bio div{text-align:center}}

section#testimonial-1{padding-bottom:368px}

section#testimonial-2{padding-bottom:352px}

section#testimonial-3{padding-bottom:400px}

section#features h2{font-family:"Source Serif Pro",serif;font-size:52px;font-size:3.25rem;font-weight:600;margin:0 0 30px;padding-top:20px;text-align:center}

section#features .features-menu{align-items:center;display:flex;justify-content:center;margin:0 auto 128px;margin:0 auto 8rem;width:-moz-fit-content;width:fit-content;position:relative}

section#features .features-menu a{background-color:#fff;color:#4277ce;font-weight:500;margin:0 25px;padding:0 10px;transition:color .2s;z-index:1}

section#features .features-menu a:hover{color:rgb(35,72.8571428571,135)}

section#features .features-menu a:first-of-type{margin-left:0;padding-left:0}

section#features .features-menu a:last-of-type{margin-right:0;padding-right:0}

section#features .features-menu .spacer{border-bottom:2px solid #b7c4d2;display:block;opacity:.5;position:absolute;width:100%}

section#features .feature{align-items:center;display:flex;justify-content:space-between;margin-bottom:200px}

section#features .feature.image-left .feature__text{order:2}

section#features .feature.image-left .feature__text__content{margin:0 auto 50px 100px}

section#features .feature.image-left .feature__image{order:1;padding-right:15px}

section#features .feature.image-right .feature__text{order:1}

section#features .feature.image-right .feature__text__content{margin:0 60px 50px auto}

section#features .feature.image-right .feature__image{order:2;padding-left:15px}

section#features .feature__text{width:50%}

section#features .feature__text__content{width:60%}

@media(max-width: 1280px){section#features .feature__text__content{margin:0 !important;padding:0 60px 50px;width:100%}}

section#features .feature__text__content h3{font-family:"Source Serif Pro",serif;font-size:30px;font-weight:600;padding-top:20px;margin-bottom:30px}

section#features .feature__text__content h4{color:rgba(0,0,0,.6);text-transform:uppercase}

section#features .feature__text__content p{font-size:20px;font-weight:300;margin-bottom:20px}

section#features .feature__text__content a{color:#4277ce;-webkit-text-decoration:underline;text-decoration:underline;transition:color .2s}

section#features .feature__text__content a:hover{color:rgb(35,72.8571428571,135)}

section#features .feature__text__content ul{margin-top:40px}

section#features .feature__text__content ul li{color:rgba(0,0,0,.6);display:flex;margin:20px 120px 20px 0}

section#features .feature__text__content ul li span.icon{margin-right:10px;position:relative;width:16px;width:1rem}

section#features .feature__text__content ul li span.icon svg{fill:rgba(0,0,0,.6);position:absolute;top:6px}

section#features .feature__text__content ul li span.text{color:inherit;flex:1}

section#features .feature__image{width:50%}

@media(max-width: 900px){section#features{padding:4rem 0}section#features h2{font-size:30px}section#features .features-menu{flex-direction:column}section#features .features-menu a{margin:0 0 1.5rem;padding:0}section#features .features-menu .spacer{display:none}}

@media(max-width: 1024px){section#features .feature{flex-direction:column}section#features .feature__text{order:1 !important;width:100%}section#features .feature__text__content{padding:0 1.5rem 50px}section#features .feature__text__content li{margin-right:0 !important}section#features .feature__image{order:2 !important;width:100%}}

section#logos{align-items:center;display:flex;flex-direction:column;margin:50px 0 100px;max-width:1050px}

section#logos h3{color:rgba(0,0,0,.6);font-size:14px;font-size:.875rem;margin-bottom:30px}

section#logos .logos__container{align-items:center;display:flex;justify-content:space-around;width:100%}

section#logos .logos__container a{display:flex;justify-content:center;margin:0 5%}

section#logos .logos__container a:hover img{transform:scale(1.05)}

section#logos .logos__container a img{-o-object-fit:contain;object-fit:contain;transition:transform .2s}

section#logos .logos__container a#cracked{width:17%}

section#logos .logos__container a#mindtrap{width:20%}

section#logos .logos__container a#ee-nash{width:17%}

section#logos .logos__container a#escapology{width:29%}

section#logos .logos__container a#clueiq{width:19%}

section#logos .logos__container a#exit{width:18%}

@media(max-width: 800px){section#logos .logos__container{flex-wrap:wrap}section#logos .logos__container a{margin:30px 10%;max-width:150px;width:30% !important}section#logos .logos__container a#escapology{display:none}}

#how-it-works{align-items:center;display:flex;flex-direction:column;margin:128px 24px;margin:8rem 1.5rem;position:relative}

#how-it-works h2{background-image:linear-gradient(180deg, #fff 85%, rgba(255, 255, 255, 0));font-family:"Source Serif Pro",serif;font-size:52px;font-size:3.25rem;font-weight:600;height:-moz-fit-content;height:fit-content;padding:20px 20px 50px;text-align:center;z-index:1}

#how-it-works .timeline-wrap{overflow:hidden;position:absolute;height:100%;margin-right:auto;margin-left:auto;width:16px;background-color:rgba(20,88,241,.2)}

#how-it-works .timeline{background-color:#4277ce;bottom:0;left:5px;position:absolute;top:0;transform:translate(0, -100%);transform-style:preserve-3d;width:6px;will-change:transform}

#how-it-works .spacer{height:100px}

#how-it-works .timeline-item{display:flex;justify-content:center;position:relative}

#how-it-works .timeline-item.inactive .timeline-item__center__circle__outer{transform:scale(0.2)}

#how-it-works .timeline-item.inactive .timeline-item__center__circle__middle{transform:scale(0.3)}

#how-it-works .timeline-item.inactive .timeline-item__center__circle__inner{transform:scale(0.95)}

#how-it-works .timeline-item.inactive .right.text .text-container{opacity:0;transform:translateX(-20px)}

#how-it-works .timeline-item.inactive .right.image{opacity:0;transform:translateX(-20px)}

#how-it-works .timeline-item.inactive .left.text .text-container{opacity:0;transform:translateX(20px)}

#how-it-works .timeline-item.inactive .left.image{opacity:0;transform:translateX(20px)}

#how-it-works .timeline-item__details{width:455px}

#how-it-works .timeline-item__details.image{opacity:1;transform:translateX(0);transition:all .2s}

#how-it-works .timeline-item__details.text.left{text-align:right}

#how-it-works .timeline-item__details.text .step{color:#4277ce;display:block;font-size:18px;font-weight:500;margin-bottom:10px;margin-top:57px}

#how-it-works .timeline-item__details.text .text-container{opacity:1;transform:translateX(0);transition:all .2s}

#how-it-works .timeline-item__details.text .text-container h4{font-family:"Source Serif Pro",serif;font-size:20px;margin:20px 0 10px}

#how-it-works .timeline-item__center{height:400px;margin:0 50px;width:16px}

#how-it-works .timeline-item__center__circle{height:54px;margin-left:-19px;margin-top:44px;position:relative;width:54px}

#how-it-works .timeline-item__center__circle__outer{position:absolute;z-index:2;width:54px;height:54px;margin-top:0;margin-left:0;border-radius:100px;background-color:rgba(247,199,95,.21);transition:transform .2s}

#how-it-works .timeline-item__center__circle__middle{position:absolute;left:10px;top:10px;right:0;bottom:0;z-index:3;width:34.5px;height:34.5px;border-radius:100px;background-color:rgba(247,199,95,.44);transition:transform .2s}

#how-it-works .timeline-item__center__circle__inner{position:absolute;left:16px;top:16px;right:0;bottom:0;z-index:4;width:23px;height:23px;border-radius:100px;background-color:#f7c75f;box-shadow:0 0 25px 3px #f7c75f;transition:transform .2s}

#how-it-works .timeline-item__center__circle__line-flare{position:absolute;left:24px;top:-45px;z-index:1;width:6px;height:160px;background-image:linear-gradient(180deg, rgba(247, 199, 95, 0), rgba(247, 199, 95, 0.3) 27%, rgba(247, 199, 95, 0.4) 48%, rgba(247, 199, 95, 0.3) 68%, rgba(247, 199, 95, 0))}

#how-it-works .timeline-item.step-4 .right{align-items:flex-start;display:flex;margin-top:30px;position:relative}

#how-it-works .timeline-item.step-4 .right .step-4__container{align-items:center;display:flex;position:absolute;left:0}

#how-it-works .timeline-item.step-4 .right .step-4__container .marvel-device:last-child{margin-left:25px}

#how-it-works .all-done{background-image:linear-gradient(180deg, rgba(255, 255, 255, 0), #fff 15%);z-index:1;height:-moz-fit-content;height:fit-content;padding:55px 20px 50px;text-align:center}

#how-it-works .all-done h3{font-family:"Source Serif Pro",serif;font-size:52px;font-size:3.25rem;font-weight:600;margin-bottom:10px}

#how-it-works .all-done p{color:rgba(0,0,0,.6);font-size:20px;font-size:1.25rem;margin-bottom:40px;max-width:704px;max-width:44rem}

#how-it-works .all-done a[role=button]{background-image:linear-gradient(0deg, #4277ce, rgb(126.75, 162.7142857143, 221.75));border-radius:.125rem;color:#fff;display:inline-block;font-weight:500;padding:15px 40px;transition:all .2s}

#how-it-works .all-done a[role=button]:hover{background-image:linear-gradient(0deg, rgb(40.25, 83.7857142857, 155.25), #4277ce)}

@media(max-width: 900px){#how-it-works .all-done h3{font-size:30px}#how-it-works .all-done p{font-size:16px}}

@media(max-width: 1050px){#how-it-works h2{font-size:30px}#how-it-works .timeline-item{flex-direction:column;background-image:linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75) 100px, rgba(255, 255, 255, 0.75) 85%, rgba(255, 255, 255, 0))}#how-it-works .timeline-item__details{max-width:455px;padding:0 15px;width:100%}#how-it-works .timeline-item__details.text{order:1;margin:140px 0 30px;text-align:center !important}#how-it-works .timeline-item__details.image{order:2}#how-it-works .timeline-item__center{height:100%;left:50%;margin:0;position:absolute;transform:translateX(-50%)}#how-it-works .timeline-item__center__circle{margin-top:90px}#how-it-works .timeline-item.step-4 .timeline-item__details.image{justify-content:center}#how-it-works .timeline-item.step-4 .step-4__container{position:static !important}}

.desktop .marvel-device{display:inline-block;position:relative;box-sizing:content-box !important}

.desktop .marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#fff;overflow:hidden;display:block;border-radius:.4px;box-shadow:0 0 0 1.2px #111}

.desktop .marvel-device .top-bar,.desktop .marvel-device .bottom-bar{height:1.2px;background:#000;width:100%;display:block}

.desktop .marvel-device.iphone-x{width:150px;height:324.8px;padding:10.4px;background:#fdfdfd;box-shadow:inset 0 0 4.4px 0 #000;border-radius:26.4px}

.desktop .marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:26.4px;overflow:hidden}

.desktop .marvel-device.iphone-x .shadow{border-radius:100%;width:36px;height:36px;position:absolute;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 60%)}

.desktop .marvel-device.iphone-x .shadow--tl{top:-8px;left:-8px}

.desktop .marvel-device.iphone-x .shadow--tr{top:-8px;right:-8px}

.desktop .marvel-device.iphone-x .shadow--bl{bottom:-8px;left:-8px}

.desktop .marvel-device.iphone-x .shadow--br{bottom:-8px;right:-8px}

.desktop .marvel-device.iphone-x:before{width:calc(100% - 10px*0.4);height:calc(100% - 10px*0.4);position:absolute;top:2px;content:"";left:2px;border-radius:24.4px;background:#000;z-index:1}

.desktop .marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px*0.4);height:calc(100% - 20px*0.4);position:absolute;top:4px;overflow:hidden;left:4px;border-radius:22.4px;box-shadow:inset 0 0 6px 0 hsla(0,0%,100%,.66);z-index:1}

.desktop .marvel-device.iphone-x .inner-shadow:before{box-shadow:inset 0 0 8px 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:"";left:0;border-radius:200px/112px;z-index:2}

.desktop .marvel-device.iphone-x .screen{border-radius:16px;box-shadow:none}

.desktop .marvel-device.iphone-x .top-bar,.desktop .marvel-device.iphone-x .bottom-bar{width:100%;position:absolute;height:3.2px;background:rgba(0,0,0,.1);left:0}

.desktop .marvel-device.iphone-x .top-bar{top:32px}

.desktop .marvel-device.iphone-x .bottom-bar{bottom:32px}

.desktop .marvel-device.iphone-x .volume,.desktop .marvel-device.iphone-x .volume:before,.desktop .marvel-device.iphone-x .volume:after,.desktop .marvel-device.iphone-x .sleep{width:1.2px;background:#b5b5b5;position:absolute}

.desktop .marvel-device.iphone-x .volume{left:-1.2px;top:46.4px;height:12.8px}

.desktop .marvel-device.iphone-x .volume:before{height:24.8px;top:24.8px;content:"";left:0}

.desktop .marvel-device.iphone-x .volume:after{height:24.8px;top:56px;content:"";left:0}

.desktop .marvel-device.iphone-x .sleep{height:38.4px;top:80px;right:-1.2px}

.desktop .marvel-device.iphone-x .camera{width:2.4px;height:2.4px;top:3.6px;border-radius:100%;position:absolute;left:61.6px;background:#0d4d71}

.desktop .marvel-device.iphone-x .speaker{height:2.4px;width:24px;left:50%;position:absolute;top:3.6px;margin-left:-12px;background:#171818;border-radius:2.4px}

.desktop .marvel-device.iphone-x .notch{position:absolute;width:84px;height:12px;top:10.4px;left:43.2px;z-index:4;background:#000;border-bottom-left-radius:9.6px;border-bottom-right-radius:9.6px}

.desktop .marvel-device.iphone-x .notch:before,.desktop .marvel-device.iphone-x .notch:after{content:"";height:3.2px;position:absolute;top:0;width:3.2px}

.desktop .marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);left:-3.2px}

.desktop .marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);right:-3.2px}

.desktop .marvel-device.iphone-x.landscape{height:150px;width:324.8px}

.desktop .marvel-device.iphone-x.landscape .top-bar,.desktop .marvel-device.iphone-x.landscape .bottom-bar{width:3.2px;height:100%;top:0}

.desktop .marvel-device.iphone-x.landscape .top-bar{left:32px}

.desktop .marvel-device.iphone-x.landscape .bottom-bar{right:32px;bottom:auto;left:auto}

.desktop .marvel-device.iphone-x.landscape .volume,.desktop .marvel-device.iphone-x.landscape .volume:before,.desktop .marvel-device.iphone-x.landscape .volume:after,.desktop .marvel-device.iphone-x.landscape .sleep{height:1.2px}

.desktop .marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px/200px}

.desktop .marvel-device.iphone-x.landscape .volume{bottom:-1.2px;top:auto;left:46.4px;width:12.8px}

.desktop .marvel-device.iphone-x.landscape .volume:before{width:24.8px;left:24.8px;top:0}

.desktop .marvel-device.iphone-x.landscape .volume:after{width:24.8px;left:56px;top:0}

.desktop .marvel-device.iphone-x.landscape .sleep{width:38.4px;left:80px;top:-1.2px;right:auto}

.desktop .marvel-device.iphone-x.landscape .camera{left:3.6px;bottom:61.6px;top:auto}

.desktop .marvel-device.iphone-x.landscape .speaker{width:2.4px;height:24px;left:3.6px;top:50%;margin-top:-12px;margin-left:0}

.desktop .marvel-device.iphone-x.landscape .notch{height:84px;width:12px;left:10.4px;bottom:43.2px;top:auto;border-top-right-radius:9.6px;border-bottom-right-radius:9.6px;border-bottom-left-radius:0}

.desktop .marvel-device.iphone-x.landscape .notch:before,.desktop .marvel-device.iphone-x.landscape .notch:after{left:0}

.desktop .marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);bottom:-3.2px;top:auto}

.desktop .marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);top:-3.2px}

.desktop .screen .text{position:absolute;left:6.4px;top:52px;transform:scale(0.4);transform-origin:top left;width:235px}

.desktop .message{font-size:14px;border-radius:20px;padding:8px 15px;margin-top:5px;margin-bottom:5px;display:inline-block;background-color:#eee;position:relative}

.desktop .message.last:before{content:"";position:absolute;z-index:0;bottom:0;left:-7px;height:20px;width:20px;background:#eee;border-bottom-right-radius:15px}

.desktop .message.last:after{content:"";position:absolute;z-index:1;bottom:0;left:-10px;width:10px;height:20px;background:#fff;border-bottom-right-radius:10px}

.desktop .message.image{max-width:200px;padding:0;transition:transform .2s}

.desktop .message.image:hover{transform:scale(1.025)}

.desktop .message.image img{border-top-left-radius:20px;border-top-right-radius:20px}

.desktop .message.image div{padding:8px 15px}

.desktop .message.image div .title{font-size:13px;font-weight:500;line-height:1;padding:0 0 4px}

.desktop .message.image div .url{color:rgba(0,0,0,.6);font-size:12px;line-height:1;padding:0}

.desktop .screen .email{background-color:#fff;bottom:33.6px;display:flex;left:0;position:absolute;right:0;top:64px}

.desktop .screen .email__container{align-items:center;background-color:#f8f8f8;display:flex;flex-direction:column;height:95%;margin:auto;width:93%}

.desktop .screen .email__container .logo{margin:8px 0;width:112px}

.desktop .screen .email__container .email-body{background-color:#fff;margin:0 6px;padding:6px}

.desktop .screen .email__container .email-body p{font-size:6.4px;margin-bottom:4px}

.desktop .screen .email__container .email-body a{background:red;border-radius:2px;color:#fff;display:block;font-size:6.4px;margin:14px auto 6px;padding:4px 6px;text-align:center;transition:transform .2s;width:72px}

.desktop .screen .email__container .email-body a:hover{transform:scale(1.025)}

.desktop .screen .email__container .contact-info{font-size:5.6px;margin-top:10px;text-align:center}

.desktop .msg-icon{align-items:center;display:flex;font-weight:500;left:50%;position:absolute;top:-45px;transform:translateX(-50%)}

.desktop .msg-icon svg{margin-right:10px;width:30px}

.mobile{display:none}

@media(max-width: 1050px){.desktop{display:none}.mobile .marvel-device{display:inline-block;position:relative;box-sizing:content-box !important}.mobile .marvel-device .screen{width:100%;position:relative;height:100%;z-index:3;background:#fff;overflow:hidden;display:block;border-radius:.2933333333px;box-shadow:0 0 0 .88px #111}.mobile .marvel-device .top-bar,.mobile .marvel-device .bottom-bar{height:.88px;background:#000;width:100%;display:block}.mobile .marvel-device.iphone-x{width:110px;height:238.1866666667px;padding:7.6266666667px;background:#fdfdfd;box-shadow:inset 0 0 3.2266666667px 0 #000;border-radius:19.36px}.mobile .marvel-device.iphone-x .overflow{width:100%;height:100%;position:absolute;top:0;left:0;border-radius:19.36px;overflow:hidden}.mobile .marvel-device.iphone-x .shadow{border-radius:100%;width:26.4px;height:26.4px;position:absolute;background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.6) 0%, rgba(255, 255, 255, 0) 60%)}.mobile .marvel-device.iphone-x .shadow--tl{top:-5.8666666667px;left:-5.8666666667px}.mobile .marvel-device.iphone-x .shadow--tr{top:-5.8666666667px;right:-5.8666666667px}.mobile .marvel-device.iphone-x .shadow--bl{bottom:-5.8666666667px;left:-5.8666666667px}.mobile .marvel-device.iphone-x .shadow--br{bottom:-5.8666666667px;right:-5.8666666667px}.mobile .marvel-device.iphone-x:before{width:calc(100% - 10px*0.2933333333);height:calc(100% - 10px*0.2933333333);position:absolute;top:1.4666666667px;content:"";left:1.4666666667px;border-radius:17.8933333333px;background:#000;z-index:1}.mobile .marvel-device.iphone-x .inner-shadow{width:calc(100% - 20px*0.2933333333);height:calc(100% - 20px*0.2933333333);position:absolute;top:2.9333333333px;overflow:hidden;left:2.9333333333px;border-radius:16.4266666667px;box-shadow:inset 0 0 4.4px 0 hsla(0,0%,100%,.66);z-index:1}.mobile .marvel-device.iphone-x .inner-shadow:before{box-shadow:inset 0 0 5.8666666667px 0 #fff;width:100%;height:116%;position:absolute;top:-8%;content:"";left:0;border-radius:200px/112px;z-index:2}.mobile .marvel-device.iphone-x .screen{border-radius:11.7333333333px;box-shadow:none}.mobile .marvel-device.iphone-x .top-bar,.mobile .marvel-device.iphone-x .bottom-bar{width:100%;position:absolute;height:2.3466666667px;background:rgba(0,0,0,.1);left:0}.mobile .marvel-device.iphone-x .top-bar{top:23.4666666667px}.mobile .marvel-device.iphone-x .bottom-bar{bottom:23.4666666667px}.mobile .marvel-device.iphone-x .volume,.mobile .marvel-device.iphone-x .volume:before,.mobile .marvel-device.iphone-x .volume:after,.mobile .marvel-device.iphone-x .sleep{width:.88px;background:#b5b5b5;position:absolute}.mobile .marvel-device.iphone-x .volume{left:-0.88px;top:34.0266666667px;height:9.3866666667px}.mobile .marvel-device.iphone-x .volume:before{height:18.1866666667px;top:18.1866666667px;content:"";left:0}.mobile .marvel-device.iphone-x .volume:after{height:18.1866666667px;top:41.0666666667px;content:"";left:0}.mobile .marvel-device.iphone-x .sleep{height:28.16px;top:58.6666666667px;right:-0.88px}.mobile .marvel-device.iphone-x .camera{width:1.76px;height:1.76px;top:2.64px;border-radius:100%;position:absolute;left:45.1733333333px;background:#0d4d71}.mobile .marvel-device.iphone-x .speaker{height:1.76px;width:17.6px;left:50%;position:absolute;top:2.64px;margin-left:-8.8px;background:#171818;border-radius:1.76px}.mobile .marvel-device.iphone-x .notch{position:absolute;width:61.6px;height:8.8px;top:7.6266666667px;left:31.68px;z-index:4;background:#000;border-bottom-left-radius:7.04px;border-bottom-right-radius:7.04px}.mobile .marvel-device.iphone-x .notch:before,.mobile .marvel-device.iphone-x .notch:after{content:"";height:2.3466666667px;position:absolute;top:0;width:2.3466666667px}.mobile .marvel-device.iphone-x .notch:after{background:radial-gradient(circle at bottom left, transparent 0, transparent 70%, black 70%, black 100%);left:-2.3466666667px}.mobile .marvel-device.iphone-x .notch:before{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);right:-2.3466666667px}.mobile .marvel-device.iphone-x.landscape{height:110px;width:238.1866666667px}.mobile .marvel-device.iphone-x.landscape .top-bar,.mobile .marvel-device.iphone-x.landscape .bottom-bar{width:2.3466666667px;height:100%;top:0}.mobile .marvel-device.iphone-x.landscape .top-bar{left:23.4666666667px}.mobile .marvel-device.iphone-x.landscape .bottom-bar{right:23.4666666667px;bottom:auto;left:auto}.mobile .marvel-device.iphone-x.landscape .volume,.mobile .marvel-device.iphone-x.landscape .volume:before,.mobile .marvel-device.iphone-x.landscape .volume:after,.mobile .marvel-device.iphone-x.landscape .sleep{height:.88px}.mobile .marvel-device.iphone-x.landscape .inner-shadow:before{height:100%;width:116%;left:-8%;top:0;border-radius:112px/200px}.mobile .marvel-device.iphone-x.landscape .volume{bottom:-0.88px;top:auto;left:34.0266666667px;width:9.3866666667px}.mobile .marvel-device.iphone-x.landscape .volume:before{width:18.1866666667px;left:18.1866666667px;top:0}.mobile .marvel-device.iphone-x.landscape .volume:after{width:18.1866666667px;left:41.0666666667px;top:0}.mobile .marvel-device.iphone-x.landscape .sleep{width:28.16px;left:58.6666666667px;top:-0.88px;right:auto}.mobile .marvel-device.iphone-x.landscape .camera{left:2.64px;bottom:45.1733333333px;top:auto}.mobile .marvel-device.iphone-x.landscape .speaker{width:1.76px;height:17.6px;left:2.64px;top:50%;margin-top:-8.8px;margin-left:0}.mobile .marvel-device.iphone-x.landscape .notch{height:61.6px;width:8.8px;left:7.6266666667px;bottom:31.68px;top:auto;border-top-right-radius:7.04px;border-bottom-right-radius:7.04px;border-bottom-left-radius:0}.mobile .marvel-device.iphone-x.landscape .notch:before,.mobile .marvel-device.iphone-x.landscape .notch:after{left:0}.mobile .marvel-device.iphone-x.landscape .notch:after{background:radial-gradient(circle at bottom right, transparent 0, transparent 70%, black 70%, black 100%);bottom:-2.3466666667px;top:auto}.mobile .marvel-device.iphone-x.landscape .notch:before{background:radial-gradient(circle at top right, transparent 0, transparent 70%, black 70%, black 100%);top:-2.3466666667px}.mobile .screen .text{position:absolute;left:4.6933333333px;top:38.1333333333px;transform:scale(0.2933333333);transform-origin:top left;width:235px}.mobile .message{font-size:14px;border-radius:20px;padding:8px 15px;margin-top:5px;margin-bottom:5px;display:inline-block;background-color:#eee;position:relative}.mobile .message.last:before{content:"";position:absolute;z-index:0;bottom:0;left:-7px;height:20px;width:20px;background:#eee;border-bottom-right-radius:15px}.mobile .message.last:after{content:"";position:absolute;z-index:1;bottom:0;left:-10px;width:10px;height:20px;background:#fff;border-bottom-right-radius:10px}.mobile .message.image{max-width:200px;padding:0;transition:transform .2s}.mobile .message.image:hover{transform:scale(1.025)}.mobile .message.image img{border-top-left-radius:20px;border-top-right-radius:20px}.mobile .message.image div{padding:8px 15px}.mobile .message.image div .title{font-size:13px;font-weight:500;line-height:1;padding:0 0 4px}.mobile .message.image div .url{color:rgba(0,0,0,.6);font-size:12px;line-height:1;padding:0}.mobile .screen .email{background-color:#fff;bottom:24.64px;display:flex;left:0;position:absolute;right:0;top:46.9333333333px}.mobile .screen .email__container{align-items:center;background-color:#f8f8f8;display:flex;flex-direction:column;height:95%;margin:auto;width:93%}.mobile .screen .email__container .logo{margin:5.8666666667px 0;width:82.1333333333px}.mobile .screen .email__container .email-body{background-color:#fff;margin:0 4.4px;padding:4.4px}.mobile .screen .email__container .email-body p{font-size:4.6933333333px;margin-bottom:2.9333333333px}.mobile .screen .email__container .email-body a{background:red;border-radius:1.4666666667px;color:#fff;display:block;font-size:4.6933333333px;margin:10.2666666667px auto 4.4px;padding:2.9333333333px 4.4px;text-align:center;transition:transform .2s;width:52.8px}.mobile .screen .email__container .email-body a:hover{transform:scale(1.025)}.mobile .screen .email__container .contact-info{font-size:4.1066666667px;margin-top:7.3333333333px;text-align:center}.mobile .msg-icon{align-items:center;display:flex;font-weight:500;left:50%;position:absolute;top:-45px;transform:translateX(-50%)}.mobile .msg-icon svg{margin-right:10px;width:30px}.mobile{display:block}}

/*# sourceMappingURL=home-57ff15c49033096edfa2.css.map*/