body{
    margin: 0;
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    background: linear-gradient(135deg, #eef2f6 0%, #d6e0f0 100%);
    color: #24303f;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

p{ color: #2e3a46; margin: 0 0 12px 0; }
h1{ color:#3b2f2f; font-size: 28px; margin: 0 0 8px 0; }
h2{ color:#204060; font-size:20px; margin: 0 0 12px 0; }
.advantage1{ color:#1565c0; font-size: 30px; }
h4{ color:#2e7d32; margin: 0 0 8px 0; }

.div1{
    max-width: 1100px;
    margin: 24px auto;
    padding: 28px 30px;
    background: rgba(255,255,255,0.9);
    box-shadow: 0 6px 18px rgba(12,35,60,0.08);
    border-left: 6px solid #1e88e5;
}

.div2, .div3{
    box-sizing: border-box;
    width: 48%;
    padding: 18px;
    background: rgba(255,255,255,0.95);
    margin: 0 1% 18px 1%;
    min-height: 160px;
}

.div2{ float: left; }
.div3{ float: right; }

.div2 img, .div3 img{ max-width: 100%; height: auto; display:block; }
.feature-img{ width:90px; display:block; margin:0 auto; }

.div4{
    max-width: 1100px;
    margin: 0 auto 18px auto;
    padding: 24px 30px;
    background: #ffffff;
    box-shadow: 0 4px 12px rgba(12,35,60,0.06);
    text-align: center;
    clear: both;
}

.div4 h3{ margin: 0 0 8px 0; color:#1e3a5f; }
.div4 p{ margin: 0; color:#3b4856; }

.div5{
    max-width: 1100px;
    margin: 12px auto;
    padding: 14px 20px;
    background: linear-gradient(90deg,#f7f7f8,#eef3f8);
}

    .div2, .div3{
        box-sizing: border-box;
        width: 50%;
        padding: 18px;
        background: rgba(255,255,255,0.95);
        margin: 0;
        min-height: 160px;
    }
    .div2{ float: left; }
    .div3{ float: right; }
    background-color:#1e88e5;
    border: 0;
    color: #fff;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 15px;
    margin: 0;
    cursor: pointer;
.nav-btn{
    background: #ffffff;
    color: #1e88e5;
    border: 1px solid #1e88e5;
    padding: 10px 18px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 0;
    cursor: pointer;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.6px;
    box-shadow: 0 1px 0 rgba(30,88,145,0.03);
}
.nav-btn.active{
    background: #1e88e5;
    color: #ffffff;
    border-color: #1669b8;
}
.nav-btn:focus{
    outline: 3px solid rgba(30,136,229,0.15);
    outline-offset: 2px;
}