.logo-mark{
  height:24px;
  width:auto;
  display:block;
  color:var(--ink);
}

/* ---------- legal page (mirrors the app's legal-page-layout, recolored dark) ---------- */
.page{padding:1.5rem 0 3rem;}
.page-stack{
  width:var(--shell);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  gap:1rem;
}

.topbar{
  background:var(--bg-raised);
  border-radius:24px;
  padding:1rem 1.5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
}
.search-fake{
  display:inline-flex;
  align-items:center;
  gap:0.5rem;
  width:253px;
  max-width:45vw;
  background:var(--bg-deep);
  border:1px solid var(--line);
  border-radius:999px;
  padding:0.55rem 1rem;
  color:var(--ink-faint);
  font-size:0.85rem;
}
.search-fake svg{width:15px; height:15px; stroke:var(--ink-faint); flex:none;}

.page-hero{padding:0.5rem 0.25rem 0;}
.page-hero .page-title{font-size:clamp(1.9rem,3vw + 0.8rem,2.6rem); max-width:20ch;}
.page-hero .page-subtitle{margin-top:0.85rem; color:var(--ink-dim); max-width:56ch; font-size:0.98rem; line-height:1.6;}

.content-card{
  background:var(--bg-raised);
  border-radius:24px;
  padding:clamp(1.5rem,4vw,2.5rem);
  display:flex;
  flex-direction:column;
  gap:1.25rem;
}
.page-title{font-size:clamp(1.8rem,2.4vw + 1rem,2.4rem); color:var(--ink);}
.page-subtitle{color:var(--ink-dim); font-size:0.8rem;}

.legal-section{display:flex; flex-direction:column; gap:0.5rem; padding-bottom:1.1rem; border-bottom:1px solid var(--line);}
.legal-section:last-child{border-bottom:none; padding-bottom:0;}
.legal-section h2{
  font-family:'DM Sans',sans-serif; font-stretch:normal;
  font-weight:700; font-size:1rem; line-height:1.35; color:var(--ink);
}
.legal-section h3{
  font-family:'DM Sans',sans-serif; font-stretch:normal;
  font-weight:700; font-size:0.95rem; color:var(--ink); margin-top:0.3rem;
}
.legal-section p{color:var(--ink-dim); font-size:0.85rem; line-height:1.55;}
.legal-section ul{margin:0; padding:0; list-style:none; display:flex; flex-direction:column; gap:0.35rem;}
.legal-section li{color:var(--ink-dim); font-size:0.85rem; line-height:1.55;}
.legal-section li::before{content:"\2022  ";}
.legal-intro{font-size:0.7rem; letter-spacing:0.08em; text-transform:uppercase; color:var(--ink-faint); font-weight:700;}

.key-points{
  background:rgba(221,255,66,0.05);
  border:1px solid rgba(221,255,66,0.22);
  border-radius:18px;
  padding:1.4rem 1.6rem;
  display:flex;
  flex-direction:column;
  gap:0.6rem;
}
.key-points p{color:var(--ink-dim); font-size:0.85rem; line-height:1.55;}
.key-points ul{margin:0.4rem 0 0; padding:0; list-style:none; display:flex; flex-direction:column; gap:0.4rem;}
.key-points li{color:var(--ink-dim); font-size:0.85rem; line-height:1.55;}
.key-points li::before{content:"\2022  ";}

.account-card{
  background:var(--bg-raised);
  border-radius:24px;
  padding:clamp(1.5rem,4vw,2.5rem);
}
.account-card h2{font-size:clamp(1.3rem,2vw + 0.6rem,1.6rem);}
.account-card > p{margin-top:0.85rem; color:var(--ink-dim); max-width:60ch; line-height:1.6; font-size:0.92rem;}
.account-subhead{
  margin-top:2rem;
  font-family:'DM Sans',sans-serif; font-stretch:normal; font-weight:700; font-size:1rem;
}

.account-steps{margin-top:1.4rem; display:flex; flex-direction:column; gap:1.3rem;}
.account-step{display:flex; gap:1rem;}
.account-step .num{
  width:32px; height:32px; border-radius:50%; flex:none;
  background:var(--bg-deep); border:1px solid rgba(221,255,66,0.35);
  color:var(--accent); font-family:'Archivo',sans-serif; font-stretch:expanded; font-weight:800; font-size:0.88rem;
  display:flex; align-items:center; justify-content:center;
}
.account-step h4{font-weight:700; font-size:0.96rem; font-family:'DM Sans',sans-serif; font-stretch:normal;}
.account-step p{margin-top:0.3rem; color:var(--ink-dim); font-size:0.88rem; line-height:1.55;}

.account-notice{
  margin-top:1.8rem;
  background:rgba(221,255,66,0.05);
  border:1px solid rgba(221,255,66,0.22);
  border-radius:18px;
  padding:1.3rem 1.5rem;
}
.account-notice h4{
  display:flex; align-items:center; gap:0.55rem;
  font-weight:700; font-size:0.94rem; color:var(--ink); font-family:'DM Sans',sans-serif; font-stretch:normal;
}
.account-notice h4 svg{width:18px; height:18px; color:var(--accent); flex:none;}
.account-notice ul{margin:0.85rem 0 0; padding-left:1.1rem; color:var(--ink-dim); font-size:0.88rem; line-height:1.65;}
.account-notice li strong{color:var(--ink); font-weight:700;}

.account-card > .btn{margin-top:1.8rem;}

/* ---------- footer bar ---------- */
.footer-bar{
  background:#050604;
  border-radius:24px 24px 0 0;
  padding:1.5rem 2rem;
  min-height:5rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:0.8rem;
}
.footer-copy{color:var(--accent); font-size:0.85rem; font-weight:700;}
.footer-links{display:flex; align-items:center; gap:0.5rem; font-size:0.85rem; flex-wrap:wrap;}
.footer-links a{color:var(--accent); text-decoration:none; font-weight:700;}
.footer-links a:hover{color:var(--accent-soft);}
.footer-links .sep{color:var(--accent); opacity:0.55;}

@media (max-width:680px){
  .search-fake{display:none;}
  .topbar{padding:0.85rem 1.1rem;}
  .footer-bar{flex-direction:column; align-items:flex-start; border-radius:20px 20px 0 0; padding:1.25rem 1.25rem;}
}