.legal-main { max-width: 840px; min-height: calc(100vh - 190px); padding-top: 58px; padding-bottom: 80px; }
.legal-back { display: inline-block; margin-bottom: 48px; color: #9ba6b3; font-size: 12px; transition: color .2s; }
.legal-back:hover { color: var(--cyan); }
.legal-main > .eyebrow { margin-bottom: 14px; }
.legal-main > h1 { margin-bottom: 16px; font-size: clamp(48px, 7vw, 76px); font-weight: 600; line-height: 1; letter-spacing: -.065em; }
.legal-main > h1 span { color: var(--cyan); }
.legal-lead { max-width: 630px; margin-bottom: 43px; color: #a5afbb; font-size: 15px; line-height: 1.8; }
.legal-card { margin-bottom: 13px; padding: 24px 27px; border: 1px solid var(--line); border-radius: 9px; background: linear-gradient(145deg, #121922, #0e1319); }
.legal-card h2 { margin-bottom: 12px; font-size: 17px; font-weight: 600; letter-spacing: -.02em; }
.legal-card p, .legal-card address { margin: 0 0 12px; color: #aab4bf; font-size: 13px; font-style: normal; line-height: 1.85; }
.legal-card p:last-child { margin-bottom: 0; }
.legal-card address + p { margin-top: 13px; }
.legal-card a, .legal-note a { color: #4bdaf0; text-decoration: underline; text-decoration-color: #4bdaf066; text-underline-offset: 3px; overflow-wrap: anywhere; }
.legal-card a:hover, .legal-note a:hover { color: #a4f4ff; }
.legal-note { margin: 27px 0 0; color: #8793a0; font-size: 12px; line-height: 1.8; }
.legal-privacy { max-width: 900px; }
.legal-privacy .legal-card { padding: 25px 29px; }
@media (max-width: 640px) {
  .legal-main { min-height: calc(100vh - 180px); padding-top: 37px; padding-bottom: 55px; }
  .legal-back { margin-bottom: 38px; }
  .legal-lead { margin-bottom: 30px; font-size: 13px; }
  .legal-card, .legal-privacy .legal-card { padding: 19px 17px; }
  .legal-card h2 { font-size: 15px; }
  .legal-card p, .legal-card address { font-size: 12px; }
  .site-footer .footer-links { order: 2; width: 100%; }
}