html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;text-decoration:none}div:hover,div:focus,a:hover,a:focus,input:hover,input:focus,button:hover,button:focus{outline:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}html{font-size:62.5%}body{font-family:'Source Sans Pro', sans-serif;font-size:62.5%;-webkit-font-smoothing:antialiased;color:#64686E}a{color:#308FFF}strike{text-decoration:line-through}html,body{width:100%;height:100%}header>div,section>div,footer>div{width:100%;max-width:1072px;padding:0 32px;box-sizing:border-box;margin:0 auto}@media screen and (max-width: 780px){header>div,section>div,footer>div{padding:0 16px}}.sweet-overlay{background-color:rgba(0,0,0,0.4);position:fixed;left:0;right:0;top:0;bottom:0;display:none;z-index:1000}.sweet-alert{background-color:#fff;font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;border-radius:5px;box-sizing:border-box;text-align:center;position:fixed;left:50%;top:50%;margin-top:-200px;max-height:90%;overflow-x:hidden;overflow-y:auto;display:none;z-index:2000}.sweet-alert h2{color:#575757;font-size:30px;text-align:center;font-weight:600;text-transform:none;position:relative;margin:0;padding:0;line-height:60px;display:block}.sweet-alert p{font-size:16px;text-align:center;font-weight:300;position:relative;float:none;margin:0;padding:0;line-height:normal}.sweet-alert hr{height:10px;color:transparent;border:0}.sweet-alert button{color:#fff;border:0;box-shadow:none;font-size:17px;font-weight:500;border-radius:5px;padding:10px 32px;margin:0 5px;cursor:pointer}.sweet-alert button:focus{outline:none}.sweet-alert button.cancel[disabled]{opacity:.4}.sweet-alert button.confirm[disabled]{border:4px solid transparent;border-color:transparent;width:40px;height:40px;padding:0;margin:0 30px;vertical-align:middle;background-color:transparent !important;color:transparent;cursor:default;border-radius:100%;animation:rotate-loading 1.5s linear 0s infinite normal}.sweet-alert button::-moz-focus-inner{border:0}.sweet-alert[data-has-cancel-button=false] button{box-shadow:none !important}.sweet-alert .icon{width:80px;height:80px;border:4px solid #808080;border-radius:50%;margin:20px auto;padding:0;position:relative;box-sizing:content-box}.sweet-alert .icon.error{border-color:#f27474}.sweet-alert .icon.error .x-mark{position:relative;display:block}.sweet-alert .icon.error .line{position:absolute;height:5px;width:47px;background-color:#f27474;display:block;top:37px;border-radius:2px}.sweet-alert .icon.error .line.left{transform:rotate(45deg);left:17px}.sweet-alert .icon.error .line.right{transform:rotate(-45deg);right:16px}.sweet-alert .icon.warning{border-color:#f8bb86}.sweet-alert .icon.warning .body{position:absolute;width:5px;height:47px;left:50%;top:10px;border-radius:2px;margin-left:-2px;background-color:#f8bb86}.sweet-alert .icon.warning .dot{position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;left:50%;bottom:10px;background-color:#f8bb86}.sweet-alert .icon.info{border-color:#c9dae1}.sweet-alert .icon.info::before{content:'';position:absolute;width:5px;height:29px;left:50%;bottom:17px;border-radius:2px;margin-left:-2px;background-color:#c9dae1}.sweet-alert .icon.info::after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;margin-left:-3px;top:19px;background-color:#c9dae1}.sweet-alert .icon.success{border-color:#a5dc86}.sweet-alert .icon.success::before,.sweet-alert .icon.success::after{content:'';border-radius:50%;position:absolute;width:60px;height:120px;background:#fff;transform:rotate(45deg)}.sweet-alert .icon.success::before{border-radius:120px 0 0 120px;top:-7px;left:-33px;transform:rotate(-45deg);transform-origin:60px 60px}.sweet-alert .icon.success::after{border-radius:0 120px 120px 0;top:-11px;left:30px;transform:rotate(-45deg);transform-origin:0 60px}.sweet-alert .icon.success .placeholder{width:80px;height:80px;border:4px solid rgba(165,220,134,0.2);border-radius:50%;box-sizing:content-box;position:absolute;left:-4px;top:-4px;z-index:2}.sweet-alert .icon.success .fix{width:5px;height:90px;background-color:#fff;position:absolute;left:28px;top:8px;z-index:1;transform:rotate(-45deg)}.sweet-alert .icon.success .line{height:5px;background-color:#a5dc86;display:block;border-radius:2px;position:absolute;z-index:2}.sweet-alert .icon.success .line.tip{width:25px;left:14px;top:46px;transform:rotate(45deg)}.sweet-alert .icon.success .line.long{width:47px;right:8px;top:38px;transform:rotate(-45deg)}.sweet-alert .icon.custom{background-size:contain;border-radius:0;border:0;background-position:center center;background-repeat:no-repeat}@keyframes showSweetAlert{0%{transform:scale(0.7)}45%{transform:scale(1.05)}80%{transform:scale(0.95)}100%{transform:scale(1)}}@keyframes hideSweetAlert{0%{transform:scale(1)}100%{transform:scale(0.5)}}.show-sweet-alert{animation:showSweetAlert 0.3s}.show-sweet-alert.no-animation{animation:none}.hide-sweet-alert{animation:hideSweetAlert 0.2s}.hide-sweet-alert.no-animation{animation:none}@keyframes animate-success-tip{0%{width:0;left:1px;top:19px}54%{width:0;left:1px;top:19px}70%{width:50px;left:-8px;top:37px}84%{width:17px;left:21px;top:48px}100%{width:25px;left:14px;top:45px}}@keyframes animate-success-long{0%{width:0;right:46px;top:54px}65%{width:0;right:46px;top:54px}84%{width:55px;right:0;top:35px}100%{width:47px;right:8px;top:38px}}@keyframes rotatePlaceholder{0%{transform:rotate(-45deg)}5%{transform:rotate(-45deg)}12%{transform:rotate(-405deg)}100%{transform:rotate(-405deg)}}.animate-success-tip{animation:animate-success-tip 0.75s}.animate-success-long{animation:animate-success-long 0.75s}.icon.success.animate::after{animation:rotatePlaceholder 4.25s ease-in}@keyframes animate-error-icon{0%{transform:rotateX(100deg);opacity:0}100%{transform:rotateX(0deg);opacity:1}}.animate-error-icon{animation:animate-error-icon 0.5s}@keyframes animate-x-mark{0%{transform:scale(0.4);margin-top:26px;opacity:0}50%{transform:scale(0.4);margin-top:26px;opacity:0}80%{transform:scale(1.15);margin-top:-6px}100%{transform:scale(1);margin-top:0;opacity:1}}.animate-x-mark{animation:animate-x-mark 0.5s}@keyframes pulse-warning{0%{border-color:#f8d486}100%{border-color:#f8bb86}}.pulse-warning{animation:pulse-warning 0.75s infinite alternate}@keyframes pulse-warning-ins{0%{background-color:#f8d486}100%{background-color:#f8bb86}}.pulse-warning-ins{animation:pulse-warning-ins 0.75s infinite alternate}@keyframes rotate-loading{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.sweet-alert h2{font-size:1.8rem;line-height:2.6rem;margin:20px 0}header{border-bottom:1px solid #EEF1F3;margin-bottom:80px}@media screen and (max-width: 780px){header{margin-bottom:60px}}header>div{height:72px;display:flex;align-items:center;justify-content:space-between}header>div>a:hover svg path{fill:#308FFF}header nav a{font-size:1.4rem;color:#93A9B9;margin-left:30px}header nav a:hover,header nav a.active{color:#308FFF}footer{height:80px;background:#F3F5F7}footer a{line-height:80px;font-size:14px;float:right;margin-left:20px;font-size:1.8rem;color:#64686E}footer a span{color:#308FFF}footer a svg{margin-bottom:-3px}footer a:first-child{float:left;margin-left:0px}footer a:hover{color:#308FFF}footer a:hover svg path{fill:#308FFF}#intro-video{max-width:1024px;width:100%;padding-top:56.25%;position:relative;box-shadow:0px 0px 20px rgba(0,0,0,0.2);border-radius:6px;margin-left:-8px;overflow:hidden;margin-bottom:120px;background:#F1F3F5;transform:translateY(0px)}@media screen and (max-width: 780px){#intro-video{margin-bottom:60px}}#intro-video iframe{position:absolute;top:2px;left:0px}#intro-video.clean iframe{top:0px;border-radius:6px}#intro-video:before{content:"";width:100%;height:100%;position:absolute;top:0px;left:0px;z-index:3}#intro h1,#intro p{margin:0 128px}@media screen and (max-width: 920px){#intro h1,#intro p{margin:0 48px}}@media screen and (max-width: 780px){#intro h1,#intro p{margin:0}}#intro h1{font-size:3.6rem;margin-bottom:32px}#intro h1 strong{font-weight:600}#intro p{font-size:2.1rem;line-height:3.2rem;margin-bottom:52px}#features>div>p{font-size:2.1rem;line-height:3.2rem;margin:0 128px 96px}@media screen and (max-width: 920px){#features>div>p{margin:0 48px 96px}}@media screen and (max-width: 780px){#features>div>p{margin:0 0 60px}}#features>div>h2{font-size:3.6rem;font-weight:600;text-align:center;margin-bottom:36px}#features ul{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:120px}@media screen and (max-width: 920px){#features ul{margin-bottom:0px}}#features ul.narrow{margin-bottom:15px}#features ul li{flex-shrink:0;flex-basis:50%;box-sizing:border-box;padding-left:128px;font-size:1.8rem;line-height:2.4rem}#features ul li.narrow{padding-left:48px}@media screen and (max-width: 920px){#features ul li.narrow{padding-left:0px}}@media screen and (max-width: 920px){#features ul li{padding:0 32px 0 0}}@media screen and (max-width: 780px){#features ul li{flex-basis:100%;padding-right:0px}}#features ul li svg{margin-bottom:24px}#features ul li h2{margin-bottom:8px;font-weight:600}#features ul li p{margin-bottom:64px}#featurettes{height:529px;position:relative;box-sizing:border-box;padding-top:40px;margin-bottom:160px}@media screen and (max-width: 780px){#featurettes{padding-top:0px;margin-bottom:0px}}#featurettes ul{margin-left:50%}@media screen and (max-width: 780px){#featurettes ul{margin-left:0px}}#featurettes ul li{margin-left:128px;font-size:1.6rem;line-height:2.4rem;cursor:pointer}@media screen and (max-width: 920px){#featurettes ul li{margin-left:0px}}#featurettes ul li:hover h3,#featurettes ul li.active h3{color:#308FFF}@media screen and (max-width: 920px){#featurettes ul li:hover h3,#featurettes ul li.active h3{color:#64686E}}#featurettes ul li.active h3:before{content:"";background:url("data:image/svg+xml;utf8,<svg width='10' height='8' viewBox='0 0 10 8' xmlns='http://www.w3.org/2000/svg'><path d='M0 0l10 4-10 4 2-4z' fill='#308FFF'/></svg>");width:10px;height:8px;position:absolute;top:8px;left:-18px}@media screen and (max-width: 920px){#featurettes ul li.active h3:before{display:none}}#featurettes ul li h3{font-weight:600;position:relative}#featurettes ul li p{margin-bottom:40px}#animations{position:absolute;top:0px;right:46%;width:881px;height:529px;border:1px solid #C2C2C2;box-shadow:0px 2px 8px rgba(0,0,0,0.1);border-radius:6px;background:url("../assets/browser.png") no-repeat;background-size:100% auto}#animations div{content:"";width:100%;height:100%;position:absolute;right:1px;opacity:0;border-radius:0 0 6px 0}#animations div.active{opacity:1}#animations div.animation-comments{background:url("../assets/feature-comments.gif") right 35px no-repeat;background-size:auto 462px}#animations div.animation-history{background:url("../assets/feature-history.gif") right 35px no-repeat;background-size:auto 462px}#animations div.animation-styles{background:url("../assets/feature-styles.gif") right 35px no-repeat;background-size:auto 462px}#animations div.animation-fonts{background:url("../assets/feature-fonts.gif") right 35px no-repeat;background-size:auto 462px}#animations:after{content:"";width:100%;height:100%;background:url("../assets/feature-overlay.jpg") bottom right no-repeat;background-size:auto 30%;position:absolute;right:180px}@media screen and (max-width: 920px){#animations{right:60%}}@media screen and (max-width: 780px){#animations{display:none}}#chrome>div{display:flex;font-size:1.8rem;line-height:2.4rem;margin-bottom:120px}@media screen and (max-width: 780px){#chrome>div{flex-direction:column-reverse;margin-bottom:80px}#chrome>div a.button{display:block;max-width:320px;margin:0 auto}}#chrome>div column{flex-shrink:0;flex-basis:50%;box-sizing:border-box}#chrome>div column:first-child{padding-top:20px}#chrome>div column:last-child{padding-left:128px}@media screen and (max-width: 920px){#chrome>div column:last-child{padding-left:48px}}@media screen and (max-width: 780px){#chrome>div column{flex-basis:100%}#chrome>div column:last-child{padding-left:0px}#chrome>div column:last-child img{max-width:100%;display:block;margin:0 auto 20px}}#chrome>div h2{font-size:2.1rem;font-weight:600;margin-bottom:5px}#chrome>div p{margin-bottom:26px}#chrome>div h2+p{margin-top:20px}#chrome>div ul{margin-bottom:36px}#chrome>div ul li{line-height:3.2rem;position:relative;padding-left:32px}#chrome>div ul li:before{content:"";background:#64686E;width:4px;height:4px;position:absolute;transform:rotate(45deg);top:14px;left:12px}#plugins{background:#F1F6FA;padding:120px 0;margin-bottom:110px}@media screen and (max-width: 780px){#plugins{padding:60px 0;margin-bottom:60px}}#plugins>div{display:flex;flex-wrap:wrap}#plugins>div column{flex-shrink:0;flex-basis:50%;box-sizing:border-box;padding-right:128px}@media screen and (max-width: 920px){#plugins>div column{padding-right:48px}}@media screen and (max-width: 780px){#plugins>div column{padding-right:0px;flex-basis:100%}#plugins>div column a.button{display:block;max-width:320px;margin:0 auto}#plugins>div column:first-child{margin-bottom:60px}}#plugins>div svg{margin-bottom:24px}#plugins>div h3{font-size:1.8rem;font-weight:600;line-height:3.2rem;margin-bottom:4px}#plugins>div p{font-size:1.8rem;line-height:2.4rem;margin-bottom:32px}#preorder{margin-bottom:120px}@media screen and (max-width: 780px){#preorder{margin-bottom:60px}}#preorder>div{font-size:1.8rem;line-height:2.4rem;display:flex;flex-wrap:wrap}#preorder>div column{flex-shrink:0;flex-basis:50%}@media screen and (max-width: 940px){#preorder>div column{flex-basis:100%}}#preorder>div column:first-child h2{font-size:2.4rem;margin:26px 0 18px;font-weight:600}#preorder>div column:first-child p{margin-bottom:16px}#preorder>div column:first-child p strong{font-weight:600;font-size:2.1rem}#preorder .deal{margin-left:112px;border:4px solid #F9D086;box-shadow:0 2px 4px 0 rgba(0,0,0,0.06),0 3px 18px 0 rgba(0,0,0,0.08);box-sizing:border-box;padding:24px 40px 40px;text-align:center}@media screen and (max-width: 940px){#preorder .deal{width:100%;margin:20px auto;max-width:400px;padding:24px 20px 40px}}#preorder .deal h2{color:#2E4A72;font-weight:600;font-size:2.1rem;margin-bottom:23px}#preorder .deal p.price{font-size:4.8rem;font-weight:600;margin-bottom:12px}#preorder .deal p.price sup{font-size:2.4rem}#preorder .deal p.old-price{text-decoration:line-through;color:#93A9B9;font-size:2.4rem;margin-bottom:16px}#preorder .deal .button{display:block}#preorder .deal strong{font-weight:bold}#preorder .deal li{line-height:3.2rem}#preorder .deal li:last-child{margin-bottom:32px}#faq{background:#F3F5F7;padding:120px 0 80px}@media screen and (max-width: 780px){#faq{padding:60px 0 40px}}#faq>div>div{display:flex;flex-wrap:wrap}#faq>div>div article{flex-shrink:0;flex-basis:50%;box-sizing:border-box;padding-right:80px;font-size:1.8rem;line-height:2.4rem;margin-bottom:40px}@media screen and (max-width: 920px){#faq>div>div article{padding-right:48px}}@media screen and (max-width: 780px){#faq>div>div article{flex-basis:100%;margin-bottom:40px;padding-right:0px}}#faq>div>div article h5{font-weight:bold;margin-bottom:4px}#email>div{padding:120px 0 160px;text-align:center}#email>div label{display:block;margin:0 auto 40px;font-size:2.1rem;font-weight:600}@media screen and (max-width: 780px){#email>div{padding:80px 16px}#email>div input[type="email"],#email>div input[type="submit"]{display:block;width:100%}#email>div input[type="email"]{margin-bottom:32px}}#teaser h1,#teaser p{margin:0 128px}@media screen and (max-width: 920px){#teaser h1,#teaser p{margin:0 48px}}@media screen and (max-width: 780px){#teaser h1,#teaser p{margin:0}}#teaser h1{font-size:3.6rem;margin-bottom:32px;font-weight:600}#teaser p{font-size:2.1rem;line-height:3.2rem;margin-bottom:24px}#teaser p strong{font-weight:600}#fellas>div{font-size:1.8rem}#fellas>div h1{font-size:3.2rem;margin-bottom:120px;text-align:center;font-weight:600}#fellas>div ul{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;padding:0 48px;text-align:center}#fellas>div ul strong{display:block;font-weight:600;margin-bottom:6px}#fellas>div ul em{display:block;margin-bottom:120px}#fellas>div img{display:block;margin-bottom:16px}section.text{font-size:1.8rem;line-height:3.2rem;padding-bottom:40px}section.text p{display:block;max-width:624px;margin:0 auto 30px}section.text h1,section.text h2,section.text h3{display:block;max-width:624px;margin:0 auto 30px}section.text h2{font-weight:600;font-size:2.1rem}section.text h3{margin-bottom:16px;font-weight:600}.quote{background:#F1F6FA;padding:64px 0;text-align:center;margin-bottom:120px}@media screen and (max-width: 780px){.quote{margin-bottom:40px}}.quote blockquote{font-size:2.4rem;font-style:italic;margin-bottom:24px}.quote a{font-size:1.8rem;color:#64686E;text-decoration:underline}.quote a:hover{color:#308FFF}.quote span{font-size:1.8rem;color:#64686E}.quote p{font-size:2.1rem;line-height:3.2rem;max-width:750px;display:block;margin:0 auto}.button,input[type="submit"]{display:inline-block;background:#308FFF;color:#fff;padding:12px 33px;font-size:1.8rem;line-height:2.4rem;border-radius:4px;box-sizing:border-box;font-weight:600;min-width:240px;text-align:center;border:none;height:48px;cursor:pointer}.button:hover,input[type="submit"]:hover{background:#287ADA}.button.empty,input[type="submit"].empty{background:none;border:1px solid #308FFF;color:#308FFF}.button.empty:hover,input[type="submit"].empty:hover{border:none;background:#308FFF;color:#fff}.button.cta,input[type="submit"].cta{display:block;width:240px;margin:0 auto 120px}@media screen and (max-width: 780px){.button.cta,input[type="submit"].cta{min-width:none;margin:0 auto 60px}}p+.button.cta{margin-top:80px}form>div{display:flex;width:100%;display:flex;align-items:center;justify-content:center}@media screen and (max-width: 780px){form>div{display:block}}input[type="submit"]{min-width:180px;font-family:"Source Sans Pro";-webkit-appearance:none}input[type="email"]{display:inline-block;height:48px;box-sizing:border-box;margin-right:16px;border-radius:4px;border:1px solid #93A9B9;padding:0 24px;width:430px;font-size:1.8rem;color:#64686E;font-family:"Source Sans Pro";-webkit-appearance:none}input[type="email"].error{border-color:#EE6352}