:root{
  --ink-bg: #12201A;
  --ink-bg-2: #182A21;
  --surface: #1D3327;
  --surface-line: #2E4A3B;
  --paper: #EDE9DD;
  --paper-dim: #A9B6AA;
  --brass: #C99A46;
  --brass-bright: #E4B667;
  --clay: #B9633F;
  --brass-glow: rgba(201,154,70,0.35);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--ink-bg);
  color:var(--paper);
  font-family:'Work Sans', sans-serif;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3{
  font-family:'Fraunces', serif;
  font-weight:600;
  margin:0 0 .4em 0;
  letter-spacing:-0.01em;
}
.mono{
  font-family:'JetBrains Mono', monospace;
  letter-spacing:0.02em;
}
a{color:inherit;}
img,svg{display:block;max-width:100%;}
.wrap{max-width:1120px;margin:0 auto;padding:0 28px;}

@media (max-width:480px){
  .wrap{padding:0 20px;}
  body{overflow-x:hidden;}
}

a:focus-visible, button:focus-visible{
  outline:2px solid var(--brass);
  outline-offset:3px;
  border-radius:2px;
}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important; animation-iteration-count:1 !important; transition-duration:0.01ms !important;}
}

/* ===== HEADER ===== */
header{
  position:sticky; top:0; z-index:50;
  background:rgba(18,32,26,0.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--surface-line);
}
.nav{
  display:flex;align-items:center;justify-content:space-between;
  padding:18px 28px;
  max-width:1120px;margin:0 auto;
  gap:16px;
}
.logo{
  font-family:'Fraunces',serif;
  font-size:1.15rem;
  font-weight:600;
  color:var(--paper);
  text-decoration:none;
  display:flex;align-items:center;gap:10px;
  white-space:nowrap;
}
.logo-mark{width:26px;height:26px;flex-shrink:0;}
.nav-links{display:flex;gap:32px;align-items:center;font-size:0.92rem;}
.nav-links a{text-decoration:none;color:var(--paper-dim);transition:color .2s;}
.nav-links a:hover{color:var(--paper);}
.nav-cta{
  background:var(--brass);
  color:#16241C;
  padding:9px 18px;
  border-radius:3px;
  font-weight:600;
  text-decoration:none;
  font-size:0.88rem;
  transition:background .2s, transform .2s;
  white-space:nowrap;
  flex-shrink:0;
}
.nav-cta:hover{background:#DDAE5B; transform:translateY(-1px);}
.nav-toggle{display:none;}
.nav-right{display:flex;align-items:center;gap:16px;}
.mobile-cta{display:none;}

@media (max-width:760px){
  .nav{padding:16px 20px; flex-wrap:wrap;}
  .logo{font-size:1.02rem;}
  .nav-right .nav-cta{display:none;}
  .nav-links{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    width:100%;
    max-height:0;
    overflow:hidden;
    transition:max-height .3s ease;
    order:3;
  }
  .nav-links.open{max-height:320px; margin-top:16px;}
  .nav-links a{width:100%; padding:12px 0; border-top:1px solid var(--surface-line); color:var(--paper);}
  .mobile-cta{display:block; margin-top:10px; text-align:center; width:100%;}
  .nav-toggle{
    display:flex; align-items:center;justify-content:center;
    background:none; border:1px solid var(--surface-line); color:var(--paper);
    width:38px;height:38px; border-radius:3px; cursor:pointer; flex-shrink:0;
  }
}

/* ===== LEGAL PAGE CONTENT ===== */
.legal-hero{
  padding:64px 0 40px;
  border-bottom:1px solid var(--surface-line);
}
.eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:0.78rem;
  color:var(--brass);
  text-transform:uppercase;
  letter-spacing:0.12em;
  margin-bottom:14px;
  display:flex;align-items:center;gap:10px;
}
.eyebrow::before{
  content:'';
  width:7px;height:7px;
  border-radius:50%;
  background:var(--brass);
  box-shadow:0 0 0 4px var(--brass-glow);
}
.legal-hero h1{
  font-size:clamp(2rem, 4vw, 2.8rem);
  color:var(--paper);
}
.legal-updated{
  font-family:'JetBrains Mono',monospace;
  font-size:0.82rem;
  color:var(--paper-dim);
  margin-top:8px;
}

.legal-body{
  padding:56px 0 100px;
  max-width:760px;
  margin:0 auto;
}
.legal-body h2{
  font-size:1.4rem;
  color:var(--paper);
  margin-top:2.4em;
  padding-top:.4em;
  border-top:1px solid var(--surface-line);
}
.legal-body h2:first-child{border-top:none; margin-top:0; padding-top:0;}
.legal-body h3{
  font-size:1.1rem;
  color:var(--brass);
  margin-top:1.6em;
}
.legal-body p{color:var(--paper-dim); margin:0 0 1.1em;}
.legal-body strong{color:var(--paper); font-weight:600;}
.legal-body ul{color:var(--paper-dim); margin:0 0 1.1em; padding-left:1.3em;}
.legal-body li{margin-bottom:.5em;}
.legal-body a{color:var(--brass); text-decoration:underline; text-underline-offset:2px;}
.legal-body a:hover{color:var(--brass-bright);}
.legal-intro{
  font-size:1.05rem;
  color:var(--paper-dim);
}

.back-link{
  display:inline-flex; align-items:center; gap:8px;
  font-family:'JetBrains Mono',monospace;
  font-size:0.82rem;
  color:var(--paper-dim);
  text-decoration:none;
  margin-bottom:28px;
}
.back-link:hover{color:var(--brass);}

/* ===== FOOTER ===== */
footer{
  padding:34px 0;
  border-top:1px solid var(--surface-line);
  font-size:0.85rem;
  color:var(--paper-dim);
}
.foot-row{
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;
}
.foot-row a{color:var(--paper-dim); text-decoration:none;}
.foot-row a:hover{color:var(--paper);}
.foot-legal{
  display:flex; gap:18px; flex-wrap:wrap;
  font-size:0.82rem;
}
.foot-legal a{color:var(--paper-dim); text-decoration:none;}
.foot-legal a:hover{color:var(--brass);}