/* LandlordPro static pages (privacy, terms, support, account deletion).
   Tokens mirror KiliColors in Theme.kt and the boot shell in styles.css, so a legal page reads
   as the same product as the app that linked to it. */
@import url("https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=Inter:wght@400;500;600&display=swap");

:root {
    color-scheme: light dark;
    --page: #FAFAF8;
    --surface: #FFFFFF;
    --border: rgba(44, 44, 42, .12);
    --text: #2C2C2A;
    --muted: #6B6A66;
    --blue: #2D6FCC;
    --blue-text: #245BAA;
    --navy-a: #1E47A0;
    --navy-b: #142C62;
}
@media (prefers-color-scheme: dark) {
    :root {
        --page: #1A1917;
        --surface: #242320;
        --border: rgba(240, 237, 232, .12);
        --text: #F0EDE8;
        --muted: #A8A49C;
        --blue-text: #8FB4EA;
    }
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--text); background: var(--page); line-height: 1.65;
}
header.lp {
    background: linear-gradient(135deg, var(--navy-a), var(--navy-b));
    padding: 16px 24px;
}
header.lp .wrap {
    max-width: 760px; margin: 0 auto;
    display: flex; align-items: center; gap: 12px;
}
header.lp a { display: flex; align-items: center; gap: 12px; text-decoration: none; }
header.lp svg { width: 36px; height: 36px; flex: none; }
header.lp .word {
    color: #fff; font-family: "DM Serif Display", Georgia, serif; font-size: 1.25rem; line-height: 1.1;
}
header.lp .tag {
    color: rgba(255, 255, 255, .62); font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; font-weight: 600;
}
main { max-width: 760px; margin: 0 auto; padding: 44px 24px 80px; }
h1 { font-family: "DM Serif Display", Georgia, serif; font-weight: 400; font-size: 2.1rem; letter-spacing: -.01em; margin-bottom: 6px; }
.updated { color: var(--muted); font-size: .9rem; margin-bottom: 30px; }
h2 { font-size: 1.15rem; font-weight: 600; margin: 30px 0 10px; }
p, li { margin-bottom: 10px; font-size: .97rem; }
ul { padding-left: 22px; }
a { color: var(--blue-text); }
strong { font-weight: 600; }
footer.lp { max-width: 760px; margin: 0 auto; padding: 0 24px 40px; color: var(--muted); font-size: .8rem; }
footer.lp a { margin-right: 14px; }