:root { color-scheme: light; --paper:#e9dcc9; --soft:#f4e8d7; --ink:#12110f; --muted:rgba(18,17,15,.68); --line:rgba(18,17,15,.15); --blue:#164df2; }
* { box-sizing:border-box; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif; }
header,main,footer { width:min(100% - 36px,820px); margin:auto; }
header { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 0; border-bottom:1px solid var(--line); }
a { color:inherit; }
.brand { font-weight:900; text-decoration:none; }
.home { color:var(--muted); font-size:14px; }
main { padding:64px 0 72px; }
.eyebrow { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.12em; }
h1 { max-width:760px; margin:14px 0 20px; font-size:clamp(36px,8vw,68px); line-height:1.02; }
h2 { margin:42px 0 12px; font-size:24px; }
p,li { color:var(--muted); font-size:17px; line-height:1.8; }
.actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; }
.button { display:inline-block; border:1px solid var(--ink); border-radius:8px; background:var(--ink); padding:12px 18px; color:white; font-weight:800; text-decoration:none; }
.button.secondary { background:transparent; color:var(--ink); }
footer { padding:24px 0 36px; border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:600px) { main { padding:42px 0 54px; } h1 { font-size:40px; } p,li { font-size:16px; } }