body {margin:0;font-family:"Inter",sans-serif;background:#f5f7fa;color:#0a2540;}
.site-header {background:#0a2540;padding:16px 0;position:sticky;top:0;z-index:50;}
.nav {max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;width:90%;}
.nav a {color:white;text-decoration:none;font-weight:600;margin-left:22px;}
.logo {font-size:1.2rem;font-weight:700;}

.hero {background:linear-gradient(135deg,#0a2540,#144a7e);color:white;
display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;
padding:60px 5%;gap:30px;}

.hero-text {max-width:600px;}
.hero-text h1 {font-size:2.2rem;margin:0 0 14px;}
.hero-buttons {display:flex;gap:18px;margin-top:20px;}

.btn-primary {background:#36b37e;color:white;padding:14px 26px;border-radius:6px;text-decoration:none;font-weight:600;}
.btn-primary:hover {opacity:.9;}
.btn-secondary {background:transparent;border:2px solid white;color:white;padding:12px 22px;border-radius:6px;text-decoration:none;font-weight:600;}
.btn-secondary:hover {background:white;color:#0a2540;}

.hero-profile {text-align:center;}
.profile-img {width:95px;height:95px;border-radius:50%;background:#fff;padding:3px;}
.profile-name {font-weight:700;margin:8px 0 0;}
.profile-role {font-size:.9rem;color:#dce7ee;margin:0;}

.services {padding:60px 5%;}
.services-grid {display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;}
.service-card {background:white;border-radius:12px;padding:28px;box-shadow:0 4px 16px rgba(0,0,0,0.06);}
.icon {font-size:2rem;margin-bottom:10px;}
.service-card h3 {margin:0 0 8px;}
.service-link {display:inline-block;margin-top:12px;font-weight:600;color:#0a4c8b;text-decoration:none;}

.cta-strook {background:#0a2540;color:white;text-align:center;padding:60px 20px;}
.btn-cta-blue {background:#1f5fa3;color:white;padding:14px 28px;border-radius:6px;text-decoration:none;font-weight:600;}

.footer {background:#0a2540;color:white;text-align:center;padding:28px;}