.jd-navbar{
    background:rgba(255,255,255,.85);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
    border-bottom:1px solid rgba(0,0,0,.06);
    padding:16px 0;
    z-index:999;
}

.logo-icon{
    width:42px;
    height:42px;
    background:#2563eb;
    color:#fff;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.logo-text{
    font-size:20px;
    font-weight:800;
    letter-spacing:.5px;
    color:#111827;
}

.logo-subtitle{
    font-size:11px;
    color:#6b7280;
    margin-top:-2px;
}

.navbar-nav{
    gap:10px;
}

.nav-link{
    font-weight:600;
    color:#4b5563;
    padding:10px 18px!important;
    border-radius:12px;
    transition:.25s;
}

.nav-link:hover,
.nav-link.active{
    background:#eef4ff;
    color:#2563eb;
}

.btn{
    font-weight:600;
    padding:10px 22px;
}

.btn-primary{
    border-radius:50px;
    box-shadow:0 12px 30px rgba(37,99,235,.25);
}

.btn-outline-dark{
    border-radius:50px;
}
.contact-cta{

    background:linear-gradient(135deg,#0f172a,#2563eb);

    padding:100px 0;

}

.cta-badge{

    display:inline-block;

    background:rgba(255,255,255,.12);

    color:#fff;

    padding:12px 22px;

    border-radius:50px;

}

.footer{

    background:#0f172a;

    color:#cbd5e1;

    padding:90px 0 30px;

}

.footer h5{

    color:#fff;

    margin-bottom:25px;

}

.footer-links{

    list-style:none;

    padding:0;

}

.footer-links li{

    margin-bottom:15px;

}

.footer-links a{

    color:#cbd5e1;

    text-decoration:none;

    transition:.3s;

}

.footer-links a:hover{

    color:#fff;

    padding-left:6px;

}

.footer-line{

    border-color:rgba(255,255,255,.1);

    margin:50px 0 30px;

}

.footer-bottom-links{

    display:flex;

    gap:25px;

    flex-wrap:wrap;

}

.footer-bottom-links a{

    color:#cbd5e1;

    text-decoration:none;

}

.social-links{

    display:flex;

    gap:15px;

}

.social-links a{

    width:45px;

    height:45px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

    display:flex;

    align-items:center;

    justify-content:center;

    color:#fff;

    font-size:18px;

    transition:.3s;

}

.social-links a:hover{

    background:#2563eb;

    transform:translateY(-5px);

}

.whatsapp-float{

    position:fixed;

    right:25px;

    bottom:25px;

    width:65px;

    height:65px;

    border-radius:50%;

    background:#25D366;

    color:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:32px;

    text-decoration:none;

    box-shadow:0 15px 35px rgba(0,0,0,.25);

    z-index:999;

    animation:pulse 2s infinite;

}

@keyframes pulse{

    0%{

        transform:scale(1);

    }

    50%{

        transform:scale(1.08);

    }

    100%{

        transform:scale(1);

    }

}