:root{
  --bg:#060a07;
  --panel:#0b140d;
  --text:#d8ffe2;
  --accent:#53ff8a;
  --border:rgba(83,255,138,.25);
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

*{box-sizing:border-box;}
body{
  margin:0;
  font-family:var(--mono);
  background:var(--bg);
  color:var(--text);
  line-height:1.6;
}

.container{max-width:1000px;margin:auto;padding:40px 20px;}

.site-header{
  border-bottom:1px solid var(--border);
}

.header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.brand-mark{
  border:1px solid var(--border);
  padding:6px 10px;
  margin-right:8px;
}

.nav a{
  margin-left:16px;
  color:var(--text);
  text-decoration:none;
}

.hero{
  border-bottom:1px solid var(--border);
}

.kicker{
  color:var(--accent);
}

.section{
  border-bottom:1px solid var(--border);
}

.section.alt{
  background:#08110b;
}

.site-footer{
  text-align:center;
  font-size:14px;
}