:root { color-scheme: dark; font-family: system-ui, -apple-system, Segoe UI, sans-serif; background: #10141a; color: #edf2f5; }
* { box-sizing: border-box; }
body { margin: 0; }
a { color: #8ce5c6; text-underline-offset: 3px; }
a:hover { color: #c4ffe9; }
.page { width: min(100% - 40px, 900px); min-height: 100vh; margin: auto; display: flex; flex-direction: column; }
.top { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 32px 0; border-bottom: 1px solid #2c3740; }
.brand { color: #edf2f5; font-weight: 750; font-size: 1.35rem; letter-spacing: -.04em; text-decoration: none; }
.hero { padding: 100px 0 120px; max-width: 720px; }
.eyebrow { color: #8ce5c6; font-size: .78rem; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
h1 { font-size: clamp(2.5rem, 7vw, 5rem); letter-spacing: -.06em; line-height: 1.06; margin: 20px 0 30px; }
h2 { font-size: 1.4rem; margin: 42px 0 12px; letter-spacing: -.03em; }
p { color: #c7d0d5; font-size: 1.08rem; line-height: 1.7; }
.actions { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 32px; }
.button { background: #8ce5c6; color: #10251d; padding: 13px 19px; border-radius: 8px; font-weight: 700; text-decoration: none; }
.button:hover { background: #c4ffe9; color: #10251d; }
.policy { max-width: 730px; padding: 64px 0 90px; }
.policy h1 { font-size: clamp(2.5rem, 6vw, 4rem); }
footer { margin-top: auto; padding: 28px 0 36px; border-top: 1px solid #2c3740; color: #9baab2; font-size: .92rem; }