:root { color-scheme: light; }

body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
  line-height:1.65;
  background:#ffffff;
  color:#111;
}

.wrap{
  min-height:100vh;
  display:grid;
  place-items:center;
  padding:68px 20px;
}

.card{
  width:100%;
  max-width:980px;
  border:1px solid #ededed;
  border-radius:10px;          /* less SaaS */
  padding:56px 52px;
  background:#fff;
}

.masthead{
  margin:0 0 18px 0;
}

h1{
  margin:0;
  font-size:68px;
  font-weight:650;
  letter-spacing:-0.045em;
}

.subtitle{
  margin:10px 0 0 0;
  font-size:20px;
  color:#2f2f2f;
}

.lede{
  margin-top:26px;
  font-size:19px;
  color:#111;
  max-width:78ch;
}

p{
  margin:18px 0 0 0;
  font-size:17px;
  color:#1a1a1a;
  max-width:78ch;
}

hr.section{
  margin:44px 0 0 0;
  border:0;
  border-top:1px solid #f0f0f0;
}

h2{
  margin:18px 0 0 0;
  font-size:13px;
  font-weight:700;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#5a5a5a;
}

ul{
  margin:12px 0 0 0;
  padding-left:18px;
  max-width:78ch;
}

li{
  margin:10px 0;
  font-size:16px;
  color:#1a1a1a;
}

strong{
  font-weight:650;
}

.contact{
  margin-top:34px;
  font-size:15px;
  color:#444;
}

.sep{
  margin:0 10px;
  color:#aaa;
}

a{
  color:inherit;
  text-decoration:none;
  border-bottom:1px solid #cfcfcf;
}

a:hover{
  border-bottom-color:#111;
}

.mono{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono","Courier New", monospace;
}

footer{
  margin-top:40px;
  font-size:13px;
  color:#777;
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:10px;
}