*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
:root { --bg:#f6f6f6; --bg-alt:#ebebeb; --black:#0b0b0b; --text:#161616; --muted:#6f695f; --gold-solid:#c39a4b; --gold-1:#f2e17f; --gold-2:#b7873d; --hairline:rgba(11,11,11,0.1); }
html { scroll-behavior: smooth; }
body { font-family:'Inter Tight',sans-serif; background:var(--bg); color:var(--text); line-height:1.75; -webkit-font-smoothing:antialiased; }
a { color:var(--gold-2); }
h1, h2, .brand, .back, .foot-inner a { font-family:'Space Grotesk',sans-serif; }
.bar { background:var(--bg); box-shadow:0 1px 0 var(--hairline); }
.bar-inner { max-width:1000px; margin:0 auto; padding:0 24px; height:72px; display:flex; align-items:center; justify-content:space-between; }
.brand { display:flex; align-items:center; gap:12px; text-decoration:none; color:var(--text); font-size:13px; font-weight:700; letter-spacing:3px; text-transform:uppercase; }
.brand img { height:32px; width:auto; }
.brand span span { color:var(--gold-solid); }
.back { font-size:11px; font-weight:700; letter-spacing:2px; text-transform:uppercase; text-decoration:none; color:var(--text); }
.back:hover { color:var(--gold-2); }
main { max-width:760px; margin:0 auto; padding:72px 24px 96px; }
.eyebrow { font-size:10px; font-weight:700; letter-spacing:2.5px; text-transform:uppercase; color:var(--gold-solid); margin-bottom:18px; }
h1 { font-size:clamp(32px,5vw,48px); font-weight:300; letter-spacing:-1px; line-height:1.15; margin-bottom:12px; }
h1 strong { font-weight:700; }
.updated { font-size:13px; color:var(--muted); margin-bottom:48px; }
h2 { font-size:19px; font-weight:700; letter-spacing:-0.2px; margin:44px 0 12px; }
p, li { font-size:15px; color:var(--muted); margin-bottom:14px; }
ul { padding-left:22px; margin-bottom:14px; }
li { margin-bottom:8px; }
strong { color:var(--text); }
.note { background:var(--bg-alt); border-radius:14px; padding:18px 22px; font-size:14px; color:var(--muted); margin-bottom:40px; }
footer { background:var(--black); padding:32px 24px; }
.foot-inner { max-width:1000px; margin:0 auto; display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; font-size:12px; color:rgba(242,242,242,0.5); }
.foot-inner a { color:rgba(242,242,242,0.7); text-decoration:none; margin-left:20px; }
.foot-inner a:first-child { margin-left:0; }
.foot-inner a:hover { color:var(--gold-1); }
