.privacy-page { background: #07090c; font-family: Inter, sans-serif; color: #f3f4ef; }
.privacy-page .privacy-header { display: flex; justify-content: space-between; gap: 20px; height: 76px; background: #07090c; backdrop-filter: none; }
.privacy-back { font-size: 14px; text-decoration: underline; text-underline-offset: 5px; }
.privacy-main { max-width: 1360px; margin: auto; padding: 150px clamp(20px, 4vw, 64px) 70px; }
.privacy-hero { max-width: 780px; margin: 0 0 64px auto; }
.privacy-meta, .privacy-updated { font: 400 12px/1.7 'IBM Plex Mono', monospace; color: #b8bbc1; }
.privacy-hero h1 { margin: 24px 0; font: 500 clamp(42px, 6vw, 76px)/1.1 'Space Grotesk', sans-serif; letter-spacing: -.045em; animation: privacy-heading .4s ease-out both; }
.privacy-hero > p:not(.privacy-meta):not(.privacy-updated) { line-height: 1.8; }
.privacy-review, .privacy-placeholder { padding: 16px 20px; border-left: 2px solid #b9ff45; background: #101318; color: #d3d5d8; }
.privacy-grid { display: grid; grid-template-columns: minmax(180px, 1fr) minmax(0, 780px); gap: 60px; align-items: start; }
.privacy-contents p { margin: 0 0 20px; color: #b8bbc1; font: 400 12px 'IBM Plex Mono', monospace; }
.privacy-contents a { display: block; margin: 0 0 14px; font-size: 14px; line-height: 1.6; color: #b8bbc1; }
.privacy-article section { padding: 0 0 36px; margin-bottom: 36px; border-bottom: 1px solid #ffffff26; scroll-margin-top: 104px; }
.privacy-article h2 { margin: 0 0 18px; font: 500 clamp(24px, 2.4vw, 32px)/1.3 'Space Grotesk', sans-serif; letter-spacing: -.025em; }
.privacy-article p { font-size: 16px; line-height: 1.85; color: #c4c7cb; margin: 0 0 18px; overflow-wrap: anywhere; }
.privacy-page a { text-decoration: underline; text-decoration-color: #ffffff45; text-underline-offset: 4px; transition: color .18s, text-decoration-color .18s; }
.privacy-page a:hover { color: #f3f4ef; text-decoration-color: #b9ff45; }
.privacy-page a:focus-visible { outline: 2px solid #b9ff45; outline-offset: 5px; }
.privacy-page .brand { text-decoration: none; }
.privacy-skip { position: fixed; top: 12px; left: 20px; z-index: 100; padding: 12px; background: #07090c; transform: translateY(-200%); }
.privacy-skip:focus { transform: none; }
@keyframes privacy-heading { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
@media (max-width: 900px) { .privacy-grid { grid-template-columns: 1fr; gap: 36px; } .privacy-hero { margin-left: 0; } .privacy-contents { border-block: 1px solid #ffffff26; padding: 24px 0; columns: 2; } .privacy-contents p { column-span: all; } .privacy-contents a { break-inside: avoid; } }
@media (max-width: 520px) { .privacy-page .privacy-header { padding-inline: 20px; } .privacy-header .brand { width: 125px; flex-shrink: 0; } .privacy-back { font-size: 12px; max-width: 125px; text-align: right; } .privacy-main { padding-top: 120px; } .privacy-contents { columns: 1; } .privacy-placeholder { padding: 14px; } }
@media (prefers-reduced-motion: reduce) { .privacy-hero h1 { animation: none; } .privacy-page a { transition: none; } }