@font-face{font-family:"Styrene A";src:url("fonts/StyreneA-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Styrene A";src:url("fonts/StyreneA-Medium.ttf") format("truetype");font-weight:500;font-display:swap}
@font-face{font-family:"Styrene A";src:url("fonts/StyreneA-Bold.ttf") format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Styrene A";src:url("fonts/StyreneA-Black.ttf") format("truetype");font-weight:900;font-display:swap}

:root{
  --paper:#ECEAE1;--ink:#22201C;--red:#FF2A47;--red-hover:#E31438;
  --surface:#E2E0D4;--muted:#86837A;--body:#4A473F;--hairline:rgba(34,32,28,.12);
  --font:"Styrene A",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --gutter:clamp(20px,6vw,64px);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.66;
  letter-spacing:-.01em;-webkit-font-smoothing:antialiased}
a{color:var(--red);text-decoration:none;font-weight:500}
a:hover{color:var(--red-hover)}

.legal-nav{position:sticky;top:0;z-index:10;background:rgba(236,234,225,.86);backdrop-filter:saturate(150%) blur(12px);
  border-bottom:1px solid var(--hairline)}
.legal-nav .in{max-width:820px;margin:0 auto;padding:16px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:16px}
.legal-nav .lockup{height:20px;width:auto}
.legal-nav .lockup .word path,.legal-nav .lockup .word polygon{fill:var(--ink)}
.legal-nav .back{font-size:14px;font-weight:500;color:var(--body)}
.legal-nav .back:hover{color:var(--ink)}

.doc{max-width:820px;margin:0 auto;padding:clamp(48px,8vw,96px) var(--gutter) 120px}
.doc .kicker{font-weight:700;font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--red)}
.doc h1{font-size:clamp(34px,6vw,56px);font-weight:900;letter-spacing:-.04em;line-height:1.03;margin:18px 0 0}
.doc .updated{margin-top:18px;color:var(--muted);font-size:15px}
.doc .intro{margin-top:30px;font-size:18px;line-height:1.7;color:var(--body)}
.doc h2{font-size:clamp(22px,3.2vw,28px);font-weight:700;letter-spacing:-.025em;margin:52px 0 0;padding-top:26px;border-top:1px solid var(--hairline)}
.doc h3{font-size:18px;font-weight:700;margin:30px 0 0}
.doc p{margin:16px 0 0;color:var(--body)}
.doc ul{margin:16px 0 0;padding-left:22px;color:var(--body)}
.doc li{margin:9px 0}
.doc strong{color:var(--ink);font-weight:700}
.doc .callout{margin-top:26px;background:var(--surface);border-radius:16px;padding:22px 26px;font-size:16px;color:var(--body)}
.doc .toc{margin-top:34px;background:#fff;border:1px solid var(--hairline);border-radius:16px;padding:22px 26px}
.doc .toc h4{margin:0 0 12px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:700}
.doc .toc ol{margin:0;padding-left:20px;columns:2;column-gap:34px}
.doc .toc a{color:var(--body);font-weight:500}
.doc .toc a:hover{color:var(--red)}
@media(max-width:560px){.doc .toc ol{columns:1}}
.legal-foot{border-top:1px solid var(--hairline);padding:40px var(--gutter);text-align:center;color:var(--muted);font-size:14px}
.legal-foot a{color:var(--body)}