:root{
  --bg:#FFFFFF; --bg-warm:#FAF6EC; --ink:#22323C; --ink-soft:#5C6B73;
  --line:#E7E1D2; --gold:#E9C863; --gold-deep:#B4892A; --blue:#6FA8C0; --blue-deep:#3D7089;
  --disp:"Bricolage Grotesque", system-ui, sans-serif;
  --sans:"Hanken Grotesk", system-ui, sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--sans);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.62}
a{color:var(--blue-deep);text-decoration:none}
a:hover{text-decoration:underline}
.wrap{max-width:880px;margin:0 auto;padding:0 32px}

/* NAV */
header.nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:1180px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{display:flex;align-items:center;gap:11px;font-family:var(--disp);font-weight:800;font-size:21px;letter-spacing:-.03em;color:var(--ink)}
.logo img{width:36px;height:36px;object-fit:contain}
.nav-right{display:flex;align-items:center;gap:14px}
.lang{display:flex;border:1.5px solid var(--ink);border-radius:8px;overflow:hidden;font-size:13px;font-weight:700}
.lang button{border:0;background:transparent;padding:6px 11px;cursor:pointer;color:var(--ink);font-family:inherit;font-weight:700;transition:.2s}
.lang button.active{background:var(--ink);color:#fff}
.back{font-size:14px;font-weight:600;color:var(--ink-soft)}
.back:hover{color:var(--ink);text-decoration:none}

/* HERO BAR */
.legal-hero{background:var(--bg-warm);border-bottom:1px solid var(--line);padding:64px 0 52px}
.legal-hero .wrap{max-width:1180px}
.legal-hero .kicker{font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-deep)}
.legal-hero h1{font-family:var(--disp);font-weight:800;font-size:54px;letter-spacing:-.03em;line-height:1.02;margin-top:14px}
.legal-hero p{color:var(--ink-soft);font-size:16px;margin-top:14px;max-width:60ch}

/* BODY */
main{padding:56px 0 90px}
section.legal-sec{margin-bottom:40px}
section.legal-sec h2{font-family:var(--disp);font-weight:700;font-size:24px;letter-spacing:-.02em;margin-bottom:14px;padding-bottom:10px;border-bottom:2px solid var(--ink);display:inline-block}
section.legal-sec h3{font-weight:700;font-size:16px;margin:22px 0 8px}
section.legal-sec p{color:#3c4a52;font-size:15.5px;margin-bottom:12px}
section.legal-sec ul{margin:6px 0 14px 0;padding-left:20px}
section.legal-sec li{color:#3c4a52;font-size:15.5px;margin-bottom:7px}
.kv{display:grid;grid-template-columns:200px 1fr;gap:8px 20px;font-size:15.5px;margin:10px 0}
.kv .k{font-weight:700;color:var(--ink)}
.kv .v{color:#3c4a52}
.toc{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.toc a{font-size:13.5px;font-weight:600;color:var(--ink);background:var(--bg-warm);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.toc a:hover{background:var(--gold);text-decoration:none}

/* FOOTER */
footer{background:var(--ink);color:#9aa6ac;padding:40px 0}
footer .wrap{max-width:1180px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;font-size:13.5px}
.foot-legal{display:flex;gap:20px;flex-wrap:wrap}
.foot-legal a{color:#9aa6ac}
.foot-legal a:hover{color:var(--gold);text-decoration:none}

@media(max-width:680px){
  .legal-hero h1{font-size:38px}
  .kv{grid-template-columns:1fr;gap:2px 0}
  .kv .k{margin-top:8px}
}