:root{
  --bg:#1B1512;
  --surface:#241C18;
  --surface-elevated:#2E2420;
  --border:#3D2F27;
  --text:#F5ECE3;
  --text-muted:#B7A296;
  --text-faint:#8A7A70;
  --coral:#F3705C;
  --amber:#E8A857;
  --terracotta:#B8502F;
  --coral-wash:rgba(243,112,92,0.14);
  --amber-wash:rgba(232,168,87,0.14);
  --terracotta-wash:rgba(184,80,47,0.16);
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Nunito",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,.display{
  font-family:"Baloo 2","Nunito",sans-serif;
  font-weight:700;
  text-wrap:balance;
  margin:0;
}
p{margin:0;}
a{color:inherit;}
img{max-width:100%;display:block;}

.wrap{max-width:1080px;margin:0 auto;padding:0 28px;}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:var(--amber);
  font-family:"Nunito",sans-serif;
  font-weight:800;
  font-size:12px;
  letter-spacing:0.14em;
  text-transform:uppercase;
}

/* ---------- nav ---------- */
.nav{
  position:sticky;
  top:0;
  z-index:20;
  background:rgba(27,21,18,0.86);
  backdrop-filter:blur(10px);
  border-bottom:1px solid var(--border);
}
.nav-inner{
  max-width:1080px;
  margin:0 auto;
  padding:14px 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.brand{display:flex;align-items:center;gap:10px;font-family:"Baloo 2",sans-serif;font-weight:700;font-size:19px;text-decoration:none;color:var(--text);}
.brand img{width:30px;height:30px;border-radius:8px;}
.nav-links{display:flex;gap:28px;font-weight:700;font-size:14px;color:var(--text-muted);}
.nav-links a{text-decoration:none;color:inherit;}
.nav-links a:hover{color:var(--text);}
@media (max-width:640px){.nav-links{gap:16px;font-size:13px;}}

/* ---------- document layout (privacy / terms / delete-account) ---------- */
.doc{padding:56px 0 90px;}
.doc-header{max-width:70ch;margin-bottom:44px;}
.doc-header h1{font-size:clamp(28px,4vw,38px);margin-top:14px;}
.doc-header .updated{margin-top:10px;color:var(--text-faint);font-size:13px;}
.doc-intro{margin-top:18px;color:var(--text-muted);font-size:16px;line-height:1.65;max-width:65ch;}

.doc-body{display:flex;flex-direction:column;gap:30px;max-width:70ch;}
.doc-body h2{
  font-family:"Nunito",sans-serif;
  font-weight:800;
  font-size:12px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:var(--amber);
  margin-bottom:10px;
}
.doc-body p, .doc-body li{color:var(--text-muted);font-size:15px;line-height:1.75;}
.doc-body ul{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;}
.doc-body strong{color:var(--text);}
.doc-body a{color:var(--coral);font-weight:700;text-decoration:none;}
.doc-body a:hover{text-decoration:underline;}

.callout{
  background:var(--surface);
  border:1px solid var(--border);
  border-left:3px solid var(--coral);
  border-radius:10px;
  padding:18px 20px;
}
.callout p + p{margin-top:10px;}

.step-list{display:flex;flex-direction:column;gap:16px;counter-reset:step;}
.step{
  display:flex;
  gap:14px;
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:12px;
  padding:16px 18px;
}
.step-num{
  flex-shrink:0;
  width:26px;
  height:26px;
  border-radius:8px;
  background:var(--coral-wash);
  border:1px solid rgba(243,112,92,0.35);
  color:var(--coral);
  font-family:"Baloo 2",sans-serif;
  font-weight:700;
  font-size:13px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.step p{color:var(--text-muted);font-size:14.5px;line-height:1.6;}
.step strong{color:var(--text);}

/* ---------- footer ---------- */
footer{border-top:1px solid var(--border);padding:40px 0;}
.foot-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  align-items:center;
  justify-content:space-between;
  color:var(--text-faint);
  font-size:13px;
}
.foot-links{display:flex;gap:18px;}
.foot-bottom a{color:var(--text-muted);font-weight:700;text-decoration:none;}
.foot-bottom a:hover{color:var(--text);}