* { margin:0; padding:0; box-sizing:border-box; }
body { font-family:Arial,sans-serif; background:#f9f9f9; color:#333; }
.container { max-width:1200px; margin:0 auto; padding:16px; }
header { display:flex; flex-direction:column; align-items:center; padding:40px 0 24px; }
.logo-title { display:flex; align-items:center; gap:16px; margin-bottom:16px; }
.logo-title img { width:300px; }
.logo-title h1 { font-size:2.5rem; color:#005bbb; }
nav { display:flex; justify-content:center; gap:24px; margin-top:24px; margin-bottom:40px; }
nav a { text-decoration:none; color:#005bbb; font-weight:600; text-transform:uppercase; letter-spacing:1px; position:relative; padding:8px; }
nav a.active::after,
nav a:hover::after { content:''; position:absolute; left:50%; bottom:-2px; transform:translateX(-50%); width:100%; height:2px; background:#005bbb; }
.hero img {
  width:100%; height:300px; object-fit:cover; border-radius:8px; margin-bottom:24px;
}
.btn { display:inline-block; background:#005bbb; color:#fff; padding:12px 24px; text-decoration:none; border-radius:4px; transition:background .3s; }
.btn:hover { background:#003f8a; }
.services, .team-section { display:flex; flex-direction:column; align-items:center; gap:24px; margin-bottom:40px; }
.service, .member-card { background:#fff; padding:20px; border-radius:8px; box-shadow:0 4px 8px rgba(0,0,0,0.1); width:100%; max-width:400px; text-align:center; }
.service h3, .member-card h3 { font-size:1.4rem; color:#222; margin-bottom:12px; border-bottom:2px solid #005bbb; padding-bottom:6px; }
.service p, .member-card p { margin-top:8px; line-height:1.6; color:#4d4d4d; }
.pricing table { width:100%; border-collapse:collapse; margin:0 auto 20px; }
th, td { border:1px solid #ddd; padding:12px 16px; text-align:center; vertical-align:middle; }
thead th { background:#f5f5f5; color:#005bbb; font-weight:600; }
tbody tr:nth-child(even) { background:#fafafa; }
.note { margin-top:16px; font-size:0.9rem; color:#555; line-height:1.4; text-align:left; padding:0 16px; }
.note ol { margin-top:8px; }
.note li { margin-bottom:6px; }
footer { text-align:center; padding:16px 0; color:#555; font-size:.875rem; background:#f9f9f9; }
@media (max-width:768px) {
  nav { flex-wrap:wrap; gap:12px; }
  .service, .member-card { width:calc(50% - 16px); }
}
@media (max-width:480px) {
  .service, .member-card { width:100%; }
}