:root{
  --charcoal:#181818;--charcoal2:#202020;--gold:#bda15b;
  --gold2:#d1b975;--text:#e9e7e1;--muted:#aaa69d;--line:#383838;
  --max:1160px
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--charcoal);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
.container{width:min(92%,var(--max));margin:auto}
header{border-bottom:1px solid var(--line);background:#181818}
.navbar{min-height:78px;display:flex;align-items:center;justify-content:space-between}
.logo{font-size:1.15rem;letter-spacing:.2em;font-weight:700;color:var(--gold)}
.nav-links{display:flex;gap:26px;list-style:none;margin:0;padding:0}
.nav-links a{text-transform:uppercase;letter-spacing:.08em;font-size:.76rem;color:var(--muted)}
.nav-links a:hover,.nav-links a.active{color:var(--gold)}
.menu-toggle{display:none;background:none;border:0;color:var(--gold);font-size:1.5rem}
.hero{padding:105px 0 95px}
.hero-grid{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;align-items:center}
.hero-photo{max-width:340px;margin-left:auto}
.hero-photo img{width:100%;display:block}
.eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;margin-bottom:18px}
h1{font-weight:500;font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.03;letter-spacing:-.035em;margin:0 0 25px}
h2{font-weight:500;font-size:clamp(2rem,4vw,3.2rem);line-height:1.12;margin:0 0 24px}
h3{color:var(--gold);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin:0 0 14px}
p{margin:0 0 15px}
.lead{font-size:1.15rem;color:#cbc7bf;max-width:780px}
.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.btn{display:inline-block;padding:12px 20px;border:1px solid var(--gold);color:var(--gold);font-size:.73rem;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;background:transparent}
.btn:hover{background:var(--gold);color:var(--charcoal)}
.btn-primary{background:var(--gold);color:var(--charcoal)}
section{padding:90px 0}
.dark{background:var(--charcoal2)}
.intro{max-width:820px;margin-bottom:45px}
.intro p,.card p,.card li{color:var(--muted)}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{border:1px solid var(--line);padding:30px;background:rgba(255,255,255,.012)}
.card ul{padding-left:19px}
.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line)}
.pillar{background:var(--charcoal);padding:32px 26px;min-height:225px}
.pillar p{color:var(--muted);font-size:.92rem;margin-bottom:8px}
.num{color:var(--gold);font-size:.7rem;letter-spacing:.18em;margin-bottom:22px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.metric{text-align:center;padding:32px 15px;border-right:1px solid var(--line)}
.metric:last-child{border-right:0}
.metric strong{display:block;color:var(--gold);font-size:2rem;font-weight:500}
.metric span{color:var(--muted);font-size:.7rem;letter-spacing:.09em;text-transform:uppercase}
.contact-item{border-bottom:1px solid var(--line);padding:16px 0}
.contact-label{display:block;color:var(--gold);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.contact-value{color:var(--text)}
form{margin-top:35px}
.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field{margin-bottom:18px}
label{display:block;color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:7px}
input,textarea{width:100%;padding:13px 14px;background:#111;color:var(--text);border:1px solid var(--line);font:inherit;border-radius:0}
input:focus,textarea:focus{outline:none;border-color:var(--gold)}
textarea{min-height:150px;resize:vertical}
.hp{position:absolute;left:-9999px}
.note{font-size:.75rem;color:var(--muted);margin-top:10px}
footer{border-top:1px solid var(--line);padding:32px 0;color:var(--muted);font-size:.75rem}
.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:900px){
 .hero-grid{grid-template-columns:1fr}.hero-photo{margin:0;max-width:280px}
 .pillars{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}
 .metric:nth-child(2){border-right:0}
 .grid3{grid-template-columns:1fr}
}
@media(max-width:700px){
 .menu-toggle{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:78px;background:#181818;padding:22px;flex-direction:column;border-bottom:1px solid var(--line)}
 .nav-links.open{display:flex}.hero{padding:72px 0}.row,.grid2,.pillars{grid-template-columns:1fr}
 section{padding:70px 0}
}
