.legal{min-height:100svh;display:flex;flex-direction:column;background:#0e0e0f}
.legal-head{padding:32px 24px 0}
.legal-home{display:inline-flex;align-items:center;gap:12px;color:#f5f5f5;text-decoration:none;font-size:15px;font-weight:600;letter-spacing:-.01em}
.legal-mark{width:38px;height:auto;fill:currentColor}
.legal-body{flex:1;display:block;width:100%;max-width:640px;margin:0 auto;padding:56px 24px 72px}
.legal-body h1{font-size:clamp(28px,4vw,38px);font-weight:600;letter-spacing:-.03em}
.legal-date{margin-top:10px;font-size:13px;color:#89898f}
.legal-lead{font-size:16px;color:#d4d4d8;margin-top:28px}
.legal-body h2{font-size:15px;font-weight:600;letter-spacing:-.005em;color:#f5f5f5;margin:40px 0 0}
.legal-body p{font-size:15px;line-height:1.65;color:#a4a4aa;margin:10px 0 0}
.legal-body a{color:#f5f5f5;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px}
.legal-body a:hover{text-decoration-color:#fff}
.legal-body ul{margin:10px 0 0;padding-left:20px}
.legal-body li{font-size:15px;line-height:1.65;color:#a4a4aa;margin:6px 0 0}
.legal-body strong{color:#f5f5f5;font-weight:600}
.legal footer{min-height:0;padding:32px 24px 40px}
@media(min-width:700px){.legal-head{padding:36px 44px 0}}
.legal-num{display:inline-block;min-width:26px;color:#626264;font-variant-numeric:tabular-nums}