@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/BricolageGrotesque-ExtraBold.ttf) format("truetype");font-weight:800;font-display:swap}
@font-face{font-family:"Bricolage Grotesque";src:url(/assets/fonts/BricolageGrotesque-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/InstrumentSans-Regular.ttf) format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/fonts/InstrumentSans-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
/* Stick With It — paper-white ground, ink lines, one cobalt accent. Shared by the landing page and the legal pages. */
:root{
  --bg:#FFFFFF; --paper:#F5F6F7; --ink:#15171B; --ink-far:#B7BCC3; --muted:#686E78; --rule:#E3E5E8;
  --prop:#9AA1AA; --accent:#2B59F0; --accent-far:#B3C3FA;
  --display:"Bricolage Grotesque", ui-rounded, system-ui, sans-serif;
  --body:"Instrument Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  color-scheme: light;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--body);padding-inline:20px}
a{color:var(--ink);text-underline-offset:3px}
img{max-width:100%;display:block}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.wrap{max-width:1080px;margin:0 auto}
.eyebrow{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}

/* nav */
nav{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:20px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:10px;font:700 18px var(--display);text-decoration:none}
.brand img{width:32px;height:32px;border-radius:8px;border:1px solid var(--rule)}
nav ul{display:flex;gap:18px;list-style:none;margin:0;padding:0;font-size:15px}
nav ul a{text-decoration:none;color:var(--muted)}
nav ul a:hover{color:var(--ink)}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;border-radius:999px;padding:12px 22px;font:600 16px var(--body);text-decoration:none;border:1.5px solid var(--ink)}
.btn.ink{background:var(--ink);color:var(--bg)}
.btn.line{background:transparent;color:var(--ink)}
.btn small{font:500 11px var(--mono);letter-spacing:.06em;text-transform:uppercase;opacity:.75}

/* legal pages */
.doc{max-width:700px;margin:0 auto;padding-block:24px 80px}
.doc h1{font:700 clamp(32px,6vw,44px)/1.08 var(--display);letter-spacing:-.02em;margin:.25em 0 .4em;text-wrap:balance}
.doc h2{font:700 21px/1.3 var(--display);margin:2.2em 0 .4em}
.doc p,.doc li{max-width:65ch}
.doc .muted,.muted{color:var(--muted)}
.doc ul{padding-left:1.2em}
hr{border:0;border-top:1px solid var(--rule);margin:2.5em 0}
footer{border-top:1px solid var(--rule);padding-block:28px 40px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:14px}
footer a{color:var(--muted)}
footer nav{padding:0}