*{box-sizing:border-box}
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0;padding:0;font-family:open sans,helvetica neue,Helvetica,Arial,sans-serif;font-size:16px;line-height:1.5;color:#606c71}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
a{background-color:transparent;color:#1e6bb8;text-decoration:none}
a:active,a:hover{outline:0}
a:hover{text-decoration:underline}
b,strong{font-weight:700}
h1{font-size:2em;margin:.67em 0}
img{border:0;max-width:100%}
hr{box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
.btn{display:inline-block;margin-bottom:1rem;color:rgba(255,255,255,.7);background-color:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);border-style:solid;border-width:1px;border-radius:.3rem;transition:color .2s,background-color .2s,border-color .2s}
.btn:hover{color:rgba(255,255,255,.8);text-decoration:none;background-color:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3)}
.btn.is-current{background:#ffffff82;color:#fff;border-color:rgba(255,255,255,.45)}
.btn+.btn{margin-left:1rem}
@media screen and (min-width:64em){.btn{padding:.75rem 1rem}}
@media screen and (min-width:42em) and (max-width:64em){.btn{padding:.6rem .9rem;font-size:.9rem}}
@media screen and (max-width:42em){.btn{display:block;width:100%;padding:.75rem;font-size:.9rem}.btn+.btn{margin-top:1rem;margin-left:0}}
.page-header{color:#fff;text-align:center;background-color:#159957;background-image:linear-gradient(120deg,#1559E7,#15999D)}
@media screen and (min-width:64em){.page-header{padding:5rem 6rem}}
@media screen and (min-width:42em) and (max-width:64em){.page-header{padding:3rem 4rem}}
@media screen and (max-width:42em){.page-header{padding:2rem 1rem}}
.project-name{margin-top:0;margin-bottom:.1rem}
@media screen and (min-width:64em){.project-name{font-size:3.25rem}}
@media screen and (min-width:42em) and (max-width:64em){.project-name{font-size:2.25rem}}
@media screen and (max-width:42em){.project-name{font-size:1.75rem}}
.project-tagline{margin-bottom:2rem;font-weight:400;opacity:.7}
@media screen and (min-width:64em){.project-tagline{font-size:1.25rem}}
@media screen and (min-width:42em) and (max-width:64em){.project-tagline{font-size:1.15rem}}
@media screen and (max-width:42em){.project-tagline{font-size:1rem}}
.main-content{word-wrap:break-word}
.main-content :first-child{margin-top:0}
@media screen and (min-width:64em){.main-content{max-width:64rem;padding:2rem 6rem;margin:0 auto;font-size:1.1rem}}
@media screen and (min-width:42em) and (max-width:64em){.main-content{padding:2rem 4rem;font-size:1.1rem}}
@media screen and (max-width:42em){.main-content{padding:2rem 1rem;font-size:1rem}}
.main-content img{max-width:100%}
.main-content h1,.main-content h2,.main-content h3,.main-content h4,.main-content h5,.main-content h6{margin-top:1.5rem;margin-bottom:1rem;font-weight:400;color:#159957}
.main-content code{padding:2px 4px;font-family:Consolas,liberation mono,Menlo,Courier,monospace;font-size:.9rem;color:#567482;background-color:#f3f6fa;border-radius:.3rem}
.main-content pre{padding:.8rem;margin-top:0;margin-bottom:1rem;font:1rem Consolas,liberation mono,Menlo,Courier,monospace;color:#567482;word-wrap:normal;background-color:#f3f6fa;border:solid 1px #dce6f0;border-radius:.3rem}
.main-content pre>code{padding:0;margin:0;font-size:.9rem;color:#567482;word-break:normal;white-space:pre;background:0 0;border:0}
.main-content .highlight{margin-bottom:1rem;background-color:#f8f8f8}
.main-content .highlight pre{margin-bottom:0;word-break:normal}
.main-content .highlight pre,.main-content pre{padding:.8rem;overflow:auto;font-size:.9rem;line-height:1.45;border-radius:.3rem;-webkit-overflow-scrolling:touch}
.main-content pre code,.main-content pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}
.main-content pre code:before,.main-content pre code:after,.main-content pre tt:before,.main-content pre tt:after{content:normal}
.main-content blockquote{padding:0 1rem;margin-left:0;color:#819198;border-left:.3rem solid #dce6f0}
.main-content blockquote>:first-child{margin-top:0}
.main-content blockquote>:last-child{margin-bottom:0}
.main-content hr{height:2px;padding:0;margin:1rem 0;background-color:#eff0f1;border:0}
.site-footer{padding-top:2rem;margin-top:2rem;border-top:solid 1px #eff0f1}
@media screen and (min-width:64em){.site-footer{font-size:1rem}}
@media screen and (min-width:42em) and (max-width:64em){.site-footer{font-size:1rem}}
@media screen and (max-width:42em){.site-footer{font-size:.9rem}}
.site-footer-owner{display:block;font-weight:700}

/* page helpers */
.cmd-box{position:relative;margin-bottom:1rem}
.cmd-box .highlight{margin-bottom:0}
.cmd-box pre{margin-bottom:0;padding-right:4.5rem}
.cmd-copy{position:absolute;top:50%;right:.55rem;transform:translateY(-50%);margin:0;padding:.28rem .7rem;border:0;border-radius:.3rem;background:#159957;color:#fff;font-size:.8rem;font-weight:600;line-height:1.2;cursor:pointer;transition:background .2s}
.cmd-copy:hover{background:#128a4a}
.cmd-copy.is-copied{background:#1e6bb8}
.feature-list{line-height:1.85;color:#4a5560}
.feature-list strong{display:inline-block;margin-bottom:.15rem;color:#159957;font-size:1.05rem}
.feature-list code{padding:1px 5px;background:#eef3f0;border-radius:.25rem;color:#127a45;font-size:.9em}

/* sections */
.section-block{margin:2.6rem 0;padding:1.4rem 1.5rem 1.5rem;background:#fff;border:1px solid #e6eef2;border-radius:.7rem;box-shadow:0 2px 10px rgba(21,153,87,.04)}
.section-head{display:flex;align-items:flex-start;gap:1rem;margin:0 0 1.15rem;padding-bottom:1rem;border-bottom:1px dashed #d7e5dc}
.section-num{flex-shrink:0;width:2.4rem;height:2.4rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.55rem;background:#159957;color:#fff;font-size:1rem;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 10px rgba(21,153,87,.22)}
.section-head-text{min-width:0;flex:1}
.section-title{margin:0 0 .25rem;color:#1f2d3d;font-size:1.35rem;font-weight:700;line-height:1.3}
.section-desc{margin:0;color:#4a5560;font-size:.98rem;line-height:1.55}

/* os support */
.os-list{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem .75rem;margin:0}
.os-tag{display:inline-block;padding:.4rem .95rem;background:#eef8f2;border:1px solid #c6e6d4;border-radius:.35rem;color:#127a45;font-weight:600;font-size:.95rem}
.os-note{color:#4a5560;font-size:.95rem;font-weight:600}
@media screen and (max-width:42em){
  .os-list{flex-wrap:nowrap;gap:.4rem;width:100%}
  .os-tag{flex:1 1 33.33%;width:33.33%;text-align:center;padding:.4rem .25rem;box-sizing:border-box}
}

/* client software */
.client-list{display:flex;flex-direction:column;gap:.85rem}
.client-item{display:flex;flex-direction:row;align-items:center;gap:.85rem;padding:1rem 1.15rem;background:#f7faf8;border:1px solid #e2eee7;border-radius:.55rem}
.client-icon{flex-shrink:0;width:2.75rem;height:2.75rem;object-fit:contain;border-radius:.55rem;background:#fff;border:1px solid #e2eee7;padding:.15rem;box-sizing:border-box}
.client-main{min-width:0;flex:1}
.client-title{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .55rem;margin:0 0 .3rem}
.client-name{margin:0;color:#1f2d3d;font-size:1.08rem;font-weight:700;line-height:1.35}
.client-plats{display:inline-flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin:0}
.client-plats span{display:inline-block;padding:.12rem .5rem;background:#fff;border:1px solid #c6e6d4;border-radius:.25rem;color:#127a45;font-size:.8rem;font-weight:600;line-height:1.3}
.client-note{margin:0;color:#4a5560;font-size:.92rem;line-height:1.5}
.client-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;align-items:center;flex-shrink:0}
.client-btn{display:inline-flex;align-items:center;justify-content:center;padding:.45rem .85rem;background:#159957;color:#fff!important;border-radius:.35rem;font-size:.88rem;font-weight:600;text-decoration:none!important;white-space:nowrap;transition:background .2s}
.client-btn:hover{background:#128a4a}
.client-btn-light{background:#fff;color:#159957!important;border:1px solid #159957}
.client-btn-light:hover{background:#eef8f2}
@media screen and (max-width:42em){
  .client-item{display:grid;grid-template-columns:2.75rem 1fr;grid-template-areas:"icon main" "icon actions";align-items:center;column-gap:.55rem;row-gap:.55rem;padding:.9rem}
  .client-icon{grid-area:icon;align-self:start;}
  .client-main{grid-area:main}
  .client-actions{grid-area:actions;width:100%;justify-content:flex-start}
  .client-title{flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:.25rem}
}