.legal{
  padding-block:150px clamp(70px,8vw,110px);
  background:linear-gradient(180deg,#20242B 0%,#1C1F24 100%);
}
.legal__wrap{max-width:860px;margin:0 auto;padding-inline:var(--pad)}
.legal h1{
  font-size:clamp(34px,5vw,58px);letter-spacing:-.04em;margin:0 0 18px;
}
.legal__meta{
  font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:.06em;
  text-transform:uppercase;color:#D6DCE4;margin:0 0 46px;
}
.legal h2{
  font-size:clamp(22px,2.4vw,29px);letter-spacing:-.028em;
  margin:52px 0 16px;
}
.legal h3{font-size:20px;font-weight:600;margin:32px 0 10px;letter-spacing:-.02em}
.legal p,.legal li{
  font-size:18px;line-height:1.68;color:#FFFFFF;margin:0 0 16px;
}
.legal ul{margin:0 0 18px;padding-left:22px}
.legal li{margin-bottom:10px}
.legal a{color:#5FA3FF;text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--white)}
.legal__back{
  display:inline-flex;align-items:center;gap:9px;margin-top:52px;
  font-size:17px;font-weight:600;color:var(--white);
}
.legal__back svg{width:16px;height:16px;transition:transform .35s var(--ease)}
.legal__back:hover svg{transform:translateX(-4px)}
@media (max-width:560px){
  .legal{padding-block:120px 70px}
  .legal p,.legal li{font-size:17px}
}

@media (min-width:2000px){.legal__wrap{max-width:1000px}}
@media (max-width:400px){.legal{padding-block:110px 60px}.legal p,.legal li{font-size:16.5px}}