:root{--navy:#20262b;--blue:#c24b24;--ink:#c24b24;--muted:#676969;--line:#f5f2ec;--soft:#f4f7fa;--white:#fff}
*{box-sizing:border-box}
body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
a{color:inherit}
.legalShell{width:min(calc(100% - 36px),1000px);margin-inline:auto}
.legalHeader{border-bottom:1px solid var(--line);background:#fff}
.legalHeader .legalShell{height:72px;display:flex;align-items:center;justify-content:space-between}
.legalHeader img{display:block;width:140px;height:auto}
.legalHeader a:last-child{color:var(--blue);text-decoration:none;font-size:13px;font-weight:800}
.legalMain{padding:44px 0 90px}
.legalCrumb{display:flex;gap:9px;color:#676969;font-size:12px}
.legalCrumb a{color:var(--blue);text-decoration:none;font-weight:700}
.legalTitle{max-width:760px;padding:50px 0 44px}
.legalTitle>span{color:var(--blue);font-size:11px;font-weight:900;letter-spacing:.16em}
.legalTitle h1{margin:10px 0;color:var(--navy);font-size:clamp(40px,6vw,64px);line-height:1;letter-spacing:-.05em}
.legalTitle p{margin:0;color:var(--muted);font-size:13px}
.legalLayout{display:grid;grid-template-columns:1fr 290px;gap:70px;align-items:start}
.legalLayout article{max-width:650px}
.legalLayout section{padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}
.legalLayout h2{margin:0 0 10px;color:var(--navy);font-size:22px;letter-spacing:-.025em}
.legalLayout p{margin:0;color:#676969;font-family:Georgia,"Times New Roman",serif;font-size:17px;line-height:1.8}
.legalLayout aside{position:sticky;top:24px;display:flex;flex-direction:column;gap:8px;padding:23px;border-radius:14px;background:var(--soft);color:var(--muted);font-size:12px;line-height:1.5}
.legalLayout aside strong{color:var(--navy);font-size:14px}
.legalLayout aside a{color:var(--blue);font-weight:750}
.legalFooter{padding:28px 0;background:var(--navy);color:#676969}
.legalFooter .legalShell{display:flex;flex-wrap:wrap;gap:20px}
.legalFooter a{text-decoration:none;font-size:12px}
.legalFooter a:hover{color:#fff}
@media(max-width:760px){
  .legalMain{padding-top:28px}
  .legalTitle{padding:38px 0 34px}
  .legalLayout{grid-template-columns:1fr;gap:28px}
  .legalLayout aside{position:relative;top:auto;order:-1}
  .legalLayout p{font-size:16px}
}

/* ZELO */
.legalHeader img{width:200px;height:auto}.legalHeader .legalShell{height:90px}.legalLayout p{font-family:inherit;font-size:16px}.legalTitle h1{letter-spacing:-.04em}
