body{margin:0;font-family:Arial,sans-serif;background:#f4f4f4;color:#222;line-height:1.6;}
header{background:#1f4a6f;color:white;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;}
header .logo{font-size:24px;font-weight:bold;}
header nav a{color:white;margin-left:15px;text-decoration:none;font-weight:bold;}
.hero{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:40px;background:#e1eaf6;border-bottom:4px solid #1f4a6f;}
.hero-text{max-width:600px;}
.hero-text h1{font-size:32px;margin-bottom:15px;}
.hero-text p{margin-bottom:20px;color:#333;}
.btn{display:inline-block;padding:10px 20px;background:#1f4a6f;color:white;border-radius:6px;text-decoration:none;margin-right:10px;}
.btn.ghost{background:transparent;border:2px solid #1f4a6f;color:#1f4a6f;}
section{padding:40px 20px;}
h2{color:#1f4a6f;margin-bottom:20px;}
.service-cards, .product-grid{display:flex;flex-wrap:wrap;gap:20px;}
.card, .product-card{background:white;padding:20px;border-radius:8px;flex:1 1 250px;box-shadow:0 2px 6px rgba(0,0,0,0.1);}
.product-card img{width:100%;border-radius:6px;margin-bottom:10px;}
footer{text-align:center;padding:20px;background:#222;color:white;margin-top:40px;}
@media(max-width:768px){.hero{flex-direction:column;}.service-cards,.product-grid{flex-direction:column;}}