/* Global Reset */
* { margin:0; padding:0; box-sizing:border-box; }
body { font-family: 'Segoe UI', Arial, sans-serif; line-height:1.6; color:#333; background:#fff; }
/* Navbar */
.navbar { background:#0a2540; color:#fff; padding:1rem; position:sticky; top:0; z-index:1000; }
.nav-inner { display:flex; justify-content:space-between; align-items:center; }
.nav-logo img { height:40px; margin-right:10px; vertical-align:middle; }
.nav-links a { color:#fff; margin:0 10px; text-decoration:none; }
.nav-links a.active, .btn-nav { background:#00a86b; padding:8px 14px; border-radius:4px; }
/* Hero */
.hero { display:flex; align-items:center; justify-content:space-between; padding:4rem 2rem; background:#f5f9fc; }
.hero-text h1 { font-size:2.5rem; margin-bottom:1rem; }
.hero-actions .btn-primary { background:#00a86b; color:#fff; padding:10px 20px; border-radius:4px; text-decoration:none; }
.hero-actions .btn-outline { border:2px solid #00a86b; padding:10px 20px; border-radius:4px; text-decoration:none; }
/* Sections */
.section { padding:3rem 2rem; }
.section h2 { text-align:center; margin-bottom:2rem; }
.card-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(280px,1fr)); gap:1.5rem; }
.card { background:#fff; padding:1.5rem; border-radius:8px; box-shadow:0 2px 6px rgba(0,0,0,0.1); }
/* Testimonials */
.testimonial-card { background:#f9f9f9; padding:1.5rem; border-left:4px solid #00a86b; }
.testimonial-author { display:flex; align-items:center; margin-top:1rem; }
.avatar { width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:bold; margin-right:10px; }
.avatar.pink { background:#e91e63; }
.avatar.green { background:#4caf50; }
.avatar.navy { background:#0a2540; }
/* Footer */
footer { background:#0a2540; color:#fff; padding:2rem; }
.footer-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; }
.footer-col h4 { margin-bottom:1rem; }
.footer-col ul { list-style:none; }
.footer-col ul li { margin-bottom:0.5rem; }
.footer-bottom { text-align:center; margin-top:1rem; font-size:0.9rem; }
/* Buttons */
.btn-green { background:#00a86b; color:#fff; padding:10px 20px; border-radius:4px; text-decoration:none; }
.btn-outline { border:2px solid #00a86b; color:#00a86b; padding:10px 20px; border-radius:4px; text-decoration:none; }
.btn-submit { background:#00a86b; color:#fff; padding:10px 20px; border:none; border-radius:4px; cursor:pointer; }
/* Responsive */
@media(max-width:768px){
.hero { flex-direction:column; text-align:center; }
.nav-links { display:none; }
.hamburger { display:block; cursor:pointer; }
}
/* Image helper classes */
.img-logo { max-width: 180px; height: auto; }
.img-hero { max-width: 1200px; width: 100%; height: auto; display: block; margin: 0 auto; }
.img-blog { max-width: 600px; width: 100%; height: auto; border-radius: 6px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); }
.img-service { max-width: 600px; width: 100%; height: auto; margin: 1rem auto; display: block; }
.img-extra { max-width: 1200px; width: 100%; height: auto; margin: 1rem auto; display: block; }
