:root {
  color-scheme: dark;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --ink: #f7f3ea;
  --muted: #a9b2ad;
  --panel: #17221d;
  --line: #2f4038;
  --green: #79d7aa;
  --amber: #f3bf66;
}

* { box-sizing: border-box; }
body { margin: 0; min-height: 100vh; color: var(--ink); background: radial-gradient(circle at top left, #19372a 0, #0e1713 42%, #0a100d 100%); }
main { width: min(920px, calc(100% - 36px)); margin: 0 auto; padding: 72px 0 46px; }
header { max-width: 700px; margin-bottom: 54px; }
.eyebrow { margin: 0 0 8px; color: var(--green); font-size: .74rem; font-weight: 850; letter-spacing: .13em; text-transform: uppercase; }
.private-label { color: var(--amber); }
h1 { margin: 0; font-size: clamp(2.7rem, 8vw, 5.5rem); letter-spacing: -.065em; line-height: .98; }
h2 { margin: 2px 0 0; font-size: 1.55rem; letter-spacing: -.025em; }
.lede { max-width: 620px; margin: 20px 0 0; color: var(--muted); font-size: 1.05rem; line-height: 1.6; }
section + section { margin-top: 48px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 18px; margin-bottom: 16px; }
.privacy-badge { padding: 7px 10px; border: 1px solid #785e2e; border-radius: 999px; color: #ffd991; background: #332814; font-size: .72rem; font-weight: 800; }
.grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.public-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.card { min-height: 104px; display: grid; grid-template-columns: auto 1fr auto; gap: 14px; align-items: center; padding: 18px; color: var(--ink); background: color-mix(in srgb, var(--panel) 92%, transparent); border: 1px solid var(--line); border-radius: 17px; text-decoration: none; transition: transform .16s ease, border-color .16s ease, background .16s ease; }
.card:hover { transform: translateY(-2px); border-color: #658474; background: #1b2a23; }
.card:focus-visible { outline: 3px solid var(--green); outline-offset: 3px; }
.private-card { border-color: #5a492a; }
.icon { width: 42px; height: 42px; display: grid; place-items: center; border-radius: 13px; color: #33240a; background: var(--amber); font-weight: 900; }
.public-icon { color: #0c2d20; background: var(--green); }
.card strong, .card small { display: block; }
.card strong { font-size: 1rem; }
.card small { margin-top: 5px; color: var(--muted); line-height: 1.35; }
.arrow { color: var(--muted); font-size: 1.15rem; }
footer { margin-top: 50px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--muted); font-size: .8rem; line-height: 1.5; }
footer strong { color: var(--ink); }

@media (max-width: 700px) {
  main { padding-top: 44px; }
  header { margin-bottom: 42px; }
  .grid, .public-grid { grid-template-columns: 1fr; }
  .section-heading { align-items: flex-start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  .card { transition: none; }
}