*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:#0a0a0a;
  --bg-card:#111;
  --text:#e0e0e0;
  --text-muted:#777;
  --accent:#c0c0c0;
  --border:#1a1a1a;
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --max-w:800px;
}

html{font-size:16px;scroll-behavior:smooth}

body{
  background:var(--bg);
  color:var(--text);
  font-family:var(--font);
  line-height:1.7;
  min-height:100vh;
  display:flex;
  flex-direction:column;
  -webkit-font-smoothing:antialiased;
}

a{color:var(--accent);text-decoration:none;transition:opacity .2s}
a:hover{opacity:.7}

/* NAV */
nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:var(--max-w);
  width:100%;
  margin:0 auto;
  padding:2rem 1.5rem 1rem;
}
nav .wordmark{
  display:flex;
  align-items:center;
  gap:0.6rem;
  font-size:0.85rem;
  font-weight:600;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--text);
}
nav .nav-logo{
  display:block;
  width:13px;
  height:13px;
  max-width:13px;
  max-height:13px;
  flex-shrink:0;
  object-fit:contain;
}
nav ul{list-style:none;display:flex;gap:1.5rem}
nav ul li a{font-size:0.8rem;color:var(--text-muted);letter-spacing:0.05em;text-transform:uppercase}
nav ul li a:hover{color:var(--text)}

/* HERO */
.hero{
  max-width:var(--max-w);
  margin:0 auto;
  padding:6rem 1.5rem 4rem;
  text-align:center;
}
.hero h1{
  font-size:clamp(1.6rem,4vw,2.4rem);
  font-weight:300;
  letter-spacing:-0.01em;
  line-height:1.3;
  margin-bottom:1.25rem;
}
.hero p{
  color:var(--text-muted);
  font-size:1rem;
  max-width:480px;
  margin:0 auto 2rem;
}
.hero .status{
  display:inline-block;
  font-size:0.7rem;
  letter-spacing:0.12em;
  text-transform:uppercase;
  color:var(--text-muted);
  border:1px solid var(--border);
  padding:0.35rem 1.2rem;
  border-radius:999px;
}

/* SECTION */
.section{
  max-width:var(--max-w);
  margin:0 auto;
  padding:3rem 1.5rem;
}
.section h2{
  font-size:0.75rem;
  font-weight:600;
  letter-spacing:0.15em;
  text-transform:uppercase;
  color:var(--text-muted);
  margin-bottom:1.5rem;
}
.section p{
  color:var(--text-muted);
  font-size:0.95rem;
  margin-bottom:1rem;
}

.divider{
  max-width:var(--max-w);
  margin:0 auto;
  padding:0 1.5rem;
}
.divider hr{
  border:none;
  border-top:1px solid var(--border);
}

/* LEGAL PAGES */
.legal{
  max-width:var(--max-w);
  margin:0 auto;
  padding:4rem 1.5rem;
}
.legal h1{
  font-size:1.4rem;
  font-weight:400;
  margin-bottom:0.5rem;
}
.legal .updated{
  font-size:0.8rem;
  color:var(--text-muted);
  margin-bottom:3rem;
}
.legal h2{
  font-size:1rem;
  font-weight:600;
  margin-top:2.5rem;
  margin-bottom:0.75rem;
}
.legal p,.legal ul{
  color:var(--text-muted);
  font-size:0.9rem;
  margin-bottom:1rem;
}
.legal ul{padding-left:1.5rem}
.legal li{margin-bottom:0.5rem}

/* CONTACT */
.contact-info{
  max-width:var(--max-w);
  margin:0 auto;
  padding:6rem 1.5rem;
}
.contact-info h1{
  font-size:1.4rem;
  font-weight:400;
  margin-bottom:2rem;
}
.contact-info p{
  color:var(--text-muted);
  font-size:0.95rem;
  margin-bottom:1rem;
}
.contact-info .email-link{
  display:inline-block;
  font-size:0.9rem;
  color:var(--text);
  border:1px solid var(--border);
  padding:0.6rem 1.5rem;
  border-radius:999px;
  margin-top:1rem;
  transition:border-color .2s;
}
.contact-info .email-link:hover{border-color:var(--text-muted)}

/* FOOTER */
footer{
  margin-top:auto;
  border-top:1px solid var(--border);
}
footer .inner{
  max-width:var(--max-w);
  margin:0 auto;
  padding:2rem 1.5rem;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:1rem;
}
footer .copy{font-size:0.75rem;color:var(--text-muted)}
footer .links{display:flex;gap:1.5rem}
footer .links a{font-size:0.75rem;color:var(--text-muted)}
footer .links a:hover{color:var(--text)}

@media(max-width:600px){
  .hero{padding:4rem 1.5rem 3rem}
  nav ul{gap:1rem}
  footer .inner{flex-direction:column;align-items:flex-start}
}