body {
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:#0d1117;
  color:#e6edf3;
  line-height:1.6;
}

.container {
  width:90%;
  max-width:1100px;
  margin:auto;
}

.nav {
  background:#111827;
  padding:20px 0;
}

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

.nav a {
  color:#9ca3af;
  text-decoration:none;
  margin-left:15px;
}

.nav a:hover {
  color:white;
}

.hero {
  padding:100px 0;
  text-align:center;
}

.hero h1 {
  font-size:40px;
  margin-bottom:20px;
}

.lede {
  color:#9ca3af;
  max-width:700px;
  margin:auto;
}

.btn {
  display:inline-block;
  margin-top:30px;
  padding:12px 25px;
  background:#2563eb;
  color:white;
  text-decoration:none;
  border-radius:6px;
}

.section {
  padding:80px 0;
}

.section.dark {
  background:#111827;
}

footer {
  padding:40px 0;
  text-align:center;
  background:#0b0f14;
  font-size:14px;
  color:#6b7280;
}

footer a {
  color:#6b7280;
  text-decoration:none;
}