:root{--green:#7ED957}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;color:#111;background:#f6f7f8}
.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #eef;z-index:50}
.nav{max-width:1100px;margin:0 auto;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.brand{display:flex;align-items:center;gap:10px;color:#111;text-decoration:none;font-weight:800}
.logo-small{height:32px}
nav a{color:#111;text-decoration:none;margin-left:16px}
nav a:hover{color:#0a6}
.hero{position:relative;overflow:hidden}
.hero-bg{position:absolute;inset:0;background:radial-gradient(1200px 400px at 20% 10%,rgba(126,217,87,.35),transparent 60%),linear-gradient(180deg,#fff,#f5fff5)}
.hero-center{position:relative;max-width:1100px;margin:0 auto;padding:72px 20px;text-align:center}
.logo-big{height:120px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.15))}
.hero-center h1{margin:16px 0 8px 0;font-size:40px}
.hero-center p{margin:0;color:#333}
.section{max-width:1100px;margin:0 auto;padding:48px 20px}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.card{background:#fff;border:1px solid #eee;border-radius:12px;padding:18px;box-shadow:0 4px 12px rgba(0,0,0,.04)}
.offices{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:20px}
.people{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.person{background:#fff;border:1px solid #eee;border-radius:12px;padding:14px}
.brand-firm{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.brand-box,.firm-box{background:#fff;border:1px solid #eee;border-radius:12px;padding:16px}
.footer{margin-top:32px;background:#0b0b0b;color:#ddd;text-align:center;padding:14px}
@media(max-width:900px){.cards{grid-template-columns:1fr 1fr}.people{grid-template-columns:1fr}.offices{grid-template-columns:1fr}.logo-big{height:96px}}