:root { --bg:#0f0f0f; --bg2:#161616; --bg3:#1e1e1e; --border:#2a2a2a; --text:#e8e8e8; --muted:#9a9a9a; --accent:#e8c547; --accent2:#c9a227; }
* { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { background:var(--bg); color:var(--text); font-family:Georgia,serif; line-height:1.7; }
a { color:var(--accent); }
nav { position:sticky; top:0; z-index:100; background:rgba(15,15,15,.95); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom:1px solid var(--border); padding:1rem 2rem; display:flex; justify-content:space-between; align-items:center; gap:1rem; }
nav .logo { font-size:.85rem; letter-spacing:.12em; text-transform:uppercase; color:var(--accent); font-family:sans-serif; font-weight:600; text-decoration:none; }
nav .nav-links { display:flex; align-items:center; gap:1.5rem; }
nav .nav-link { font-family:sans-serif; font-size:.8rem; color:var(--muted); text-decoration:none; letter-spacing:.05em; }
nav .nav-link:hover, nav .nav-link.on { color:var(--text); }
nav a.cta-nav { background:var(--accent); color:#000; padding:.5rem 1.2rem; border-radius:3px; text-decoration:none; font-family:sans-serif; font-size:.8rem; font-weight:700; letter-spacing:.05em; text-transform:uppercase; white-space:nowrap; }
.hero { padding:4rem 2rem 2rem; text-align:center; background:radial-gradient(ellipse at 60% 30%, #1a1500 0%, var(--bg) 65%); }
.hero-inner { max-width:720px; margin:0 auto; }
.eyebrow { font-family:sans-serif; font-size:.75rem; letter-spacing:.2em; text-transform:uppercase; color:var(--accent); margin-bottom:1rem; }
h1 { font-size:clamp(2rem,6vw,3.2rem); line-height:1.15; color:#fff; font-weight:normal; margin-bottom:1rem; }
h1 em { color:var(--accent); }
.sub { font-size:1.1rem; color:var(--muted); max-width:600px; margin:0 auto; }
main { max-width:820px; margin:0 auto; padding:1rem 1.5rem 4rem; }
h2 { font-weight:normal; color:#fff; font-size:1.5rem; margin:2.5rem 0 .8rem; }
h3 { font-family:sans-serif; font-size:.78rem; letter-spacing:.16em; text-transform:uppercase; color:var(--accent); margin:2rem 0 .6rem; font-weight:600; }
p { margin-bottom:1rem; }
.card { background:var(--bg3); border:1px solid var(--border); border-radius:4px; padding:1.25rem 1.4rem; margin:1rem 0; }
.cta { background:var(--bg2); border:1px solid var(--border); border-radius:4px; text-align:center; padding:2rem 1.5rem; margin:3rem 0 0; }
.cta h2 { margin-top:0; }
.btn { display:inline-block; background:var(--accent); color:#000; padding:.8rem 1.6rem; border-radius:3px; text-decoration:none; font-family:sans-serif; font-weight:700; font-size:.85rem; letter-spacing:.05em; text-transform:uppercase; margin:.3rem; }
.btn.ghost { background:transparent; border:2px solid var(--accent); color:var(--accent); }
footer { border-top:1px solid var(--border); padding:2rem; text-align:center; font-family:sans-serif; font-size:.75rem; color:var(--muted); }
footer a { color:var(--accent); text-decoration:none; }
.sans { font-family:sans-serif; }
.muted { color:var(--muted); }
@media (max-width:600px) { nav { padding:.8rem 1rem; } nav .logo { font-size:.7rem; } nav .nav-link { display:none; } .hero { padding:2.5rem 1.25rem 1.5rem; } main { padding:.5rem 1.1rem 3rem; } }