/* Nouriva support and privacy pages.
 *
 * Static on purpose. Apple needs two URLs that are reachable forever and never
 * go down; a build step is a thing that can break between here and review.
 * Colours are the app's own tokens from apps/nouriva-app/src/app/globals.css.
 */
:root {
  --ink: #0a0c11;
  --ink-soft: #12151c;
  --ink-line: #1d222c;
  --gold: #e4c989;
  --text: #f2f4f7;
  --text-muted: #9aa3b2;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--ink);
  color: var(--text);
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  font-size: 17px;
  line-height: 1.65;
  -webkit-text-size-adjust: 100%;
}

.wrap {
  max-width: 44rem;
  margin: 0 auto;
  padding: 3.5rem 1.5rem 6rem;
}

header.brand {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid var(--ink-line);
  margin-bottom: 2.5rem;
  flex-wrap: wrap;
}

.brand a.name {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.5rem;
  letter-spacing: 0.14em;
  color: var(--gold);
  text-decoration: none;
}

.brand nav { margin-left: auto; display: flex; gap: 1.25rem; }
.brand nav a { color: var(--text-muted); text-decoration: none; font-size: 0.95rem; }
.brand nav a:hover, .brand nav a[aria-current] { color: var(--text); }

h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: clamp(2rem, 6vw, 2.9rem);
  line-height: 1.15;
  margin: 0 0 0.75rem;
}

h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  font-size: 1.5rem;
  margin: 2.75rem 0 0.6rem;
}

h3 { font-size: 1.05rem; margin: 1.75rem 0 0.35rem; }

p, li { color: var(--text-muted); }
p { margin: 0 0 1rem; }
li { margin-bottom: 0.5rem; }
strong { color: var(--text); font-weight: 600; }
a { color: var(--gold); }

.lead { font-size: 1.15rem; color: var(--text); }

.card {
  background: var(--ink-soft);
  border: 1px solid var(--ink-line);
  border-radius: 1rem;
  padding: 1.25rem 1.5rem;
  margin: 1.5rem 0;
}

.card h3 { margin-top: 0; }
.card :last-child { margin-bottom: 0; }

.meta {
  color: #6b7482;
  font-size: 0.9rem;
  margin-top: 3.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid var(--ink-line);
}

@media (prefers-color-scheme: light) {
  :root {
    --ink: #fbfaf7;
    --ink-soft: #ffffff;
    --ink-line: #e9e5dc;
    --gold: #8a6d29;
    --text: #14171c;
    --text-muted: #4b5563;
  }
}

/* Download button. The App Store link carries a ?ct= campaign token so App
 * Analytics can say which channel produced a download — the only visitor
 * count that cannot be inflated by bots. One token per channel, never reused.
 */
.cta {
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
  background: var(--gold);
  color: var(--ink);
  font-weight: 700;
  font-size: 1.05rem;
  text-decoration: none;
  padding: 0.85rem 1.5rem;
  border-radius: 0.75rem;
  margin: 0.5rem 0 0.35rem;
}

.cta:hover { filter: brightness(1.08); }
.cta svg { width: 1.15rem; height: 1.15rem; fill: currentColor; }
.cta-note { font-size: 0.9rem; margin-bottom: 2rem; }