/* ===== Trading Execution — legal pages ===== */
:root{
  --bg:#101319; --bg-2:#161a23; --panel:rgba(248,240,220,.045);
  --cream:#f4ecd9; --cream-strong:#f8f0dc;
  --muted:rgba(244,236,217,.56); --faint:rgba(244,236,217,.34);
  --gold-d:#8f6c1e; --gold:#c79a33; --gold-2:#d4a93f; --gold-3:#f0d68a;
  --line:rgba(232,201,108,.16); --line-soft:rgba(244,236,217,.09);
  --ink:#1e222d;
  --r:20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg); color:var(--cream);
  font-family:Inter,system-ui,sans-serif; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased;
}
::selection{background:var(--gold-2); color:var(--ink)}
a{color:inherit; text-decoration:none}

/* ===== top bar ===== */
.top{
  display:flex; align-items:center; justify-content:space-between; gap:16px;
  max-width:1060px; margin:0 auto; padding:22px 20px 18px;
  border-bottom:1px solid var(--line-soft);
}
.brand{
  display:flex; align-items:center; gap:10px;
  font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:17px;
  color:var(--cream-strong);
}
.brand img{display:block; width:auto}
.top .hub{
  font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--gold-2);
  transition:color .2s;
}
.top .hub:hover{color:var(--gold-3)}

/* ===== layout ===== */
.wrap{
  display:grid; grid-template-columns:220px 1fr; gap:44px;
  max-width:1060px; margin:0 auto; padding:36px 20px 70px;
}
.side{position:sticky; top:24px; align-self:start}
.side-t{
  font-family:'JetBrains Mono',monospace; font-size:11px; letter-spacing:.14em;
  text-transform:uppercase; color:var(--faint); margin-bottom:12px;
}
.side nav{display:flex; flex-direction:column; gap:2px}
.side nav a{
  padding:7px 12px; border-radius:10px; font-size:13.5px; color:var(--muted);
  border:1px solid transparent; transition:color .15s, background .15s;
}
.side nav a:hover{color:var(--cream)}
.side nav a.on{
  color:var(--gold-3); background:var(--panel); border-color:var(--line);
}
@media(max-width:840px){
  .wrap{grid-template-columns:1fr; gap:26px}
  .side{position:static}
  .side nav{flex-direction:row; flex-wrap:wrap; gap:6px}
  .side nav a{border-color:var(--line-soft); font-size:12.5px}
}

/* ===== document ===== */
.doc{max-width:720px; min-width:0}
.doc h1, .hubmain h1{
  font-family:'Space Grotesk',sans-serif; font-weight:700;
  font-size:clamp(28px,4.4vw,38px); line-height:1.15; color:var(--cream-strong);
  margin-bottom:10px;
}
.meta{
  font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--faint);
  margin-bottom:34px;
}
.doc h2{
  font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:20px;
  color:var(--cream-strong); margin:38px 0 12px;
  padding-top:26px; border-top:1px solid var(--line-soft);
}
.doc h2 .num{
  font-family:'JetBrains Mono',monospace; font-size:13px; font-weight:500;
  color:var(--gold-2); margin-right:12px;
}
.doc h3{
  font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:16px;
  color:var(--cream); margin:22px 0 8px;
}
.doc p{margin:0 0 14px; color:var(--muted)}
.doc strong{color:var(--cream); font-weight:600}
.doc ul{margin:0 0 16px; padding-left:0; list-style:none}
.doc li{
  position:relative; padding-left:20px; margin-bottom:6px; color:var(--muted);
}
.doc li::before{
  content:""; position:absolute; left:2px; top:.62em;
  width:6px; height:6px; border-radius:2px; background:var(--gold-d);
}
.doc a, .hubmain a.inline, .contact a{
  color:var(--gold-2); transition:color .2s;
}
.doc a:hover, .contact a:hover{color:var(--gold-3)}

/* ===== hub ===== */
.hubmain{max-width:840px; margin:0 auto; padding:44px 20px 70px}
.hubmain .lede{color:var(--muted); max-width:620px; margin-bottom:34px}
.cards{display:grid; grid-template-columns:repeat(2,1fr); gap:14px}
@media(max-width:700px){.cards{grid-template-columns:1fr}}
.card{
  display:block; padding:20px 22px; border-radius:var(--r);
  background:var(--panel); border:1px solid var(--line-soft);
  transition:border-color .2s, transform .2s;
}
.card:hover{border-color:var(--line); transform:translateY(-2px)}
.card .ct{
  font-family:'Space Grotesk',sans-serif; font-weight:600; font-size:16.5px;
  color:var(--cream-strong); margin-bottom:6px;
}
.card .cd{font-size:13.5px; color:var(--muted); line-height:1.5}
.contact{margin-top:36px; color:var(--muted)}

/* ===== footer ===== */
footer{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  max-width:1060px; margin:0 auto; padding:22px 20px 30px;
  border-top:1px solid var(--line-soft);
  font-family:'JetBrains Mono',monospace; font-size:12px; color:var(--faint);
}
footer a{color:var(--gold-2); transition:color .2s}
footer a:hover{color:var(--gold-3)}