html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{box-sizing:border-box}html{height:100%}body{background-color:#fff;color:#333;font-family:Arial,sans-serif;margin:0;min-height:100%}img{vertical-align:middle}.w-block{display:block}.w-inline-block{display:inline-block;max-width:100%}.w-clearfix:after,.w-clearfix:before{content:" ";display:table;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.w-clearfix:after{clear:both}.w-hidden{display:none}.w-button{background-color:#3898ec;border:0;border-radius:0;color:#fff;cursor:pointer;display:inline-block;line-height:inherit;padding:9px 15px;text-decoration:none}input.w-button{-webkit-appearance:button}html[data-w-dynpage] [data-w-cloak]{color:transparent!important}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:10px}h2{font-size:32px;line-height:36px}h3{font-size:24px;line-height:30px}h4{font-size:18px;line-height:24px}h6{font-size:12px;line-height:18px;margin-top:10px}p{margin-bottom:10px;margin-top:0}blockquote{border-left:5px solid #e2e2e2;font-size:18px;line-height:22px;padding:10px 20px}blockquote,figure{margin:0 0 10px}figcaption{margin-top:5px;text-align:center}ol,ul{margin-bottom:10px;margin-top:0;padding-left:40px}.w-list-unstyled{list-style:none;padding-left:0}button,html input[type=button],input[type=reset]{-webkit-appearance:button;border:0;cursor:pointer}.w-form{margin:0 0 15px}.w-form-done{background-color:#ddd;display:none;padding:20px;text-align:center}.w-form-fail{background-color:#ffdede;display:none;margin-top:10px;padding:10px}label{display:block;font-weight:700;margin-bottom:5px}.w-input{background-color:#fff;border:1px solid #ccc;color:#333;display:block;font-size:14px;height:38px;line-height:1.428571429;margin-bottom:10px;padding:8px 12px;vertical-align:middle;width:100%}.w-input:-moz-placeholder{color:#999}.w-input::-moz-placeholder{color:#999;opacity:1}.w-input:-ms-input-placeholder{color:#999}.w-input::-webkit-input-placeholder{color:#999}.w-input[disabled],.w-input[readonly],fieldset[disabled] .w-input{background-color:#eee;cursor:not-allowed}textarea.w-input{height:auto}.w-container{margin-left:auto;margin-right:auto;max-width:940px}.w-container:after,.w-container:before{content:" ";display:table;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.w-container:after{clear:both}.w-container .w-row{margin-left:-10px;margin-right:-10px}.w-row:after,.w-row:before{content:" ";display:table;grid-column-end:2;grid-column-start:1;grid-row-end:2;grid-row-start:1}.w-row:after{clear:both}.w-row .w-row{margin-left:0;margin-right:0}.w-col{float:left;min-height:1px;padding-left:10px;padding-right:10px;position:relative;width:100%}.w-col .w-col{padding-left:0;padding-right:0}.w-col-1{width:8.33333333%}.w-col-2{width:16.66666667%}.w-col-3{width:25%}.w-col-4{width:33.33333333%}.w-col-5{width:41.66666667%}.w-col-6{width:50%}.w-col-7{width:58.33333333%}.w-col-8{width:66.66666667%}.w-col-9{width:75%}.w-col-10{width:83.33333333%}.w-col-11{width:91.66666667%}.w-col-12{width:100%}.w-hidden-main{display:none!important}@media screen and (max-width:991px){.w-container{max-width:728px}.w-hidden-main{display:inherit!important}.w-hidden-medium{display:none!important}.w-col-medium-1{width:8.33333333%}.w-col-medium-2{width:16.66666667%}.w-col-medium-3{width:25%}.w-col-medium-4{width:33.33333333%}.w-col-medium-5{width:41.66666667%}.w-col-medium-6{width:50%}.w-col-medium-7{width:58.33333333%}.w-col-medium-8{width:66.66666667%}.w-col-medium-9{width:75%}.w-col-medium-10{width:83.33333333%}.w-col-medium-11{width:91.66666667%}.w-col-medium-12{width:100%}.w-col-stack{left:auto;right:auto;width:100%}}@media screen and (max-width:767px){.w-hidden-main,.w-hidden-medium{display:inherit!important}.w-hidden-small{display:none!important}.w-container .w-row,.w-row{margin-left:0;margin-right:0}.w-col{left:auto;right:auto;width:100%}.w-col-small-1{width:8.33333333%}.w-col-small-2{width:16.66666667%}.w-col-small-3{width:25%}.w-col-small-4{width:33.33333333%}.w-col-small-5{width:41.66666667%}.w-col-small-6{width:50%}.w-col-small-7{width:58.33333333%}.w-col-small-8{width:66.66666667%}.w-col-small-9{width:75%}.w-col-small-10{width:83.33333333%}.w-col-small-11{width:91.66666667%}.w-col-small-12{width:100%}}@media screen and (max-width:479px){.w-container{max-width:none}.w-hidden-main,.w-hidden-medium,.w-hidden-small{display:inherit!important}.w-hidden-tiny{display:none!important}.w-col{width:100%}.w-col-tiny-1{width:8.33333333%}.w-col-tiny-2{width:16.66666667%}.w-col-tiny-3{width:25%}.w-col-tiny-4{width:33.33333333%}.w-col-tiny-5{width:41.66666667%}.w-col-tiny-6{width:50%}.w-col-tiny-7{width:58.33333333%}.w-col-tiny-8{width:66.66666667%}.w-col-tiny-9{width:75%}.w-col-tiny-10{width:83.33333333%}.w-col-tiny-11{width:91.66666667%}.w-col-tiny-12{width:100%}}.w-layout-grid{-ms-grid-columns:1fr 1fr;-ms-grid-rows:auto auto;grid-row-gap:16px;grid-column-gap:16px;display:-ms-grid;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}body{color:#111;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:14px;line-height:20px}h1{font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:44px;margin-bottom:10px;margin-top:20px}h2{font-size:36px;line-height:42px}h2,h3{font-weight:800;letter-spacing:-.5px;margin-bottom:15px;margin-top:20px}h3{font-size:28px;line-height:36px}h4{color:#111;font-size:22px;line-height:28px}h4,h5{font-weight:700;margin-bottom:10px;margin-top:10px}h5{font-size:14px;line-height:20px}p{font-size:18px;line-height:28px;margin-bottom:25px}a{color:#4b4b4b;cursor:pointer;font-weight:700;text-decoration:none}a:hover{color:#5a44ff;text-decoration:underline}ul{font-size:16px}ol,ul{line-height:28px;margin-bottom:10px;margin-top:0;padding-left:18px}li,ol{font-size:18px}li{margin-bottom:32px;padding-left:10px}img{display:inline-block;max-width:100%}.wrapper{margin-left:auto;margin-right:auto;max-width:1680px;padding:0 80px 60px;position:relative}.start-here{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:40px;margin-top:0;padding:120px 80px;text-align:center;width:100%}.start-here.detail{padding-bottom:40px;padding-top:40px}.heading-h1{font-size:38px;font-weight:800;letter-spacing:-.5px;line-height:42px}.button{background-color:#111;border:2px solid #000;border-radius:8px;cursor:pointer;display:block;font-size:14px;font-weight:700;padding:18px 48px;position:relative;text-align:center;transition:all .1s ease}.button,.button:hover{color:#fff;text-decoration:none}.button:hover{background-color:#5a44ff;border-color:#5a44ff}.button.full{width:100%}.button.full.disabled{display:block}.button.download{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.button.disabled{background-color:#c2c2c2;border-color:#c2c2c2}.button.disabled.full{background-color:#cacaca;border-color:#cacaca;cursor:not-allowed}.button.exporting{background-color:#5a44ff;border-color:#5a44ff}.subheading-h1{color:#858585;font-size:22px;font-weight:400;line-height:32px;text-align:center}.button-wrapper{align-items:center;display:flex;flex-direction:column;margin-top:20px}.button-wrapper.discover{margin-top:30px}.animation-wrapper{-ms-grid-columns:1fr 1fr;-ms-grid-rows:auto auto;align-items:center;display:block;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:160px;margin-bottom:20px;position:relative}.grid-mockups{grid-column-gap:24px;grid-row-gap:24px;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;margin-bottom:120px}.grid-mockups.detail{-ms-grid-columns:1fr 1fr 1fr 1fr;-ms-grid-rows:auto;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:auto}.mockup-preview{border-radius:10px;max-height:720px;overflow:hidden;position:relative}.mockup-preview.detail{margin-bottom:20px;margin-top:20px}.link{color:#1054fb;font-weight:600;text-decoration:none;transition:all .2s ease}.link:hover{text-decoration:underline}.modal{-ms-grid-columns:1fr;-ms-grid-rows:.25fr 1fr;bottom:0;display:none;flex-direction:column;grid-auto-columns:1fr;grid-template-areas:".";grid-template-columns:1fr;grid-template-rows:.25fr 1fr;justify-items:stretch;overflow:scroll;padding-left:5%;padding-right:5%;padding-top:5%;position:fixed;top:0;width:100%;z-index:1001}.sidebar-overlay{cursor:pointer;z-index:1001}.mockup-detail{background-color:#fff;border-top-left-radius:20px;border-top-right-radius:20px;box-shadow:0 20px 50px 0 rgba(0,0,0,.2);display:none;flex-direction:column;justify-content:flex-start;margin-left:auto;margin-right:auto;max-width:1280px;min-height:100vh;overflow:visible;padding:60px;position:relative;width:95%;z-index:1000}.more-mockups{align-items:center;background-color:#1f1f1f;border-radius:20px;display:flex;flex-direction:row;justify-content:space-around;margin-bottom:60px;overflow:hidden;position:relative}.heading-h2.white{color:#fff;letter-spacing:-.5px}.heading-h2.center{text-align:center}.subheading-h2{color:#000;font-size:18px;line-height:28px}.subheading-h2.white{color:hsla(0,0%,100%,.75)}.more-mockups-preview{display:none;flex:0 0 auto}.more-mockups-left{align-items:flex-start;color:#fff;display:flex;flex:0 auto;flex-direction:column;padding-bottom:80px;padding-top:80px}.grid-more-mockups{grid-column-gap:88px;grid-row-gap:0;-ms-grid-columns:1fr 1.5fr;-ms-grid-rows:auto;align-items:center;grid-template-columns:1fr 1.5fr;grid-template-rows:auto;padding-left:140px;padding-right:80px}.heading-h3{font-weight:800}.heading-h3.center{text-align:center}.sidebar-download{align-items:stretch;display:flex;flex-direction:column;margin-top:20px;text-align:left}.cta-wrapper{-ms-grid-row-align:auto;grid-column-gap:36px;grid-row-gap:24px;-ms-grid-columns:1fr;-ms-grid-rows:auto;align-items:center;align-self:auto;color:#6e6e6e;display:-ms-grid;display:grid;flex:0 auto;flex-direction:row;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:auto;min-width:300px;text-align:center}.header-image{border-radius:8px;box-shadow:1px 1px 2px 0 rgba(0,0,0,.25);position:absolute}.header-image.first{bottom:auto;left:0;right:auto;top:0;transform:rotate(9deg);z-index:100}.header-image.second{bottom:auto;left:0;right:auto;top:0;transform:rotate(0deg);z-index:101}.header-image.third{bottom:auto;left:0;right:auto;top:0;transform:rotate(-6deg);z-index:103}.header-previews{height:100px;margin-left:20px;position:relative;width:150px}.heading-caption{color:#6e6e6e;font-size:12px;font-weight:700;letter-spacing:0;line-height:16px;margin-bottom:0;margin-top:0;text-transform:uppercase}.discover-studio{background-color:#f6f7fa;border:2px solid #f6f7fa;border-radius:10px;display:flex;flex-direction:column;font-weight:400;margin-top:0;overflow:hidden;padding-left:0;padding-top:60px;text-decoration:none;transition:all .2s ease}.discover-studio:hover{border-color:#5a44ff;text-decoration:none}.discover-studio-preview{align-self:flex-end;height:auto;margin-top:0;width:100%}.discover-studio-text{align-self:flex-start;color:#6e6e6e;flex:1;margin-left:11%;max-width:75%;position:relative;text-align:left}.heading-h4{color:#111;font-size:22px;line-height:28px}.button-description{color:hsla(0,0%,100%,.5);font-size:11px;line-height:14px}.file-preview{position:relative}.pointer-svg{bottom:auto;height:36px;left:75px;position:absolute;right:auto;top:80px;transform:rotate(10deg);width:36px}.file-image{height:auto}.spacer-30{height:30px;width:100%}.spacer-30._15-xsvp{flex:0 0 auto;width:30px}.inner-mockup-preview{border-radius:10px;height:auto;width:100%}.track-vertical,.track-vertical-alt{align-items:flex-start;display:flex;flex:1;flex-direction:column;justify-content:center;position:relative;width:100%}.flex-vertical{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.flex-vertical.marquee-fix{margin-top:30px}.mockups-horizontal{align-items:center;display:flex;flex-direction:row;justify-content:center;width:100%}.marquee-cover{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.mockup-preview-container{align-items:center;display:flex;justify-content:center;width:87%}.marquee-mockups{align-items:flex-start;display:flex;flex:1;flex-direction:row;justify-content:center;min-height:640px;overflow:hidden;position:relative;width:100%}.branding-mockuuups{-ms-grid-columns:1fr 1fr;-ms-grid-rows:auto;align-items:center;display:flex;font-weight:600;grid-auto-columns:1fr;grid-template-columns:1fr 1fr;grid-template-rows:auto;justify-items:start;margin-bottom:10px}.branding-mockuuups.banner{color:#111;font-size:14px;line-height:20px;margin-bottom:25px}.branding-icon{margin-right:16px}.sidebar-close{align-items:center;border:2px solid #000;border-radius:100px;bottom:auto;display:flex;height:36px;justify-content:center;left:auto;margin-left:-84px;margin-right:24px;margin-top:24px;position:absolute;right:0;top:0;width:36px}.columns{margin-left:auto;margin-right:auto;max-width:960px}.backdrop{background-color:rgba(0,0,0,.5);bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:1000}.grid-mockup-detail{grid-column-gap:64px;align-items:start}.icon-download{margin-right:10px}.grid-mockup{background-color:#e7e7e7;border:2px solid #fff;border-radius:10px;padding-top:64%;position:relative;transform:translate(0);transition:all .1s ease;width:100%}.grid-mockup:hover{border-color:#5a44ff}.button-mockup{align-items:center;background-color:rgba(0,0,0,.75);border-radius:100px;bottom:-54px;display:flex;height:36px;justify-content:center;left:0;transition:all .2s ease;width:36px;z-index:9}.button-mockup,.button-mockup.share{position:absolute;right:auto;top:auto}.button-mockup.share{bottom:16px;left:16px;transform:translateY(60px)}.button-mockup.share:hover{background-color:#000}.button-mockup.share.success{background-color:rgba(103,213,47,.85)}.button-mockup.share.hovered{bottom:16px}.button-mockup.tweet{bottom:16px;left:58px;right:auto;top:auto;transform:translateY(60px)}.button-mockup.tweet:hover{background-color:#000}.button-mockup.tweet.hovered{bottom:16px}.button-mockup.download{background-color:#5a44ff;bottom:16px;left:auto;right:16px;top:auto;transform:translateY(60px)}.button-mockup.download:hover{background-color:#7765ff}.button-mockup.download.success{background-color:#66d52f}.button-mockup.download.hovered{bottom:16px}.button-mockup.download.hovered:hover{background-color:#7765ff}.button-mockup.share-detail{margin-left:6px;margin-right:0;position:relative;right:0;top:0}.button-mockup.share-detail:hover{background-color:#000}.button-mockup.share-detail.success{background-color:rgba(103,213,47,.85)}.button-mockup.share-detail.hovered{bottom:16px}.subscribe-block{align-items:center;background-color:#f6f7fa;border-radius:20px;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:60px;margin-left:auto;margin-right:auto;padding:80px 120px;text-align:left;width:100%}.input{border-radius:8px;display:block;float:left;margin-bottom:20px;padding:24px 18px}.subscribe-form{display:flex;flex:1;flex-direction:column;margin-left:120px;max-width:360px;min-width:280px}.footer{align-items:flex-start;flex-direction:row;font-size:14px;justify-content:center;margin-left:auto;margin-right:auto;max-width:1280px}.footer-link{float:right;font-weight:400;margin-left:40px;text-decoration:none}.footer-link:hover{color:#5a44ff}.container-content{margin-bottom:120px;margin-top:120px;max-width:720px}.footer-info{font-size:14px;line-height:18px;margin-bottom:0;margin-top:20px}.grid-detail{grid-column-gap:64px;-ms-grid-columns:1.25fr 2fr;-ms-grid-rows:auto;align-items:start;grid-template-columns:1.25fr 2fr;grid-template-rows:auto;margin:40px auto 80px}.spacer-20{height:30px;width:100%}.spacer-20._15-xsvp{flex:0 0 auto;width:30px}.spacer-10{height:10px;width:100%}.spacer-10._15-xsvp{flex:0 0 auto;width:30px}.separator{border-bottom:1px solid hsla(0,0%,50%,.3);padding-bottom:0;width:100%}.content-columns{margin-bottom:120px;margin-left:auto;margin-right:auto;max-width:1280px;position:relative}.column-sticky{bottom:40px;padding-right:0;position:-webkit-sticky;position:sticky;top:40px}.column-paragraph{padding-left:0;padding-right:5%}.mockup-image{display:block;max-height:100%}.utility-page-wrap{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;max-height:100%;max-width:100%;width:100vw}.utility-page-content{display:flex;flex-direction:column;font-size:18px;text-align:center}.form-message{background-color:transparent;border-radius:10px;margin-top:20px;padding:16px 24px}.form-message.error{background-color:#ffd3d3;color:#a72929}.branding{bottom:auto;display:inline-block;left:36px;position:static;right:auto;top:36px}.spacer-40{height:40px;width:100%}.spacer-40._15-xsvp{flex:0 0 auto;width:30px}.screen-size{background-color:rgba(0,0,0,.8);border:1px solid hsla(0,0%,100%,.5);border-radius:8px;bottom:auto;color:#fff;font-size:11px;font-weight:600;left:16px;line-height:14px;padding:10px 14px;position:absolute;right:auto;top:16px}.div-block{display:flex;flex-direction:column;margin-left:auto;margin-right:auto;max-width:640px}._404-illustration{-ms-grid-row-align:center;align-self:center;margin:20px auto 40px;width:580px}.button-secondary{background-color:transparent;border:2px solid #fff;border-radius:8px;color:#fff;font-size:14px;font-weight:700;min-height:58px;min-width:280px;padding:18px 36px;text-align:center;text-decoration:none;transition:all .1s ease}.button-secondary:hover{background-color:#fff;border-color:#fff;color:#111;text-decoration:none}.button-secondary.full{width:100%}.button-secondary.download{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.button-secondary.disabled{background-color:#c2c2c2;border-color:#c2c2c2}.button-secondary.disabled.full{background-color:#cacaca;border-color:#cacaca;cursor:not-allowed}.navbar{align-items:center;display:flex;justify-content:space-between;padding-bottom:16px;padding-left:0;padding-top:16px;width:100%}.button-small{background-color:#fff;border:1px solid rgba(0,0,0,.15);border-radius:6px;color:#111;font-size:12px;font-weight:700;line-height:14px;padding:10px 20px;text-align:center;text-decoration:none;transition:all .1s ease}.button-small:hover{background-color:#5a44ff;border-color:#5a44ff;color:#fff;text-decoration:none}.button-small.full{width:100%}.button-small.download{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.button-small.disabled{background-color:#c2c2c2;border-color:#c2c2c2}.button-small.disabled.full{background-color:#cacaca;border-color:#cacaca;cursor:not-allowed}.div-block-2{align-items:center;display:flex}.mockup-detail-preview{left:0;position:absolute;top:0}.drop-area{align-items:center;background-color:rgba(90,68,255,.75);bottom:0;color:#fff;display:none;flex-direction:column;font-size:32px;height:100vh;justify-content:center;left:0;letter-spacing:-1px;line-height:38px;position:fixed;right:0;text-align:center;top:0;width:100%;z-index:1000}.drop-area-image{margin-bottom:40px}.footer-columns{align-items:flex-end;display:flex;justify-content:center}.image{left:50%;margin-left:-24px;margin-top:-24px;position:absolute;top:50%}.large-button{background-color:#111;border:2px solid #000;border-radius:8px;color:#fff;display:block;font-size:14px;font-weight:700;min-height:74px;padding:18px 48px;position:relative;text-align:center;text-decoration:none;transition:all .1s ease}.large-button:hover{background-color:#5a44ff;border-color:#5a44ff;color:#fff;text-decoration:none}.large-button.full{width:100%}.large-button.full.disabled{display:block}.large-button.download{align-items:center;display:flex;justify-content:center;margin-top:20px;width:100%}.large-button.disabled{background-color:#c2c2c2;border-color:#c2c2c2}.large-button.disabled.full{background-color:#cacaca;border-color:#cacaca;cursor:not-allowed}.large-button.exporting{background-color:#5a44ff;border-color:#5a44ff}.sample-button{color:#4b4b4b;cursor:pointer;font-weight:700;text-decoration:none}.sample-button:hover{color:#5a44ff;text-decoration:underline}.form{flex:0 50%}.mobile-cta{display:none}.attribution{bottom:16px;color:#fff;display:block;font-size:12px;font-weight:400;left:16px;line-height:16px;position:absolute;right:auto;text-shadow:0 1px 5px rgba(0,0,0,.3);top:auto}.attribution-link{color:#fff}.attribution-link:hover{color:#fff;opacity:1;text-decoration:none}.tooltip{background-color:rgba(0,0,0,.75);border-radius:200px;color:#fff;font-size:11px;font-weight:700;line-height:12px;padding:6px 10px;position:absolute;top:-28px}.share-buttons{align-items:center;bottom:auto;display:flex;justify-content:center;left:auto;position:absolute;right:16px;top:16px}@media screen and (min-width:1440px){h1{font-size:42px;line-height:52px}h2{font-size:38px;line-height:44px}.wrapper.dark{background-color:#000;color:#fff}.heading-h1{font-size:44px;line-height:54px}.subheading-h1{font-size:26px;line-height:36px}.modal{grid-column-gap:0;grid-row-gap:0;-ms-grid-columns:1fr .5fr;-ms-grid-rows:auto;grid-template-columns:1fr .5fr;grid-template-rows:auto}.mockup-detail{overflow:scroll}.heading-h2{font-size:36px;line-height:42px}.subheading-h2{font-size:22px;line-height:30px}.grid-more-mockups{-ms-grid-columns:2fr 3fr;grid-template-columns:2fr 3fr;padding-left:140px}.cta-wrapper{text-align:center}.subscribe-block{align-items:center;background-color:#f5f5f8;color:#111;flex-direction:row;justify-content:center}.grid-detail{-ms-grid-columns:1.5fr 2fr;grid-template-columns:1.5fr 2fr}.spacer-20{height:20px}.spacer-10{height:10px}.drop-area{font-size:42px;letter-spacing:.5px;line-height:52px}}@media screen and (max-width:991px){h1{font-size:36px;line-height:42px}h2{font-size:34px;line-height:40px}h3{font-size:26px;line-height:34px}.wrapper{padding-left:40px;padding-right:40px}.start-here{padding-bottom:80px;padding-top:80px}.heading-h1{font-size:32px;line-height:38px}.subheading-h1{font-size:20px;line-height:28px}.grid-mockups{margin-bottom:80px}.grid-mockups,.grid-mockups.detail{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}.modal{-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}.more-mockups-preview{display:block;margin-top:20px}.more-mockups-left{align-items:center;padding:80px 100px 40px;text-align:center;width:100%}.grid-more-mockups{-ms-grid-columns:1.5fr;grid-template-columns:1.5fr;padding-left:0;padding-right:0}.cta-wrapper{max-width:none;text-align:center}.discover-studio{flex-direction:row;overflow:hidden;position:relative}.discover-studio-preview{position:absolute;right:-20%;top:-10%;width:60%;z-index:1}.discover-studio-text{max-width:50%;padding-bottom:40px;padding-left:0;padding-right:0;z-index:2}.marquee-mockups,.marquee-mockups.second{display:none}.grid-mockup-detail{-ms-grid-columns:1fr;grid-auto-flow:row;grid-template-columns:1fr}.subscribe-block{flex-direction:column;padding-left:60px;padding-right:60px;text-align:center}.footer-link,.subscribe-form{margin-left:0;margin-top:20px}.footer-link{display:block;float:none}.grid-detail{grid-row-gap:36px;-ms-grid-columns:1.5fr;grid-auto-flow:row;grid-template-columns:1.5fr;margin-top:40px}.column-sticky{padding-left:0;position:relative}.column-paragraph{padding-right:0}.footer-columns{align-items:center;flex-direction:row;text-align:center}.mobile-cta{display:block}.desktop-cta{display:none}}@media screen and (max-width:767px){h1{font-size:34px;line-height:38px}h2{font-size:30px;line-height:36px}h3{font-size:24px;line-height:30px}.wrapper{padding-left:20px;padding-right:20px}.start-here{margin-left:auto;margin-right:auto;max-width:80%;padding:0}.start-here.detail{max-width:none;padding-bottom:20px;padding-top:0}.animation-wrapper{flex:0 0 auto}.grid-mockups{-ms-grid-columns:1fr;grid-template-columns:1fr;margin-bottom:60px}.grid-mockups.detail{margin-bottom:80px}.modal{-ms-grid-columns:1fr 3fr;grid-template-columns:1fr 3fr}.mockup-detail{padding:40px}.more-mockups-left{padding-left:40px;padding-right:40px;padding-top:60px}.cta-wrapper{grid-row-gap:32px;-ms-grid-columns:1fr;grid-template-columns:1fr;min-width:auto;text-align:center;width:100%}.heading-caption{margin-right:0}.discover-studio{padding-bottom:40px}.discover-studio-preview{display:none;width:58%}.discover-studio-text{max-width:none;padding-right:40px}.track-vertical{align-items:center}.marquee-cover{background-image:linear-gradient(180deg,hsla(0,0%,100%,0) 70%,#fff),linear-gradient(180deg,#fff,hsla(0,0%,100%,0) 30%)}.mockup-preview-container{height:25vw}.marquee-mockups{height:70vw}.subscribe-block{padding-bottom:40px;padding-top:40px}.input{font-size:16px}.subscribe-form{max-width:none}.footer{align-items:center;flex-direction:column}.footer-link{margin-bottom:10px;margin-left:0}.navbar{justify-content:space-between}.button-small{display:none}.drop-area{font-size:28px;letter-spacing:-.5px;line-height:34px;padding-left:20px;padding-right:20px}.drop-area-image{max-width:75%}}@media screen and (max-width:479px){h2{font-size:28px;line-height:32px}.start-here{max-width:none}.heading-h1{font-size:28px;line-height:34px}.subheading-h1{font-size:18px;line-height:25px}.grid-mockups{-ms-grid-columns:1fr;grid-template-columns:1fr}.modal{-ms-grid-columns:.5fr 2fr;grid-template-columns:.5fr 2fr}.mockup-detail{padding:40px}.more-mockups-left{padding-left:20px;padding-right:20px}.spacer-30._15-xsvp{height:15px}.flex-vertical.marquee-fix{margin-top:15px}.subscribe-block{padding-left:20px;padding-right:20px}.spacer-10._15-xsvp,.spacer-20._15-xsvp,.spacer-40._15-xsvp{height:15px}.navbar{text-align:right}.footer-columns{flex-direction:column}}#w-node-_0d14d574-5f9b-684e-924e-0dd2659d28af-d2b17be5,#w-node-_1383733f-1bc5-f5d2-2242-753a7dccb48e-d2b17be5,#w-node-_18247dc8-8461-5165-cf26-9e9c136ee5fa-d2b17be5,#w-node-_1f9081a2-df36-ef66-ec80-a3f3e85d21b9-d2b17be5,#w-node-_284510b9-5462-666d-d394-5784e00f6689-d2b17be5,#w-node-_3410fd2f-648b-a08d-a26e-ee5afd35d16a-d2b17be5,#w-node-_3a9203fa-044f-1071-0d86-0a565736f738-d2b17be5,#w-node-_3e235d42-0121-157c-afa5-ef8efa4af9c4-d2b17be5,#w-node-_68f91ca8-9d9c-9069-8126-490a788e7c7e-d2b17be5,#w-node-_80e6ebb1-1f16-98f7-bd2c-1d1742c771cf-d2b17be5,#w-node-_869862c4-3a03-0c5f-2f3d-58086c08dede-d2b17be5,#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b475f-410b475a,#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b4761-410b475a,#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b4763-410b475a,#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b4766-410b475a,#w-node-a2f4b81a-d9e1-73fc-2f1e-7fe118b51001-d2b17be5,#w-node-d33e2dd3-d2b5-64f7-19ca-c356a451787a-d2b17be5,#w-node-e3a9c901-5765-4377-a95f-95a4090f56ed-d2b17be5,#w-node-f75e37b7-7e9b-4ba8-6eb7-c22e5346bcfd-d2b17be5{-ms-grid-column-span:1;-ms-grid-row-span:1;-ms-grid-column:span 1;grid-column-end:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-end:span 1;grid-row-start:span 1}#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b4766-410b475a{-ms-grid-column-align:start;justify-self:start}#w-node-_4057e944-2c0e-9293-94ed-ca2085f91efd-ac6919c7,#w-node-_4d5b5810-39a4-8c46-24af-79ee30da507c-ac6919c7,#w-node-_84f03b14-8be6-a386-82c3-cd996518030d-ac6919c7,#w-node-ba6b1c49-a7ff-dd6f-4d1f-971df0f0d16a-79a0b4d7,#w-node-e081b5d9-a616-1e99-880a-cfd712c29149-ac6919c7{-ms-grid-column-span:1;-ms-grid-row-span:1;-ms-grid-column:span 1;grid-column-end:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-end:span 1;grid-row-start:span 1}#w-node-_4d5b5810-39a4-8c46-24af-79ee30da507c-ac6919c7{-ms-grid-column-align:center;justify-self:center}#w-node-_2604f55c-d709-99ea-083c-3730c66db0d0-ac6919c7,#w-node-_47afcc90-f19c-7431-cdd6-88a0e94bed44-ac6919c7,#w-node-_73066e1e-9392-340d-094f-c56fdf095766-ac6919c7,#w-node-_785289d9-1f27-fe46-4f9c-ea964027a879-ac6919c7,#w-node-_96e8472d-ca9d-9383-9bd1-4bfb6e558e0c-ac6919c7{-ms-grid-column-span:1;-ms-grid-row-span:1;-ms-grid-column:span 1;grid-column-end:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-end:span 1;grid-row-start:span 1}@media screen and (min-width:1440px){#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b475a-410b475a{-ms-grid-column-span:1;-ms-grid-row-span:1;-ms-grid-column:span 1;grid-column-end:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-end:span 1;grid-row-start:span 1}}@media screen and (max-width:767px){#w-node-_8b1c41e2-17f0-13b0-4f3c-e760410b475c-410b475a{-ms-grid-column-span:1;-ms-grid-row-span:1;-ms-grid-row-align:center;align-self:center;-ms-grid-column:span 1;grid-column-end:span 1;grid-column-start:span 1;-ms-grid-row:span 1;grid-row-end:span 1;grid-row-start:span 1}}.preview{height:auto;position:relative;width:100%;z-index:5}@-webkit-keyframes pulse{0%,to{transform:scaleX(1)}33%{transform:scale3d(.98,.98,.98)}66%{transform:scale3d(1.02,1.02,1.02)}}@keyframes pulse{0%,to{transform:scaleX(1)}33%{transform:scale3d(.98,.98,.98)}66%{transform:scale3d(1.02,1.02,1.02)}}.pulse{-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.render{background-color:#000;transform-origin:0 0;width:500px}.render,.render img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.render img{pointer-events:none}.screen{overflow:hidden;position:absolute;transform-origin:0 0}.screen img{height:100%;min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top left;object-position:top left;position:absolute;width:100%;z-index:2}.screen img.old{opacity:1!important;z-index:1}.start-here{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100%25' height='100%25' fill='none' rx='20' ry='20' stroke='%23CDCDCD' stroke-width='2' stroke-dasharray='8, 16' stroke-linecap='square'/%3E%3C/svg%3E");border-radius:20px}.track-vertical{-webkit-animation:marquee-vertical 100s linear infinite;animation:marquee-vertical 100s linear infinite;position:absolute;white-space:nowrap;will-change:transform}@-webkit-keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes marquee-vertical{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.track-vertical-alt{-webkit-animation:marquee-vertical-alt 100s linear infinite;animation:marquee-vertical-alt 100s linear infinite;position:absolute;white-space:nowrap;will-change:transform}@-webkit-keyframes marquee-vertical-alt{0%{transform:translateY(-50%)}to{transform:translateY(0)}}@keyframes marquee-vertical-alt{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.grid-mockup{overflow:hidden;overflow:clip}.grid-mockup .button-mockup{transition:background-color .2s,transform .2s .4s;transition-timing-function:ease-in}.grid-mockup .button-mockup:hover{z-index:10}.grid-mockup:hover .button-mockup{transform:translateY(0);transition:.2s;transition-timing-function:ease-out}.grid-mockup:hover .button-mockup.tweet{transition-delay:35ms}.grid-mockup:hover .button-mockup.share{transition-delay:70ms}@media screen and (max-width:479px){.grid-mockup .button-mockup,.grid-mockup:hover .button-mockup{transform:translateY(60px);transition:0}.grid-mockup .button-mockup.tweet{display:none}}.visually-hidden{clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.sample-button{position:relative}.button-mockup:after,.expand-click-area:after,.sample-button:after{border-radius:100%;bottom:-10px;content:"";display:block;left:-10px;position:absolute;right:-10px;top:-10px}.branding,.branding:hover{color:#111}@media (prefers-color-scheme:dark){:root{--primary-hover:#7765ff;--primary:#5a44ff;--text:#fff;--background:#161616}body,html{background:var(--background);color:var(--text)}.grid-mockup{border-color:var(--background)}.discover-studio,.subscribe-block{background-color:#1f1f1f;color:var(--text)}.sample-button{color:inherit;text-decoration:underline}.branding-mockuuups.banner,a,h4{color:inherit}.button,.large-button,.large-button:hover{border-color:transparent}.button,.large-button{background-color:var(--primary)}.button:hover,.large-button:hover{background-color:var(--primary-hover);border-color:transparent}.input{background:transparent;color:inherit}.discover-studio{border-color:transparent}.discover-studio,.discover-studio-text,.discover-studio-text:hover,.discover-studio:hover{color:inherit}.branding,.branding:hover{color:var(--text)}.button-small{background-color:transparent;border-color:inherit;color:inherit}.cta-wrapper,.heading-caption{color:hsla(0,0%,100%,.75)}}@media screen and (max-width:767px){.start-here{background-image:none}}.masonry-container{margin-bottom:40px;position:relative}.masonry-container .grid-mockup{left:0;position:absolute;top:0;transition:none}.masonry-container .mockup-detail-preview{position:static}.masonry-container .mockup{left:50%;position:absolute;top:50%;transform-origin:center center;width:500px}._404-illustration,.more-mockups-preview{height:auto}.mockup-detail-preview{height:100%;width:100%}.mockup-preview{align-items:center;display:flex;justify-content:center;max-height:660px}.screen-size{z-index:1}.drop-area-image{-webkit-animation-duration:4s;animation-duration:4s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:pulse-import;animation-name:pulse-import;-webkit-animation-play-state:paused;animation-play-state:paused;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.drop-area-image.is-active{-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes pulse-import{0%,70%,to{transform:scaleX(1)}35%{transform:scale3d(1.1,1.1,1.1)}}@keyframes pulse-import{0%,70%,to{transform:scaleX(1)}35%{transform:scale3d(1.1,1.1,1.1)}}@media (prefers-reduced-motion){*{-webkit-animation:none!important;animation:none!important;transition:0!important}}.desktop-cta{padding-left:40px;position:relative;text-align:left}.desktop-cta .upload-icon{left:-10px;position:absolute;top:-1px}.mobile-cta .upload-icon{margin-right:8px;margin-top:-2px}.attribution{z-index:1}.more-mockups-left{justify-content:center}