:root { color-scheme:dark; --bg:#050505; --line:#292823; --ink:#f2f0eb; --muted:#aaa89e; --brass:#c8b78f; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--bg); font:16px/1.7 "IBM Plex Sans",system-ui,-apple-system,sans-serif; }
a { color:var(--brass); }
.nav, footer { width:min(1080px,100%); margin:auto; padding:22px clamp(20px,5vw,40px); display:flex; align-items:center; justify-content:space-between; gap:24px; }
.nav { border-bottom:1px solid var(--line); }
.nav nav, footer nav { display:flex; gap:22px; }
.nav nav a, footer a { color:var(--muted); text-decoration:none; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-weight:800; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.brand:first-letter { color:var(--brass); }
main { width:min(880px,100%); margin:auto; padding:72px clamp(20px,5vw,40px) 110px; }
.eyebrow { color:var(--brass); font:600 12px/1.4 ui-monospace,Consolas,monospace; letter-spacing:.13em; text-transform:uppercase; }
h1 { margin:14px 0 20px; font-size:clamp(44px,8vw,74px); line-height:1; letter-spacing:-.035em; }
h2 { margin:44px 0 10px; font-size:24px; line-height:1.2; }
p { color:var(--muted); }
.lead { color:#d8d5cc; font-size:19px; }
.action { margin-top:30px; }
.action a { display:inline-block; border:1px solid var(--brass); padding:11px 18px; color:var(--bg); background:var(--brass); font-weight:700; text-decoration:none; }
footer { border-top:1px solid var(--line); color:var(--muted); font-size:13px; }
@media (max-width:680px) { .nav nav { display:none; } main { padding-top:48px; } footer { align-items:flex-start; flex-direction:column; } }