.legal-hero{
  position:relative;
  overflow:hidden;
  padding:92px 0 70px;
  background:
    radial-gradient(circle at 82% 18%,rgba(0,105,245,.12),transparent 28rem),
    linear-gradient(180deg,#fff 0%,#f7faff 100%);
  border-bottom:1px solid #e7edf4;
}
.legal-hero__inner{max-width:830px}
.legal-hero h1{
  margin:.2rem 0 1.2rem;
  font-size:clamp(2.7rem,6vw,5rem);
  line-height:1;
  letter-spacing:-.055em;
}
.legal-hero h1 span{color:#0069f5}
.legal-hero__lead{
  max-width:760px;
  margin:0;
  font-size:1.18rem;
  line-height:1.72;
  color:#566473;
}
.legal-wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) 280px;
  gap:56px;
  align-items:start;
  padding-top:72px;
  padding-bottom:90px;
}
.legal-content{min-width:0}
.legal-section{
  padding:0 0 46px;
  margin:0 0 46px;
  border-bottom:1px solid #e5ebf1;
}
.legal-section:last-child{
  border-bottom:0;
  margin-bottom:0;
  padding-bottom:0;
}
.legal-section h2{
  margin:0 0 22px;
  font-size:clamp(1.7rem,3vw,2.25rem);
  letter-spacing:-.035em;
}
.legal-section p,
.legal-section li{
  color:#3f4c59;
  font-size:1rem;
  line-height:1.72;
}
.legal-section ol{padding-left:1.35rem;margin:0}
.legal-section ol>li{padding-left:.45rem;margin:.75rem 0}
.legal-section ul{margin:.65rem 0 .8rem;padding-left:1.3rem}
.legal-section ul li{margin:.35rem 0}
.legal-section strong{color:#17212b}
.legal-identity{
  margin:0 0 44px;
  padding:24px 26px;
  border:1px solid #dce7f3;
  border-radius:18px;
  background:#f7faff;
}
.legal-identity strong{
  display:block;
  margin-bottom:7px;
  font-size:1.05rem;
}
.legal-identity p{
  margin:0;
  color:#526170;
  line-height:1.65;
}
.legal-callout{
  margin:24px 0;
  padding:20px 22px;
  border-left:4px solid #0069f5;
  border-radius:0 14px 14px 0;
  background:#f2f7ff;
}
.legal-callout strong{display:block;margin-bottom:4px}
.legal-nav{
  position:sticky;
  top:108px;
  padding:24px;
  border:1px solid #e1e8ef;
  border-radius:18px;
  background:#fff;
  box-shadow:0 14px 38px rgba(33,61,90,.06);
}
.legal-nav strong{
  display:block;
  margin-bottom:14px;
  font-size:.8rem;
  text-transform:uppercase;
  letter-spacing:.1em;
  color:#657484;
}
.legal-nav a{
  display:block;
  padding:8px 0;
  color:#40505f;
  font-size:.92rem;
  text-decoration:none;
}
.legal-nav a:hover{color:#0069f5}
.legal-footer-note{
  margin-top:46px;
  padding:26px;
  border-radius:18px;
  background:#17212b;
  color:#fff;
}
.legal-footer-note p{margin:0;color:#dce4eb}
.legal-footer-note strong{color:#fff}
@media(max-width:900px){
  .legal-hero{padding:66px 0 54px}
  .legal-wrap{grid-template-columns:1fr;gap:30px;padding-top:50px}
  .legal-nav{position:static;order:-1}
}
@media(max-width:560px){
  .legal-hero h1{font-size:2.8rem}
  .legal-section{padding-bottom:34px;margin-bottom:34px}
  .legal-identity,.legal-nav,.legal-footer-note{padding:20px}
}