body{
margin:0;
font-family:Montserrat,system-ui,sans-serif;
background:#111;
color:white;
}

.wrap{
max-width:900px;
margin:auto;
padding:40px 20px;
}

.top{
border-bottom:1px solid #222;
}

.top .wrap{
display:flex;
justify-content:space-between;
align-items:center;
}

.brand{
font-weight:700;
text-decoration:none;
color:white;
font-size:1.2rem;
}

.nav a{
margin-left:20px;
text-decoration:none;
color:#aaa;
}

.nav a:hover{
color:white;
}

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

.hero h1{
font-size:3rem;
margin-bottom:10px;
}

.subtitle{
color:#0F4C81;
margin-bottom:10px;
}

.lede{
opacity:.8;
margin-bottom:30px;
}

.btn{
background:#0F4C81;
padding:12px 20px;
border-radius:6px;
text-decoration:none;
color:white;
margin-right:10px;
}

.btn.ghost{
background:transparent;
border:1px solid #0F4C81;
}

.footer{
border-top:1px solid #222;
text-align:center;
opacity:.6;
}