:root{
  --bg:#191714; --s1:#201d19; --s2:#262320; --navy:#25385a;
  --line:#428dcc; --line-2:#65a7da;
  --border:rgba(150,132,112,0.13); --border-strong:rgba(168,150,128,0.24);
  --text:#f0eee6; --muted:#b8b3aa; --muted-2:#a39b90;
  --ease:cubic-bezier(.22,1,.36,1);
  --mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --sans:"Inter",system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --maxw:1180px; --gutter:clamp(20px,5vw,64px);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:var(--sans);font-weight:400;
  line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);width:100%}
.skip{position:absolute;left:-9999px;top:auto}

/* nav bar (matches home) */
.topnav{position:fixed;top:0;left:0;right:0;z-index:50;background:#f0eee6;
  border-bottom:1px solid rgba(25,23,20,.12)}
.topnav__in{max-width:var(--maxw);margin-inline:auto;padding:11px var(--gutter);
  display:flex;align-items:center;justify-content:space-between;gap:16px}
.topbrand{display:flex;align-items:center;gap:10px}
.topbrand .brand__logo{height:32px;width:auto;display:block}
.navbtn{display:inline-flex;align-items:center;gap:7px;padding:8px 17px;border-radius:10px;
  font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:-.01em;
  background:#071c38;color:#f0eee6;border:1px solid #071c38;transition:background .2s var(--ease)}
.navbtn:hover{background:#0d2547}

/* legal content */
.legal{max-width:760px;margin-inline:auto;padding:clamp(116px,15vh,172px) var(--gutter) clamp(56px,9vw,104px)}
.legal__head{padding-bottom:clamp(20px,3vw,30px);margin-bottom:clamp(24px,3.5vw,40px);border-bottom:1px solid var(--border)}
.legal__head h1{font-size:clamp(30px,4.4vw,46px);font-weight:700;letter-spacing:-.03em;line-height:1.06;margin-bottom:12px;text-wrap:balance}
.legal__meta{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2)}
.legal section{margin-top:clamp(28px,3.6vw,42px)}
.legal h2{font-size:clamp(18px,1.9vw,22px);font-weight:700;letter-spacing:-.02em;line-height:1.28;margin-bottom:13px;color:var(--text)}
.legal p{color:var(--muted);font-size:16px;line-height:1.7;margin-bottom:13px;text-wrap:pretty}
.legal p:last-child{margin-bottom:0}
.legal ul{margin:0 0 13px;padding-left:1.2em}
.legal li{color:var(--muted);font-size:16px;line-height:1.65;margin-bottom:8px}
.legal li::marker{color:var(--muted-2)}
.legal a{color:var(--line-2);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.legal a:hover{color:var(--text)}
.legal strong,.legal b{color:var(--text);font-weight:600}

/* footer (matches home) */
.foot{border-top:1px solid var(--border);padding-block:34px}
.foot .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.foot .brand{display:flex;align-items:center;gap:11px}
.foot .brand__logo{height:22px;width:auto;display:block}
.brand__s{font-size:11px;font-weight:500;letter-spacing:.02em;color:var(--muted-2)}
.foot__meta{font-size:11.5px;font-weight:500;letter-spacing:.01em;color:var(--muted-2);
  display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.foot__meta a{color:var(--muted);transition:color .15s var(--ease)}
.foot__meta a:hover{color:var(--text)}