.animated{animation-duration:1s;animation-fill-mode:both}.animated--lay-in{animation-name:layIn}.animated--shake{animation-name:shake}.animated-fade-in{animation-name:fadeIn}.animated-fade-in-down{animation-name:fadeInDown}.animated-flash{animation-name:flash}.animated--spin{animation-name:spin}@media print,percy,screen and (prefers-reduced-motion:reduce){.animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1}}.home__cta,.home__extensions,.home__features,.home__hero,.home__logos,.home__news{position:relative}.home__bg{position:fixed;left:0;top:0;width:100%;height:100%;overflow:hidden;transition:opacity 1.2s cubic-bezier(.19,1,.22,1);pointer-events:none}.home__bg.is-faded-out{opacity:0}.home__bg__inner{position:absolute;left:0;top:0;right:0;bottom:0}.home__bg__inner--hero{background-color:#ffb387;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/bg-hero.png);background-position:right -20vw top;background-size:auto 120vw;background-repeat:no-repeat}@media screen and (min-width:1024px){.home__bg__inner--hero{background-position:right top;background-size:auto 140%}}@media screen and (min-width:1024px) and (max-aspect-ratio:4 / 3){.home__bg__inner--hero{background-size:auto 100vw}}.home__hero{padding-top:6rem}@media screen and (min-width:1024px){.home__hero{padding-top:9.5rem}}.home__hero ::selection,.home__hero::selection{background-color:#ffe8db}.home__hero__visual{position:relative;margin-top:3rem}@media screen and (min-width:1024px){.home__hero__visual{margin:6rem 0 0}}.home__hero__visual__media{width:auto;border-radius:.96%/1.5%;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 12px 36px 0 rgba(0,0,0,.12)}.home__hero__visual__media--mac{position:relative;height:auto;width:80%;z-index:2}@media screen and (min-width:1400px){.home__hero__visual__media--mac{left:auto;right:7vw;width:80vw}}@media screen and (min-width:1600px){.home__hero__visual__media--mac{left:-10vw;right:auto}}.home__hero__visual__media--web{position:absolute;height:auto;width:70%;z-index:1;right:0;top:6%}@media screen and (min-width:1400px){.home__hero__visual__media--web{right:auto;left:17vw;top:6%;width:70vw}}@media screen and (min-width:1600px){.home__hero__visual__media--web{left:auto;right:-10vw}}.home__hero__content{max-width:50rem;overflow:hidden}.home__hero__title{font-size:2.25rem;line-height:2.5rem;font-weight:600;margin-top:3rem;margin-bottom:1.5rem}@media screen and (min-width:390px){.home__hero__title{font-size:2.5rem;line-height:2.75rem}}@media screen and (min-width:768px){.home__hero__title{font-size:4.75rem;line-height:4.75rem;margin-bottom:2rem}}.home__hero__title__rotating-copy{display:inline-block;position:relative;vertical-align:top;-webkit-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.home__hero__title__rotating-copy__placeholder{visibility:hidden;white-space:nowrap}.home__hero__title__rotating-copy__underline{position:absolute;height:16%;left:0;bottom:10%;border-radius:3px;background-color:#ff7843;transition:width .4s cubic-bezier(.19,1,.22,1);width:0}.home__hero__title__rotating-copy__item{position:absolute;top:0;left:0;white-space:nowrap;z-index:1}@keyframes homeTextFadesIn{from{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@keyframes homeTextFadesOut{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-50%)}}.home__hero__title__rotating-copy__item{opacity:0;transform:translateY(100%);animation-timing-function:cubic-bezier(.19,1,.22,1)}.home__hero__title__rotating-copy__item.is-visible{animation-name:homeTextFadesIn;animation-delay:250ms;animation-duration:.4s}.home__hero__title__rotating-copy__item.was-visible{animation-name:homeTextFadesOut;animation-duration:.4s}.home__hero__lead{font-size:1.25rem;line-height:1.625rem;margin-top:1rem;margin-bottom:1rem}@media screen and (min-width:768px){.home__hero__lead{font-size:1.5rem;line-height:2.0625rem;margin-top:1.5rem;margin-bottom:1.5rem}}.home__hero__actions{margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1rem}.home__hero__actions>:not(:last-child){margin-right:1.5rem}@media screen and (min-width:768px){.home__hero__actions{flex-wrap:nowrap;gap:0}}.button--home-play{padding-left:2rem}.button--home-play::before{left:0;opacity:1;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' stroke='%23212123' fill='%23212123' width='24' height='24' viewBox='0 0 24 24'%3E %3Cpolygon fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.35' points='8 19 19 12 8 5'/%3E %3C/svg%3E")}.home__logos{margin-top:6rem}@media screen and (min-width:768px){.home__logos{margin-top:8rem}}.home__logos__title{font-size:.75rem;line-height:.875rem;font-weight:600;text-transform:uppercase;text-align:center}@media screen and (min-width:768px){.home__logos__title{font-size:.875rem;line-height:1rem}}.home__logos__logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin-top:1.5rem}.home__logos__logo{margin:1.5rem 3rem}.home__features{margin-top:4rem}@media screen and (min-width:768px){.home__features{margin-top:8rem}}.home__feature-grid{display:grid;grid-template-rows:auto;grid-template-columns:1fr;gap:1.5rem}@media screen and (min-width:768px){.home__feature-grid{grid-template-rows:-webkit-max-content auto;grid-template-rows:max-content auto;grid-template-columns:1fr 1fr;gap:1.5rem}}.home__features--top .home__feature-grid>div:first-child{grid-row-end:span 2}.home__feature{display:flex;flex-direction:column;justify-content:space-between;background-color:#f9f9f9;position:relative}.home__feature--reverse-rows{flex-direction:column-reverse}.home__feature--wide{margin-left:-1rem;margin-right:-1rem;position:relative;margin-bottom:1.5rem;background-size:cover;overflow:hidden}@media screen and (min-width:640px){.home__feature--wide{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (min-width:1220px){.home__feature--wide{margin-left:-2rem;margin-right:-2rem}}.home__feature__wrapper{display:grid;grid-template-columns:1fr}@media screen and (min-width:768px){.home__feature__wrapper{grid-template-columns:1fr 1fr;gap:1.5rem}}@media screen and (min-width:768px){.home__feature--coral .home__feature__visual{display:flex;align-items:center;height:100%}}.home__feature--coral .home__feature__visual ::selection,.home__feature--coral .home__feature__visual::selection{background-color:#ffe8db}.home__feature--design .home__feature__content{padding-bottom:0}.home__features--teal .home__feature--wide{background-color:#83d7cf;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/feature-collaborate-bg.png)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.home__features--teal .home__feature--wide{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/feature-collaborate-bg@2x.png)}}.home__features--yellow .home__feature--wide{background-color:#fad266;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/feature-design-systems-bg.png)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.home__features--yellow .home__feature--wide{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/feature-design-systems-bg@2x.png)}}@media screen and (min-width:768px){.home__features--teal .home__feature--wide .home__feature__content{padding-left:1rem;padding-right:1rem;grid-column-start:2}}@media screen and (min-width:768px) and (min-width:640px){.home__features--teal .home__feature--wide .home__feature__content{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:768px) and (min-width:1220px){.home__features--teal .home__feature--wide .home__feature__content{padding-left:2rem;padding-right:2rem}}.home__features--teal .home__feature--wide .home__feature__caption{color:#b2f0ec}.home__features--yellow .home__feature--wide .home__feature__caption{color:#8d5f10}.home__feature--wide .home__feature__visual{width:100%;margin-top:4rem}@media screen and (min-width:768px){.home__feature--wide .home__feature__visual{margin-left:0;margin-top:0;position:absolute;width:calc(50% - .75rem);height:100%}}.home__features--teal .home__feature--wide .home__feature__visual{left:0;top:0}.home__features--teal .home__feature--wide .home__feature__visual__image,.home__features--teal .home__feature--wide .home__feature__visual__video{border-radius:.96%/1.5%;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 12px 36px 0 rgba(0,0,0,.12)}@media screen and (min-width:768px){.home__features--teal .home__feature--wide .home__feature__visual__image,.home__features--teal .home__feature--wide .home__feature__visual__video{position:absolute;top:6rem;right:0;width:auto;height:70%}}@media screen and (min-width:1024px){.home__features--teal .home__feature--wide .home__feature__visual__image,.home__features--teal .home__feature--wide .home__feature__visual__video{width:120%;height:auto}}.home__features--yellow .home__feature--wide .home__feature__visual{right:0;top:0}.home__features--teal .home__feature-grid{gap:8rem}@media screen and (min-width:768px){.home__features--teal .home__feature-grid{gap:1.5rem}}.home__features--yellow .home__feature--wide .home__feature__visual__image,.home__features--yellow .home__feature--wide .home__feature__visual__video{border-radius:.96%/1.5%;box-shadow:0 0 0 1px rgba(0,0,0,.08),0 12px 36px 0 rgba(0,0,0,.12)}@media screen and (min-width:768px){.home__features--yellow .home__feature--wide .home__feature__visual__image,.home__features--yellow .home__feature--wide .home__feature__visual__video{position:absolute;top:6rem;left:0;width:auto;height:70%}}@media screen and (min-width:1024px){.home__features--yellow .home__feature--wide .home__feature__visual__image,.home__features--yellow .home__feature--wide .home__feature__visual__video{width:120%;height:auto}}.home__feature__visual__image{display:block}.home__feature__visual__video{display:block;width:100%}.home__feature--workspaces .home__feature__visual__image{max-width:19.4375rem;margin:0 auto;padding:2rem 0}.home__feature__content{padding:1.5rem 1.25rem}@media screen and (min-width:390px){.home__feature__content{padding:2.25rem 1.75rem}}@media screen and (min-width:1024px){.home__feature__content{padding:2.5rem 2rem}}.home__feature--wide .home__feature__content{padding:2rem 1.75rem}@media screen and (min-width:768px){.home__feature--wide .home__feature__content{padding-top:8rem;padding-bottom:8rem}}.home__feature--purple .home__feature__content{padding-left:0;padding-right:0}.home__feature__caption{font-size:.75rem;line-height:.875rem;font-weight:600;text-transform:uppercase}@media screen and (min-width:768px){.home__feature__caption{font-size:.875rem;line-height:1rem}}.home__feature--coral .home__feature__caption{color:#ff7843}.home__feature--teal .home__feature__caption{color:#3fb2a5}.home__feature--green .home__feature__caption{color:#85b532}.home__feature--purple .home__feature__caption{color:#a060ae}.home__feature--yellow .home__feature__caption{color:#f5a925}.home__feature__title{font-size:1.625rem;line-height:2rem;font-weight:600;margin-top:1rem;margin-bottom:.75rem}@media screen and (min-width:768px){.home__feature__title{font-size:2rem;line-height:2.25rem}}.home__feature__blurb{font-size:1.0625rem;line-height:1.5rem;color:rgba(33,33,35,.7)}.home__feature__actions{margin-top:1.5rem}.home__feature__action{font-size:1.0625rem;line-height:1.5rem;color:#000;font-weight:600}.home__feature__action:hover{text-decoration:underline}.home__feature__action:active{color:rgba(0,0,0,.55)}.home__feature__action:first-child:last-child::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0}.home__feature__action::after{content:'';display:inline-block;width:1.25rem;height:1.25rem;margin-left:.25rem;vertical-align:-.25em;background-image:url(/images/icons/web/filled/20x20/arrow.right.svg);background-size:contain}.home__testimonial{position:relative;display:flex;background-size:cover}.home__testimonial::after{content:'';position:absolute;width:86px;height:120px;right:1.5rem;bottom:-1.5rem;background-size:contain}.home__testimonial--coral{background-color:#ff7843;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-bg-coral.png);color:#fff}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.home__testimonial--coral{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-bg-coral@2x.png)}}.home__testimonial--coral ::selection,.home__testimonial--coral::selection{background-color:#ffe8db}.home__testimonial--coral::after{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-quote-coral.png)}.home__testimonial--teal{background-color:#3fb2a5;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-bg-teal.png)}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.home__testimonial--teal{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-bg-teal@2x.png)}}.home__testimonial--teal::after{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-quote-teal.png)}.home__testimonial--yellow{background-color:#f5a925;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-bg-yellow.png);color:#212123}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.home__testimonial--yellow{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-bg-yellow@2x.png)}}.home__testimonial--yellow::after{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/testimonial-quote-yellow.png)}.home__testimonial__quote{font-size:1.25rem;line-height:1.75rem;font-weight:600}@media screen and (min-width:768px){.home__testimonial__quote{font-size:1.5rem;line-height:2rem}}.home__testimonial__meta{margin-top:1.5rem;padding-right:7rem;font-size:1.0625rem;line-height:1.5rem}.home__testimonial__meta__name{font-weight:600}.home__testimonial__meta__title{opacity:.7}.home__testimonial__content{align-self:center;padding:1.5rem 1.25rem}@media screen and (min-width:390px){.home__testimonial__content{padding:2.25rem 1.75rem}}@media screen and (min-width:1024px){.home__testimonial__content{padding:2.5rem 2rem}}.home__extensions{margin-top:6rem}.home__extensions__visual{margin-left:-1rem;margin-right:-1rem;overflow:hidden}@media screen and (min-width:640px){.home__extensions__visual{margin-left:-1.5rem;margin-right:-1.5rem}}@media screen and (min-width:1220px){.home__extensions__visual{margin-left:-2rem;margin-right:-2rem}}.home__extensions__visual__icon-row{display:flex;width:150%;justify-content:space-between}.home__extensions__visual__icon-row:first-child{transform:translateX(-2.5%)}.home__extensions__visual__icon{position:relative;overflow:hidden;width:3rem;height:3rem;flex:0 0 3rem;margin:1rem 2rem;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.05);border-radius:8px}@media screen and (min-width:768px){.home__extensions__visual__icon{width:4.5rem;height:4.5rem;flex:0 0 4.5rem;margin:1.5rem 3rem}}@media screen and (min-width:1024px){.home__extensions__visual__icon{width:6rem;height:6rem;flex:0 0 6rem;margin:2rem 4rem}}.home__extensions__visual__icon__image{width:100%;height:auto;display:block}.home__feature--extensions{padding-left:1rem;padding-right:1rem;padding-top:3rem;background-color:transparent;max-width:31.25rem}@media screen and (min-width:640px){.home__feature--extensions{padding-left:1.5rem;padding-right:1.5rem}}@media screen and (min-width:1220px){.home__feature--extensions{padding-left:2rem;padding-right:2rem}}@media screen and (min-width:1024px){.home__feature--extensions{max-width:40rem}}.home__news{margin-top:4rem}@media screen and (min-width:768px){.home__news{margin-top:8rem}}.home__news__header{margin-bottom:1.5rem}.home__news__title{font-size:1.625rem;line-height:2rem;font-weight:600}@media screen and (min-width:768px){.home__news__title{font-size:2rem;line-height:2.25rem}}.home__news-items{display:grid;grid-template-columns:1fr;gap:3rem}@media screen and (min-width:768px){.home__news-items{grid-template-columns:1fr 1fr 1fr;gap:1.5rem}}.home__news-item{position:relative}.home__news-item__media{position:relative;padding-top:41.76%;overflow:hidden}.home__news-item__media__image,.home__news-item__media__video{position:absolute;top:50%;width:100%;transform:translateY(-50%)}.home__news-item__media__embed{position:absolute;top:50%;transform:translateY(-50%);width:100%;padding-top:56.25%}.home__news-item__media__embed__iframe{position:absolute;width:100%;height:100%;left:0;top:0}.home__news-item__title{margin-top:.5rem;font-size:1.0625rem;line-height:1.5rem;font-weight:600;color:#212123}@media screen and (min-width:640px){.home__news-item__title{margin-top:.75rem}}@media screen and (min-width:1220px){.home__news-item__title{margin-top:1rem}}@media screen and (min-width:768px){.home__news-item__title{font-size:1.25rem;line-height:1.625rem}}.home__news-item__date{display:block;margin-top:.5rem;color:rgba(33,33,35,.7)}.home__cta{margin-top:6rem;margin-bottom:3rem}@media screen and (min-width:768px){.home__cta{margin-top:8rem;margin-bottom:6rem}}.home__cta__content{padding:2.5rem 1.25rem;background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/cta-bg.png);background-size:cover;display:flex;justify-content:center}@media screen and (min-width:390px){.home__cta__content{padding:3rem 1.75rem}}@media screen and (min-width:1024px){.home__cta__content{padding:8rem 2rem}}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:192dpi),only screen and (min-resolution:2dppx){.home__cta__content{background-image:url(https://cdn.sketchapp.com/assets/pages/home-relaunch/cta-bg@2x.png)}}.home__cta__content__col{margin:0 auto;max-width:50rem}.home__cta__logo{margin-bottom:3rem}.home__cta__title{font-size:2rem;line-height:2.25rem;font-weight:600}@media screen and (min-width:768px){.home__cta__title{font-size:3rem;line-height:3.125rem}}.home__cta__blurb{font-size:1.25rem;line-height:1.625rem;margin:1.5rem 0}@media screen and (min-width:768px){.home__cta__blurb{font-size:1.5rem;line-height:2.0625rem}}