@import url(https://fonts.googleapis.com/css?family=Montserrat:400);@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}@-webkit-keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}to{opacity:1}}body{font-size:16px;font-family:Open Sans,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;color:gray;line-height:1.875rem}body *{margin:0;padding:0}h1{font-size:2em}h1,h2{font-family:Montserrat,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;color:#000;font-weight:400}h2{font-size:1.375em}h3,h4,h5,h6{font-family:Montserrat,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;color:#000;font-weight:400}a:active,a:focus,a:hover,a:link,a:visited{text-decoration:none;color:gray}ul{list-style:none}.row,.row:after{display:block}.row:after{clear:both;content:""}.banner-container{max-width:64em;margin-left:auto;margin-right:auto}.banner-container:after{clear:both;content:"";display:block}.banner-container .col-1{float:left;display:block;margin-right:1.9355957609%;width:15.0536701993%}.banner-container .col-1:last-child{margin-right:0}.banner-container .col-2{float:left;display:block;margin-right:1.9355957609%;width:66.0214680797%;margin-left:8.4946329801%}.banner-container .col-2:last-child{margin-right:0}.main-container{max-width:64em;margin-left:auto;margin-right:auto}.main-container:after{clear:both;content:"";display:block}.main-container .col{float:left;display:block;margin-right:1.9355957609%;width:49.0322021196%}.main-container .col:last-child{margin-right:0}.main-container .col .sub-col{float:left;display:block;margin-right:3.9476011218%;width:82.675399813%;margin-left:17.324600187%}.main-container .col .sub-col:last-child{margin-right:0}.footer-container{max-width:64em;margin-left:auto;margin-right:auto}.footer-container:after{clear:both;content:"";display:block}.footer-container .col-1{float:left;display:block;margin-right:1.9355957609%;width:40.5375691395%;margin-left:8.4946329801%}.footer-container .col-1:last-child{margin-right:0}.footer-container .col-2{float:left;display:block;margin-right:1.9355957609%;width:49.0322021196%;margin-left:-8.4946329801%}.footer-container .col-2:last-child{margin-right:0}#logo{display:inline-block;height:5.125em;width:5.125em;background-image:url(../images/logo.png);background-repeat:no-repeat;background-size:cover}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:2dppx){#logo{background-image:url(../images/logo@2x.png)}}.menu ul li{display:inline-block;margin-right:1.875em}.menu ul li:last-child{margin-right:0}.banner{background-color:#ee420b;position:relative;display:none}.banner .message{height:3.75em}.banner .message .logo{width:2.5em;background:url(../images/logo-ph.svg) no-repeat 50%;background-size:cover;margin-right:.9375em}.banner .message .logo,.banner .message .msg{float:left;height:2.5em;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.banner .message .msg{color:#fff;font-weight:600;line-height:2.5em}.banner .message .msg u{font-weight:700}.banner .message .msg .upvotes{background-image:url(../images/icon-up.svg);background-repeat:no-repeat;background-position:0;padding-left:1.25em}@-webkit-keyframes up{0%{background-position:0 1.25em}to{background-position:0 -1.25em}}@keyframes up{0%{background-position:0 1.25em}to{background-position:0 -1.25em}}.banner .message .msg .upvotes.animate{-webkit-animation:up .8s ease-out 2;animation:up .8s ease-out 2}.banner .cta{height:3.75em;text-align:right}.banner .cta .btn{display:inline-block;padding:.3125em .625em;color:#fff;border:2px solid #fff;border-radius:4px;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:.9375em;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.banner .cta .btn:hover{background-color:#fff;color:#ee420b}.banner .close{display:inline-block;height:1.25em;width:1.25em;background:url(../images/icon-close.svg) no-repeat 50%;background-size:contain;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);right:.9375em}#hf-crafted{display:inline-block;color:gray;font-family:Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;font-size:.75em;line-height:1.125rem;font-smoothing:antialiased}#hf-crafted:after{clear:both;content:"";display:block}#hf-crafted .logo{height:2.1875rem;width:2.1875rem;margin-right:.625rem;background:url(../images/logo-hf.svg) no-repeat}#hf-crafted .logo,#hf-crafted .text{display:block;float:left}#hf-crafted .text strong{display:block;text-decoration:underline}#hf-crafted .text strong:hover{text-decoration:none}.heap{display:block;text-align:center;margin-bottom:1.875em}.heap img{vertical-align:middle}.l-main{padding:3.75em 0 0}.l-main .content header{margin-bottom:3.75em}.l-main .content main .title{margin-bottom:.46875em}.l-main .content main .subtitle{margin-bottom:.9375em}.l-main .content main .intro{margin-bottom:1.875em}.l-main .content main .intro p{margin-bottom:.9375em}.l-main .content main .intro p:last-child{margin-bottom:0}.l-main .content main .intro a{color:#434343;font-weight:600;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.l-main .content main .intro a:hover{color:#ee420b}.l-main .content main .appstore{display:inline-block;height:3.125em;width:10.5625em;background-image:url(../images/btn-appstore.png);background-repeat:no-repeat;background-position:50%;background-size:cover;margin-bottom:1.875em}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:2dppx){.l-main .content main .appstore{background-image:url(../images/btn-appstore@2x.png)}}.l-main .screenshot{height:42.125em;background-image:url(../images/screenshot.png);background-repeat:no-repeat;background-position:0 0;background-size:28.6875em 42.125em}@media screen and (-webkit-min-device-pixel-ratio:2),screen and (min-resolution:2dppx){.l-main .screenshot{background-image:url(../images/screenshot@2x.png)}}.l-footer{padding:1.875em 0}.l-footer .copyright,.l-footer .menu{font-size:.875em}.l-footer .menu ul{text-align:right}.l-footer .menu ul li a{-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.l-footer .menu ul li a:hover{color:#ee420b}@media screen and (max-width:47.5625em){.main-container .col{float:left;display:block;width:50.9677978804%;margin-right:0}.main-container .col:last-child{width:49.0322021196%}.main-container .col .sub-col{float:left;display:block;margin-right:3.9476011218%;width:100%;margin-left:0}.main-container .col .sub-col:last-child{margin-right:0}.l-main .content{padding:0 1.875em}.l-main .content header{margin-bottom:1.875em}.l-main .content main{font-size:.875rem}.l-main .screenshot{height:33.75em;background-size:23em 33.75em}}@media screen and (max-width:35.6875em){.main-container .col{float:left;display:block;margin-right:1.9355957609%;width:100%}.main-container .col:last-child{margin-right:0;width:100%}.main-container .col .sub-col{float:left;display:block;margin-right:3.9476011218%;width:100%;margin-left:0}.main-container .col .sub-col:last-child{margin-right:0}.l-main .content{padding:0 1.875em}.l-main .content footer{margin-bottom:1.875em}.l-main .screenshot{height:42.125em;background-size:28.6875em 42.125em;background-position:1.875em 0}}@media screen and (max-width:23.8125em){.l-main{padding:1.875em 0 0}.l-main .content{padding:0 1.875em}.l-main .content footer{margin-bottom:1.875em}.l-main .screenshot{height:33.75em;background-size:23em 33.75em}}@media screen and (max-width:35.6875em){.footer-container .col-1{float:left;display:block;margin-right:1.9355957609%;width:100%;margin-left:0}.footer-container .col-1:last-child{margin-right:0}.footer-container .col-2{float:left;display:block;margin-right:1.9355957609%;width:100%;margin-left:0}.footer-container .col-2:last-child{margin-right:0}.l-footer .copyright{text-align:center;margin-bottom:.9375em}.l-footer .menu ul{text-align:center}}@media screen and (max-width:47.5625em){.banner-container .col-1{float:left;display:block;margin-right:1.9355957609%;width:100%;margin-left:0}.banner-container .col-1:last-child{margin-right:0}.banner-container .col-2{float:left;display:block;margin-right:1.9355957609%;width:100%;margin-left:0}.banner-container .col-2:last-child{margin-right:0}.banner{padding:1.875em .9375em}.banner .message{height:auto;margin-bottom:.9375em}.banner .message .logo,.banner .message .msg{display:block;float:none;background-size:contain;top:auto;-webkit-transform:translateY(0);transform:translateY(0);text-align:center;margin-right:0}.banner .message .logo{margin:0 auto;margin-bottom:.9375em}.banner .message .msg{line-height:normal;height:auto}.banner .cta{height:auto;text-align:center}.banner .cta .btn{top:auto}.banner .close,.banner .cta .btn{-webkit-transform:translateY(0);transform:translateY(0)}.banner .close{top:.9375em}}