/* Cachr — shared styles for legal pages (Privacy, Terms) */
:root{
  --bg:#f5f2ea; --bg2:#ece7dc; --fg1:#211f18; --fg2:#6b6557; --fg3:#958e7c;
  --accent:#0a5bff; --line:rgba(33,31,24,.15); --line2:rgba(33,31,24,.07);
  --pill-bg:#211f18; --pill-fg:#f4efe4; --nav-bg:rgba(245,242,234,.84);
  --pad:56px; --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--fg1);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
::selection{background:var(--accent);color:#fff}
.wrap{max-width:1320px;margin:0 auto;padding:0 var(--pad)}
.mono{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}

/* nav */
header{position:fixed;top:0;left:0;right:0;z-index:40;background:var(--nav-bg);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--line2)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:22px var(--pad);max-width:1320px;margin:0 auto}
.nav .wm img{height:25px;width:auto;display:block}
.navlinks{display:flex;gap:36px}
.navlinks a{font-size:13px;color:var(--fg2);transition:color .2s}
.navlinks a:hover{color:var(--fg1)}
.pill{font-family:'Inter',sans-serif;font-size:13px;font-weight:500;color:var(--pill-fg);background:var(--pill-bg);border:0;padding:10px 18px;border-radius:100px;cursor:pointer;transition:transform .18s,opacity .18s}
.pill:hover{opacity:.88}.pill:active{transform:scale(.97)}
@media(max-width:820px){.navlinks{display:none}}

/* legal document */
.legal{max-width:800px;margin:0 auto;padding:172px var(--pad) 90px}
.legal-head{padding-bottom:42px;border-bottom:1px solid var(--line)}
.legal-head .kick{display:inline-flex;align-items:center;gap:10px;margin-bottom:28px;font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}
.legal-head .kick i{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.legal-head h1{font-weight:800;font-size:clamp(40px,7vw,78px);letter-spacing:-.035em;line-height:.98}
.legal-head .upd{margin-top:24px}
.legal .intro{margin-top:30px;font-size:18px;line-height:1.62;color:var(--fg2);max-width:66ch}
.legal section{margin-top:52px;display:grid;grid-template-columns:64px 1fr;gap:24px}
.legal section .num{font-size:12px;letter-spacing:.08em;color:var(--accent);padding-top:7px}
.legal h2{font-weight:700;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.02em;margin-bottom:16px}
.legal p{font-size:16px;line-height:1.72;color:var(--fg2);margin-bottom:14px}
.legal p:last-child{margin-bottom:0}
.legal ul{list-style:none;margin:16px 0 4px;display:flex;flex-direction:column;gap:11px}
.legal li{position:relative;padding-left:20px;font-size:16px;line-height:1.6;color:var(--fg2)}
.legal li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.55}
.legal a{color:var(--accent)}
.legal a:hover{text-decoration:underline}
@media(max-width:680px){.legal section{grid-template-columns:1fr;gap:8px}.legal section .num{padding-top:0}}

/* footer */
footer{border-top:1px solid var(--line)}
.foot{max-width:1320px;margin:0 auto;padding:56px var(--pad) 50px}
.fbrand img{height:27px;width:auto;display:block}
.fbottom{display:flex;justify-content:space-between;align-items:center;margin-top:40px;padding-top:24px;border-top:1px solid var(--line2);flex-wrap:wrap;gap:16px}
.flinks{display:flex;gap:22px}
.flinks a{font-family:'Inter',sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);transition:color .2s}
.flinks a:hover{color:var(--fg1)}
.flinks a.on{color:var(--fg1)}