:root{
  --white:#F7F8FA; --ink:#101014; --cyan:#00AEEF; --magenta:#EC008C; --yellow:#FFE600;
  --grey:#878D96; --line: rgba(16,16,20,0.12);
  --space-1: clamp(1rem, 0.9rem + 0.4vw, 1.5rem);
  --space-2: clamp(2rem, 1.6rem + 1.6vw, 3.5rem);
}
*{box-sizing:border-box; margin:0; padding:0;}
body{
  background:var(--white); color:var(--ink); font-family:'Inter',sans-serif;
  font-size:16px; line-height:1.65; -webkit-font-smoothing:antialiased;
}
a{color:inherit;}
::selection{background:var(--cyan); color:var(--ink);}
:focus-visible{outline:2px solid var(--magenta); outline-offset:3px;}
.mono{font-family:'IBM Plex Mono',monospace; letter-spacing:0.02em;}
.wrap{max-width:760px; margin-inline:auto; padding: var(--space-2) var(--space-1);}

.legal-top{
  display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:1rem;
  border-bottom:1px solid var(--ink); padding-bottom:1rem; margin-bottom:var(--space-2);
}
.legal-top .bars{ display:flex; height:8px; width:120px; }
.legal-top .bars i{flex:1;}
.legal-top .bars i:nth-child(1){background:var(--cyan);}
.legal-top .bars i:nth-child(2){background:var(--magenta);}
.legal-top .bars i:nth-child(3){background:var(--yellow);}
.legal-top .bars i:nth-child(4){background:var(--ink);}
.legal-top a{
  font-family:'IBM Plex Mono',monospace; font-size:0.78rem; text-transform:uppercase;
  letter-spacing:0.08em; text-decoration:none; border-bottom:1px solid var(--ink); padding-bottom:1px;
}
.legal-top a:hover{ color:var(--magenta); border-color:var(--magenta); }

h1{
  font-family:'Archivo',sans-serif; font-weight:900; text-transform:uppercase;
  font-size:clamp(2rem,1.5rem+2.5vw,3rem); letter-spacing:-0.02em; line-height:1.0;
  margin-bottom:var(--space-2);
}
h2{
  font-family:'Archivo',sans-serif; font-weight:700; text-transform:uppercase;
  font-size:1.15rem; letter-spacing:-0.005em; margin:var(--space-2) 0 0.6em;
  padding-top:1rem; border-top:1px solid var(--line);
}
h2:first-of-type{ border-top:none; padding-top:0; }
p{ margin-bottom:1em; max-width:65ch; }
p:last-child{ margin-bottom:0; }
.legal-block{
  font-family:'IBM Plex Mono',monospace; font-size:0.92rem; line-height:1.9;
  background:#fff; border:1px solid var(--ink); padding:var(--space-1); margin-bottom:1.2em;
}
.legal-block b{ color:var(--magenta); font-weight:500; }
a.inline{ color:var(--ink); border-bottom:1px solid var(--magenta); text-decoration:none; }
a.inline:hover{ color:var(--magenta); }
.legal-foot{
  margin-top:var(--space-2); padding-top:1rem; border-top:1px solid var(--ink);
  font-family:'IBM Plex Mono',monospace; font-size:0.72rem; text-transform:uppercase;
  letter-spacing:0.08em; color:var(--grey);
}
ul{ margin:0 0 1em 1.2em; }
li{ margin-bottom:0.4em; }