*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Inter',sans-serif;background:#fbfaf7;color:#1a1a1a;line-height:1.6}
h1,h2,h3{font-family:'Playfair Display',serif}:root{--navy:#0a1931;--gold:#c9a86a;--light:#f6f3ee}
header{background:var(--navy);color:#fff;padding:15px 6%;display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000}
.logo{font-size:23px;font-weight:800}.logo span{color:var(--gold)}nav a{color:#fff;text-decoration:none;margin-left:20px;font-size:14px}
.hero{position:relative;isolation:isolate;overflow:hidden;padding:120px 6%;color:#fff;background:var(--navy)}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,rgba(10,25,49,.97) 0%,rgba(10,25,49,.85) 55%,rgba(10,25,49,.3) 100%)}.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero.page{padding:80px 6%}.hero.page h1{font-size:44px}
.hero h1{font-size:54px;line-height:1.1;max-width:720px}.hero h1 span{color:var(--gold)}.hero p{max-width:650px;margin:18px 0 28px;opacity:.9;font-size:18px}
.btn{display:inline-block;padding:14px 32px;border-radius:8px;font-weight:700;text-decoration:none;transition:.2s}.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{transform:translateY(-2px)}
section{padding:85px 6%}.head{text-align:center;margin-bottom:55px}.head h2{font-size:40px;color:var(--navy)}.head p{color:#777;margin-top:8px}
.team{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:20px}
.member{background:#fff;border-radius:12px;padding:22px;text-align:center;border:1px solid #eee;box-shadow:0 10px 25px rgba(10,25,49,.06);border-top:3px solid var(--navy)}
.member h3{font-size:17px;color:var(--navy)}.role{color:var(--gold);font-weight:800;font-size:11px;letter-spacing:1px;text-transform:uppercase;margin:6px 0;display:block}
.offices{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.office h3{font-size:18px;color:var(--navy);margin-bottom:8px}.office{background:#fff;padding:28px;border-radius:14px;border-top:4px solid var(--navy);box-shadow:0 10px 25px rgba(0,0,0,.05)}
.contact{background:var(--navy);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:40px}.contact a{color:var(--gold);text-decoration:none}
.wa{position:fixed;bottom:24px;right:24px;background:#25D366;color:#fff;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;z-index:999;text-decoration:none;box-shadow:0 8px 20px rgba(0,0,0,.3)}
nav a[aria-current]{color:var(--gold)}.logo a{color:inherit;text-decoration:none}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.card{background:#fff;padding:28px;border-radius:14px;border-top:4px solid var(--gold);box-shadow:0 10px 25px rgba(0,0,0,.05)}.card h3{color:var(--navy);margin-bottom:10px;font-size:21px}.card i{color:var(--gold);font-size:26px;margin-bottom:12px}
.prose{max-width:820px;margin:0 auto}.prose h2{font-size:34px;color:var(--navy);margin:0 0 14px}.prose p{margin-bottom:16px;color:#333}
@media(max-width:768px){.hero h1,.hero.page h1{font-size:34px}nav a{margin-left:12px}header{flex-wrap:wrap;gap:8px}.contact{grid-template-columns:1fr}}
