html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Lato,Helvetica,Arial,sans-serif;color:#404040;margin:0;line-height:1.7}html{height:100%;box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{position:relative;min-height:100%;padding-bottom:4em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}p{font-size:17px}.nav{position:sticky;top:0;background-color:#fff;box-shadow:0 1px 5px 0 #ccc;z-index:999;width:100%}.nav-inner{display:flex;margin:0 auto;max-width:1040px}.brand{flex:1;padding:1em;padding-left:0}.brand img{vertical-align:middle;max-height:1.5em;margin-top:-.5em}.brand a,.brand a:visited,.brand a:hover{color:#404040;text-decoration:none;font-weight:500;letter-spacing:.05em}.nav-links{flex:3}.nav-links a,.nav-links a:visited{color:#404040;text-decoration:none}.nav ul{list-style-type:none;text-align:right;margin:0;padding:0}.nav li{display:inline-block;padding:1em;cursor:pointer}.nav li:hover{background-color:#eee}.header{background-color:#f4faff;padding:3em 1em}.header-small{padding:1em;margin-bottom:0}.highlight{color:#404040;background-color:#f9ffa5;padding:.3em .5em;border-radius:4px}.page-container{max-width:1040px;margin:0 auto}.summary{line-height:1.7;margin-top:1em;margin-bottom:1em}.summary .cta{margin:.25em}.show-and-tell{display:flex;align-items:center;margin-bottom:1em}.img-example{max-width:100%}.spacer{margin-top:1em;margin-bottom:1em;border-bottom:1px solid #ccc}.signup-container{padding-top:2em;margin-bottom:3em}.form-wrapper{background-color:#f0f8ff;padding:1em;max-width:30em;margin:0 auto}.form-row{display:flex;justify-content:flex-end;padding:.5em}.form-row>label{padding:.5em 1em .5em 0;flex:1}.form-row>input{flex:2}.form-row>input,.form-row>button{font-size:1em}footer{position:absolute;bottom:0;width:100%;color:#666;background-color:#eee}.footer-content{padding:1em 0}.footer-content a,.footer-content a:visited{color:#666}.footer-right{float:right}.cta-container{background-color:#f0f8ff;border:1px solid #eee}.cta{background-color:#12ab62;color:#fff!important;display:inline-flex;justify-content:center;align-items:center;border-radius:3px;font-size:1.2em;padding:.4em 1em;text-decoration:none;cursor:pointer;font-weight:700}.cta.secondary{background-color:#eaf0f6;border:1px solid #ddd;color:#65717c!important;font-weight:400}.cta.smaller{font-size:1em}.cta:visited{color:#fff}.cta:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(50,50,93,.226),0 1px 3px rgba(0,0,0,.08)}.cta svg:last-child{margin-left:.5em}.hero{position:relative;display:flex;align-items:center;justify-content:center}.col{flex:1}.col h3,.col code{text-align:center}.arrowcol{flex:.2;color:rgba(72,56,74,.2);font-size:4em;text-align:center}.dark .arrowcol{color:#eee}.arrowcol:before{content:"➜"}.sandbox-input{width:98%;height:17em;background-color:#fdffe6;-webkit-box-shadow:0 0 10px rgba(255,0,0,.2);-moz-box-shadow:0 0 10px rgba(255,0,0,.2)}.CodeMirror-scroll{background-color:#fdffe6}.CodeMirror-wrap pre,.sandbox-tag{word-break:break-word!important}.sandbox-tag{font-size:10px;margin-bottom:1em}.panel{padding:1em;margin-bottom:2em;border:1px solid #ddd;border-radius:3px}.pop{border:none;-webkit-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);-moz-box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.img-example{max-width:100%}.img-example__sparkline{max-width:10em}.cta-edit-container{position:absolute;bottom:0;z-index:4;width:100%}.cta-edit-container .cta{width:100%;background-color:salmon}.brag-container{font-size:1.2em;margin-top:1.5em;text-align:center}.brag-container .col{max-width:15em}.brag{font-size:1em;font-weight:700}.example-images{margin-top:2em;text-align:center}.example-images img{width:125px;height:auto}.svg-check{fill:#97bcdd;width:.8em;height:.8em;margin-right:.25em}.logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap}.logos-container p{text-align:center;color:#bbb;margin-right:1em;font-size:1em}.logos img{margin-right:1.5em;max-width:128px}.toplogos img{filter:grayscale(100%);opacity:.6}.toplogos img:hover{filter:grayscale(0);opacity:1}.logo-smaller{max-width:45px!important}.toplogos.logo-smaller{max-width:80px!important}@media(max-width:600px){.hero{display:block}.arrowcol{text-align:center;font-size:3em}.arrowcol:before{content:"⇣"}}.mobile-only{display:none}.desktop-only{display:block}@media(max-width:1280px){.brand{padding-left:1em}}@media(max-width:1040px){.page-container{padding:0 2em}.tablet-hide{display:none}}@media(max-width:850px){.mobile-only{display:block}.desktop-only{display:none}.brand{display:none}.nav{font-size:.9em}.nav ul{text-align:center}.nav li{padding:.25em}.page-container{padding:0 1em}.show-and-tell{flex-direction:column}.nav{flex-direction:column;align-items:center}.brand,.nav li{padding:.75em}.header{padding:1em}.cta{font-size:.9em;margin:.25em 0}.mobile-hide{display:none}[id]::before{height:45px;margin-top:-45px}}