*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f5f7fb;color:#222}
.site-header{background:#0b4ea2;color:#fff;padding:16px 24px;position:sticky;top:0}
.nav{display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:auto}
.nav-links a{color:#fff;text-decoration:none;margin-left:18px}
.hero{display:flex;justify-content:space-between;gap:30px;max-width:1100px;margin:40px auto;padding:20px}
.hero-content h1{font-size:48px;margin:10px 0}.lead{font-size:20px;color:#555}
.button{display:inline-block;padding:12px 18px;border-radius:8px;text-decoration:none;margin-right:10px}
.primary{background:#0b4ea2;color:#fff}.secondary{border:2px solid #0b4ea2;color:#0b4ea2}
.hero-card,.card,.contact-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.08)}
.section{max-width:1100px;margin:50px auto;padding:20px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.footer{background:#0b4ea2;color:#fff;text-align:center;padding:20px;margin-top:40px}
img{max-width:100%;height:auto}