:root{
  --bg:#00040e;          /* sampled from the logo's own field — no visible seam */
  --ink:#eceff5;
  --muted:#8b93a6;
  --gold:#d9a441;
  --rule:#141a28;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  background:var(--bg); color:var(--ink);
  font:400 17px/1.65 ui-sans-serif,-apple-system,"Segoe UI",Inter,Helvetica,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
  display:flex; min-height:100vh; align-items:center; justify-content:center;
  padding:3rem 1.5rem;
}
.wrap{width:100%; max-width:33rem; text-align:center}
.sr-only{
  position:absolute; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0;
}
.logo{display:block}
.logo img{
  display:block; width:100%; height:auto; max-width:30rem;
  margin:0 auto 1.6rem;
}
.lede{margin:0; color:var(--muted); font-size:1rem; letter-spacing:.01em}
.rule{border:0; border-top:1px solid var(--rule); margin:2.8rem 0 2rem}
.contact h2{
  margin:0 0 .7rem; font-size:.7rem; font-weight:600;
  letter-spacing:.14em; text-transform:uppercase; color:var(--gold);
}
.contact p{margin:.3rem 0}
.muted{color:var(--muted); font-size:.95rem}
.entity{margin-top:1.4rem !important; color:var(--muted); font-size:.8rem; letter-spacing:.03em}
a{color:var(--ink); text-decoration:none; border-bottom:1px solid var(--rule)}
a:hover{border-bottom-color:var(--gold); color:var(--gold)}
@media (max-width:400px){ body{padding:2rem 1.1rem} }