h1,h2{line-height:1.2}*,body{margin:0}.page-header:after,.page-header:before{content:"";height:100%;position:absolute;z-index:1;width:100%}.page-header .about h1,.page-header .logo{margin-bottom:2rem}.header-layout,.page-main{max-width:var(--page-max-width)}:root{--primary:#555;--hover:#c45500;--white:#fff;--black:#111;--page-bg:#f3f3f3;--page-max-width:1100px;--section-inline-margin:2rem;--section-block-margin:3rem}*{padding:0;box-sizing:border-box}html{font-size:1.2em}@media screen and (max-width:800px){html{font-size:1em}}h1{font-weight:400;font-size:1.8rem}h2{font-weight:700;font-size:1.2rem}h3,section h2{font-weight:500}h3{font-size:1.1rem}h4,section p{font-size:1rem}body{background-color:var(--page-bg);font-family:Georgia,'Times New Roman',Times,serif;line-height:1.4;color:var(--black);font-weight:400;display:flex;flex-direction:column;align-items:center}a,a:link,a:visited{color:var(--primary)}a:active,a:hover{color:var(--hover)}:focus{outline:0;box-shadow:0 0 0 .075rem var(--white),0 0 0 .2rem var(--primary)}[data-whatintent=mouse] :focus,[data-whatintent=touch] :focus{box-shadow:inherit}.page-header{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;position:relative;color:var(--white);background:var(--black)}.page-header:before{overflow:hidden;background-size:5rem;background-position:center center}.page-header:after{background:linear-gradient(185deg,var(--primary) 33%,rgba(0,102,192,0) 100%)}.page-header .logo{width:100%;max-width:14rem;z-index:4}.page-header .about{flex-shrink:1}.header-layout{z-index:4;display:flex;align-items:center;padding:2.2rem var(--section-inline-margin) 1rem var(--section-inline-margin)}.page-header .mock{margin-left:2rem;width:100%;max-width:260px;min-width:150px}.page-header .mock img{max-width:100%;max-height:70vh;min-height:18rem}@media screen and (max-width:500px){html{font-size:.9em}.header-layout{flex-direction:column;align-items:center}.page-header .mock{margin-left:0;margin-top:2rem;width:200px}.page-header .logo{margin-top:2rem}}.page-header .app-store-links{display:flex;margin-top:1rem;justify-content:flex-start}.page-header .app-store-links a{margin-right:1rem}.page-header .app-store-links a img{display:block;height:50px;width:auto}@media (max-width:500px){.page-header{text-align:center}.page-header .app-store-links{justify-content:center}}section{margin:var(--section-block-margin) var(--section-inline-margin);padding-bottom:2rem;border-bottom:2px solid #ddd}section.faq{border:0}.page-header+section{margin:.5rem 2rem}section h2{margin-bottom:1rem}section p{line-height:150%;margin:1rem 0}section ol,section ul{margin-left:1.2rem}section ol li,section ul li{padding-left:.4rem}section.screens ul{padding:0;text-align:center;white-space:nowrap;--gap:1rem;display:inline-flex;flex-wrap:wrap}section.screens ul li{list-style-type:none;padding:0;margin:none;display:inline-block;flex-basis:calc(100% / 4 - var(--gap));margin:var(--gap) 0 0 var(--gap)}@media (max-width:600px){.page-header .app-store-links a img{height:40px}section.screens ul>li{flex-basis:calc(100% / 2 - var(--gap))}}section.screens ul li img{width:100%;border-radius:.5rem;box-shadow:0 20px 20px -20px rgba(0,0,0,.25);transition:.1s ease-in-out}@media (pointer:fine){section.screens ul li:hover img{box-shadow:0 20px 30px -20px rgba(0,0,0,.4);transform:scale(1.3) rotate(-.2deg) translateY(-1px)}}section.copyright{margin-top:4rem;border:0;text-align:center}section.copyright p{font-size:.8rem;color:#666;margin:.25rem 0}