.legal-page { background: #f5f8fb; }
.legal-header { height: 78px; color: #fff; background: #071426; }
.legal-header .shell { height: 100%; display: flex; align-items: center; justify-content: space-between; }
.legal-header img { width: 228px; display: block; }
.legal-header a { color: #c0cede; font-size: 14px; font-weight: 600; text-decoration: none; }
.legal-header a:hover { color: #fff; }
.legal-main { max-width: 820px; padding-block: 86px 110px; }
.legal-main > h1 { margin: 0 0 48px; font: 800 clamp(40px, 6vw, 62px)/1.1 var(--font-display); letter-spacing: -.045em; color: #071426; }
.legal-main section { padding: 0 0 30px; margin-bottom: 30px; border-bottom: 1px solid #dbe5ef; }
.legal-main section:last-child { border-bottom: 0; }
.legal-main h2 { margin: 0 0 13px; font-size: 18px; letter-spacing: -.015em; }
.legal-main p { margin: 0 0 10px; color: #55677d; line-height: 1.75; }
.legal-main a { color: #2864dc; }
.legal-main code { padding: 2px 6px; border-radius: 5px; color: #183b79; background: #e5eefc; }
@media (max-width: 720px) {
  .legal-header { height: 68px; }
  .legal-header img { width: 174px; }
  .legal-main { padding-block: 64px 80px; }
}