:root{
  --graphite:#1E2126; --midnight:#0D1117; --silver:#C8CDD3;
  --gold:#C89B3C; --white:#F4F5F6; --muted:#9CA3AB;
  --line:rgba(200,205,211,.14); --panel:rgba(255,255,255,.035);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--midnight);color:var(--white);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(1160px,92%);margin:auto}
.topline{height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
header{position:sticky;top:0;z-index:20;background:rgba(13,17,23,.94);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:.08em}
.brand img{width:54px;height:54px;object-fit:contain}
.brand span{font-size:12px;line-height:1.25}
.brand b{display:block;font-size:14px;color:var(--silver)}
.menu{display:flex;align-items:center;gap:21px;flex-wrap:wrap}
.menu a{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--silver)}
.menu a:hover,.menu a.active{color:var(--gold)}
.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--white);padding:9px 12px}
.hero{padding:105px 0 90px;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(200,155,60,.12);border-radius:50%;right:-180px;top:-160px;box-shadow:0 0 0 80px rgba(200,155,60,.025),0 0 0 160px rgba(200,155,60,.018)}
.eyebrow{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase}
h1{font-family:Georgia,serif;font-weight:500;font-size:clamp(44px,7vw,82px);line-height:1.02;margin:18px 0}
h2{font-family:Georgia,serif;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.12;margin:0 0 18px}
h3{font-size:19px;margin:0 0 9px}
.lead{font-size:19px;color:var(--silver);max-width:760px}
.gold{color:var(--gold)}
.btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.btn{display:inline-block;padding:12px 18px;border:1px solid var(--gold);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.btn.primary{background:var(--gold);color:#101318;font-weight:800}
.btn.secondary{border-color:var(--line);color:var(--silver)}
section{padding:85px 0;border-top:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.card{background:var(--panel);border:1px solid var(--line);padding:28px}
.card p,.copy{color:var(--muted)}
.number{font-size:12px;color:var(--gold);letter-spacing:.18em;font-weight:800}
.tag{display:inline-block;padding:6px 10px;border:1px solid var(--line);margin:4px 4px 0 0;font-size:11px;color:var(--silver)}
.kicker{font-family:Georgia,serif;color:var(--silver);font-size:25px;line-height:1.35}
.statement{font-family:Georgia,serif;font-size:32px;line-height:1.35;border-left:2px solid var(--gold);padding-left:24px}
.list{padding:0;margin:18px 0 0;list-style:none}
.list li{padding:9px 0;border-bottom:1px solid var(--line);color:var(--silver)}
.list li:before{content:"— ";color:var(--gold)}
.cta{background:linear-gradient(120deg,rgba(200,155,60,.10),rgba(255,255,255,.025));border:1px solid var(--line);padding:42px}
footer{padding:45px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}
.footer-title{color:var(--white);font-weight:700;margin-bottom:10px}
.small{font-size:12px;color:var(--muted)}
.logo-large{width:min(330px,70%);filter:drop-shadow(0 15px 30px rgba(0,0,0,.4))}
.hero-split{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}
.practice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.practice-grid .card{min-height:185px}
@media(max-width:900px){
  .menu{display:none;position:absolute;left:0;right:0;top:82px;background:var(--midnight);padding:20px 4%;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}
  .menu.open{display:flex}.menu-toggle{display:block}
  .hero-split,.grid2{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.practice-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .hero{padding:75px 0 65px}.grid,.practice-grid{grid-template-columns:1fr}.card{padding:22px}
  .statement{font-size:25px}.brand span{display:none}
}