:root{
  --bg:#0b0b0d;
  --panel:#111115;
  --text:#e8e6e3;
  --muted:#b1aca4;
  --gold:#c9a646;
  --gold-2:#e4c979;
  --accent:#c9a646;
  --max:1200px;
  --radius:14px;
  --shadow:0 10px 30px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  line-height:1.6;
}
img{max-width:100%; display:block}
a{color:var(--text); text-decoration:none}
.container{max-width:var(--max); margin:0 auto; padding:0 24px}
.header{
  position:sticky; top:0; z-index:1000;
  backdrop-filter:saturate(180%) blur(10px);
  background:rgba(11,11,13,.7); border-bottom:1px solid #1c1c22;
}
.nav{display:flex; align-items:center; gap:28px; padding:14px 0}
.brand{display:flex; align-items:center; gap:12px; font-weight:700}
.brand img{width:42px; height:auto}
.brand span{letter-spacing:.12em; font-size:14px; color:var(--muted)}
.nav-links{margin-left:auto; display:flex; gap:22px; align-items:center}
.nav-links a{opacity:.9}
.nav-links a:hover{color:var(--gold)}
.btn{
  display:inline-flex; align-items:center; justify-content:center;
  padding:12px 18px; border-radius:999px;
  border:1px solid var(--gold); color:var(--text);
  transition:.25s; box-shadow:0 0 0 rgba(0,0,0,0);
}
.btn:hover{transform:translateY(-1px); box-shadow:0 10px 20px rgba(0,0,0,.2)}
.btn.gold{background:linear-gradient(135deg,var(--gold), var(--gold-2)); color:#111}
.hero{
  position:relative; padding:120px 0 80px;
  background:
    radial-gradient(1200px 600px at 70% -10%, rgba(201,166,70,.2), transparent 50%),
    radial-gradient(800px 400px at 0% 0%, rgba(228,201,121,.12), transparent 60%);
}
.hero .eyebrow{letter-spacing:.24em; color:var(--gold); font-weight:600}
h1{font-family:'Playfair Display', serif; font-size: clamp(38px, 6vw, 68px); line-height:1.1; margin:8px 0 14px}
p.lead{font-size: clamp(16px, 2vw, 20px); color:var(--muted); max-width:800px}
.hero-cta{margin-top:26px; display:flex; gap:14px; flex-wrap:wrap}
.section{padding:80px 0}
.section h2{font-family:'Playfair Display', serif; font-size: clamp(28px, 4vw, 40px); margin:0 0 12px}
.section .sub{color:var(--muted); margin-bottom:28px}
.grid{
  display:grid; gap:18px;
  grid-template-columns: repeat(12, 1fr);
}
.card{
  grid-column: span 4;
  background:linear-gradient(180deg, #121216, #0c0c0f);
  border:1px solid #1b1b21; border-radius:var(--radius); padding:22px; min-height:180px;
  box-shadow:var(--shadow);
}
.card h3{margin:6px 0 6px; font-family:'Playfair Display', serif; color:var(--gold)}
.card p{color:var(--muted)}
.badge{display:inline-block; font-size:12px; letter-spacing:.16em; color:#111; background:linear-gradient(135deg,var(--gold), var(--gold-2)); padding:6px 10px; border-radius:999px}
.about{
  display:grid; gap:30px; grid-template-columns: 1.2fr 1fr;
  background:linear-gradient(180deg,#0f0f13,#0b0b0d); border-top:1px solid #1b1b21; border-bottom:1px solid #1b1b21;
}
.about .panel{padding:28px}
.kpis{display:flex; gap:22px; flex-wrap:wrap; margin-top:12px}
.kpi{background:#0e0e12; padding:14px 16px; border:1px solid #1c1c22; border-radius:12px}
.kpi strong{color:var(--gold); font-size:20px; display:block}
.testimonials .quote{
  background:#0f0f13; border:1px solid #1c1c22; border-radius:var(--radius); padding:22px;
}
.footer{
  border-top:1px solid #1b1b21; padding:28px 0; color:var(--muted);
}
.contact{
  background:linear-gradient(180deg,#0c0c0f,#0b0b0d);
  border:1px solid #1b1b21; border-radius:var(--radius); padding:24px;
}
.contact form{display:grid; gap:14px}
input, textarea{
  width:100%; background:#0f0f13; border:1px solid #1b1b21; border-radius:12px; padding:12px 14px; color:var(--text)
}
input::placeholder, textarea::placeholder{color:#777}
textarea{min-height:120px; resize:vertical}
.small{font-size:12px; color:var(--muted)}
.notice{font-size:13px; color:var(--muted)}
@media (max-width: 900px){
  .card{grid-column: span 6}
  .about{grid-template-columns:1fr}
}
@media (max-width: 600px){
  .card{grid-column: span 12}
  .nav-links{display:none}
}