body {
 font-family: Arial, sans-serif;
 margin: 0;
 background:#f4f6f9;
 color:#333;
}

.container{
 width:90%;
 max-width:1100px;
 margin:auto;
}

header{
 background:#0a2e4d;
 color:white;
 padding:15px 0;
}

.nav{
 display:flex;
 justify-content:space-between;
 align-items:center;
}

nav a{
 color:white;
 margin-left:20px;
 text-decoration:none;
}

.hero{
 height:400px;
 background:linear-gradient(120deg,#1e4f79,#0a2e4d);
 display:flex;
 align-items:center;
 justify-content:center;
 text-align:center;
 color:white;
}

.hero button{
 margin-top:15px;
 padding:10px 20px;
 border:none;
 background:#f9a825;
 color:white;
 font-size:16px;
}

.section{
 padding:60px 0;
}

.gray{
 background:#eef1f5;
}

.product-grid{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
 gap:25px;
}

.product-card{
 background:white;
 padding:20px;
 border-radius:8px;
 box-shadow:0 3px 10px rgba(0,0,0,0.05);
}

.markets{
 display:flex;
 flex-wrap:wrap;
 gap:15px;
}

.market{
 background:#1e4f79;
 color:white;
 padding:10px 15px;
 border-radius:5px;
}

.features{
 display:grid;
 grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
 gap:25px;
}

.feature{
 background:white;
 padding:20px;
 border-radius:8px;
}

footer{
 background:#0a2e4d;
 color:white;
 text-align:center;
 padding:20px;
}