:root{
  --void:#000; --bone:#fff; --ash:#c5c8c4; --smoke:#9aa09a; --dim:#6b716a;
  --emerald:#10b981; --mint:#34d399; --lime:#a7f3d0;
  --hair:rgba(255,255,255,.12); --hair-2:rgba(255,255,255,.06); --hair-g:rgba(52,211,153,.22);
  --mw:820px; --r:24px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--void);color:var(--bone);font-family:'Inter',system-ui,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
a{color:inherit;text-decoration:none}
::selection{background:var(--emerald);color:#021}
.wrap{max-width:var(--mw);margin:0 auto;padding:0 40px}
@media(max-width:640px){.wrap{padding:0 24px}}

header{border-bottom:1px solid var(--hair-2)}
.nav{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:500;letter-spacing:-.01em}
.logo .m{width:24px;height:24px;display:grid;place-items:center;flex:none}
.logo svg{filter:drop-shadow(0 0 6px rgba(52,211,153,.7))}
.back{font-size:13px;color:var(--smoke);font-family:'JetBrains Mono',monospace;letter-spacing:.03em}
.back:hover{color:var(--mint)}

main{padding:80px 0 100px}
.kick{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--mint)}
h1{font-size:clamp(38px,6vw,64px);font-weight:200;letter-spacing:-.05em;line-height:.98;margin:22px 0 14px}
.upd{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--dim);letter-spacing:.04em;margin-bottom:54px}
h2{font-size:22px;font-weight:400;letter-spacing:-.02em;margin:48px 0 16px;padding-top:28px;border-top:1px solid var(--hair-2)}
h2:first-of-type{border-top:none;padding-top:0}
h3{font-size:15px;font-weight:600;color:var(--bone);margin:22px 0 6px}
p,li{font-size:15.5px;color:var(--ash);line-height:1.72;margin-bottom:14px}
.lead{font-size:18px;color:var(--ash);max-width:62ch;margin-bottom:8px}
ul{padding-left:20px;margin-bottom:14px}
li{margin-bottom:6px}
a.link{color:var(--mint);border-bottom:1px solid var(--hair-g)}
a.link:hover{border-color:var(--mint)}
.card{border:1px solid var(--hair);border-radius:var(--r);padding:30px 32px;margin:18px 0 8px;background:rgba(52,211,153,.02)}
.card .row{display:flex;gap:16px;padding:9px 0;border-bottom:1px solid var(--hair-2);font-size:15px}
.card .row:last-child{border-bottom:none}
.card .k{flex:none;width:200px;color:var(--smoke);font-family:'JetBrains Mono',monospace;font-size:12.5px;letter-spacing:.02em;padding-top:2px}
.card .v{color:var(--bone)}
@media(max-width:560px){.card .row{flex-direction:column;gap:2px}.card .k{width:auto}}
.muted{color:var(--smoke);font-size:14px}

footer{border-top:1px solid var(--hair-2);padding:40px 0}
.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;color:var(--dim);font-size:12px;font-family:'JetBrains Mono',monospace;letter-spacing:.04em}
.foot a:hover{color:var(--mint)}