*{box-sizing:border-box}
body{
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;
  background:#0b0d10;
  color:#e7e9ee;
}
a{text-decoration:none;color:inherit}
.nav{
  display:flex;justify-content:space-between;align-items:center;
  padding:20px;border-bottom:1px solid #1c1f26;
}
.nav a{margin-left:20px;color:#9aa0aa}
.brand{font-weight:900;letter-spacing:2px}
.hero{
  text-align:center;padding:100px 20px 80px;
}
.hero h1{font-size:3.2rem;margin-bottom:20px}
.subtitle{color:#9aa0aa;font-size:1.2rem;line-height:1.6}
.cta{margin-top:30px}
.btn{
  padding:14px 22px;border-radius:10px;margin:5px;
  display:inline-block;font-weight:700;
}
.primary{background:#6be3c5;color:#06110e}
.secondary{border:1px solid #1c1f26;color:#e7e9ee}
.danger{background:#ff6b6b;color:#fff}
.micro{margin-top:16px;color:#9aa0aa;font-size:.9rem}

section{padding:80px 20px;text-align:center}
.demo .panel{
  max-width:520px;margin:30px auto;
  border:1px solid #1c1f26;border-radius:14px;padding:24px;
}
.row{display:flex;justify-content:space-between;margin-bottom:12px}
.actions{margin-top:20px}
.proof{margin-top:12px;color:#9aa0aa;font-size:.85rem}

.cards{
  display:flex;justify-content:center;gap:20px;flex-wrap:wrap
}
.card{
  border:1px solid #1c1f26;border-radius:14px;
  padding:24px;width:260px
}

.engineers p{color:#9aa0aa;line-height:1.6}
.heritage{background:#0f1218}
.footer{padding:30px;text-align:center;color:#9aa0aa}