*{box-sizing:border-box}
body{
  margin:0;
  font-family:'Inter',sans-serif;
  background:#0e1117;
  color:#e6e6e6;
}
a{text-decoration:none}
.wrap{
  width:92%;
  max-width:1200px;
  margin:auto;
}
.topbar{
  background:#0e1117;
  border-bottom:1px solid #1f2430;
}
.topbar .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:20px 0;
}
.brand{
  font-size:22px;
  font-weight:700;
}
.brand span{color:#5da9ff}
nav a{
  margin-left:22px;
  color:#cfd3da;
  font-weight:500;
}
nav a.active, nav a:hover{color:#5da9ff}
nav a.cta{
  background:#5da9ff;
  color:#000;
  padding:8px 16px;
  border-radius:20px;
}
.hero{
  padding:120px 0 90px;
}
.hero h1{
  font-size:48px;
  line-height:1.2;
}
.hero p{
  max-width:600px;
  font-size:18px;
  color:#b7bcc6;
}
.features{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
  gap:30px;
  margin:80px auto;
}
.feature{
  background:#151a23;
  padding:30px;
  border-radius:14px;
}
.page{
  padding:80px 0;
}
.lead{
  font-size:18px;
  color:#b7bcc6;
}
.clean-list{
  margin-top:25px;
}
.clean-list li{
  margin-bottom:12px;
}
.modern-form{
  max-width:520px;
  margin-top:30px;
}
.modern-form input,.modern-form textarea{
  width:100%;
  background:#151a23;
  border:1px solid #1f2430;
  color:#fff;
  padding:14px;
  margin-bottom:15px;
  border-radius:10px;
}
.modern-form button{
  background:#5da9ff;
  border:none;
  padding:14px 24px;
  border-radius:22px;
  font-weight:600;
  cursor:pointer;
}
.footer{
  border-top:1px solid #1f2430;
  padding:25px 0;
  text-align:center;
  color:#7a8090;
}