:root { color-scheme: dark; --ink: #e9ede4; --muted: #a6b0a5; --accent: #c0e7b6; --background: #111614; }
* { box-sizing: border-box; }
html { background: var(--background); color: var(--ink); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { margin: 0; }
.privacy-page { width: min(100% - 3rem, 48rem); margin: 0 auto; padding: 3rem 0 6rem; }
.privacy-page > p:first-child { margin-bottom: 4rem; }
.eyebrow { color: var(--accent); font: .875rem/1.6 ui-monospace, monospace; letter-spacing: .12em; text-transform: uppercase; }
h1 { font-size: clamp(2.6rem, 7vw, 4.5rem); font-weight: 600; letter-spacing: -.04em; line-height: 1.05; margin: 1rem 0 2rem; max-width: 12ch; }
h2 { font-size: 1.5rem; font-weight: 600; margin: 2.6rem 0 .8rem; border-top: 1px solid #334036; padding-top: 1.5rem; }
p { font-size: 1.125rem; color: var(--muted); line-height: 1.8; margin: 0 0 1rem; }
a { color: var(--accent); text-underline-offset: .2em; }
a:hover { color: #f2ffdb; }
a:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; border-radius: 2px; }
.skip { position: absolute; left: 1rem; top: -5rem; background: var(--accent); color: var(--background); padding: .7rem 1rem; z-index: 10; }
.skip:focus { top: 1rem; }
@media (max-width: 480px) { .privacy-page { width: calc(100% - 2rem); padding-top: 2rem; } .privacy-page > p:first-child { margin-bottom: 3rem; } }
@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto; } }