.ellipsis{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.no-wrap{
    white-space:nowrap
}
.align-left{
    text-align:left
}
.align-right{
    text-align:right
}
.align-center{
    text-align:center
}
.align-middle>*{
    display:inline-block;
    vertical-align:middle
}
.text-hidden{
    text-indent:-9999em
}
.block{
    display:block
}
.relative{
    position:relative
}
[data-before]:before{
    content:attr(data-before)
}
[data-after]:after{
    content:attr(data-after)
}
.no-padding{
    padding:0
}
.no-padding-bottom{
    padding-bottom:0
}
.no-margin{
    margin:0
}
.no-scroll{
    overflow:hidden
}
.p-top{
    padding-top:1em
}
.p-top-big{
    padding-top:2em
}
.p-right{
    padding-right:1em
}
.p-bottom{
    padding-bottom:1em
}
.p-left{
    padding-left:1em
}
.columns,.columns-vertical,.columns-top,.columns-middle,.columns-bottom,.columns-left,.columns-center,.columns-right,.columns-justify{
    display:flex;
    flex-wrap:wrap
}
.columns>*,.columns-vertical>*,.columns-top>*,.columns-middle>*,.columns-bottom>*,.columns-left>*,.columns-center>*,.columns-right>*,.columns-justify>*{
    flex-shrink:0
}
.columns-vertical{
    flex-direction:column
}
.columns-top{
    align-items:flex-start
}
.columns-middle{
    align-items:center
}
.columns-bottom{
    align-items:flex-end
}
.columns-left{
    justify-content:flex-start
}
.columns-center{
    justify-content:center
}
.columns-right{
    justify-content:flex-end
}
.columns-justify{
    justify-content:space-between
}
.column-grow{
    flex-grow:1
}
.col-15{
    width:15%
}
.col-20{
    width:20%
}
.col-25{
    width:25%
}
.col-30{
    width:30%
}
.col-33{
    width:33.3%
}
.col-40{
    width:40%
}
.col-50{
    width:50%
}
.col-60{
    width:60%
}
.col-66{
    width:66.6%
}
.col-70{
    width:70%
}
.col-75{
    width:75%
}
.col-80{
    width:80%
}
.col-100{
    width:100%
}
.flex-columns,.flex-columns-stretch,.flex-columns-center,.flex-columns-vertical{
    display:flex;
    align-items:center;
    flex-wrap:wrap
}
.flex-columns .col,.flex-columns [class*="col-"],.flex-columns-stretch .col,.flex-columns-stretch [class*="col-"],.flex-columns-center .col,.flex-columns-center [class*="col-"],.flex-columns-vertical .col,.flex-columns-vertical [class*="col-"]{
    width:auto;
    flex:1 auto;
    min-width:0;
    min-height:0
}
.flex-columns .col-33,.flex-columns-stretch .col-33,.flex-columns-center .col-33,.flex-columns-vertical .col-33{
    flex:1 33%
}
.flex-columns .col-50,.flex-columns-stretch .col-50,.flex-columns-center .col-50,.flex-columns-vertical .col-50{
    flex:1 50%
}
.flex-columns .col-66,.flex-columns-stretch .col-66,.flex-columns-center .col-66,.flex-columns-vertical .col-66{
    flex:1 66%
}
.flex-columns-stretch{
    align-items:stretch
}
.flex-columns-center{
    justify-content:center
}
.flex-columns-vertical{
    flex-direction:column;
    align-items:stretch
}
.v-centered,.v-centered-container:after{
    display:inline-block;
    vertical-align:middle
}
.v-centered-container:after{
    content:'';
    height:100%
}
.v-centered-container{
    width:100%;
    height:100%
}
.image-container{
    display:inline-block;
    position:relative;
    width:100%
}
.image-container img{
    position:absolute;
    top:0;
    left:0
}
.media-block .media-element,.media-block .media-content{
    display:inline-block;
    vertical-align:middle
}
.media-block .media-element img{
    display:block
}
input[type="text"],input[type="email"],input[type="password"],textarea{
    -webkit-appearance:none
}
.textarea-auto-resize textarea{
    overflow:hidden;
    resize:none;
    outline:0
}
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{
    display:block
}
audio,canvas,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
html{
    font-family:sans-serif;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
body{
    margin:0
}
a{
    background:transparent
}
a:focus{
    outline:thin dotted
}
a:active,a:hover{
    outline:0
}
h1{
    font-size:2em;
    margin:0.67em 0
}
abbr[title]{
    border-bottom:1px dotted
}
b,strong{
    font-weight:bold
}
dfn{
    font-style:italic
}
hr{
    box-sizing:content-box;
    height:0
}
mark{
    background:#ff0;
    color:#000
}
code,kbd,pre,samp{
    font-family:monospace, serif;
    font-size:1em
}
pre{
    white-space:pre-wrap
}
q{
    quotes:"\201C" "\201D" "\2018" "\2019"
}
small{
    font-size:80%
}
sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sup{
    top:-0.5em
}
sub{
    bottom:-0.25em
}
img{
    border:0;
    max-width:100%
}
svg:not(:root){
    overflow:hidden
}
figure{
    margin:0
}
fieldset{
    border:1px solid #c0c0c0;
    margin:0 2px;
    padding:0.35em 0.625em 0.75em
}
legend{
    border:0;
    padding:0
}
button,input,select,textarea{
    font-family:inherit;
    font-size:100%;
    margin:0
}
button,input{
    line-height:normal
}
button,select{
    text-transform:none
}
button,html input[type="button"],input[type="reset"],input[type="submit"]{
    -webkit-appearance:button;
    cursor:pointer
}
button[disabled],html input[disabled]{
    cursor:default
}
input[type="checkbox"],input[type="radio"]{
    box-sizing:border-box;
    padding:0
}
input[type="search"]{
    -webkit-appearance:textfield;
    box-sizing:content-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{
    -webkit-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
textarea{
    overflow:auto;
    vertical-align:top
}
table{
    border-collapse:collapse;
    border-spacing:0
}
.highlight{
    background:#ffffff
}
.highlight .c{
    color:#999988;
    font-style:italic
}
.highlight .err{
    color:#a61717;
    background-color:#e3d2d2
}
.highlight .k{
    font-weight:bold
}
.highlight .o{
    font-weight:bold
}
.highlight .cm{
    color:#999988;
    font-style:italic
}
.highlight .cp{
    color:#999999;
    font-weight:bold
}
.highlight .c1{
    color:#999988;
    font-style:italic
}
.highlight .cs{
    color:#999999;
    font-weight:bold;
    font-style:italic
}
.highlight .gd{
    color:#000000;
    background-color:#ffdddd
}
.highlight .gd .x{
    color:#000000;
    background-color:#ffaaaa
}
.highlight .ge{
    font-style:italic
}
.highlight .gr{
    color:#aa0000
}
.highlight .gh{
    color:#999999
}
.highlight .gi{
    color:#000000;
    background-color:#ddffdd
}
.highlight .gi .x{
    color:#000000;
    background-color:#aaffaa
}
.highlight .go{
    color:#888888
}
.highlight .gp{
    color:#555555
}
.highlight .gs{
    font-weight:bold
}
.highlight .gu{
    color:#800080;
    font-weight:bold
}
.highlight .gt{
    color:#aa0000
}
.highlight .kc{
    font-weight:bold
}
.highlight .kd{
    font-weight:bold
}
.highlight .kn{
    font-weight:bold
}
.highlight .kp{
    font-weight:bold
}
.highlight .kr{
    font-weight:bold
}
.highlight .kt{
    color:#445588;
    font-weight:bold
}
.highlight .m{
    color:#009999
}
.highlight .s{
    color:#dd1144
}
.highlight .n{
    color:#333333
}
.highlight .na{
    color:teal
}
.highlight .nb{
    color:#0086b3
}
.highlight .nc{
    color:#445588;
    font-weight:bold
}
.highlight .no{
    color:teal
}
.highlight .ni{
    color:purple
}
.highlight .ne{
    color:#990000;
    font-weight:bold
}
.highlight .nf{
    color:#990000;
    font-weight:bold
}
.highlight .nn{
    color:#555555
}
.highlight .nt{
    color:navy
}
.highlight .nv{
    color:teal
}
.highlight .ow{
    font-weight:bold
}
.highlight .w{
    color:#bbbbbb
}
.highlight .mf{
    color:#009999
}
.highlight .mh{
    color:#009999
}
.highlight .mi{
    color:#009999
}
.highlight .mo{
    color:#009999
}
.highlight .sb{
    color:#dd1144
}
.highlight .sc{
    color:#dd1144
}
.highlight .sd{
    color:#dd1144
}
.highlight .s2{
    color:#dd1144
}
.highlight .se{
    color:#dd1144
}
.highlight .sh{
    color:#dd1144
}
.highlight .si{
    color:#dd1144
}
.highlight .sx{
    color:#dd1144
}
.highlight .sr{
    color:#009926
}
.highlight .s1{
    color:#dd1144
}
.highlight .ss{
    color:#990073
}
.highlight .bp{
    color:#999999
}
.highlight .vc{
    color:teal
}
.highlight .vg{
    color:teal
}
.highlight .vi{
    color:teal
}
.highlight .il{
    color:#009999
}
.highlight .gc{
    color:#999;
    background-color:#EAF2F5
}
*{
    box-sizing:border-box
}
h1,h2,h3,h4,ul,p{
    margin:0;
    padding:0
}
html,body,div[role="main"]{
    width:100%;
    height:100%
}
html{
    background-color:#fff
}
html.retina.chrome.mac{
    letter-spacing:.01em
}
body,legend,input,textarea,button{
    color:#34363A;
    font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Helvetica Neue", "Apple Color Emoji", sans-serif;
    font-size:16px;
    font-weight:normal;
    line-height:1.5
}
body{
    position:relative;
    -webkit-font-smoothing:antialiased
}
[data-async]{
    opacity:0;
    transition:opacity .15s
}
[data-async='loaded']{
    opacity:1
}
.wrapper,[class*="wrapper-"]{
    position:relative;
    width:86%;
    max-width:1280px;
    margin:auto
}
.wrapper-xxsmall{
    max-width:660px
}
.wrapper-xsmall{
    max-width:720px
}
.wrapper-small{
    max-width:940px
}
.wrapper-large{
    max-width:1440px;
    width:95%
}
.wrapper-article{
    max-width:660px;
    margin:auto
}
.wrapper+.wrapper{
    margin-top:2.5%
}
.wrapper+.wrapper-margin-bottom{
    margin-top:0
}
.wrapper-margin-bottom+.wrapper{
    margin-top:5%
}
.wrapper-boxed{
    padding:7.2%
}
.wrapper-boxed.columns{
    padding:0
}
.wrapper-boxed.columns>[class*="col-"]{
    padding:5%
}
.row{
    position:relative
}
.row-padded{
    position:relative;
    padding:6.5% 0
}
.row-padded-big{
    position:relative;
    padding:10% 0
}
.row-content+.row-content{
    padding-top:0
}
.row-intro+.row-padded:before,.row-intro-flexible+.row-padded:before,.row-separated:before{
    content:'';
    position:absolute;
    top:-1px;
    right:1em;
    left:1em;
    height:1px;
    background-color:rgba(52,54,58,0.05)
}
@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){
    .row-intro+.row-padded:before,.row-intro-flexible+.row-padded:before,.row-separated:before{
        background:linear-gradient(rgba(52,54,58,0.15) 0%, rgba(52,54,58,0.15) 50%, transparent 50%, transparent 100%)
    }
}
.row-separated{
    position:relative;
    padding:8.5% 0
}
.row-separated:before{
    background-color:rgba(52,54,58,0.1)
}
.row-intro{
    height:auto;
    min-height:100px;
    max-height:500px;
    padding:2.5% 0 0
}
.row-intro .heading-a{
    margin-bottom:0
}
.row-intro-flexible{
    padding:11.5% 0 3.25em !important
}
.row-intro-bg{
    background:#f7f8fa;
    background:radial-gradient(circle farthest-side at bottom center, #f6f7f8, #fff 80%)
}
.row-post-container{
    padding:60px 0 0 0;
    background:radial-gradient(circle closest-corner at center 500px, #f6f7f8, #fff 80%)
}
figure img,figure video{
    border-radius:6px
}
@media (max-width: 640px){
    .row-padded,.row-feature{
        padding:10% 0
    }
    .row-separated{
        padding:15% 0 10%
    }
    .row-padded-big{
        padding:17.5% 0
    }
    .row-intro{
        min-height:100px;
        padding-top:7.5%
    }
    .row-intro-flexible{
        margin-top:60px
    }
}
@media (max-width: 400px){
    .wrapper.box-white{
        width:100%;
        border-width:1px 0;
        border-radius:0
    }
}
@media (max-width: 320px){
    .row-intro{
        height:50%;
        min-height:275px;
        padding-top:10%
    }
}
@-webkit-keyframes fadeInBlock{
    0%{
        visibility:hidden;
        opacity:0
    }
    100%{
        visibility:visible;
        opacity:1
    }
}
@keyframes fadeInBlock{
    0%{
        visibility:hidden;
        opacity:0
    }
    100%{
        visibility:visible;
        opacity:1
    }
}
.footer{
    border-top:1px solid rgba(52,54,58,0.15)
}
.comments+.footer{
    margin-top:0
}
.footer .wrapper{
    width:100%;
    max-width:1240px
}
.footer .mobile-nav-trigger{
    width:100%;
    padding:1.5em;
    text-align:center
}
.footer .current{
    color:rgba(52,54,58,0.85)
}
.footer .show-mobile{
    display:none
}
.footer .blog-snippet{
    margin:0;
    padding:0
}
.footer .blog-snippet .blog-snippet-heading{
    padding-left:1.5em
}
.footer .blog-snippet .blog-snippet-cover{
    padding-right:1.5em;
    position:relative;
    width:25%;
    border-right:1px solid rgba(52,54,58,0.1)
}
.footer .blog-snippet .blog-snippet-cover img{
    display:block;
    padding:.6em
}
.footer .blog-snippet .subhead-b{
    display:inline-block;
    margin-bottom:.65em
}
.footer-block{
    position:relative;
    padding:50px 50px 35px;
    height:100%
}
.footer-block-link{
    padding-bottom:50px
}
.footer-block-link .missive-icon{
    margin-bottom:.5em
}
.footer-block-link .missive-icon svg{
    display:block
}
.footer-block-link:hover .link-b{
    color:rgba(52,54,58,0.85)
}
.footer .link-list{
    font-size:14px
}
.footer .link-list li{
    padding:.15em 0
}
.footer .link-list .text-small{
    margin-top:.35em
}
.footer .link-list .link-list-heading{
    margin-bottom:.5em
}
.footer .link-list.link-list-connect{
    float:none
}
.footer-nav{
    padding-right:25px;
    padding-bottom:25px
}
.footer-meta{
    margin:20px 0 0
}
.footer-social-link{
    display:inline-block
}
@media (max-width: 850px){
    .footer .footer-block{
        display:inline-block;
        width:100%;
        padding:8.5%
    }
    .footer .footer-nav{
        width:100%;
        padding:8.5% 0 5% 8.5%
    }
    .footer .footer-nav:before{
        width:auto;
        height:1px;
        top:0;
        left:8px;
        right:8px;
        bottom:100%
    }
}
@media (max-width: 740px){
    .footer .footer-nav{
        padding:0
    }
    #full-nav{
        display:none;
        opacity:0;
        z-index:100;
        position:fixed;
        top:0;
        right:0;
        bottom:0;
        left:0;
        overflow-y:scroll;
        background-color:#fff;
        padding:85px 48px 25px
    }
    #full-nav .link-list{
        width:100%
    }
    #full-nav .link-list+.link-list{
        margin-top:40px
    }
    #full-nav.opened{
        display:block;
        visibility:hidden;
        -webkit-animation:fadeInBlock 0.15s cubic-bezier(0.3, 0, 0.3, 1) both;
        animation:fadeInBlock 0.15s cubic-bezier(0.3, 0, 0.3, 1) both
    }
    .footer-meta{
        display:flex;
        flex-direction:column-reverse
    }
    .footer-meta .col{
        width:100%
    }
}
@media (max-width: 600px){
    .footer .show-mobile{
        display:inherit
    }
    .footer .footer-block{
        padding:10%
    }
    .footer .footer-nav{
        padding:0
    }
}
@media (max-width: 375px){
    .footer .footer-block{
        width:100%
    }
    .footer .detached-border-left:before{
        width:auto;
        height:1px;
        top:0;
        left:8px;
        right:8px;
        bottom:100%
    }
    .footer .footer-block-icon,.footer .footer-block-text{
        display:inline-block;
        vertical-align:middle
    }
    .footer .footer-block-icon .missive-icon,.footer .footer-block-text .missive-icon{
        margin:0
    }
    .footer .footer-block-text{
        padding-left:1.25em
    }
}
header{
    position:absolute;
    top:0;
    left:0;
    right:0;
    padding:40px 2.5%;
    font-size:15px;
    z-index:1000
}
.no-scroll header,header.collapsed{
    position:fixed;
    top:0;
    padding:12px 2.5%;
    background-color:#fff;
    box-shadow:0 1px 0 rgba(52,54,58,0.065)
}
header svg{
    fill:currentColor !important
}
header .wrapper{
    display:flex;
    justify-content:space-between
}
header h1{
    display:flex
}
header h1 a{
    color:#34363A !important
}
header h1 .logomark{
    width:33px;
    height:33px
}
header h1 .logotype{
    width:99px;
    height:19px;
    margin-left:.5em
}
header h1 .missive-icon,header h1 .missive-icon svg{
    display:flex;
    width:100%;
    height:100%
}
header nav .link{
    position:relative;
    color:#34363A
}
header nav .link:hover,header nav .link:focus,header nav .link.current{
    color:#34363A
}
header nav .link:hover:after,header nav .link:focus:after,header nav .link.current:after{
    content:"";
    display:block;
    position:absolute;
    top:100%;
    left:-2px;
    right:-2px;
    height:2px;
    margin-top:4px;
    border-radius:10px;
    background-color:#2266ED;
    pointer-events:none
}
header nav .link+a{
    margin-left:2em
}
header nav .button{
    font-size:inherit;
    padding:.5em 1.4em .6em 1.4em;
    line-height:1
}
.global-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1000;
    opacity:0;
    visibility:hidden;
    background-color:rgba(255,255,255,0.75);
    transition:all .25s ease
}
.global-overlay.opened{
    z-index:10000;
    opacity:1;
    visibility:visible
}
.overlay-veil{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.overlay-close{
    position:absolute;
    top:8px;
    right:8px
}
.overlay-video{
    position:relative;
    top:50%;
    width:90%;
    max-width:1120px;
    margin:auto;
    transform:translateY(-50%)
}
.video-container{
    position:relative;
    height:0;
    padding-bottom:56.25%
}
.video-container iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.heading-a,.heading-b,.heading-c,.heading-d,.heading-e{
    color:#F5F5F5;
    font-weight:300;
    font-size:56px;
    line-height:1.1
}
.heading-a{
    font-weight:200;
    margin:0 auto 30px;
    text-align:center;
    -webkit-font-smoothing:auto
}
.heading-a.align-left{
    text-align:left
}
.heading-a+.spaced{
    margin-top:50px
}
.heading-b{
    font-size:36px;
    line-height:1.15;
    margin-bottom:.35em
}
.heading-b+.spaced{
    margin-top:25px
}
.spaced+.heading-b{
    margin-top:25px
}
.heading-c{
    font-size:25px;
    line-height:1.2
}
.heading-c+p{
    margin-top:.5em
}
.heading-d{
    font-size:21px
}
.heading-e{
    font-size:20px;
    line-height:1.3;
    font-weight:normal
}
.heading-e+p{
    margin-top:.65em
}
hgroup .heading-a{
    margin-bottom:.1em
}
hgroup .heading-b,hgroup .heading-c{
    margin-bottom:0
}
.crosshead-a{
    margin-bottom:1em;
    color:#F5F5F5;
    font-size:16px;
    font-weight:normal;
    letter-spacing:0.1em;
    text-transform:uppercase
}
.subhead-a{
    color:rgba(52,54,58,0.75);
    font-weight:300;
    font-size:25px;
    line-height:1.3
}
.subhead-b{
    color:rgba(52,54,58,0.75);
    font-size:13px;
    font-weight:normal;
    letter-spacing:0.1em;
    text-transform:uppercase
}
.col{
    font-size:16px
}
p{
    color:#F5F5F5
}
p+p,p+ul,p+figure{
    margin-top:1.5em
}
.text-highlight{
    color:rgba(52,54,58,0.85);
    font-size:20px;
    font-weight:300;
    line-height:1.35
}
.text-highlight strong{
    color:rgba(52,54,58,0.85);
    font-weight:500
}
.text-a{
    color:#F5F5F5
}
.text-b{
    color:rgba(52,54,58,0.75)
}
.text-xxsmall{
    font-size:11px
}
.text-xsmall{
    font-size:13px
}
.text-small{
    font-size:14px
}
.text-medium{
    font-size:16px
}
.text-large{
    font-size:20px
}
.text-xlarge{
    font-size:25px;
    line-height:1.35;
    font-weight:300
}
.text-xxlarge{
    font-size:36px;
    font-weight:300
}
.text-xxxlarge{
    font-size:56px;
    font-weight:200
}
.center{
    text-align:center
}
small{
    display:block;
    font-size:13px
}
a,.link-a{
    color:#2266ED;
    text-decoration:none;
    transition:color .15s
}
a:focus,a:hover,.link-a:focus,.link-a:hover{
    color:#004feb
}
a,a:hover,a:focus,a:active,.link-a,.link-a:hover,.link-a:focus,.link-a:active{
    outline:none
}
.text-b a,.text-b .link-a{
    opacity:.85
}
a.current,.link-a.current{
    color:rgba(52,54,58,0.85)
}
.link-b{
    color:rgba(52,54,58,0.75);
    text-decoration:none;
    transition:color .15s
}
.link-b:focus,.link-b:hover{
    color:#34363A
}
.link-d{
    color:#34363A
}
.link-d:focus,.link-d:hover{
    color:rgba(52,54,58,0.85)
}
div+small{
    margin-top:1.5em
}
ul{
    list-style:none
}
.bullet-list{
    list-style:circle outside none
}
.bullet-list li+li{
    margin-top:.5em
}
strong,.strong{
    font-weight:500
}
.italic{
    font-style:italic
}
.line-through{
    text-decoration:line-through
}
figure figcaption{
    color:rgba(52,54,58,0.75);
    font-size:13px;
    text-align:center
}
figure figcaption code{
    font-size:13px !important
}
figure+p,figure+ul{
    margin-top:1.5em
}
.text-content h2,.text-content h3,.text-content h4,.text-content h5{
    margin:1em 0 .25em;
    color:#222427;
    font-weight:normal;
    line-height:1.35
}
.text-content h2{
    font-size:36px;
    font-weight:300;
    line-height:1.2
}
.text-content h3,.text-content h4,.text-content h5{
    margin:1.25em 0;
    font-size:25px
}
.text-content h4{
    text-transform:uppercase
}
.text-content h4,.text-content h5{
    font-size:18px;
    font-weight:500
}
.text-content h5{
    font-size:14px
}
.text-content h5 code{
    font-size:14px;
    background:none;
    font-family:Menlo, monospace;
    font-weight:700
}
.text-content p,.text-content li{
    margin-bottom:1.25em;
    color:rgba(52,54,58,0.9);
    font-size:18px
}
.text-content p.intro,.text-content li.intro{
    font-size:25px;
    font-weight:300;
    line-height:1.35
}
.text-content p>img{
    margin:.5em 0 1em;
    text-align:center
}
.text-content ul{
    margin:1.25em 0 1.25em 1.45em;
    list-style:outside;
    list-style-type:circle
}
.text-content li{
    margin-bottom:.75em
}
.text-content strong{
    font-weight:500;
    color:#34363A
}
.text-content .button-neon{
    line-height:1.25;
    padding:.65em 2.5em
}
.text-content blockquote{
    margin:0;
    border-left:3px solid #34363A
}
.blog-post-blue .text-content blockquote{
    border-left-color:#2266ED
}
.blog-post-yellow .text-content blockquote{
    border-left-color:#FDD157
}
.blog-post-green .text-content blockquote{
    border-left-color:#00B351
}
.blog-post-teal .text-content blockquote{
    border-left-color:#77B8CF
}
.text-content blockquote p{
    margin:1em 0;
    padding-left:0.75em;
    color:#222427;
    font-size:30px;
    font-weight:300;
    line-height:1.25
}
.text-content blockquote cite{
    display:block;
    margin-top:1em;
    color:rgba(52,54,58,0.9);
    font-size:18px;
    font-style:normal;
    font-weight:normal
}
.text-content blockquote cite:before{
    content:"—";
    margin-right:.25em;
    color:rgba(52,54,58,0.65)
}
.text-content figure{
    margin:1.5em auto
}
.text-content figure figcaption{
    font-size:14px
}
.text-content figure.expanded{
    margin:2.5em -10%
}
.text-content figure.expanded figcaption{
    padding:0 10%
}
.text-content code,.text-content pre,.text-content .params{
    border-radius:5px;
    font-size:16px;
    font-family:'Monaco', monospace
}
.text-content code{
    color:rgba(52,54,58,0.75);
    word-wrap:break-word
}
.text-content pre,.text-content .params{
    overflow:auto;
    margin:1em 0 1.75em;
    padding:.85em 1.25em;
    background:#fafafa;
    border:1px solid rgba(52,54,58,0.2);
    border-color:rgba(52,54,58,0.175) rgba(52,54,58,0.1) rgba(52,54,58,0.1);
    font-size:13px
}
.text-content dl{
    line-height:2
}
.text-content dl dt{
    display:inline;
    color:rgba(52,54,58,0.65)
}
.text-content dl dd{
    display:inline;
    margin:0
}
.text-content dl dd:after{
    content:'\A';
    white-space:pre
}
.text-content ol{
    list-style-type:none;
    margin:0 0 0 3.25em;
    padding:0;
    counter-reset:li-counter
}
.text-content ol>li{
    position:relative
}
.text-content ol>li:before{
    content:counter(li-counter) ".";
    counter-increment:li-counter;
    position:absolute;
    top:.2em;
    left:-2em;
    width:20px;
    height:20px;
    line-height:19px;
    text-align:center
}
.text-content .note{
    padding:.875em 0;
    margin:0 0 1em;
    border:1px solid rgba(52,54,58,0.15);
    border-width:1px 0;
    color:rgba(52,54,58,0.9);
    font-size:16px
}
.text-content .note .note-title{
    display:block
}
@media (max-width: 950px){
    .heading-b{
        font-size:31px
    }
}
@media (max-width: 740px){
    .heading-a{
        font-size:44px;
        margin-bottom:.5em
    }
    .heading-b{
        font-size:25px
    }
    .heading-c{
        font-size:22px
    }
    .text-highlight{
        font-size:18px
    }
    .text-content h2{
        font-size:25px
    }
    .text-content h3,.text-content p.intro{
        font-size:22px
    }
    .text-content h4{
        font-size:18px
    }
    .text-content h5{
        font-size:16px
    }
    .text-content blockquote p{
        font-size:25px
    }
}
@media (max-width: 400px){
    .heading-a{
        font-size:36px
    }
    .bullet-list li{
        margin-left:1em
    }
}
.missive-icon{
    display:inline-block
}
.missive-icon svg{
    width:34px;
    height:34px;
    fill:rgba(52,54,58,0.65);
    transition:fill .15s ease-out
}
.missive-icon.icon-small,.missive-icon.icon-small svg{
    width:17px;
    height:17px
}
.missive-icon.icon-medium svg{
    width:26px;
    height:26px
}
.img-shadow{
    box-shadow:0px 11px 30px 5px #c1c1c1;
    margin:1em 0
}
.button-icon{
    display:inline-block;
    cursor:pointer
}
.button-icon svg{
    fill:rgba(52,54,58,0.65)
}
.button-icon:hover svg,.button-icon:focus svg{
    fill:#2266ED
}
.link-icon:hover svg,.link-icon:focus svg,a:hover .link-icon svg,a:focus .link-icon svg{
    fill:#34363A
}
.button{
    display:inline-block;
    padding:.6em 2.5em .75em;
    background-color:#2266ED;
    border-radius:10em;
    color:#fff;
    font-size:18px;
    font-weight:500;
    cursor:pointer
}
.button:hover,.button:focus{
    color:#fff;
    background-color:#1258e3
}
.button.button-large{
    min-width:200px
}
.button.button-xlarge{
    min-width:280px
}
.button.button-medium{
    padding:.4em 1.5em .6;
    font-size:16px
}
.button.button-small{
    padding:.33em 1.5em
}
.button-neon{
    display:inline-block;
    padding:.575em 2.5em .65em;
    border:1px solid rgba(34,102,237,0.65);
    border-radius:10em;
    color:#2266ED;
    font-size:17px;
    transition-property:color, border-color;
    transition:.15s ease
}
.button-neon:hover,.button-neon:focus{
    border-color:#2266ED;
    color:#004adc
}
.button-neon:hover .missive-icon svg,.button-neon:focus .missive-icon svg{
    fill:#2266ED
}
.button-neon.disabled{
    cursor:not-allowed;
    color:rgba(52,54,58,0.5);
    border-color:rgba(52,54,58,0.2)
}
.button-neon .apple-character{
    margin-right:.15em
}
.button-neon .windows-logo{
    margin-right:.15em
}
.button-neon .missive-icon svg{
    vertical-align:middle;
    fill:#2266ED
}
.button-neon-small{
    font-size:14px
}
.button-neon-small .missive-icon,.button-neon-small .missive-icon svg{
    width:15px;
    height:15px
}
.browser-icons{
    position:relative;
    top:-1px;
    margin-right:.4em
}
.browser-icons .missive-icon,.browser-icons .missive-icon svg{
    width:15px;
    height:15px
}
.browser-icons .missive-icon svg{
    vertical-align:middle
}
.button-group>a+a{
    margin-left:.4em
}
.button-group+small{
    margin-top:1.5em
}
.button-group+.button-group{
    margin-top:.5em
}
.button-medium{
    font-size:inherit
}
.button-small{
    font-size:13px;
    padding:.25em 1em .15em
}
.box-white{
    background-color:#fff;
    border:1px solid rgba(52,54,58,0.125);
    border-radius:6px;
    box-shadow:0 0.5px 1px rgba(0,0,0,0.05);
    transition:border-color .15s
}
.box-white .col-spaced{
    padding:4.5em 2em 4em
}
.box-white.box-spaced{
    padding:10% 0 8.5%
}
.box-blocks .col{
    position:relative;
    border-radius:3px;
    text-align:center
}
.box-blocks .col+.col:after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    width:1px;
    margin:.5em 0;
    background-color:rgba(52,54,58,0.1)
}
a.box-white{
    border-color:rgba(52,54,58,0.15)
}
a.box-white:hover,a.box-white:focus{
    border-color:rgba(52,54,58,0.25)
}
.box-link{
    display:block;
    padding:16px
}
.box-link .media-element{
    margin-right:16px
}
.detached-border-left{
    position:relative
}
.detached-border-left:before{
    content:"";
    position:absolute;
    top:8px;
    bottom:8px;
    left:0;
    width:1px;
    background-color:rgba(52,54,58,0.1)
}
@media (max-width: 640px){
    .box-blocks .col{
        width:100%;
        text-align:left
    }
    .box-blocks .col>*{
        display:inline-block;
        vertical-align:middle
    }
    .box-blocks .col+.col:after{
        right:0;
        bottom:auto;
        width:auto;
        height:1px;
        margin:0 .5em
    }
}
label{
    display:inline-block
}
.icon-immersive{
    position:absolute;
    top:0;
    right:0
}
.input-line{
    display:block;
    width:100%;
    margin:0 auto;
    background-color:transparent;
    border-width:0;
    border-bottom:1px solid rgba(52,54,58,0.25);
    border-radius:5px 5px 0 0;
    font-size:21px;
    font-weight:300;
    padding:7px 10px 7px 7px
}
.input-line:focus{
    outline:0;
    border-color:#2266ED;
    transition:border-color .15s ease-out
}
.input-line.input-immersive-right{
    padding-right:38px
}
.input-line.error{
    border-color:#F23131
}
.input,textarea{
    padding:.45em .65em .45em;
    border:1px solid rgba(52,54,58,0.15);
    border-top-color:rgba(52,54,58,0.2);
    border-radius:5px;
    color:#34363A;
    line-height:1.3
}
.input.input-big,textarea.input-big{
    padding:.875em 1em
}
.input:focus,textarea:focus{
    outline:none;
    border-color:rgba(34,102,237,0.75);
    box-shadow:0 0 1px rgba(34,102,237,0.65);
    transition-property:border-color, box-shadow;
    transition:0.125s cubic-bezier(0.3, 0, 0.3, 1)
}
.form-row{
    position:relative
}
table{
    margin:2em auto
}
table td{
    padding:10px 16px 12px
}
table.with-border{
    border-collapse:collapse;
    border-radius:5px;
    border-style:hidden;
    box-shadow:0 0 0 1px rgba(52,54,58,0.15)
}
table.with-border td{
    border:1px solid rgba(52,54,58,0.15)
}
.breadcrumb .missive-icon{
    vertical-align:middle;
    margin:0 .25em
}
video{
    width:100%
}
.mobile-nav-trigger{
    position:relative;
    display:none;
    font-size:14px
}
.mobile-nav-trigger .menu-icon{
    display:inline-block;
    margin-right:6px
}
.mobile-nav-trigger .menu-icon svg{
    margin-top:.3em;
    stroke:#7b7d7f;
    stroke-linecap:round;
    stroke-width:1
}
.mobile-nav-trigger .menu-icon svg path{
    opacity:1;
    transform-origin:center;
    transition:opacity 0.15s cubic-bezier(0.3, 0, 0.3, 1),transform 0.2s cubic-bezier(0.3, 0, 0.3, 1)
}
.mobile-nav-trigger .trigger-label{
    position:relative
}
.mobile-nav-trigger .trigger-label span+span{
    display:none
}
.mobile-nav-trigger:hover .menu-icon svg{
    stroke:#34363A
}
.mobile-nav-trigger.opened{
    display:inline-block
}
.mobile-nav-trigger.opened .menu-icon svg path{
    opacity:0
}
.mobile-nav-trigger.opened .menu-icon svg path.show-close{
    opacity:1;
    transform:rotate(45deg)
}
.mobile-nav-trigger.opened .menu-icon svg path.show-close+.show-close{
    transform:rotate(-45deg)
}
.mobile-nav-trigger.opened .trigger-label span{
    display:none
}
.mobile-nav-trigger.opened .trigger-label span+span{
    display:inline
}
.apple-character{
    font-family:-apple-system, BlinkMacSystemFont, Helvetica, 'Lucida Grande', sans-serif
}
html:not(.mac) .apple-character{
    display:none
}
@media (max-width: 740px){
    header{
        position:fixed;
        top:0;
        padding:12px 2.5%
    }
    header nav{
        display:none
    }
    .mobile-nav-trigger{
        display:inline-block
    }
    .input-line{
        font-size:18px
    }
}
.about-value{
    margin-top:3.5%
}
.about-value .value-content{
    display:block;
    padding:0 1em;
    max-width:20em
}
.about-value img{
    margin-bottom:1em
}
.wrapper.founders{
    margin-top:50px;
    text-align:center
}
.founder{
    margin-bottom:50px;
    text-align:left
}
.founder .col+.col{
    margin-left:1em
}
.founder:nth-child(2n){
    padding-left:10%
}
.founder .founder-name{
    margin-top:.5em;
    min-width:180px
}
.founder .founder-links a+a{
    margin-left:5px
}
.row-contact .wrapper{
    position:static
}
.contact-address{
    margin-top:1em
}
.contact-address p+p{
    margin-top:.5em
}
.contact-map{
    padding-right:100px
}
.contact-map:after{
    content:"";
    position:absolute;
    top:8px;
    left:calc(50% - 101px);
    bottom:8px;
    width:1px;
    background-color:rgba(52,54,58,0.1)
}
.figure-map{
    position:relative;
    overflow:hidden
}
.figure-map img{
    max-width:none
}
.figure-map figcaption{
    position:absolute;
    top:45%;
    left:0;
    width:100%;
    padding:0 15%
}
.button-presskit{
    margin:auto;
    max-width:420px
}
@media (max-width: 740px){
    .contact-map{
        display:none
    }
    .row-contact .col-50{
        width:100%
    }
}
@media (max-width: 640px){
    .col-33.about-value{
        width:100%;
        text-align:left
    }
    .col-33.about-value+.about-value{
        margin-top:2em
    }
    .col-33.about-value .value-content{
        padding:0
    }
    .founders .founder{
        padding:0 1em
    }
    .text-highlight br{
        display:none
    }
}
@media (max-width: 480px){
    .button-presskit .heading-d{
        font-size:16px
    }
}
.blog-link{
    display:inline-block;
    padding:1em 1em;
    color:rgba(52,54,58,0.75);
    font-size:15px;
    text-transform:uppercase
}
.blog-link.current{
    color:#34363A;
    text-decoration:overline
}
.blog-link:hover,.blog-link:focus{
    color:#34363A
}
.blog-post-cover{
    position:relative;
    padding:7.5%;
    background:#222427;
    background:linear-gradient(to bottom right, #333A45, #252A32);
    text-align:center
}
.blog-post-cover:before{
    content:"";
    position:absolute;
    top:-1px;
    right:-1px;
    bottom:-1px;
    left:-1px;
    border:1px solid #161719;
    border-radius:6px 6px 0 0
}
.blog-post-cover img{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.cover-blue{
    background:#2266ED;
    background:linear-gradient(to bottom right, #3686FF, #2263D4)
}
.cover-blue:before{
    border-color:#2263D4
}
.cover-teal{
    background-color:#77B8CF;
    background-image:linear-gradient(to bottom right, #96D1E2, #77B8CF)
}
.cover-teal:before{
    border-color:#77B8CF
}
.cover-green{
    background-color:#00B351;
    background-image:linear-gradient(to bottom right, #40DCA0, #0DDA8C)
}
.cover-green:before{
    border-color:#00B351
}
.cover-yellow{
    background-color:#FDD157;
    background-image:linear-gradient(to bottom right, #FFE16B, #FDD157)
}
.cover-yellow:before{
    border-color:#FDD157
}
.cover-white{
    position:relative;
    background:transparent;
    border:1px solid rgba(52,54,58,0.1);
    border-width:0 1px 0 0;
    overflow:hidden
}
.cover-white:before{
    content:none
}
.cover-white img{
    position:absolute;
    top:0;
    left:50%;
    transform:translateX(-50%);
    height:100%;
    width:auto;
    max-width:none
}
[data-view="blog_posts-show"] hr{
    border:0.5px solid rgba(52,54,58,0.15);
    margin:10% 20%
}
@media (min-width: 1100px){
    .blog-excerpt .blog-post-cover,.blog-post .blog-post-cover{
        min-height:440px
    }
}
.blog-post-link{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    opacity:0
}
.blog-excerpt{
    position:relative;
    width:82.5%;
    max-width:1080px;
    margin:0 auto 7%
}
.blog-excerpt:hover{
    border-color:rgba(52,54,58,0.2)
}
.blog-excerpt .blog-post-cover{
    width:42.5%;
    border-radius:5px 0 0 5px
}
.blog-excerpt .blog-post-cover:before{
    border-radius:6px 0 0 6px
}
.blog-excerpt-content{
    width:80%;
    max-width:660px;
    margin:auto;
    padding:5vw 7.5%
}
.blog-post-cover+.blog-excerpt-content{
    width:57.5%
}
.blog-excerpt-meta>*,.blog-excerpt-meta .missive-icon{
    vertical-align:middle
}
.blog-excerpt-meta .missive-icon{
    margin-top:-2px
}
.blog-excerpt-meta img{
    margin-right:8px
}
.blog-excerpt-meta+h1{
    margin-top:.65em
}
.blog-post>.wrapper{
    margin:6.5% auto
}
.blog-post .blog-post-cover{
    border-radius:5px 5px 0 0
}
.author-preview{
    width:10%;
    position:absolute;
    left:7.2%
}
.author-preview img{
    margin-bottom:.5em
}
@media (max-width: 1340px){
    .blog-post-content .heading-a{
        margin-bottom:25px
    }
    .blog-post-content .author-preview{
        width:86%;
        max-width:720px;
        position:static;
        margin:0 auto 25px
    }
    .blog-post-content .author-preview>*{
        display:inline-block;
        vertical-align:middle
    }
    .blog-post-content .author-preview br{
        display:none
    }
    .blog-post-content .author-preview img{
        width:25px;
        margin:0 .5em .25em 0
    }
    .blog-post-content .author-preview time:before{
        content:" · ";
        margin:0 .15em
    }
}
.author-card{
    border-top:1px solid rgba(52,54,58,0.1);
    padding-top:8.5%
}
.author-card img{
    max-width:75px
}
.author-card .author-info{
    padding-left:1em
}
.author-card .author-description p{
    margin:.25em 0;
    color:rgba(52,54,58,0.75);
    font-size:14px
}
.author-card .author-description p a{
    color:#34363A
}
.author-card .author-description p a:hover,.author-card .author-description p a:focus{
    color:black
}
.blog-post-share{
    margin:8.5% 0
}
.share-links-icons{
    margin-top:3.5%
}
.share-links-icons a{
    display:inline-block;
    margin:0 5%
}
.blog-post-content{
    padding:7.2% 7.2% 7.2%
}
.blog-post-content .heading-a{
    margin-bottom:1em;
    font-size:75px;
    line-height:1.2;
    text-align:left
}
.blog-post-content h2{
    font-size:36px;
    font-weight:300;
    line-height:1.2;
    margin:2em 0 .75em
}
.blog-post-content figure{
    text-align:center
}
.blog-post-content figure figcaption{
    text-align:center
}
.blog-post-content figure.bleed{
    margin:3em -8.5%
}
.blog-post-content img.rounded{
    border-radius:0.30em
}
.figure-link{
    position:relative;
    background-color:#fff;
    border:1px solid rgba(52,54,58,0.175);
    border-radius:4px;
    box-shadow:0 0.5px 1px rgba(52,54,58,0.1);
    transition:border-color .15s
}
.figure-link img{
    display:block;
    border-radius:3px 3px 0 0
}
.figure-link:hover{
    border-color:rgba(52,54,58,0.25)
}
.figure-link a{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0
}
.figure-link .figure-link-info{
    position:relative;
    padding:1.5em 1.5em 1em;
    text-align:left;
    box-shadow:0 -1px 0 rgba(0,0,0,0.075)
}
.figure-link .figure-link-info p{
    margin:0;
    color:rgba(52,54,58,0.75)
}
.figure-link .figure-link-info small{
    margin-top:.5em
}
.figure-link .figure-link-info small:hover{
    color:rgba(52,54,58,0.65)
}
.twitter-tweet{
    margin:1em auto 2em !important
}
figure.execs-conversation{
    overflow:hidden
}
figure.execs-conversation figcaption{
    margin:1.5em 0 0
}
.execs-conversation-container{
    background-color:rgba(52,54,58,0.02);
    border:1px solid rgba(52,54,58,0.1);
    text-align:left;
    overflow:hidden
}
.execs-conversation-container .execs-quote+.execs-quote{
    margin-top:20px
}
.execs-conversation-container .execs-quote-img{
    padding-top:.25em
}
.execs-conversation-container .execs-quote-text{
    width:calc(100% - 68px);
    margin-left:20px
}
.execs-conversation-container .execs-quote-text .execs-quote-author{
    font-weight:500
}
.execs-conversation-container .execs-quote-text p{
    margin:0;
    line-height:1.4
}
.execs-conversation-container .execs-quote-text strong{
    background:#FFF0A0;
    font-weight:normal;
    padding:.15em .1em
}
.execs-conversation-container>.wrapper-xsmall{
    position:relative;
    padding:3.5em 0
}
.execs-conversation-container>.wrapper-xsmall:before,.execs-conversation-container>.wrapper-xsmall:after{
    content:'';
    position:absolute;
    top:-28px;
    left:0;
    width:48px;
    height:48px;
    border-radius:100%;
    background-color:rgba(52,54,58,0.1)
}
.execs-conversation-container>.wrapper-xsmall:after{
    top:auto;
    bottom:-28px
}
.process-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:center;
    margin-bottom:1em
}
.label-container{
    justify-content:center
}
.changelog-download-button{
    justify-content:space-evenly;
    box-shadow:none;
    background-color:#2266ED;
    background-image:linear-gradient(to bottom, rgba(0,150,255,0.75), rgba(34,102,237,0));
    color:#fff;
    padding:1em;
    border-radius:4px
}
.changelog-button-text{
    width:300px;
    padding:1em
}
.changelog-button-image{
    width:220px;
    padding:1em
}
.process-box{
    padding:.3em;
    font-size:14px;
    border-radius:5px;
    background-color:#F2F2F2;
    text-align:center;
    width:25%;
    margin:1em
}
.watch-status{
    padding:.3em .6em;
    font-size:12px;
    border-radius:5px;
    background-color:#F2F2F2;
    margin:1em
}
.active{
    background-color:#F9FBFF
}
.watch-icon{
    width:18px
}
.indicator{
    margin-top:-1.8em;
    margin-bottom:2em
}
.indicator-dot{
    height:8px;
    width:8px;
    background-color:#2266ED;
    border-radius:50%;
    display:inline-block;
    margin-top:-2px
}
.indicator-dot-weak{
    background-color:#F9FBFF;
    border:1px solid #2266ED
}
.indicator-text{
    color:#919191;
    font-size:15px
}
.label-example{
    font-size:11px;
    margin:.2em;
    padding:3px 7px;
    text-align:center;
    border:1px solid black;
    border-radius:4px
}
.sla-labels{
    font-size:14px
}
.sales-team-chart{
    font-size:14px;
    background-color:#F0F0F0;
    border:1px solid #CCCCCC;
    padding:2px 15px
}
.sales-arrow{
    font-size:18px;
    padding:3px 10px
}
.purple-label{
    border:1px solid #3A0174;
    color:#3A0174;
    background-color:#EAD6FF
}
.yellow-label{
    border:1px solid #E3A800;
    color:#E3A800;
    background-color:#FFF4D3
}
.green-label{
    border:1px solid #009E61;
    color:#009E61;
    background-color:#C5FFE2
}
.red-label{
    border:1px solid #CC0000;
    color:#CC0000;
    background-color:#F9E6E7
}
.blue-label{
    border:1px solid #0193CE;
    color:#0193CE;
    background-color:#D9F4FF
}
.gray-label{
    border:1px solid #939393;
    color:#5A5A5A;
    background-color:#E6E6E6
}
.avatar-delegation-container{
    margin:1em 2em 0 2em
}
.inline-avatar{
    width:15px;
    margin:-.5em 0 -1em
}
.quote-underline{
    border-bottom:2px solid #2266ED
}
.quote-text{
    font-weight:300;
    text-align:center
}
.newton-table{
    width:100%
}
.newton-table tr:nth-child(even){
    background-color:#F5F5F5
}
.row-comp-table{
    text-align:center;
    color:#2266ED
}
.no-comp{
    color:#484848
}
.process-box-shared-inbox{
    font-size:14px;
    border-radius:5px;
    background-color:#F9FBFF;
    text-align:center;
    width:30%;
    padding:.5em .7em;
    margin:.2em .4em
}
.shared-inbox-arrow{
    transform:rotate(90deg);
    color:#7b7b7b;
    margin-top:-.6em;
    margin-bottom:-.6em
}
.review-template{
    border:1px solid #E5E5E5;
    padding:1.5em;
    border-radius:6px;
    background-color:#FBFBFB
}
.review-template p{
    margin-bottom:0;
    font-size:15px
}
.tweet-container{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:flex-start
}
.tweet-item{
    width:50%;
    padding:0 .2em
}
.mobile-apps{
    margin:.5em 4em;
    text-align:center
}
.ddg-rating{
    width:50%;
    color:#ffffff;
    padding:4px;
    font-weight:600;
    font-size:15px;
    height:28px;
    width:28px;
    border-radius:50%
}
.c-rating{
    background-color:#EAA049
}
.b-rating{
    background-color:#44A14D
}
@media (max-width: 500px){
    figure.execs-conversation .execs-conversation-container>.wrapper-xsmall{
        width:90%
    }
}
figure.conversation-screenshot img{
    width:70%;
    border:1px solid rgba(52,54,58,0.15);
    border-radius:0 6px 6px 0
}
@media (max-width: 800px){
    figure.conversation-screenshot img{
        width:100%
    }
    .process-box{
        width:100%
    }
    .process-box-shared-inbox{
        width:75%
    }
    .process-arrow{
        transform:rotate(90deg)
    }
    .process-container{
        justify-content:center
    }
    .indicator{
        margin-top:-1.1em
    }
    .tweet-item{
        width:100%
    }
}
@media (max-width: 775px){
    .hide-mobile{
        display:none
    }
}
.next-page-cta{
    padding:0 0 6.5%
}
.blog-listing-newsletter{
    margin:10% auto
}
.blog-footer-newsletter{
    position:relative;
    margin-bottom:10%
}
.blog-footer-newsletter .blog-newsletter-signup{
    padding:15%
}
.blog-footer-newsletter .blog-newsletter-signup form{
    max-width:none
}
.blog-newsletter-signup h2{
    margin:.5em 0 .75em
}
.blog-newsletter-signup form{
    margin:auto;
    max-width:400px;
    position:relative
}
.blog-newsletter-signup input{
    color:#34363A
}
.blog-newsletter-signup input:focus+label svg{
    fill:rgba(52,54,58,0.85)
}
.blog-newsletter-signup form .icon-immersive{
    margin-top:2px
}
.newsletter-step{
    transform:translateX(-25px);
    opacity:0;
    visibility:hidden;
    transition-property:transform, opacity;
    transition:.5s ease-out
}
.newsletter-step.active{
    transform:inherit;
    opacity:1;
    visibility:visible
}
@media (max-width: 950px){
    .blog-post-content .heading-a{
        font-size:56px
    }
    .blog-footer-newsletter .blog-newsletter-signup .input-line{
        padding:8px 0.5em 8px 0.25em;
        font-size:18px
    }
    .blog-link{
        padding:.5em .5em
    }
}
@media (max-width: 820px){
    .blog-excerpt .blog-post-cover,.blog-excerpt .blog-excerpt-content{
        width:100%
    }
    .blog-excerpt .blog-post-cover{
        border-radius:5px 5px 0 0
    }
    .blog-excerpt .blog-post-cover:before{
        border-radius:6px 6px 0 0
    }
    .blog-excerpt .blog-post-cover.cover-white{
        min-height:200px;
        border-width:0 0 1px
    }
    .blog-excerpt .blog-post-cover.cover-white img{
        top:50%;
        left:0;
        transform:translateY(-50%);
        height:auto;
        width:100%;
        max-width:none
    }
    .blog-post-cover img{
        max-width:50%
    }
}
@media (max-width: 740px){
    .blog-link{
        font-size:14px;
        padding:1em .5em
    }
    .blog-post-content .heading-a{
        font-size:44px
    }
    .blog-post-content h2{
        font-size:25px
    }
    .blog-post-content h3,.blog-post-content h4,.blog-post-content p.intro{
        font-size:22px
    }
    .blog-post-content h5{
        font-size:16px
    }
    .blog-post-content blockquote p{
        font-size:25px
    }
    .blog-footer-newsletter .blog-newsletter-signup{
        padding:40% 10%
    }
}
@media (max-width: 740px){
    .blog-excerpt-meta span{
        font-size:14px
    }
}
@media (max-width: 500px){
    .blog-excerpt{
        width:90%
    }
    .blog-excerpt .blog-post-cover.cover-white{
        min-height:140px
    }
    .blog-post-cover{
        padding:12.5%
    }
    .blog-post>.wrapper{
        width:90%
    }
    .blog-post-content{
        padding:10% 5% 7.2%
    }
    .blog-post-content .heading-a{
        font-size:36px;
        font-weight:300
    }
    .blog-post-content .author-preview,.blog-post-content .wrapper-xsmall{
        width:100%
    }
    .blog-post-content ol{
        list-style-position:inside
    }
    .blog-footer-newsletter .blog-newsletter-signup .input-line{
        padding:8px 0.5em 8px 0.25em;
        font-size:16px
    }
    .text-content figure.bleed{
        margin:3em -5%
    }
}
@media (max-width: 400px){
    .blog-post>.wrapper{
        width:100%;
        margin:0 auto 5%
    }
    .blog-post .blog-post-cover,.blog-post .blog-post-cover:before{
        border-radius:0
    }
    .blog-post-content .heading-a{
        font-size:31px
    }
}
.release{
    padding-left:70px;
    padding-top: 20px;
    padding-bottom: 20px;
}
.release+.release{
    margin-top:3em
}
.release li{
    position:relative;
    margin:.5em 0
}
.release code{
    padding:.1em .3em .2em;
    white-space:normal;
    border-radius:3px;
    background-color:rgba(0,0,0,0.1)
}
.release .image,.release .video{
    margin-top:1em
}
.release .windows-icon{
    position:relative;
    top:2px;
    margin-right:.15em
}
.release .windows-icon svg{
    fill:currentColor
}
.release .image img{
    border-radius:5px
}
.release .video>div{
    position:relative;
    border-radius:5px;
    overflow:hidden
}
.release .video iframe{
    display:block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.release-tag{
    display:inline-block;
    position:absolute;
    top:4px;
    right:100%;
    margin-right:.75em;
    padding:0 .4em .08em;
    color:rgba(0,0,0,0.6);
    border-radius:4px;
    background-color:#333;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,0.05),inset 0 -1px 0 rgba(0,0,0,0.1);
    color:#fff;
    font-size:12px;
    font-weight:500;
    text-shadow:0 -1px rgba(0,0,0,0.1)
}
.release-tag+.release-tag{
    margin-left:.2em
}
.release-tag-new{
    background-color:#13CF93
}
.release-tag-improved{
    background-color:#50A8FF
}
.release-tag-fixed{
    background-color:#FFA667
}
.release-tag-blog{
    background-color:#F8D757
}
.release-tag-hired{
    background-color:#D63589
}
.release-tag-chat{
    background-color:#2266ED
}
.release-tag-story{
    background-color:#C540FF
}
.release-note{
    margin:.6em 0 1em;
    font-size:14px;
    line-height:1.6;
    color:#8b8c8d
}
.release-note p{
    color:currentColor
}
.release-note ul{
    list-style-type:initial;
    padding-left:1em
}
.release-note ul li{
    margin:0
}
.release-note ul+p{
    margin-top:.5em
}
.row-intro-download{
    padding-bottom:0 !important
}
.download-preview{
    display:inline-block;
    position:relative;
    bottom:-12px;
    margin-top:1em;
    z-index:10
}
.download-preview+.download-preview,.download-preview+br+.download-preview{
    margin-left:80px
}
.download-preview-icon{
    position:absolute;
    left:-45px;
    bottom:10px
}
.download-preview-laptop{
    position:relative;
    top:-5px;
    left:-15px
}
.download-preview-ios{
    position:relative;
    top:5px
}
.download-preview-android{
    position:relative;
    top:9px
}
.download-button-group{
    position:absolute;
    left:50%;
    transform:translateX(-50%);
    margin-top:30px
}
.download-button-neon{
    padding-left:0;
    padding-right:0;
    width:11em
}
br.download-preview-line-breaker-tablet{
    display:none
}
br.download-preview-line-breaker-mobile{
    display:none
}
.download-button-wrap{
    display:inline-block
}
.download-button-wrap+.download-button-wrap{
    margin-left:6px
}
@media (max-width: 1040px){
    br.download-preview-line-breaker-tablet{
        display:block
    }
    .download-preview+.download-preview-line-breaker-tablet+.download-preview{
        margin-left:0
    }
    .download-preview+.download-preview-line-breaker-tablet~.download-preview{
        margin-top:160px
    }
}
@media (max-width: 600px){
    br.download-preview-line-breaker-mobile{
        display:block
    }
    .download-preview+.download-preview-line-breaker-mobile+.download-preview{
        margin-left:0
    }
    .download-preview+.download-preview-line-breaker-mobile~.download-preview{
        margin-top:130px
    }
    .download-preview+.download-preview-line-breaker-tablet+.download-preview{
        margin-top:210px
    }
    .download-button-wrap{
        display:block
    }
    .download-button-wrap+.download-button-wrap{
        margin-top:10px;
        margin-left:0
    }
}
@media (max-width: 440px){
    .download-preview{
        margin-left:10% !important;
        margin-right:10% !important
    }
}
.faq-index{
    padding:10% 0 6.5%
}
.faq-entry{
    padding:60px 0 0 0
}
.faq-entry>.wrapper{
    margin:6.5% auto
}
.faq-entry-content{
    padding:7.2% 7.2% 7.2%
}
.faq-entry-content h2{
    font-size:36px;
    font-weight:300;
    line-height:1.2;
    margin:2em 0 .75em
}
.faq-entry-content img.rounded{
    border-radius:0.3em
}
.faq-entry-content p+p{
    margin-top:1em
}
.faq-entry-content blockquote p{
    font-size:18px
}
@media (max-width: 900px){
    .faq-index{
        padding:20% 0 10%
    }
}
@media (max-width: 800px){
    .faq-entry-content{
        padding:0%
    }
}
.features{
    display:flex;
    flex-wrap:wrap;
    font-size:18px
}
.features section{
    display:flex;
    padding:1em;
    text-align:left
}
.features .container{
    display:flex;
    flex-grow:1;
    border-radius:10px;
    background-color:#F9FBFF
}
.features .container>div{
    flex-grow:1;
    padding:1em 0;
    margin:0 1.4em
}
.features strong{
    font-size:1.6em;
    font-weight:600
}
.features p{
    color:#34363A
}
.features ul{
    margin:0;
    color:rgba(52,54,58,0.8)
}
.features ul li{
    display:flex
}
.features .row+.row{
    margin-top:1em
}
.features .checkmark{
    color:#2266ED;
    font-weight:bold;
    margin-right:.3em
}
@media (max-width: 1200px){
    .features .col-66{
        width:100%
    }
    .features .col-33{
        width:50%
    }
    .features section:nth-child(7){
        order:5 !important
    }
    .features section:nth-child(17){
        order:15 !important
    }
}
@media (min-width: 791px){
    .features .feature-image-bleed{
        position:relative;
        overflow:hidden
    }
    .features .feature-image-bleed img{
        position:absolute;
        top:1em;
        left:50%;
        transform:translateX(-50%)
    }
}
@media (max-width: 790px){
    .features .col-50{
        width:auto
    }
    .features .container{
        flex-direction:column
    }
    .features .feature-image{
        padding-top:0 !important
    }
    .features .feature-image-bleed{
        padding-bottom:0 !important;
        overflow:hidden
    }
    .features .feature-image-bleed img{
        margin-bottom:-4em
    }
}
@media (max-width: 650px){
    .features .col-33{
        width:100%
    }
}
.providers{
    width:100%;
    border-collapse:separate
}
.providers thead{
    font-weight:500
}
.providers td{
    padding:10px 8px 12px
}
.providers img{
    max-width:none
}
@media (max-width: 820px){
    .providers .logo{
        display:none
    }
}
@media (max-width: 660px){
    .providers{
        border-spacing:5px;
        font-size:14px
    }
}
@media (max-width: 500px){
    .providers{
        border-spacing:4px;
        font-size:9px
    }
}
.guide-container{
    position:relative
}
.guide-content{
    border-left:1px solid rgba(52,54,58,0.1)
}
.guide-content .breadcrumb{
    margin-bottom:6.5%
}
.guide-content.text-content figure.expanded{
    margin:2.5em -8.5%
}
.guide-content .group{
    padding-left:1em;
    border-left:solid 3px #02b351
}
.guide-content code{
    font-size:16px;
    padding:.1em .3em .2em;
    white-space:normal;
    border-radius:3px;
    background-color:rgba(0,0,0,0.1);
    color:#34363A
}
.guide-content table.attributes{
    width:100%;
    font-size:16px
}
.guide-content table.attributes code{
    font-size:13px;
    padding:.1em .3em .2em;
    white-space:normal;
    border-radius:3px;
    background-color:rgba(0,0,0,0.1);
    color:#34363A
}
.guide-content table.attributes small code{
    font-size:12px;
    padding:.1em .3em
}
.guide-content table.attributes thead tr{
    border-bottom:2px solid #00B351
}
.guide-content table.attributes td{
    border-bottom:1px solid rgba(0,0,0,0.1);
    padding:0.5em
}
.guide-content .params{
    padding:.4em;
    font-family:inherit
}
.guide-content .params table.attributes{
    margin:0
}
.guide-content .params table.attributes tr:last-child td{
    border-bottom:0
}
.guide-content code.default{
    font-size:13px !important;
    color:blue !important;
    background:transparent !important;
    display:inline-block
}
.guide-content code.object{
    color:#aaa !important
}
.guide-content code.string{
    color:green !important
}
.guide-content .api-header{
    position:relative;
    margin-bottom:.5em
}
.guide-content .api-header:hover a{
    opacity:1
}
.guide-content .api-header .anchor{
    position:absolute;
    top:-60px
}
.guide-content .api-header code{
    padding:.3em .4em .2em;
    display:inline-block
}
.guide-content .api-header a{
    opacity:0;
    position:absolute;
    top:6px;
    bottom:0;
    right:100%;
    width:50px
}
.guide-content .api-header a i{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:2px;
    transform:translateX(-50%) translateY(-50%)
}
.guide-content .api-header a svg{
    display:block
}
.guide-nav{
    position:-webkit-sticky;
    position:sticky;
    top:4%;
    max-height:100vh;
    overflow:auto
}
.safari .guide-nav:hover{
    transform:rotateZ(360deg)
}
.guide-summary .heading-e{
    font-weight:500
}
.guide-summary a{
    padding:.2em 0.4em;
    display:inline-block;
    position:relative;
    left:-0.4em
}
.guide-summary a.current{
    color:white;
    background-color:#2266ED;
    padding:.2em 0.4em;
    border-radius:5px
}
.guide-summary .link-list{
    margin-top:1em
}
.guide-summary .link-list .label-title{
    color:#222427;
    font-size:16px;
    font-weight:500;
    margin-top:2em;
    position:relative
}
.guide-summary .link-list li+li{
    margin-top:.4em
}
.guide-summary .guide-table-of-contents{
    font-size:15px;
    margin-top:.6em;
    margin-left:-.4em;
    padding:.6em .8em;
    border:1px solid rgba(52,54,58,0.2);
    border-radius:5px;
    border-color:rgba(52,54,58,0.075) rgba(52,54,58,0.075) rgba(52,54,58,0.075);
    background:#fcfcfc
}
.guide-summary .guide-table-of-contents li+li{
    margin-top:0
}
.guide-summary .guide-table-of-contents+.guide-table-of-contents{
    margin-top:1em
}
@media (max-width: 800px){
    .guide-container>.col-30{
        display:none
    }
    .guide-container .text-content{
        width:100%
    }
}
@media (max-width: 400px){
    .guide-content .breadcrumb{
        margin:6.5% 0
    }
}
.reviews{
    display:flex;
    flex-wrap:wrap
}
.reviews blockquote{
    width:33%;
    margin:0 0 2em 0;
    padding:1em;
    text-align:left
}
.reviews p{
    position:relative;
    padding:1em 1.4em;
    color:#34363A;
    border-radius:26px;
    background-color:#F9F9F9
}
.reviews p:before{
    content:"“";
    font-family:sans-serif;
    font-size:3em;
    position:absolute;
    top:15px;
    left:27px;
    line-height:0
}
.reviews p strong{
    font-weight:700
}
.reviews cite{
    display:block;
    margin:.4em 1.6em 0 0;
    color:#5F5F5F;
    text-align:right;
    font-size:16px;
    font-style:normal
}
.reviews cite .separator{
    opacity:.6
}
.reviews cite .company{
    white-space:nowrap
}
.reviews cite .platform-stars-outline{
    margin-bottom:0
}
.platform-reviews .platform{
    padding:0 5%
}
.platform-reviews .platform-score{
    color:#34363A;
    align-items:baseline
}
.platform-reviews .platform-score strong{
    font-size:35px;
    font-weight:700
}
.platform-stars-outline{
    margin:.6em 0 .8em;
    position:relative;
    display:inline-block;
    width:110px;
    height:22px;
    background-image:url(https://d35aizeh8x21c1.cloudfront.net/assets/home/review-stars-3191d981e10e85e04ed4443a4d103461a354bc16962b897c568153c248ae7313bd.svg);
    background-position:0 22px
}
.platform-stars-outline .platform-stars{
    height:100%;
    background-image:url(https://d35aizeh8x21c1.cloudfront.net/assets/home/review-stars-3191d981e10e85e04ed4443a4d103461a354bc16962b897c568153c248ae7313bd.svg)
}
.twitter-verifier{
    display:inline-block;
    width:16px;
    height:16px;
    background-image:url(https://d35aizeh8x21c1.cloudfront.net/assets/home/twitter-verifier-31c4728c9cfd3f5e22c20af66c971b3cbfdef49d56ad3bccc4c642fa3d2b414c4d.svg);
    background-repeat:no-repeat;
    margin-right:.2em;
    vertical-align:middle;
    position:relative;
    top:-.15em
}
@media (max-width: 1080px){
    .reviews blockquote{
        width:50%
    }
}
@media (max-width: 680px){
    .reviews blockquote{
        width:100%
    }
    .platform-reviews .col-25{
        width:50%;
        margin-bottom:3em
    }
}
.help-links a{
    position:relative;
    padding:2.5em 2em 2em;
    text-align:center
}
.help-links a .help-link-text{
    transition:color 0.15s cubic-bezier(0.3, 0, 0.3, 1)
}
.help-links a:hover .help-link-text,.help-links a:focus .help-link-text{
    color:#34363A
}
.help-links a:hover .missive-icon svg,.help-links a:focus .missive-icon svg{
    fill:rgba(52,54,58,0.85)
}
.help-links a:hover .canny div,.help-links a:focus .canny div{
    border-bottom:10px solid rgba(52,54,58,0.85)
}
.help-links a:hover .canny span,.help-links a:focus .canny span{
    color:rgba(52,54,58,0.85)
}
.help-links a.disabled{
    cursor:not-allowed
}
.help-links a.disabled .help-link-text{
    color:rgba(52,54,58,0.25)
}
.help-links a.disabled .missive-icon svg{
    fill:rgba(52,54,58,0.25)
}
.help-links a .canny{
    min-width:34px;
    text-align:center
}
.help-links a .canny div{
    width:0;
    height:0;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-bottom:10px solid rgba(52,54,58,0.65);
    margin-bottom:0px;
    margin-left:auto;
    margin-right:auto;
    transition:border 0.15s cubic-bezier(0.3, 0, 0.3, 1)
}
.help-links a .canny span{
    transition:color 0.15s cubic-bezier(0.3, 0, 0.3, 1);
    color:rgba(52,54,58,0.75);
    font-weight:300
}
.help-quote{
    margin:0 auto;
    width:60%
}
.help-question{
    padding:0 2em 2em 0
}
.help-question:nth-child(2n){
    padding:0 0 2em 2em
}
.help-question ul{
    margin:1.25em 0 1.25em 1.45em;
    list-style:outside;
    list-style-type:circle
}
.help-question li{
    margin-bottom:.75em
}
.read-more{
    max-height:230px;
    position:relative;
    overflow:hidden;
    margin-bottom:20px
}
.changelog-gradient,.read-more-link{
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    text-align:center;
    margin:0;
    padding:150px 0 25px 0;
    background-image:linear-gradient(to bottom, rgba(255,255,255,0.001) 0%, #fff 75%, #fff 80%, #fff)
}
@media (pointer: coarse){
    .read-more-link{
        color:#2266ED
    }
}
.help-question img,.guide-content img{
    border-radius:5px
}
.guide-previews.columns{
    margin:25px -1% 5%
}
.guide-previews.columns [class*="col-"]{
    padding:0 1%;
    margin-bottom:1em
}
.guide-preview{
    position:relative;
    display:block;
    padding:1em 1em 1em 1.5em;
    width:100%;
    height:100%;
    min-height:153px
}
.guide-preview:before{
    content:'';
    position:absolute;
    top:-1px;
    left:-1px;
    bottom:-1px;
    border-radius:6px 0 0 6px;
    width:3px;
    background-color:#34363A;
    background-image:linear-gradient(to bottom right, #333A45, #252A32);
    transition:width 0.2s ease-in-out
}
.guide-preview.guide-blue:before{
    background-image:linear-gradient(to bottom right, #3686FF, #2263D4)
}
.guide-preview.guide-teal:before{
    background-image:linear-gradient(to bottom right, #96D1E2, #77B8CF)
}
.guide-preview.guide-yellow:before{
    background-image:linear-gradient(to bottom right, #FFE16B, #FDD157)
}
.guide-preview.guide-green:before{
    background-image:linear-gradient(to bottom right, #40DCA0, #0DDA8C)
}
.guide-preview.guide-dark-powder-blue:before{
    background-image:linear-gradient(to bottom right, #2774e8, #039)
}
.guide-preview:hover:before{
    width:6px
}
.guide-preview-content{
    margin-top:7%
}
.guide-preview-content .heading-c{
    font-weight:normal
}
.guide-preview-content .text-small{
    line-height:1.35
}
.st-ui-injected-overlay-container .st-ui-footer a.st-ui-pagination-link{
    color:#004feb !important
}
div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading,section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-heading{
    font-size:16px !important
}
div.st-ui-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail,section.st-ui-slide-autocomplete div.st-query-present a.st-ui-result .st-ui-type-detail{
    font-size:14px !important
}
.search-input{
    border:1px solid rgba(52,54,58,0.15);
    border-radius:32px;
    padding:11px;
    padding-left:41px;
    width:100%;
    font-weight:400;
    color:#34363A;
    font-size:16px;
    outline:none;
    transition:border 0.2s ease-in-out
}
.search-input:focus-within{
    border:1px solid rgba(52,54,58,0.25)
}
@media (max-width: 800px){
    .guide-previews [class*="col-"]{
        width:50%
    }
}
@media (max-width: 640px){
    .help-question,.help-question:nth-child(2n){
        width:100%;
        padding:0 0 2em
    }
    .help-links a{
        padding:6.5% 5% 5%
    }
    .help-links a:first-child{
        width:100%
    }
    .help-links a .help-link-text{
        margin-left:.5em
    }
    .help-quote{
        width:80%
    }
    .search-input{
        margin-top:0.75em
    }
}
@media (max-width: 500px){
    .guide-previews [class*="col-"]{
        width:100%
    }
    .guide-preview{
        min-height:0
    }
    .guide-preview-content{
        margin:10% 0
    }
}
[data-view="pages-home"],[data-view="pages-reviews"],[data-view="integrations-index"]{
    font-size:20px
}
[data-view="pages-home"] .row+.row,[data-view="pages-reviews"] .row+.row,[data-view="integrations-index"] .row+.row{
    margin-top:3.75em
}
[data-view="pages-home"] .wrapper-large,[data-view="pages-reviews"] .wrapper-large,[data-view="integrations-index"] .wrapper-large{
    width:96%
}
[data-view="pages-home"] section,[data-view="pages-reviews"] section,[data-view="integrations-index"] section{
    padding:2.5em 4%
}
[data-view="pages-home"] section.full-width,[data-view="pages-reviews"] section.full-width,[data-view="integrations-index"] section.full-width{
    padding-left:0;
    padding-right:0
}
[data-view="pages-home"] section:nth-child(even),[data-view="pages-reviews"] section:nth-child(even),[data-view="integrations-index"] section:nth-child(even){
    background-color:#F9FBFF;
    border-radius:10px
}
[data-view="pages-home"] section:nth-child(even) .button-neon,[data-view="pages-reviews"] section:nth-child(even) .button-neon,[data-view="integrations-index"] section:nth-child(even) .button-neon{
    background-color:#fff
}
[data-view="pages-home"] section:nth-child(even):last-child,[data-view="pages-reviews"] section:nth-child(even):last-child,[data-view="integrations-index"] section:nth-child(even):last-child{
    margin-bottom:5%
}
[data-view="pages-home"] section .heading-a,[data-view="pages-home"] section .subhead-b{
    color:#34363A;
    text-transform:none;
    letter-spacing:inherit
}
[data-view="pages-home"] section .heading-a{
    font-size:35px;
    font-weight:700
}
[data-view="pages-home"] section .subhead-b{
    font-size:20px;
    font-weight:400
}
.home-intro{
    padding-bottom:0
}
.home-intro p{
    font-size:1.25em
}
.home-intro .wrapper{
    max-width:1100px
}
.home-intro .tagline{
    font-size:2.5em
}
.home-intro .tagline em{
    position:relative;
    color:#2266ED;
    font-style:normal;
    font-weight:bold
}
.home-intro .tagline em a,.home-intro .tagline em ul li{
    position:relative;
    z-index:2
}
.home-intro .tagline em .missive-icon{
    z-index:1;
    position:absolute;
    top:0;
    left:100%;
    margin:-2px 0 0 5px;
    transform:rotate(90deg)
}
.home-intro .tagline em .missive-icon svg{
    fill:#2266ED
}
.home-intro .tagline em ul{
    z-index:1;
    position:absolute;
    top:-.15em;
    left:0;
    text-align:left;
    opacity:0;
    pointer-events:none;
    transform:scale(0.95) translateY(-10px);
    transition:all 115ms cubic-bezier(0.3, 0, 0.3, 1)
}
.home-intro .tagline em ul li:first-child{
    opacity:0;
    visibility:hidden
}
.home-intro .tagline em ul:before{
    content:"";
    z-index:0;
    background-color:#fff;
    position:absolute;
    top:-.2em;
    bottom:-.2em;
    left:-.5em;
    right:-.5em;
    border:1px solid rgba(0,0,0,0.1);
    border-radius:10px
}
.home-intro .tagline em a{
    color:currentColor;
    pointer-events:none
}
.home-intro .tagline em a:hover{
    text-decoration:underline
}
.home-intro .tagline em li.sms{
    color:#00cc46
}
.home-intro .tagline em li.messenger{
    color:#0084ff
}
.home-intro .tagline em li.whatsapp{
    color:#25D366
}
.home-intro .tagline em li.twitter{
    color:#1da1f2
}
.home-intro .tagline em:hover a{
    pointer-events:auto
}
.home-intro .tagline em:hover ul{
    opacity:1;
    transform:scale(1);
    pointer-events:auto
}
.home-intro .logos{
    margin-top:3.75em
}
.home-intro .logos>div{
    max-width:850px;
    margin:auto
}
.home-intro .logos .columns{
    margin-top:.8em;
    flex-wrap:nowrap
}
.home-intro .logos .columns>*{
    flex-shrink:1
}
.home-intro .logos a{
    margin:0 3%
}
.home-intro .logos img{
    display:block
}
.home-intro .logos-text{
    padding:0 1em
}
.logos .only-mobile{
    display:none
}
.home-feature-overview{
    padding:1% 1% 2.5em 1% !important
}
.home-feature-overview .home-features{
    font-size:14px;
    text-align:left
}
.home-feature-overview .home-features p{
    margin:0
}
.home-feature-overview .home-features p strong{
    color:#34363A;
    font-weight:600
}
.home-feature-overview .home-features .middle{
    display:flex
}
.home-feature-overview .home-features .middle-left{
    text-align:right
}
.home-feature-overview .home-features .feature{
    width:15%;
    position:relative;
    padding:1em
}
.home-feature-overview .home-features .feature:after{
    content:"";
    position:absolute;
    border:1px solid #2266ED
}
.home-feature-overview .home-features .feature .feature{
    width:100%;
    position:absolute
}
.home-feature-overview .home-features .feature-img{
    position:relative;
    width:70%;
    margin:2%
}
.home-feature-overview .home-features .feature-img .ratio{
    position:relative;
    padding-top:59.1666667%;
    border-radius:10px;
    box-shadow:0 3px 8px rgba(50,50,50,0.17);
    overflow:hidden
}
.home-feature-overview .home-features .feature-img .ratio img{
    opacity:0;
    position:absolute;
    top:0;
    left:0;
    transition-duration:500ms
}
.home-feature-overview .home-features .feature-img .ratio img.selected,.home-feature-overview .home-features .feature-img .ratio img.visible{
    opacity:1
}
.home-feature-overview .home-features .feature-img .ratio img.selected{
    z-index:1
}
.home-feature-overview .home-features .feature-img .themes{
    position:absolute;
    top:100%;
    right:0;
    margin:1em 1em 0 0
}
.home-feature-overview .home-features .feature-img .theme{
    position:relative;
    width:13px;
    height:13px;
    border-radius:13px;
    background-color:#fff;
    border:1px solid rgba(52,54,58,0.1);
    cursor:pointer;
    overflow:hidden;
    transition:width 225ms cubic-bezier(0.3, 0, 0.3, 1)
}
.home-feature-overview .home-features .feature-img .theme.selected{
    cursor:auto;
    width:26px;
    border-color:rgba(34,102,237,0.8)
}
.home-feature-overview .home-features .feature-img .theme.theme-dark{
    background-color:#2f2f2f
}
.home-feature-overview .home-features .feature-img .theme.theme-mixed:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:50%;
    height:100%;
    background-color:#2f2f2f
}
.home-feature-overview .home-features .feature-img .theme+.theme{
    margin-left:.5em
}
.home-feature-overview .home-features .top .feature:after{
    left:0;
    bottom:-10px;
    width:100%;
    height:4px;
    border-radius:10px 10px 0 0;
    border-bottom:0
}
.home-feature-overview .home-features .middle-left .feature:after{
    top:0;
    right:-10px;
    width:4px;
    height:100%;
    border-radius:10px 0 0 10px;
    border-right:0
}
.home-feature-overview .home-features .middle-right .feature:after{
    top:0;
    left:-10px;
    width:4px;
    height:100%;
    border-radius:0 10px 10px 0;
    border-left:0
}
.home-feature-overview .home-features .bottom .feature:after{
    left:0;
    top:-10px;
    width:100%;
    height:4px;
    border-radius:0 0 10px 10px;
    border-top:0
}
.home-feature-overview .home-features .middle-left,.home-feature-overview .home-features .middle-right{
    padding:0
}
.home-feature-overview .home-features .middle-left:after,.home-feature-overview .home-features .middle-right:after{
    display:none
}
.home-feature-overview .home-features .accountability{
    margin-left:49%;
    width:17%
}
.home-feature-overview .home-features .efficiency{
    top:12%
}
.home-feature-overview .home-features .clarity{
    top:43%
}
.home-feature-overview .home-features .teamwork{
    top:21%
}
.home-feature-overview .home-features .focus{
    margin-left:29%;
    width:20%
}
.home-feature-overview .home-features-columns{
    margin-top:.4em;
    padding:0 2%;
    display:none
}
.home-feature-overview .home-features-columns p{
    padding:1em
}
.home-feature-overview .home-features-columns strong{
    display:block
}
.integrations a{
    height:100%
}
.integrations a,.integrations .integration-description{
    display:flex;
    flex-direction:column
}
.integrations .integration{
    padding:0 .6em 1.2em
}
.integrations .integration-logo{
    z-index:1;
    position:relative;
    margin-bottom:-35px
}
.integrations .integration-logo img{
    display:block;
    margin:auto
}
.integrations .integration-description{
    justify-content:space-between;
    flex-grow:1;
    font-size:18px;
    padding:1.8em 1.5em 1em;
    background-color:#fff;
    border-radius:6px
}
.integrations .integration-description p{
    color:#34363A
}
.integrations .integration-description div{
    font-size:14px;
    margin-top:1em
}
.home-stories{
    overflow:hidden
}
.home-stories .story{
    display:block;
    width:100%;
    height:100%;
    font-size:16px;
    padding:3.2em;
    border-radius:6px;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.home-stories .story .logo{
    margin-bottom:2.2em;
    height:75px
}
.home-stories .story strong,.home-stories .story .quote{
    font-weight:700
}
.home-stories .story .quote{
    font-size:1.75em;
    line-height:1.4;
    margin:.5em 0
}
.home-stories .story span{
    display:block;
    font-weight:300
}
.carousel{
    position:relative;
    margin-left:auto;
    margin-right:auto
}
.carousel .carousel-viewport{
    width:100%;
    overflow:hidden
}
.carousel .carousel-left,.carousel .carousel-right{
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.carousel .carousel-slider{
    transition:transform 225ms cubic-bezier(0.3, 0, 0.3, 1)
}
.carousel .carousel-item{
    padding:0 16px
}
.carousel .missive-icon{
    cursor:pointer;
    position:absolute;
    top:50%;
    padding:1em;
    transform:translateY(-50%)
}
.carousel .missive-icon svg{
    display:block
}
.carousel .missive-icon.disabled{
    cursor:default;
    opacity:.5
}
.carousel .missive-icon-arrow-right-big{
    left:100%
}
.carousel .missive-icon-arrow-left-big{
    right:100%
}
@media (max-width: 1250px){
    .home-intro{
        padding-top:7em !important
    }
}
@media (max-width: 1095px){
    .home-features .top,.home-features .bottom,.home-features .middle-left,.home-features .middle-right{
        display:none
    }
    .home-features .feature-img{
        width:100% !important
    }
    .home-features .home-features-columns{
        display:block
    }
}
@media (max-width: 1060px){
    .integrations .col-25{
        width:33%
    }
}
@media (max-width: 1035px){
    [data-view="pages-home"],[data-view="pages-reviews"]{
        font-size:18px
    }
}
@media (max-width: 860px){
    .home-features-columns .col-20{
        width:33%
    }
    .integrations .col-25{
        width:50%
    }
}
@media (max-width: 740px){
    .home-intro{
        padding-top:5em !important
    }
    .home-intro .tagline em ul{
        left:auto;
        right:0;
        text-align:right
    }
}
@media (max-width: 600px){
    .home-feature-overview .home-features-columns{
        margin-top:2em
    }
    .home-features-columns .col-20{
        width:50%
    }
    .home-stories{
        width:100%
    }
    .home-stories .story{
        font-size:14px;
        padding:2em
    }
    .home-intro p{
        font-size:1em
    }
    .home-intro .tagline{
        font-size:1.8em
    }
    .home-intro .logos-text{
        margin-bottom:2em
    }
    .home-intro .logos .only-mobile{
        display:flex;
        margin-top:1em
    }
    .home-intro .logos .only-desktop{
        display:none
    }
    .carousel .missive-icon-arrow-right-big{
        padding-left:0
    }
    .carousel .missive-icon-arrow-left-big{
        padding-right:0
    }
}
@media (max-width: 480px){
    .integrations .col-25{
        width:100%
    }
}
@media (max-width: 450px){
    .home-stories .story .quote{
        font-size:1.45em
    }
    .carousel .missive-icon-arrow-right-big{
        left:98%
    }
    .carousel .missive-icon-arrow-left-big{
        right:98%
    }
}
table.pricing{
    table-layout:fixed;
    border:0;
    box-shadow:none;
    margin-left:auto;
    margin-right:auto
}
table.pricing .plan-name{
    font-size:24px
}
table.pricing .productive-plan .plan-name{
    font-weight:700
}
table.pricing th{
    font-weight:400
}
table.pricing td{
    height:5em;
    padding:16px 4px 18px;
    width:17em
}
table.pricing thead th{
    padding-top:36px;
    padding-bottom:0
}
table.pricing tbody tr:first-child td{
    padding-top:0
}
table.pricing tbody tr{
    border-bottom:1px solid #e6e6e6
}
table.pricing tbody tr:last-child{
    border:0
}
table.pricing tbody td:last-child{
    border:0
}
table.pricing tbody td{
    border-right:1px solid #e6e6e6
}
table.pricing .plan-note{
    font-size:14px;
    line-height:1.4
}
table.pricing td.productive{
    width:20em
}
table.pricing .price{
    font-size:36px;
    font-weight:700;
    letter-spacing:-.05em
}
table.pricing .currency{
    font-size:16px;
    font-weight:400;
    vertical-align:.5em
}
table.pricing .digits{
    margin-left:.1em;
    margin-right:.1em
}
table.pricing .nothing{
    color:#ccc
}
table.pricing .nothing:after{
    content:'–'
}
.pricing-mobile{
    display:none;
    margin-bottom:2em
}
.pricing-mobile table{
    display:inline-block;
    margin:0
}
.app-availability{
    margin:20px auto 0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.app-availability>*{
    padding:0 1.5em
}
.app-availability>*+*{
    position:relative
}
.app-availability>*+*:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    border-left:1px solid rgba(52,54,58,0.15)
}
.app-availability .app-availability-children img{
    margin:18px 4px 8px;
    vertical-align:middle
}
@media (max-width: 680px){
    table.pricing td{
        height:4em;
        padding:5px
    }
    table.pricing tbody td:first-child,table.pricing tbody tr{
        border:none
    }
    .pricing-desktop{
        display:none
    }
    .pricing-mobile{
        display:block
    }
}
[data-view="stories-show"] p{
    color:#34363A
}
[data-view="stories-show"] blockquote{
    margin:0
}
[data-view="stories-show"] blockquote p:before{
    content:"“"
}
[data-view="stories-show"] blockquote p:after{
    content:"”"
}
[data-view="stories-show"] .box-white{
    overflow:hidden;
    margin-bottom:5%
}
.story-dark-header,.story-dark-header p{
    color:#34363A !important
}
.story-light-header,.story-light-header p{
    color:#fff !important
}
.story-header{
    padding:1em 1em 0;
    background-color:#000;
    background-color:var(--accent-color)
}
.story-header blockquote{
    padding:5% 0 5% 15%
}
.story-header blockquote p{
    font-size:35px;
    line-height:1.3
}
.story-header blockquote p strong{
    font-weight:800
}
.story-header cite{
    display:block;
    font-style:normal;
    margin-top:1.6em
}
.story-header cite strong{
    font-weight:700
}
.story-body{
    padding:4%
}
.story-body aside{
    padding:1em;
    border-radius:12px;
    background-color:#F9FBFF
}
.story-body aside section{
    padding:1em 0
}
.story-body aside section:first-child{
    padding:1em 2em 2em
}
.story-body aside section:last-child{
    padding:2em 0 1em
}
.story-body aside section+section{
    border-top:1px solid rgba(52,54,58,0.125)
}
.story-body aside strong{
    display:block;
    font-weight:700;
    margin-bottom:.6em
}
.story-body aside a{
    color:#34363A;
    max-width:100%
}
.story-body aside .icon{
    pointer-events:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.story-body aside .checkmark{
    color:#13ED49;
    margin-right:.3em
}
.story-body aside .missive-icon{
    margin-left:.1em
}
.story-body aside .missive-icon svg{
    fill:#2266ED
}
.story-body aside .button-small{
    color:#fff;
    font-size:15px
}
.story-body main{
    font-size:18px;
    padding-left:5%
}
.story-body main h2{
    font-size:20px;
    margin:1em 0
}
.story-body main blockquote{
    margin:1em 0;
    font-size:35px;
    font-style:italic;
    border-left:3px solid var(--accent-color);
    padding-left:1em
}
.story-body main figure,.story-body main .blue-box{
    padding:6%
}
.story-body main figure{
    max-width:85%;
    margin-left:auto;
    margin-right:auto
}
.story-body main .blue-box{
    background-color:#F9FBFF;
    border-radius:10px;
    margin:6% 0
}
.story-body main .platforms{
    display:flex;
    align-items:flex-end
}
.story-body main .platforms .download-preview-laptop{
    top:-2px;
    left:0
}
.story-body main .platforms>div{
    flex:auto 1 1;
    padding:0 4%
}
.story-body main .platforms p{
    font-size:15px;
    margin-top:1em
}
.story-body main .integrations{
    justify-content:space-evenly
}
.story-body main .integrations .integration{
    width:40%
}
.story-body main .integrations .integration-description{
    background-color:#F9FBFF;
    border-radius:10px
}
.stories-table{
    display:flex;
    flex-wrap:wrap
}
.stories-table-cell{
    box-sizing:border-box;
    flex-grow:1;
    width:100%;
    padding:1em 2em;
    overflow:hidden;
    background-color:#FBFBFB
}
.stories-table-cell:nth-child(odd){
    border-right:1px solid #D8D8D8
}
.snipcart-table{
    background-color:#FBFBFB;
    border-radius:10px;
    padding:2em 1em
}
.stories-table--2cols>.stories-table-cell{
    width:50%
}
@media (max-width: 1150px){
    .story-body{
        flex-direction:column-reverse
    }
    .story-body aside,.story-body main{
        width:100%
    }
    .story-body main{
        padding-left:0
    }
    .story-body aside{
        margin-top:5%;
        display:flex;
        flex-wrap:wrap
    }
    .story-body aside section{
        flex:auto 1 1
    }
    .story-body aside section:first-child,.story-body aside section:last-child{
        width:100%
    }
}
@media (max-width: 740px){
    .story-body aside{
        display:block;
        max-width:320px;
        margin-left:auto;
        margin-right:auto
    }
    .story-body main .integrations .integration{
        width:50%
    }
    .story-body .stories-table-cell{
        padding:.5em
    }
}