:root{
  --green:#00ff9d; --green-soft:rgba(0,255,157,.18); --green-glow:rgba(0,255,157,.55);
  --red:#ff2d55; --red-soft:rgba(255,45,85,.18);
  --bg:#05070a; --panel:#0a0e14; --panel2:#0d1219;
  --ink:#e8f0ee; --ink-soft:#8da39d; --ink-faint:#5b6b66;
  --line:rgba(0,255,157,.16); --line-strong:rgba(0,255,157,.32);
  --mono:'JetBrains Mono',monospace; --display:'Syncopate',sans-serif; --body:'Space Grotesk',sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--bg);color:var(--ink);font-family:var(--body);
  line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;
  background-image:
    radial-gradient(circle at 15% 10%,rgba(0,255,157,.04),transparent 40%),
    radial-gradient(circle at 85% 90%,rgba(255,45,85,.03),transparent 40%);
}
a{color:var(--green);text-decoration:none}
a:hover{text-decoration:underline}

/* Top bar */
.legal-nav{
  position:sticky;top:0;z-index:50;
  background:rgba(3,5,8,.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
  display:flex;align-items:center;gap:14px;padding:16px 6vw;
}
.legal-nav .mark{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 0 7px var(--green-glow))}
.legal-nav .mark svg{width:100%;height:100%;display:block}
.legal-nav .who{display:flex;flex-direction:column;line-height:1.15}
.legal-nav .who b{font-family:var(--display);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:#fff;font-weight:700}
.legal-nav .who small{font-family:var(--mono);font-size:9px;letter-spacing:.16em;color:var(--green);margin-top:3px}
.legal-nav .home-link{margin-left:auto;font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;
  border:1px solid var(--line-strong);padding:9px 16px;border-radius:7px;transition:all .3s;white-space:nowrap}
.legal-nav .home-link:hover{background:var(--green);color:#000;text-decoration:none;box-shadow:0 0 26px var(--green-glow)}

/* Content */
.wrap{max-width:920px;margin:0 auto;padding:60px 6vw 100px}
.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.28em;text-transform:uppercase;
  color:var(--green);text-shadow:0 0 10px var(--green-glow);margin-bottom:14px;display:block}
h1.page-title{font-family:var(--display);font-weight:700;font-size:clamp(26px,5vw,52px);
  line-height:1.05;letter-spacing:.01em;margin-bottom:18px;text-transform:uppercase}
.updated{font-family:var(--mono);font-size:11px;color:var(--ink-faint);letter-spacing:.1em;
  margin-bottom:46px;padding-bottom:24px;border-bottom:1px solid var(--line)}

h2{font-family:var(--display);font-size:19px;letter-spacing:.04em;text-transform:uppercase;
  margin:46px 0 16px;color:#fff;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
h2::before{content:attr(data-n);font-family:var(--mono);font-size:13px;color:var(--green);
  text-shadow:0 0 8px var(--green-glow);flex-shrink:0}
h3{font-family:var(--body);font-size:16px;font-weight:600;margin:28px 0 10px;color:var(--green)}
p{color:var(--ink-soft);margin-bottom:16px;font-weight:300;font-size:15px}
p strong,li strong{color:var(--ink);font-weight:500}
ul,ol{margin:0 0 18px 22px;color:var(--ink-soft)}
li{margin-bottom:9px;font-weight:300;font-size:15px}

.note{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--green);
  border-radius:8px;padding:18px 22px;margin:24px 0;font-size:14px}
.warn{background:rgba(255,45,85,.05);border:1px solid var(--red-soft);border-left:3px solid var(--red);
  border-radius:8px;padding:18px 22px;margin:24px 0;font-size:14px;color:#ffb3c2}
.fill{color:var(--red);font-family:var(--mono);font-size:13px;background:rgba(255,45,85,.08);
  padding:2px 7px;border-radius:4px;border:1px dashed var(--red-soft)}

/* Tables */
.tbl-wrap{overflow-x:auto;margin:22px 0;border:1px solid var(--line);border-radius:10px}
table{width:100%;border-collapse:collapse;min-width:540px}
th,td{padding:13px 16px;text-align:left;font-size:13px;border-bottom:1px solid var(--line)}
th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--green);background:rgba(0,255,157,.05);font-weight:600}
td{color:var(--ink-soft);font-weight:300}
tr:last-child td{border-bottom:none}
td:first-child{color:var(--ink)}

.contact-line{font-family:var(--mono);font-size:13px;color:var(--ink);margin:6px 0}
.contact-line span{color:var(--ink-faint)}

/* Footer */
footer.legal-foot{
  border-top:1px solid var(--line);
  padding:40px 6vw 36px;
  background:#000;
}
.foot-nav{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;
  margin-bottom:28px;padding-bottom:24px;
  border-bottom:1px solid var(--line);
}
.foot-nav a{
  font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-soft);padding:5px 10px;border:1px solid transparent;border-radius:5px;transition:all .25s;
}
.foot-nav a:hover{color:var(--green);border-color:var(--line);text-decoration:none}
.foot-info{text-align:center}
footer.legal-foot p{font-family:var(--mono);font-size:10px;color:var(--ink-faint);letter-spacing:.08em;margin:5px 0}
footer.legal-foot a{color:var(--ink-soft)}

/* Mobile responsive */
@media(max-width:768px){
  .legal-nav{padding:14px 5vw;gap:10px}
  .legal-nav .who small{display:none}
  .legal-nav .who b{font-size:11px}
  .legal-nav .home-link{padding:7px 12px;font-size:10px}
  .wrap{padding:36px 5vw 70px}
  h1.page-title{font-size:clamp(22px,7vw,36px)}
  h2{font-size:15px;margin:32px 0 12px}
  h3{font-size:15px}
  p,li{font-size:14px}
  .note,.warn{padding:14px 16px;font-size:13px}
  th,td{padding:10px 12px;font-size:12px}
  .tbl-wrap{border-radius:6px}
  .foot-nav{gap:6px 10px}
  .foot-nav a{font-size:9px;padding:5px 8px}
  footer.legal-foot{padding:30px 5vw 28px}
}

@media(max-width:420px){
  .legal-nav .mark{width:30px;height:30px}
  .legal-nav .who b{font-size:10px;letter-spacing:.08em}
  h1.page-title{font-size:clamp(20px,8vw,28px)}
  .wrap{padding:28px 4vw 60px}
}