/* Approved privacy design; isolated from the application styles. */
@font-face{font-family:'Inter';font-style:normal;font-weight:400 600;font-display:swap;src:url(/landing/assets/fonts/inter-latin.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--bg:#fbfbfc;--ink:#15171a;--dim:#4d525b;--faint:#6b7079;--rule:#e3e5e9;--hair:#f0f1f3;--free:#16835b;--free-hover:#116b4a;--card:#fff;--tint:#f1f2f4}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--ink);font:15.5px/1.6 Inter,system-ui,sans-serif;font-feature-settings:"cv11","ss01";-webkit-font-smoothing:antialiased;overflow-x:clip}
a{color:inherit}
.w{max-width:1160px;margin:0 auto;padding-inline:clamp(16px,4vw,40px)}
.nav{border-bottom:1px solid var(--rule);background:var(--bg)}
.nav .w{display:flex;align-items:center;gap:36px;height:60px}
.oc{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:17px;letter-spacing:-.02em;text-decoration:none}
.oc img{width:22px;height:22px;display:block}
.grow{flex:1}
.links{display:flex;gap:26px;font-size:14.5px;font-weight:500;color:var(--dim)}
.links a{text-decoration:none;padding:8px 0}.links a:hover,.links a[aria-current]{color:var(--ink)}
.legal h1{font-size:clamp(32px,4vw,44px);font-weight:500;letter-spacing:-.03em;line-height:1.1}
.legal .legal-date{margin-top:12px;font-size:14px;color:var(--faint)}
.legal h2{margin-top:44px;font-size:20px;font-weight:600;letter-spacing:-.015em;line-height:1.3;scroll-margin-top:24px}
.legal p,.legal li{color:var(--dim);font-size:15.5px;line-height:1.65}
.legal p{margin-top:12px}
.legal ul{margin-top:10px;padding-left:20px;display:grid;gap:6px}
.legal a{color:var(--ink);text-decoration:underline;text-decoration-color:#c3c7cf;text-underline-offset:3px}
.legal a:hover{text-decoration-color:var(--ink)}
.legal code{font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--tint);border-radius:5px;padding:1px 5px;color:var(--ink);overflow-wrap:anywhere}
.legal-table{position:relative;margin-top:14px;border:1px solid var(--rule);border-radius:12px;overflow:hidden;background:var(--card)}
.legal-table>div{display:grid;grid-template-columns:minmax(150px,1fr) 2.2fr 1.2fr;gap:16px;padding:13px 18px;border-top:1px solid var(--hair);font-size:14px;line-height:1.55;color:var(--dim)}
.legal-table>div:first-child{border-top:0;font-weight:600;color:var(--ink);background:#fafafb}
.legal-table>div>span:first-child{color:var(--ink);font-weight:500}
.foot{margin-top:72px;border-top:1px solid var(--rule)}
.foot .w{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-block:20px 32px;font-size:13px;color:var(--faint)}
.foot a{color:var(--faint);text-decoration:none}.foot a:hover{color:var(--ink)}
.foot .credit{display:inline-flex;align-items:center;gap:.34em}
.compound-lockup{display:inline-flex;align-items:center;gap:0.34em;white-space:nowrap}.compound-lockup > img{display:block;flex:none;height:1.05em;width:auto;margin:0;padding:0;object-fit:contain}
:focus-visible{outline:2px solid var(--free);outline-offset:3px}
/* Narrow screens: each row is a labelled block. The header row stays in the accessibility tree but is visually hidden; every value after the row heading shows its column label (data-label). */
@media (max-width:640px){.legal-table>div:first-child{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.legal-table>div:nth-child(2){border-top:0}.legal-table>div{grid-template-columns:1fr;gap:6px;padding:14px 16px}.legal-table>div>span:first-child{font-size:15px;font-weight:600;color:var(--ink)}.legal-table>div>span[data-label]:not(:first-child)::before{content:attr(data-label) ": ";content:attr(data-label) ": "/"";color:var(--ink);font-weight:600}.links{gap:16px}.nav .w{gap:16px}}
@media (max-width:360px){.links{gap:12px}.nav .w{gap:8px}}

/* Explicitly approved draft A layout: the 240px sidebar and 720px policy column are intentional; preserve the exact design. */
.a-grid{display:grid;grid-template-columns:240px minmax(0,720px);gap:72px;padding-block:56px 0}
.a-toc{position:sticky;top:24px;align-self:start;font-size:14px}
.a-toc h2{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px}
.a-toc ol{list-style:none;display:grid;gap:2px}
.a-toc a{display:block;padding:6px 10px;border-radius:8px;color:var(--dim);text-decoration:none;line-height:1.35}
.a-toc a:hover{background:var(--tint);color:var(--ink)}
.a-toc a.on{background:#ecf6f1;color:var(--ink)}
.a-ask{margin-top:20px;padding:14px;border:1px solid var(--rule);border-radius:12px;background:var(--card);font-size:13.5px;line-height:1.5;color:var(--dim)}
.a-toc .a-ask a{display:inline;padding:0;border-radius:0;color:var(--ink);font-weight:500;text-decoration:underline;text-decoration-color:#c3c7cf;text-underline-offset:3px}.a-toc .a-ask a:hover{background:none}
@media (max-width:980px){.a-grid{grid-template-columns:1fr;gap:28px;padding-top:32px}.a-toc{position:static}.a-toc ol{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.a-toc ol{grid-template-columns:1fr}}
