:root{
  --ink:#0B1220;
  --ink-2:#121C2E;
  --teal:#0E7C7B;
  --cyan:#5EEAD4;
  --paper:#F5F3ED;
  --slate:#5B6B7C;
  --line: rgba(245,243,237,0.12);
  --max: 860px;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{
  background:var(--ink); color:var(--paper);
  font-family:'Inter', sans-serif; line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4{font-family:'Space Grotesk', sans-serif; letter-spacing:-0.01em; color:#fff;}
a{color:var(--cyan); text-decoration:none;}
a:hover{text-decoration:underline;}
.wrap{max-width:var(--max); margin:0 auto; padding:0 28px;}

header{border-bottom:1px solid var(--line); position:sticky; top:0; background:rgba(11,18,32,0.9); backdrop-filter:blur(10px); z-index:10;}
nav{display:flex; align-items:center; justify-content:space-between; padding:18px 28px; max-width:1160px; margin:0 auto;}
.logo{font-family:'Space Grotesk'; font-weight:700; font-size:1.25rem; display:flex; align-items:center; gap:10px; color:#fff;}
.logo-mark{width:26px; height:26px;}
.back-link{font-size:0.9rem; color:var(--paper); opacity:0.8;}
.back-link:hover{opacity:1; color:var(--cyan);}

main{padding:72px 0 96px;}
.eyebrow{
  font-family:'JetBrains Mono', monospace; font-size:0.78rem; letter-spacing:0.18em;
  text-transform:uppercase; color:var(--cyan); margin-bottom:18px; display:flex; align-items:center; gap:10px;
}
.eyebrow::before{content:''; width:24px; height:1px; background:var(--cyan); display:inline-block;}
h1{font-size:clamp(2rem, 5vw, 2.8rem); margin-bottom:12px;}
.updated{color:#8FA0B2; font-size:0.88rem; margin-bottom:48px; font-family:'JetBrains Mono', monospace;}
h4{font-size:1.1rem; margin:32px 0 10px;}
h4:first-of-type{margin-top:0;}
p, li{color:#C8D2DE; font-size:0.98rem; margin-bottom:10px;}
ul{padding-left:22px; margin-bottom:14px;}

footer{border-top:1px solid var(--line); padding:40px 0; margin-top:48px;}
.footer-bottom{
  display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:16px;
  font-size:0.82rem; color:#7A8CA0; max-width:1160px; margin:0 auto; padding:0 28px;
}
.footer-bottom a{color:#9FB0C2;}
.footer-bottom a:hover{color:var(--cyan);}
.mono{font-family:'JetBrains Mono', monospace;}

@media (max-width:560px){
  main{padding:48px 0 64px;}
}