body { font-family: 'Segoe UI', Arial, sans-serif; margin:0; padding:0; background:#f9fafc; color:#333;}
header { background:#002d5b; color:white; padding:1rem 0;}
.header-container { display:flex; justify-content:space-between; align-items:center; max-width:1100px; margin:auto; padding:0 1rem;}
.logo { font-size:1.4rem; font-weight:bold;}
nav a { color:white; margin:0 10px; text-decoration:none; font-weight:500;}
nav a.active, nav a:hover { text-decoration:underline;}
.hero { background:linear-gradient(to right,#004080,#0073e6); color:white; text-align:center; padding:5rem 1rem;}
.btn { background:#ffb400; color:#002d5b; padding:.8rem 1.5rem; border-radius:5px; text-decoration:none; font-weight:bold;}
.btn:hover { background:#ffd34e;}
.container { max-width:1100px; margin:auto; padding:2rem 1rem;}
.grid-3 { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:2rem;}
.feature, .project, .pricing-card { background:white; padding:1.5rem; border-radius:8px; box-shadow:0 2px 5px rgba(0,0,0,0.1); text-align:center;}
.content h2 { color:#002d5b; margin-bottom:1rem;}
.service-list li { margin-bottom:.8rem;}
.portfolio-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:1.5rem;}
.testimonials blockquote { background:#eef5ff; padding:1rem; border-left:5px solid #0073e6; margin:1rem 0;}
.pricing-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:1.5rem; margin-top:1rem;}
form { display:flex; flex-direction:column;}
form input, form textarea { margin-bottom:1rem; padding:.7rem; font-size:1rem; border:1px solid #ccc; border-radius:4px;}
footer { background:#002d5b; color:white; text-align:center; padding:1rem; margin-top:2rem;}