.jlsp-hub-wrap{
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.jlsp-hub-wrap .container{
  width:min(100% - 32px,var(--container)) !important;
  margin:0 auto !important;
}

.jlsp-hub-box{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
  border:1px solid rgba(151,171,208,.22) !important;
  border-radius:28px !important;
  box-shadow:0 20px 54px rgba(7,15,27,.07) !important;
  padding:28px !important;
  position:relative;
  overflow:hidden;
}

.jlsp-hub-box::before{
  content:"";
  position:absolute;
  inset:0 auto auto 0;
  width:100%;
  height:1px;
  background:linear-gradient(90deg, rgba(239,68,68,.18), rgba(37,99,235,.18), rgba(239,68,68,0));
  pointer-events:none;
}

.jlsp-hub-head{
  margin-bottom:16px !important;
}

.jlsp-hub-head h2,
.jlsp-hub-head .section-title{
  margin:0 !important;
  color:var(--heading,#1d2a3b) !important;
  font-size:23px !important;
  line-height:1.18 !important;
  letter-spacing:-.028em !important;
}

.jlsp-hub-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

.jlsp-hub-col{
  min-width:0;
  background:#fff !important;
  border:1px solid rgba(222,229,240,.92) !important;
  border-radius:20px !important;
  box-shadow:0 12px 30px rgba(7,15,27,.05) !important;
  padding:20px 18px 18px !important;
  position:relative;
  overflow:hidden;
}

.jlsp-hub-col::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:3px;
  height:100%;
  background:linear-gradient(180deg,var(--red,#ef4444),var(--blue,#2563eb));
}

.jlsp-hub-col h3{
  margin:0 0 14px !important;
  padding:0 0 12px !important;
  color:var(--heading,#1d2a3b) !important;
  font-size:1.05rem !important;
  line-height:1.25 !important;
  letter-spacing:-.02em !important;
  border-bottom:1px solid rgba(222,229,240,.9) !important;
}

.jlsp-hub-col ul{
  list-style:none !important;
  margin:0 !important;
  padding:0 !important;
  display:grid !important;
  gap:10px !important;
}

.jlsp-hub-col li{
  position:relative;
  margin:0 !important;
  padding-left:16px !important;
}

.jlsp-hub-col li::before{
  content:"";
  position:absolute;
  left:0;
  top:.66em;
  width:6px;
  height:6px;
  border-radius:999px;
  background:#f3c969;
  box-shadow:0 0 0 3px rgba(243,201,105,.16);
}

.jlsp-hub-col a{
  color:var(--text,#425063) !important;
  text-decoration:none !important;
  font-size:.96rem !important;
  line-height:1.65 !important;
  transition:color .18s ease, transform .18s ease !important;
}

.jlsp-hub-col a:hover{
  color:var(--heading,#1d2a3b) !important;
  transform:translateX(2px);
}

@media (max-width: 980px){
  .jlsp-hub-grid{grid-template-columns:1fr !important;}
  .jlsp-hub-box{padding:22px !important;border-radius:22px !important;}
}

@media (max-width: 640px){
  .jlsp-hub-wrap .container{width:min(100% - 24px,var(--container)) !important;}
  .jlsp-hub-box{padding:18px !important;}
  .jlsp-hub-head h2,
  .jlsp-hub-head .section-title{font-size:21px !important;}
}