:root{--bg:#f4f1ea;--ink:#1c2430;--muted:#5c6570;--line:#d9d3c7;--accent:#2b4c6f;--accent-2:#c17b4a}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:"PingFang SC","Noto Sans SC",sans-serif;background:var(--bg);color:var(--ink);line-height:1.7}
.nav{display:flex;justify-content:space-between;align-items:center;padding:1.3rem 6vw;position:sticky;top:0;background:rgba(244,241,234,.92)}
.logo{color:var(--ink);text-decoration:none;font-size:1.3rem}
.nav nav{display:flex;gap:1.1rem}
.nav a{color:var(--muted);text-decoration:none}
.hero{padding:12vh 6vw 8vh;max-width:880px}
.eyebrow{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;color:var(--accent-2);margin-bottom:1rem}
.hero h1{font-size:clamp(2.1rem,6vw,3.6rem);font-weight:500;line-height:1.2;margin-bottom:1rem}
.hero em{font-style:italic;color:var(--accent)}
.lead{color:var(--muted);max-width:34rem}
.actions{display:flex;gap:.8rem;margin-top:1.8rem;flex-wrap:wrap}
.btn{padding:.75rem 1.15rem;border-radius:999px;text-decoration:none}
.btn.primary{background:var(--accent);color:#fff}
.btn.ghost{border:1px solid var(--line);color:var(--ink)}
.about{padding:0 6vw 5rem;max-width:700px}
.about p{color:var(--muted);margin-top:.5rem}
footer{display:flex;justify-content:space-between;padding:1.4rem 6vw 2.2rem;border-top:1px solid var(--line);color:var(--muted)}
footer a{color:var(--muted);text-decoration:none;margin-left:1rem}