:root {
  --ink:#0c0c0d;
  --bg:#111113;
  --panel:#1a1a1d;
  --gold:#d4af37;
  --gold-2:#f3d27a;
  --gold-3:#a9821f;
  --muted:#b9b9c2;
  --line:#2c2c30;
}
* { box-sizing:border-box; }
body {
  margin:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#e8e8ee; background:var(--bg); line-height:1.6;
}
header {
  background:var(--ink); color:#fff; border-bottom:2px solid var(--gold);
  padding:1rem 1.5rem; display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap;
}
.brand { font-weight:800; font-size:1.3rem; letter-spacing:.5px; color:#fff; }
.brand span { color:var(--gold-2); }
nav a { color:#cfcfe0; text-decoration:none; margin-left:1.1rem; font-size:.95rem; }
nav a:hover { color:var(--gold-2); }
.hero {
  padding:4rem 1.5rem; text-align:center;
  background:linear-gradient(180deg,#161618,#111113);
  border-bottom:1px solid var(--line);
}
.hero h1 { font-size:2.3rem; margin:0 0 .6rem; color:#fff; }
.hero p { font-size:1.12rem; color:var(--muted); max-width:720px; margin:0 auto 1.6rem; }
.cta {
  display:inline-block; background:linear-gradient(180deg,var(--gold-2),var(--gold-3));
  color:#1a1206; padding:.85rem 1.7rem; border-radius:8px; text-decoration:none; font-weight:700;
}
.cta:hover { background:linear-gradient(180deg,#fff0c4,var(--gold)); }
.section { max-width:1040px; margin:0 auto; padding:3rem 1.5rem; }
.section.alt { background:var(--panel); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.section h2 { font-size:1.8rem; margin-top:0; color:var(--gold-2); }
.lead { color:var(--muted); }
.grid {
  display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
  gap:1.2rem; margin-top:1.5rem;
}
.card {
  background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:1.4rem;
  display:block; text-decoration:none; color:#e8e8ee; transition:transform .1s,border-color .1s;
}
a.card:hover { transform:translateY(-3px); border-color:var(--gold); }
.card h3 { margin:.1rem 0 .4rem; color:#fff; }
.card p { margin:0; color:var(--muted); font-size:.96rem; }
.tag {
  display:inline-block; margin-top:.8rem; font-size:.78rem; font-weight:600;
  color:var(--gold-2); background:rgba(212,175,55,.12); padding:.25rem .6rem; border-radius:20px;
}
.quote { margin-top:1.8rem; text-align:center; }
.card.contact { max-width:420px; border-color:var(--gold); }
footer {
  background:var(--ink); color:#9a9aa6; text-align:center; padding:2rem 1.5rem; font-size:.9rem;
  border-top:2px solid var(--gold);
}
footer a { color:var(--gold-2); }
footer p { margin:.3rem 0; }
@media (max-width:600px){
  .hero h1 { font-size:1.7rem; }
  nav a { margin-left:.7rem; }
}