body{
  margin:0;
  font-family:Inter,Arial,sans-serif;
  background:#f8fbff;
  color:#0f172a;
}

.container{
  width:min(1000px,calc(100% - 40px));
  margin:auto;
}

nav{
  background:white;
  border-bottom:1px solid #e2e8f0;
}

.nav-inner{
  height:76px;
  display:flex;
  align-items:center;
}

.nav-brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:#0f172a;
  font-weight:800;
}

.nav-brand img{
  width:42px;
}

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

.badge{
  color:#06b6d4;
  font-weight:800;
  text-transform:uppercase;
}

.hero h1{
  font-size:56px;
  margin-top:10px;
}

.section{
  padding:40px 0 80px;
}

.card{
  background:white;
  padding:40px;
  border-radius:24px;
  box-shadow:0 20px 60px rgba(0,0,0,.08);
}

.legal h2{
  margin-top:32px;
}

.legal p,
.legal li{
  color:#475569;
  line-height:1.8;
}

footer{
  padding:30px;
  text-align:center;
  border-top:1px solid #e2e8f0;
  background:white;
}
.nav-links {
  display: flex;
  gap: 8px;
  align-items: center;
}

.nav-links a {
  text-decoration: none;
  color: #475569;
  font-weight: 700;
  padding: 10px 14px;
  border-radius: 999px;
}

.nav-links a:hover {
  background: #eef5ff;
  color: #2563eb;
}