*{box-sizing:border-box}
body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#172536;background:#fff;line-height:1.6}
.jkess{max-width:1180px;margin:auto;padding:0 20px}

.jkhero{
background:linear-gradient(135deg,#06111f,#0a3155);
color:#fff;
padding:70px 0
}
.jkgrid{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
align-items:center
}
.jkbrand{
font-size:20px;
font-weight:800;
letter-spacing:1px;
margin-bottom:18px
}
.jkbrand span{
display:inline-block;
background:#1685ff;
padding:5px 9px;
border-radius:4px;
margin-right:8px
}
.jkhero h1{
font-size:46px;
line-height:1.12;
margin:0 0 18px
}
.jkhero p{
font-size:19px;
color:#d8e7f4;
margin:0 0 25px
}
.jkmeta{
display:flex;
flex-wrap:wrap;
gap:10px;
margin:22px 0
}
.jkbadge{
border:1px solid rgba(255,255,255,.3);
padding:7px 12px;
border-radius:4px;
font-size:13px
}
.jkcta{
display:inline-block;
background:#1685ff;
color:#fff;
text-decoration:none;
padding:13px 22px;
border-radius:5px;
font-weight:700
}
.jkimg{
height:430px;
border:1px solid rgba(255,255,255,.25);
background:rgba(255,255,255,.05);
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:#9db6cc
}
.jkimg img{
width:100%;
height:100%;
object-fit:contain
}

.jksection{padding:72px 0}
.jksection h2{
text-align:center;
font-size:32px;
margin:0 0 12px;
color:#10263b
}
.jksub{
text-align:center;
color:#65788a;
max-width:780px;
margin:0 auto 40px
}

.jkcards{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px
}
.jkcard{
border:1px solid #dfe7ee;
border-radius:8px;
padding:25px;
background:#fff
}
.jkcard h3{
font-size:18px;
margin:0 0 9px;
color:#12304a
}
.jkcard p{
margin:0;
color:#657585;
font-size:14px
}

.jktrust{
margin-top:35px;
padding:18px;
background:#f5f8fb;
border-left:4px solid #1685ff;
text-align:center;
font-weight:600;
color:#38536b
}

.jkgray{background:#f5f8fb}

.jkcols{
display:grid;
grid-template-columns:1fr 1fr;
gap:25px
}
.jkbox{
background:#fff;
border:1px solid #dfe7ee;
border-radius:8px;
padding:28px
}
.jkbox h3{
margin-top:0;
color:#12304a
}
.jkbox ul{
margin:0;
padding-left:20px
}
.jkbox li{
margin:9px 0;
color:#4e6172
}
.jkwarn{
border-left:4px solid #f0a000;
background:#fffaf0
}

.jkfeatures{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:18px
}
.jkfeature{
padding:24px;
border-top:3px solid #1685ff;
background:#f7f9fb
}
.jkfeature strong{
display:block;
font-size:17px;
color:#12304a;
margin-bottom:7px
}
.jkfeature span{
font-size:14px;
color:#637587
}

.jkspec{
margin-top:45px;
border:1px solid #dfe7ee;
border-radius:8px;
overflow:hidden
}
.jkspec table{
width:100%;
border-collapse:collapse;
font-size:14px
}
.jkspec td{
padding:13px 17px;
border-bottom:1px solid #e5ebf0
}
.jkspec td:first-child{
font-weight:700;
color:#24445e;
width:35%;
background:#f5f8fb
}

.jkfinal{
margin-top:45px;
background:#071827;
color:#fff;
border-radius:8px;
padding:35px;
text-align:center
}
.jkfinal h2{
color:#fff;
margin-bottom:10px
}
.jkfinal p{
color:#c5d5e3;
margin-bottom:22px
}

@media(max-width:900px){
.jkgrid,.jkcols{grid-template-columns:1fr}
.jkcards,.jkfeatures{grid-template-columns:repeat(2,1fr)}
.jkhero h1{font-size:38px}
}
@media(max-width:600px){
.jkcards,.jkfeatures{grid-template-columns:1fr}
.jkhero{padding:45px 0}
.jksection{padding:50px 0}
.jkspec{overflow-x:auto}
.jkspec table{min-width:600px}
}