#hero-container,#hero-title-highlight{position:relative}*{box-sizing:border-box}body,html{margin:0;padding:0;height:1px}body{min-height:100%}#page-container{max-width:630px;margin:0 auto}@media (max-width:700px){#page-container{padding:0 20px}}#page-header{padding-top:40px}#page-header-logo-text{color:#7B7B7B}#hero-container{margin-top:35px}@media (min-width:780px){#hero-container{height:380px}}#hero-screenshot{margin-top:40px;text-align:center}#hero-screenshot img{width:100%;max-width:280px;height:auto}@media (min-width:779px){#hero-left-content{width:280px}#hero-screenshot{position:absolute;right:0;top:0;margin-top:0}}#hero-app-store-badge{margin-top:15px}.feature-container{margin-top:50px}.feature-media-container{margin-top:30px;text-align:center}#footer-app-store-badge{text-align:center;margin:80px 0}#page-footer{background:#F9F9F9;padding:20px}#page-footer ul{list-style-type:none;padding:0;margin:0}#page-footer ul>li{margin:0}#page-footer-contact-box{padding:20px;background:#FFF;margin-bottom:20px}#page-footer-contact-box ul>li>span{display:inline-block;min-width:110px;color:rgba(0,0,0,.5)}html{width:100%;height:100%;font-size:20px;color:#000;font-family:Roboto,Helvetica,Arial,sans-serif;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none}.text-title{font-family:"Varela Round",Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.17em}.text-subtitle{color:#7B7B7B;margin-top:15px}#hero-title-highlight::after{display:block;content:"";position:absolute;z-index:-1;top:0;bottom:0;left:-10px;right:-10px;background:rgba(255,254,120,.48)}a{text-decoration:none}a:active,a:link,a:visited{color:inherit}.app-store-badge{display:inline-block}.app-store-badge::before{content:url(/images/app-store-badge.svg)}@keyframes syncing-iphone-animation{from{background-position-x:0}to{background-position-x:-38px}}@keyframes syncing-ipad-animation{from{background-position-x:-76px}to{background-position-x:-190px}}.syncing-devices-animation{position:relative;display:inline-block;width:190px;height:140px;background:url(/images/syncing-devices-frames.png) no-repeat;background-size:contain;transform:scaleX(-1)}.syncing-devices-animation::after,.syncing-devices-animation::before{display:block;background-image:url(/images/syncing-devices-text.png);background-repeat:no-repeat;background-size:304px 123px;position:absolute;content:""}.syncing-devices-animation::before{animation:1s linear infinite syncing-iphone-animation;left:5px;top:56px;width:38px;height:72px}.syncing-devices-animation::after{animation:1.3s linear infinite syncing-ipad-animation;left:71px;top:5px;width:114px;height:123px;background-position:-76px 0}@keyframes customization-text-scale-animation{from{transform:scale(1,1) translateY(0)}to{transform:scale(.7,.7) translateY(-12%)}}@keyframes customization-slider-thumb-animation{from{right:100%}to{right:0}}@keyframes customization-text-color-animation{20%{color:#ef2d56}40%{color:#f9c22e}60%{color:#53b3cb}80%{color:#2fbf71}100%{color:#000}}@keyframes customization-background-color-animation{20%{background-color:#ef2d56}40%{background-color:#f9c22e}60%{background-color:#53b3cb}80%{background-color:#2fbf71}100%{background-color:#000}}.customization-animation{vertical-align:bottom;position:relative;display:inline-block;width:114px;height:67px;text-align:right}.customization-animation>span{display:inline-block;animation:5s infinite customization-text-color-animation,2s ease-out infinite alternate customization-text-scale-animation;transform-origin:right bottom;font-family:"Palatino Linotype","Book Antiqua",Palatino,serif;font-size:64px;font-weight:700;color:#000;line-height:1em}.customization-animation .customization-animation-slider{position:absolute;bottom:0;left:0;right:0;height:3px;background:#D8D8D8}.customization-animation .customization-animation-slider::before{content:"";display:block;position:absolute;top:-1px;width:5px;height:5px;background:#A9A9A9;animation:2s ease-out infinite alternate customization-slider-thumb-animation}.customization-animation .customization-animation-color{position:absolute;left:0;bottom:18px;width:20px;height:20px;border:1px solid #000;animation:5s infinite customization-background-color-animation;background:#000}.customization-animation .customization-animation-color::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;display:block;border:1px solid #FFF}@keyframes highlight-line-animation{to{fill:#E2E2E2}}#annotate-svg-animation .green-highlight,#annotate-svg-animation .red-highlight,#annotate-svg-animation .yellow-highlight{animation:1s linear infinite alternate highlight-line-animation}