/* Shared styling for the privacy and terms pages. Deliberately plainer
   than the landing page — these are documents, meant to be read. */
:root {
  --bg: #07050E;
  --panel: rgba(24, 16, 43, 0.62);
  --line: rgba(139, 92, 246, 0.20);
  --ink: #FFFFFF;
  --ink-2: #C9BFE0;
  --dim: #8B82A6;
  --violet-light: #A855F7;
  --grad: linear-gradient(100deg, #7C3AED 0%, #A855F7 55%, #D946A6 100%);
  --sans: "Segoe UI", ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--ink-2);
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.68;
  -webkit-font-smoothing: antialiased;
}

.wrap { max-width: 760px; margin: 0 auto; padding: 0 28px; }

header {
  border-bottom: 1px solid rgba(139, 92, 246, 0.12);
  background: rgba(7, 5, 14, 0.86);
}
.nav { display: flex; align-items: center; gap: 20px; padding: 16px 0; max-width: 1180px; margin: 0 auto; padding-left: 28px; padding-right: 28px; }
.brand { display: flex; align-items: center; gap: 11px; margin-right: auto; text-decoration: none; }
.brand img { width: 32px; height: 34px; }
.brand span { font-size: 20px; font-weight: 800; color: var(--ink); letter-spacing: -0.02em; }
.brand span i { font-style: normal; color: var(--violet-light); }
.nav a.link { color: var(--ink-2); font-size: 15px; text-decoration: none; }
.nav a.link:hover { color: var(--ink); }

main { padding: 60px 0 90px; }

h1 {
  color: var(--ink); font-size: clamp(34px, 5vw, 46px);
  font-weight: 800; letter-spacing: -0.03em; line-height: 1.08; margin: 0 0 12px;
}
.updated { color: var(--dim); font-size: 14.5px; margin: 0 0 40px; }

h2 {
  color: var(--ink); font-size: 22px; font-weight: 700;
  letter-spacing: -0.02em; margin: 44px 0 14px;
}

p { margin: 0 0 18px; }
ul { margin: 0 0 18px; padding-left: 22px; }
li { margin-bottom: 9px; }

a { color: var(--violet-light); }
strong { color: var(--ink); }

.lede {
  background: var(--panel); border: 1px solid var(--line);
  border-left: 3px solid var(--violet-light);
  border-radius: 0 12px 12px 0; padding: 22px 26px; margin-bottom: 36px;
}
.lede p { margin: 0; color: var(--ink); font-size: 17.5px; }

.note {
  background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255,255,255,0.09);
  border-radius: 12px; padding: 18px 22px; font-size: 15px; color: var(--dim);
  margin: 32px 0;
}

footer { border-top: 1px solid rgba(139,92,246,0.12); padding: 34px 0 50px; }
.foot { display: flex; flex-wrap: wrap; gap: 18px 28px; align-items: center; max-width: 1180px; margin: 0 auto; padding: 0 28px; }
.foot a { color: var(--dim); font-size: 14.5px; text-decoration: none; }
.foot a:hover { color: var(--ink); }
.foot .sp { margin-right: auto; }
.copy { width: 100%; color: var(--dim); font-size: 13.5px; }

:focus-visible { outline: 2px solid var(--violet-light); outline-offset: 3px; border-radius: 6px; }