/* Pakratt: the plain pages (Support, Privacy). One column, the landing page's type and colours. */
.nav { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--pk-bg) 86%, transparent); backdrop-filter: blur(14px) saturate(1.4); -webkit-backdrop-filter: blur(14px) saturate(1.4); border-bottom: 1px solid transparent; transition: border-color .3s; }
.nav.scrolled { border-bottom-color: var(--pk-line); }
.nav .wrap { display: flex; align-items: center; gap: 28px; height: 66px; }
.nav .lockup { font-size: 25px; }
.nav .links { margin-left: auto; display: flex; align-items: center; gap: 24px; font-size: 15px; font-weight: 500; }
.nav .links a { text-decoration: none; color: var(--pk-text); opacity: .82; }
.nav .links a:hover { opacity: 1; }
@media (max-width: 640px) { .nav .wrap { gap: 14px; height: 58px; } .nav .lockup { font-size: 21px; } .nav .links { gap: 16px; font-size: 14px; } }

.page-hd { padding: 72px 0 8px; }
.page-hd .eyebrow { margin-bottom: 18px; }
.page-hd h1 { font-weight: 500; font-size: clamp(44px, 6.4vw, 80px); line-height: .97; letter-spacing: -.044em; text-wrap: balance; }
.page-hd .sub { margin-top: 24px; font-size: clamp(17.5px, 1.55vw, 20px); line-height: 1.5; color: var(--pk-text-2); max-width: 520px; text-wrap: pretty; }
.page-hd .ctas { margin-top: 30px; display: flex; gap: 12px; flex-wrap: wrap; align-items: center; }

.prose { max-width: 660px; padding-bottom: 120px; font-size: 17px; line-height: 1.6; text-wrap: pretty; }
.prose section { margin-top: 52px; }
.prose h2 { font-size: 20px; font-weight: 650; letter-spacing: -.02em; line-height: 1.3; }
.prose p { margin-top: 12px; }
.prose a, .page-hd .sub a { text-decoration: underline; text-decoration-color: var(--pk-faint); text-underline-offset: 4px; }
.prose a:hover, .page-hd .sub a:hover { text-decoration-color: currentColor; }
.prose .updated { margin-top: 36px; font-size: 15px; color: var(--pk-text-2); }
@media (max-width: 560px) { .page-hd { padding-top: 48px; } .prose { font-size: 16.5px; padding-bottom: 88px; } .prose section { margin-top: 44px; } }
