:root{
  --bg:#0b0b0d;
  --panel:#121216;
  --text:#f5f5f7;
  --muted:#b8b8c2;
  --accent:#d4af37;
  --line:#2a2a31;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:Arial, Helvetica, sans-serif;
  background:linear-gradient(180deg,#09090b 0%,#111116 100%);
  color:var(--text);
  line-height:1.6;
}
a{color:var(--accent);text-decoration:none}
.container{max-width:1100px;margin:auto;padding:0 24px}
header{
  position:sticky;top:0;z-index:10;
  background:rgba(11,11,13,.94);
  border-bottom:1px solid var(--line);
  backdrop-filter:blur(8px);
}
.nav{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:20px}
.brand{font-weight:800;letter-spacing:1px;font-size:1.2rem}
.brand span{color:var(--accent)}
nav a{margin-left:18px;color:var(--text);font-size:.95rem}
.hero{padding:92px 0 72px}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.eyebrow{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1.5px;font-size:.85rem}
h1{font-size:clamp(2.6rem,6vw,5rem);line-height:1.02;margin:12px 0 18px}
h2{font-size:2rem;margin-top:0}
.lead{font-size:1.18rem;color:var(--muted);max-width:760px}
.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.btn{
  display:inline-block;padding:13px 20px;border-radius:10px;
  border:1px solid var(--accent);font-weight:700
}
.btn.primary{background:var(--accent);color:#111}
.card{
  background:linear-gradient(180deg,#17171c,#111114);
  border:1px solid var(--line);border-radius:18px;padding:28px;
  box-shadow:0 20px 50px rgba(0,0,0,.25)
}
section{padding:70px 0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service h3{margin-bottom:8px}
.service p{color:var(--muted)}
.band{background:#0f0f13;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kicker{font-size:1.8rem;font-weight:800}
.small{font-size:.92rem;color:var(--muted)}
footer{padding:38px 0;border-top:1px solid var(--line);color:var(--muted)}
.footer-links a{margin-right:18px}
.legal{padding:60px 0}
.legal h1{font-size:2.6rem}
.legal h2{font-size:1.35rem;margin-top:32px}
.legal p,.legal li{color:#d0d0d6}
@media (max-width:800px){
  .hero-grid,.grid3{grid-template-columns:1fr}
  nav{display:none}
  .hero{padding-top:64px}
}