@import"https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@900&display=swap";@import"https://fonts.googleapis.com/css2?family=Maven+Pro:wght@500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Martel:wght@200;300;400;600;700;800;900&display=swap";.browser{background-color:#ddd;border:1px solid #c8c8c8;border-radius:8px;padding-top:4px;box-shadow:0 0 24px 16px #00000026}.browser header{border-radius:8px 8px 0 0;display:inline-block;background-color:#eee;position:relative;left:1.5rem;padding:.5rem 8rem .2rem 1rem;color:#6e6e6e;border:1px solid #c8c8c8;border-bottom:none}.browser .browser-main{box-shadow:inset 0 0 1px 1px #c8c8c8,0 -6px 16px -16px #00000080;background-color:#fff;overflow:hidden;border-radius:8px;border:4px solid #eee;width:100%;position:relative}.browser img{width:calc(100% - 2px);height:calc(100% - 2px);margin-left:1px;margin-top:1px;margin-bottom:-3px}.browser img:not(:first-child){position:absolute;left:0;opacity:0;transition:opacity .5s ease-in-out}*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box}body{font-family:Roboto,sans-serif;font-weight:300;max-width:1200px;margin:auto;padding:0 2rem;background-color:#ececec}@media all and (max-width: 450px){body{font-size:.9em}}@media all and (max-width: 400px){body{font-size:.8em}}@media all and (max-width: 360px){body{padding:0 1.5em}}.swipe{position:absolute;top:0;left:0;width:100%;height:1100px;z-index:-1;overflow:hidden;background-color:#35b4d4}.swipe:after{content:"";display:block;position:absolute;background-color:#0b303a;width:130%;left:-15%;height:85%;border-radius:0 0 100%}@media screen and (max-width: 1050px){.swipe{height:1000px}}@media screen and (max-width: 850px){.swipe{height:900px}}@media screen and (max-width: 670px){.swipe{height:880px}}@media screen and (max-width: 450px){.swipe{height:800px}}@media screen and (max-width: 400px){.swipe{height:750px}}header,.slogon,.sub-slogon{color:#fff}header{padding:1rem 0;display:flex;align-items:center;justify-content:space-between}header h1{font-size:1.2em;margin:0}header h1 span{font-size:1.8em;text-transform:uppercase}header h1 span:first-child{font-weight:300}header h1 span:last-child{font-weight:600}header nav{font-weight:100}header ul{list-style:none;margin:0;padding:0}header li{display:inline-block;margin-left:1.5em}@media screen and (max-width: 480px){header li{margin-left:1em}}@media screen and (max-width: 380px){header li{margin-left:.5em}}header li:first-child{margin-left:0}header a{color:inherit;text-decoration:none}.banner{padding:4rem 0;position:relative}.slogon{font-family:Martel,serif;font-weight:100;font-size:2.5em;max-width:13em;margin:auto;margin-top:4rem;text-align:center;margin-bottom:3rem;line-height:1.5;text-transform:uppercase}@media screen and (max-width: 630px){.slogon{max-width:9.5em}}.sub-slogon{font-family:Martel,serif;font-weight:300;font-size:1.4em;max-width:25em;margin:auto;text-align:center;margin-bottom:3rem;line-height:1.8}@media screen and (max-width: 590px){.sub-slogon{max-width:15em}}.call-to-action{display:block;width:max-content;margin:auto;background-color:#35b4d4;color:#fff;font-size:1.4em;padding:.5em 1em;border:none;border-radius:.25em;box-shadow:0 0 24px 8px #00000040;text-decoration:none}pre{background-color:#176378;color:#fff;padding:1em;border-radius:.5em;overflow:hidden;position:relative;max-width:100%;min-width:28em}pre:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;box-shadow:inset 0 0 6px 12px #176378}.code-quote,.code-brace,.code-bracket,.code-colon,.code-comma{color:#5a91a0}.code-elipsis{color:#3e7d8e}.code-key{color:#83d2e7}.code-value{color:#c7ebf4;font-weight:700}.feature{padding:6rem 0;display:flex;justify-content:center;align-items:center}.feature:last-of-type{padding-bottom:6rem}.feature-text{max-width:24em}.feature-text h2{font-size:1.8em;line-height:1.7;font-weight:300}.feature-text p{font-size:1.3em;line-height:1.7;font-weight:100}.feature img{max-width:100%}#feature-as-code pre,#feature-connections img{margin-left:4em}#feature-layout img,#feature-metadata img{margin-right:4em}#feature-layout img{max-width:30em}@media screen and (max-width: 900px){#feature-layout img{max-width:min(25em,100%)}}@media screen and (max-width: 760px){#feature-layout img{max-width:21em}}#feature-sequences{flex-direction:column;text-align:center}#feature-sequences img{max-width:min(60em,100%);margin-top:1.5em;margin-bottom:4em}#feature-sequences .feature-text{max-width:30em}@media screen and (max-width: 700px){.feature{flex-direction:column;padding:4rem 0}.feature:last-of-type{padding-bottom:8rem}.feature-text{order:1;text-align:center}.feature img,.feature pre{order:2}#feature-as-code pre,#feature-layout img,#feature-metadata img,#feature-connections img,#feature-sequences img{margin:3em 0 0}#feature-as-code pre{margin:4em 0 0;min-width:auto}#feature-layout img{max-width:min(25em,100%)}}footer{background-color:#1e262d;position:relative;padding:2rem 0;color:#fff;display:flex;align-items:center}footer:before{content:"";position:absolute;top:0;bottom:0;left:-9999px;right:0;border-left:9999px solid #1e262d;box-shadow:9999px 0 #1e262d;z-index:-1}footer ul{list-style:none;padding:0;margin:0}footer li{margin:1em 0}footer a{color:inherit;text-decoration:none}footer .call-to-action{margin-right:0}@media screen and (max-width: 600px){footer{flex-direction:column}footer .call-to-action{order:1;margin:auto;margin-bottom:2rem}footer ul{order:2;text-align:center}}.legal header{background-color:#0b303a;position:relative}.legal header:before{content:"";position:absolute;top:0;bottom:0;left:-9999px;right:0;border-left:9999px solid #0b303a;box-shadow:9999px 0 #0b303a;z-index:-1}.legal main{max-width:45em;margin:auto;padding:2em 0;line-height:1.6;font-size:1.1em}.legal main a{color:#35b4d4}