@import url("https://rsms.me/inter/inter.css");@import url("https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;700&display=swap");body{margin:0;color:#100026;font:16px "Inter", sans-serif}a{color:#6a00ff;text-decoration:none}blockquote{margin:40px;text-align:center}blockquote p{margin:0 0 10px !important;font-size:1.5em;font-style:italic}blockquote footer{color:#787380}button{padding:0;border:none;outline:none;margin:0;background:none;font:inherit;line-height:1em;white-space:nowrap}button.primary{display:inline-flex;align-items:center;padding:15px 20px;border-radius:3px;background:#6a00ff;color:white;font-weight:600;transition:all 0.2s}button.primary:hover{background:#50c}button.primary:active{transform:translate(0, 1px)}button.primary>img{flex-shrink:0;margin-right:10px}h1,h2{margin:0;font-weight:600}img{display:block}input{box-sizing:border-box;width:100%;padding:15px 20px;border:1px solid #e9e8eb;border-radius:3px;outline:none;font:inherit}input:focus{border-color:transparent;box-shadow:0 0 0 2px #6a00ff}input:invalid{border-color:transparent;box-shadow:0 0 0 2px #b30000}p{margin:0}ul{padding:0;margin:0;list-style:none}#cookies{position:fixed;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;padding:40px 20px;background:#6a00ff;color:white;text-align:center;box-shadow:0 0 40px 0 rgba(0,0,0,0.2)}#cookies p{line-height:1.5em}#cookies button.accept-all{display:block;padding:12px 15px;border-radius:3px;margin:30px 0 15px;background:white;color:#6a00ff;font-size:18px}#cookies button.accept-essential{color:white;font-size:14px;opacity:0.5}#cookies .links{margin-top:30px}#cookies a{color:white}body>footer{border-top:1px solid #e9e8eb;background:#f8f7fa}@media (min-width: 1001px){body>footer nav{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;padding:80px 50px 120px}}@media (min-width: 1001px){body>footer section{margin-left:20px}body>footer section:first-child{margin-left:0}}@media (max-width: 1000px){body>footer #company{padding:40px 20px}}body>footer #company img{margin-bottom:15px}body>footer #company a.email{display:block;margin-top:10px;color:#6a00ff}body>footer h1{font-size:16px}@media (max-width: 1000px){body>footer h1{padding:15px 20px;border:solid #e9e8eb;border-width:1px 0;background:white}}@media (min-width: 1001px){body>footer h1{margin-bottom:30px}}@media (max-width: 1000px){body>footer ul{padding:20px}}body>footer li{display:flex;align-items:center;margin-top:15px}body>footer li:first-child{margin-top:0}body>footer li img{flex-shrink:0;width:18px;margin-right:10px}body>footer a{color:#100026}body>header{background:white}body>header nav{display:flex;align-items:center}@media (max-width: 1000px){body>header nav{padding:20px}}@media (min-width: 1001px){body>header nav{max-width:1200px;padding:35px 20px 20px;margin:0 auto}}body>header .blog{margin-left:40px;font-weight:600}body>header .language{display:flex;align-items:center;margin-left:auto}body>header .language img{margin:0 10px}figure{display:flex;flex-direction:column;align-items:center;margin:20px 0}figure img{width:100%;border-radius:3px}figure figcaption{margin-top:10px;font-size:12px}form#newsletter .elements{display:flex}@media (max-width: 1000px){form#newsletter .elements{flex-direction:column;align-items:flex-start}}@media (min-width: 1001px){form#newsletter .elements{align-items:center}}@media (max-width: 1000px){form#newsletter button.submit{margin-top:20px}}@media (min-width: 1001px){form#newsletter button.submit{margin-left:10px}}form#newsletter .description p{margin-top:20px;color:#979797;line-height:1.5}form#newsletter .success,form#newsletter .error{display:none;margin-top:30px}form#newsletter .success{color:#267200}form#newsletter .error{color:#b30000}@media (max-width: 1000px){main#blog{padding:40px 20px}}@media (min-width: 1001px){main#blog{max-width:1200px;padding:50px 20px 100px;margin:0 auto}}main#blog h1{margin-bottom:20px}main#blog p{margin-bottom:60px}main#blog ul#posts{display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:40px}@media (max-width: 1000px){main#blog ul#posts{grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}}main#blog ul#posts li{overflow:hidden;border-radius:3px;background:white;text-align:center;box-shadow:0 2px 5px 0 rgba(0,0,0,0.1)}main#blog img.cover{width:100%}main#blog .title{margin:15px 0 5px;font-weight:600}main#blog .date{margin-bottom:15px;color:#787380;font-size:14px}main#index{display:flex;flex-direction:column;align-items:center;background:white;color:#100026}@media (max-width: 1000px){main#index{padding:30px 20px 60px}}@media (min-width: 1001px){main#index{max-width:1200px;padding:100px 20px 150px;margin:auto}}main#index strong{font-weight:700}@media (min-width: 1001px){main#index section#intro{display:flex;align-items:flex-start}}main#index section#intro h1{font-size:50px;font-weight:700}main#index section#intro h1 strong{border-bottom:5px solid #6a00ff}main#index section#intro h1 .small{margin-bottom:10px;font-size:22px;font-weight:normal}main#index section#intro .slogan{margin:60px 0;font-size:22px;line-height:1.5}main#index section#intro .screenshot{max-width:544px}@media (max-width: 1000px){main#index section#intro .screenshot{width:100%;margin:40px auto 0}}@media (min-width: 1001px){main#index section#intro .screenshot{margin-left:75px}}main#index section#demo-request{line-height:1.5}@media (max-width: 1000px){main#index section#demo-request{margin:40px 0;text-align:center}}@media (min-width: 1001px){main#index section#demo-request{display:flex;align-items:center;margin-top:120px}}main#index section#demo-request .message{margin-right:20px;font-size:22px}@media (max-width: 1000px){main#index section#demo-request .message{margin:20px 0}}@media (max-width: 1000px){main#page{padding:40px 20px}}@media (min-width: 1001px){main#page{max-width:1200px;padding:50px 20px;margin:0 auto}}main#page h1{margin-bottom:50px;font-size:36px}main#page h2{margin:30px 0}main#page p{margin:30px 0 30px;line-height:1.5em}main#page ul{padding-left:20px;list-style:disc;line-height:1.5em}main#post{max-width:700px;margin:0 auto}@media (max-width: 1000px){main#post{padding:40px 20px}}@media (min-width: 1001px){main#post{padding:50px 20px}}main#post header{margin-bottom:50px;text-align:center}main#post header .date{color:#787380}main#post img.cover{width:100%;border-radius:3px}main#post h1{margin-bottom:10px;font-size:36px}main#post h2{margin:30px 0}main#post p{margin:30px 0 30px;line-height:1.5em}