*{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; }
body{
  margin:0;
  background:#000;
  color:#EBEEF4;
  font-family:system-ui,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;
  line-height:1.75;
  font-size:16px;
  -webkit-font-smoothing:antialiased;
}

.wrap{
  max-width:52rem;
  margin:0 auto;
  padding:clamp(1.6rem,5vw,3rem) clamp(1.25rem,5vw,2rem) 5rem;
}

.topbar{
  display:flex; align-items:center; justify-content:space-between; gap:1rem;
  margin-bottom:clamp(1.6rem,5vw,2.8rem);
}
.home{
  font-size:.78rem; letter-spacing:.22em; text-transform:uppercase;
  text-decoration:none; color:#8C98A8;
  transition:color .18s ease;
}
.home:hover, .home:focus-visible{ color:#fff; outline:none; }
.brandtxt{
  font-size:.78rem; letter-spacing:.28em; text-transform:uppercase; color:#5c6572;
}

h1{
  font-size:clamp(1.7rem,6vw,2.5rem); font-weight:700; letter-spacing:.01em;
  line-height:1.15; margin:0 0 .5rem; color:#fff;
}
.updated{ color:#8C98A8; font-size:.85rem; letter-spacing:.03em; margin:0 0 2.6rem; }

h2{ font-size:1.15rem; font-weight:600; margin:2.5rem 0 .6rem; color:#fff; }
p, li{ color:#c3c9d1; margin:.5rem 0; }
ul{ padding-left:1.25rem; margin:.4rem 0 1rem; }
li{ margin:.3rem 0; }

a.inline{
  color:#fff; text-decoration:underline; text-underline-offset:2px;
  text-decoration-color:rgba(255,255,255,.4);
}
a.inline:hover{ text-decoration-color:#fff; }

.legal-footer{
  margin-top:4rem; padding-top:1.6rem; border-top:1px solid #1b2027;
  display:flex; flex-wrap:wrap; align-items:center; gap:.4rem .9rem;
  font-size:.82rem; letter-spacing:.04em; color:#8C98A8;
}
.legal-footer a{ color:#c3c9d1; text-decoration:none; transition:color .18s ease; }
.legal-footer a:hover, .legal-footer a:focus-visible{ color:#fff; outline:none; }
.legal-footer .sep{ opacity:.4; }
.legal-footer .copy{ width:100%; margin-top:.7rem; color:#6b7280; }
.legal-footer .copy a{ color:#8C98A8; }
