*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{overflow-y:scroll;}
:root{
  --acce:#45b39d;--bg:#161616;--text:#ccc;--tex4:#333;--tex3:#666;--tex2:#aaa;--cfff:#fff;
  --font:'Courier New',Courier,monospace;
  --fs-xs:12px;--fs-sm:14px;--fs:16px;--fs-lg:22px;
  --sp-xs:5px;--sp-sm:10px;--sp:20px;--sp-l1:30px;--sp-la:40px;--sp-xl:80px;
  --w:600px;
  --bdr:1px dashed var(--tex3);--bdr-a:1px dashed var(--acce);
  --lh-para:1.75;--lh-list:1.5;--lh-title:1.2;
}

body{font-family:var(--font);background:var(--bg);color:var(--text);font-size:var(--fs);line-height:var(--lh-para);min-height:100vh;display:flex;flex-direction:column;}
#main{flex:1;}
a{color:inherit;text-decoration:none;}
.text-bold{font-weight:700;color:var(--text);}
p{font-size:var(--fs);color:var(--text);line-height:var(--lh-para);margin-bottom:var(--sp);}

ul{padding-left:var(--sp-sm);margin-bottom:var(--sp);}
ol{padding-left:var(--sp-l1);margin-bottom:var(--sp);}
li{font-size:var(--fs);color:var(--text);line-height:var(--lh-para);}
code{font-family:var(--font);font-size:var(--fs);background:var(--tex4);color:var(--cfff);padding:1px 5px;}
pre{background:var(--tex4);padding:var(--sp-sm);margin-bottom:var(--sp);overflow-x:auto;}
pre code{background:none;padding:0;color:inherit;}
blockquote{border-left:var(--bdr);padding-left:var(--sp-sm);margin:0 0 var(--sp);color:var(--tex2);font-size:var(--fs);}
img{max-width:100%;display:block;}

h1{font-size:var(--fs);font-weight:700;}
h2{font-size:var(--fs);letter-spacing:2px;margin:var(--sp-la) 0 var(--sp) 0;font-weight:700;text-transform:uppercase;}
h3{font-size:var(--fs);font-weight:700;margin:30px 0 var(--sp) 0;}

*:focus-visible{outline:var(--bdr-a);outline-offset:2px;}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.skip-link{position:absolute;left:-9999px;top:0;z-index:999;background:var(--bg);color:var(--text);padding:var(--sp-sm) 16px;font-size:var(--fs-sm);}
.skip-link:focus{left:0;}
.page{max-width:var(--w);margin:0 auto;padding:0 0.5rem;}

.header-inner{max-width:var(--w);margin:0 auto;padding:var(--sp-xs) 0.5rem 0;}
.nav-inner{padding:var(--sp-sm) 0;display:flex;align-items:center;justify-content:space-between;border-top:var(--bdr);border-bottom:var(--bdr);}
.nav-left{display:flex;align-items:center;gap:var(--sp-sm);}
.logo{font-size:var(--fs);font-weight:700;display:inline-flex;align-items:center;letter-spacing:1px;}
.logo span{color:var(--acce);}
.nav-right{display:flex;align-items:center;gap:var(--sp);}
.nav-cta{font-size:var(--fs-sm);font-weight:700;letter-spacing:1px;font-family:var(--font);background:transparent;border:none;color:var(--tex3);cursor:pointer;text-transform:uppercase;}
.nav-cta:hover{color:var(--text);}
.nav-cta.form{color:var(--acce);border-bottom:var(--bdr-a);}
.page-about .nav-about{color:var(--text);}
.page-blogs .nav-blogs,.page-blog .nav-blogs{color:var(--text);}
.page-tools .nav-tools,.page-tool .nav-tools{color:var(--text);}

.section{padding:var(--sp-la) 0;border-bottom:var(--bdr);}
.section.last{border:none;}
.section.last-pad{border:none;padding:var(--sp-la) 0 var(--sp-xl) 0;}
.section.box{padding:var(--sp-xl) 0;border-bottom:none;}

.detail-head{padding-bottom:var(--sp-la);border-bottom:var(--bdr);}

footer{margin-bottom:var(--sp-xs);}
.footer-top{background:transparent;border:none;color:var(--tex2);font-family:var(--font);font-size:var(--fs);font-weight:700;padding-top:var(--sp-xs);cursor:pointer;}
.footer-top:hover{color:var(--text);}
.footer-top:focus-visible{outline:var(--bdr-a);}
.footer-inner{border-top:var(--bdr);border-bottom:var(--bdr);padding:var(--sp-sm) 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1px;}
.footer-email,.footer-copy{font-size:var(--fs);color:var(--tex2);}
.footer-email:hover,.footer-copy:hover{color:var(--text);}
.footer-email:focus-visible,.footer-copy:focus-visible{color:var(--text);outline:var(--bdr-a);}
.footer-copy span{color:var(--acce);font-weight:700;}