*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}#root,#__next{isolation:isolate}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:400;src:url(/assets/work-sans-v19-latin_latin-ext-regular-RAI085I2.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:500;src:url(/assets/work-sans-v19-latin_latin-ext-500-CyW2_7Kj.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:600;src:url(/assets/work-sans-v19-latin_latin-ext-600-CYhzVppK.woff2) format("woff2")}@font-face{font-display:swap;font-family:Work Sans;font-style:normal;font-weight:700;src:url(/assets/work-sans-v19-latin_latin-ext-700-BPvdT-Lb.woff2) format("woff2")}:root{--text: #083833;--primary: hsla(129, 35%, 38%, 1);--background: #f8faed;font-family:Work Sans,serif;font-optical-sizing:auto;font-style:normal;font-weight:400;letter-spacing:-.035em;color:var(--text)}body{background-color:var(--background);background-image:linear-gradient(to right bottom,#f8faef,#f8faef,#f8faef,#f8faef,#f8faef,#f0f4e6,#e9eddc,#e1e7d3,#ced9bf,#bbcbab,#a7be99,#92b187,#92b187,#92b187)}h1,h2{text-align:center}a{color:var(--text);text-decoration:none;border-bottom:1px var(--text) solid}a:hover{opacity:.75}.header{display:flex;justify-content:space-between;align-items:center}.header-link{display:flex;align-items:center;gap:8px;padding:8px 24px;border-radius:16px;color:var(--background);background-color:var(--text);border:none}.header-link:hover{border:none;opacity:.8;transition-property:opacity;transition-duration:.4s}#github-icon{width:20px;height:20px}#github-icon:hover{color:var(--primary)}.hero{display:flex;flex-direction:column;justify-content:center;align-items:center}.title{display:flex;flex-direction:column;row-gap:16px;text-align:center}.subtitle{text-align:center;font-weight:400}.credit{font-weight:500}.logo-container{display:flex;align-items:center;gap:2px}.logo-container img{margin-left:2px}.steps{display:flex;justify-content:center;align-items:center;margin:24px 0}.img{max-width:250px}.arrow{width:100px;rotate:25deg}.cta{text-decoration:none;color:var(--background);background-color:var(--text);border-radius:16px;opacity:1;transition-property:opacity;transition-duration:.4s}.cta:hover{opacity:.8;color:var(--background)}section{padding:40px;display:flex;flex-direction:column;gap:24px;background-color:#f8faed;max-width:1110px;margin:40px auto}section strong{font-weight:600}.tech-list{display:grid;grid-template-columns:repeat(6,1fr);list-style:none;padding:0;gap:16px}.tech-list li{display:flex;flex-direction:column;gap:8px;align-items:center;text-align:center}.teaser{padding:24px;margin:0 auto;width:fit-content}.teaser-title{display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;color:#f16622}.blog-link{border-bottom:.5px var(--text) solid}.video-container{max-width:1110px;margin:0 auto;aspect-ratio:16 / 9;display:flex;justify-content:center;align-items:center}#video{aspect-ratio:16 / 9;height:80%;border-radius:4px;-webkit-box-shadow:4px 4px 25px var(--text);-moz-box-shadow:4px 4px 25px var(--text);box-shadow:4px 4px 25px var(--text)}.demo-button{border:none;position:absolute;background-color:var(--background);padding:32px 64px;opacity:.9;border-radius:16px;-webkit-box-shadow:4px 4px 25px var(--text);-moz-box-shadow:4px 4px 25px var(--text);box-shadow:4px 4px 25px var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center}.demo-button img{transition-property:all;transition-duration:.4s}.demo-button:hover img,.demo-button:focus img{width:42px;height:42px}.demo-button p{color:var(--text);font-size:20px}@media (min-width: 1480px){.teaser{position:absolute;top:70dvh;right:5dvw;max-width:340px;margin:0}.teaser-title{margin-bottom:8px}}@media (min-width: 1024px){section{border-radius:4px}.header,.hero{padding:40px}.hero{row-gap:42px}.header h1{font-size:28px}.hero h1{letter-spacing:-.045em;font-size:72px;line-height:1}.credit{font-size:20px;margin-bottom:-24px}.subtitle{font-size:24px}.cta{font-size:24px;padding:16px 48px}.logo-container img{width:25px;height:25px}.icon{width:36px;height:36px}}@media (max-width: 1023px) and (min-width: 768px){.header,.hero{padding:32px}.header h1{font-size:24px}.hero h1{font-size:48px;line-height:1;text-align:justify}.hero{row-gap:32px}.credit{font-size:16px;margin-bottom:-16px}.subtitle{font-size:20px}.cta{font-size:20px;padding:12px 24px}.logo-container img{width:20px;height:20px}}@media (max-width: 767px){.header,.hero{padding:24px 24px 0}.header h1{font-size:18px}.hero{row-gap:24px}.hero h1{font-size:32px;line-height:1}.credit,.header-link{font-size:12px}.credit{margin-bottom:-8px}.subtitle{font-size:16px}.cta{font-size:16px;padding:8px 16px}.logo-container img{width:15px;height:15px}.steps img{display:none}.steps img.result{display:inline}#github-icon{width:16px;height:16px}.icon{width:28px;height:28px}.tech-list p{font-size:14px}.tech-list{grid-template-columns:repeat(3,1fr)}.demo-button{display:none}}