/* privacy.html - served unhashed at /assets/privacy.css.

   Moved out of an inline <style> block: the site's CSP is style-src 'self', and
   an inline block would be refused, leaving the page unstyled. A fixed path
   (not the build's content-hashed stylesheet) keeps the page self-contained
   across deploys, which is why it was inline in the first place. */

@font-face {
  font-family: "Tomorrow";
  src: url("/assets/fonts/tomorrow-700-latin.woff2") format("woff2");
  font-weight: 700; font-display: swap;
}
@font-face {
  font-family: "Hubot Sans";
  src: url("/assets/fonts/hubot-sans-600-latin.woff2") format("woff2");
  font-weight: 600; font-display: swap;
}

:root { --brand-blue: #023ffc; --ground: #fff; --ground-2: #f4f6fa;
        --ink: #080b12; --ink-soft: #313a48; --muted: #525c6b; --line: #dfe4ec; }

* { box-sizing: border-box; }
body {
  margin: 0;
  background: var(--ground-2);
  color: var(--ink);
  font-family: "Hubot Sans", "Segoe UI", system-ui, sans-serif;
  font-size: 1rem; line-height: 1.62;
  -webkit-font-smoothing: antialiased;
}
img { display: block; max-width: 100%; height: auto; }

.shell { width: min(100% - 40px, 760px); margin-inline: auto; }

header { padding-block: 16px; background: var(--ground); border-bottom: 1px solid var(--line); }
header img { width: 82px; }

main { padding-block: clamp(48px, 8vw, 96px) clamp(64px, 10vw, 120px); }

.eyebrow {
  margin: 0 0 12px;
  font-family: "Tomorrow", system-ui, sans-serif;
  font-size: 0.78rem; letter-spacing: 0.14em; text-transform: uppercase;
  color: var(--brand-blue);
}
h1 {
  margin: 0 0 20px;
  font-family: "Tomorrow", "Arial Black", system-ui, sans-serif;
  font-weight: 700;
  font-size: clamp(1.9rem, 5vw, 2.9rem);
  line-height: 1.14; letter-spacing: -0.018em;
  text-wrap: balance;
}
h2 {
  margin: 40px 0 10px;
  font-family: "Tomorrow", system-ui, sans-serif;
  font-weight: 700; font-size: 1.15rem; letter-spacing: -0.008em;
}
p { margin: 0 0 14px; color: var(--ink-soft); max-width: 62ch; }
a { color: var(--brand-blue); }

.back {
  display: inline-flex; align-items: center;
  margin-top: 40px; padding: 13px 22px;
  border-radius: 6px; background: var(--brand-blue); color: #fff;
  font-family: "Tomorrow", system-ui, sans-serif;
  font-weight: 700; font-size: 0.9rem; text-decoration: none;
}
.back:hover { background: #0130c4; }
a:focus-visible { outline: 2px solid var(--brand-blue); outline-offset: 3px; }

.updated { margin-top: 48px; font-size: 0.9rem; color: var(--muted); }