:root { color-scheme: light; font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif; color: #171a1b; background: #f5f4f0; }
* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; }
.page { width: min(100% - 48px, 860px); min-height: 100vh; margin: 0 auto; padding: 48px 0 32px; display: flex; flex-direction: column; }
.brand { color: #171a1b; font-size: 1.35rem; font-weight: 750; letter-spacing: -.06em; text-decoration: none; }
.hero { padding: 16vh 0 12vh; max-width: 760px; }
.eyebrow, .muted { color: #68716f; font-size: .95rem; }
h1 { margin: 16px 0 24px; max-width: 760px; font-size: clamp(2.8rem, 8vw, 5.9rem); line-height: .98; letter-spacing: -.065em; }
.lead { max-width: 560px; color: #4d5654; font-size: clamp(1.1rem, 2vw, 1.35rem); line-height: 1.55; }
footer { display: flex; gap: 20px; flex-wrap: wrap; margin-top: auto; padding-top: 32px; }
footer a { color: #4d5654; font-size: .92rem; }
.document { max-width: 720px; }
.document h1 { margin-top: 72px; font-size: clamp(2.5rem, 6vw, 4.4rem); }
.document h2 { margin: 38px 0 10px; font-size: 1.2rem; letter-spacing: -.025em; }
.document p { max-width: 670px; color: #3c4442; font-size: 1.04rem; line-height: 1.7; }
.document .muted { margin-top: -8px; }
@media (max-width: 600px) { .page { width: min(100% - 32px, 860px); padding-top: 30px; } .hero { padding: 15vh 0 10vh; } }