.j4t-service-insight{
  --j4t-insight-bg:#f6f8fc;
  --j4t-insight-blue:#3f57a0;
  --j4t-insight-orange:#f0a52b;
  --j4t-insight-heading:#151c2c;
  --j4t-insight-text:#647084;
  width:100%;
  position:relative;
  overflow:hidden;
  background:var(--j4t-insight-bg);
  padding:100px 0;
  font-family:"Inter",Arial,sans-serif;
}
.j4t-service-insight--full{
  width:100vw;
  max-width:100vw;
  margin-left:calc(50% - 50vw);
}
.j4t-service-insight *{box-sizing:border-box}
.j4t-service-insight__shell{
  width:min(1300px,90%);
  max-width:1300px;
  margin:0 auto;
}
.j4t-service-insight__grid{
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  align-items:center;
  gap:76px;
}
.j4t-service-insight--image-right .j4t-service-insight__visual{order:2}
.j4t-service-insight--image-right .j4t-service-insight__content{order:1}
.j4t-service-insight__visual{
  min-width:0;
  position:relative;
  padding:24px 26px 34px 14px;
}
.j4t-service-insight__accent{
  position:absolute;
  width:42%;
  height:58%;
  left:0;
  bottom:0;
  border-radius:28px;
  background:linear-gradient(145deg,var(--j4t-insight-orange),#ffc861);
  opacity:.95;
  z-index:0;
}
.j4t-service-insight__accent:after{
  content:"";
  position:absolute;
  width:92px;
  height:92px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:50%;
  left:32px;
  bottom:32px;
}
.j4t-service-insight__media{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-radius:22px;
  background:#e8ebf2;
  box-shadow:0 24px 55px rgba(32,48,94,.16);
  aspect-ratio:1.08/1;
}
.j4t-service-insight__image{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  border-radius:22px;
  transition:transform .45s ease;
}
@media (hover:hover) and (pointer:fine){
  .j4t-service-insight__visual:hover .j4t-service-insight__image{transform:scale(1.025)}
}
.j4t-service-insight__badge{
  position:absolute;
  z-index:3;
  right:0;
  bottom:0;
  min-width:265px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:18px 20px;
  background:#fff;
  border:1px solid rgba(63,87,160,.10);
  border-radius:16px;
  box-shadow:0 18px 44px rgba(25,39,82,.15);
}
.j4t-service-insight__badge-icon{
  width:48px;
  height:48px;
  border-radius:14px;
  flex:0 0 48px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--j4t-insight-blue);
  color:#fff;
}
.j4t-service-insight__badge-icon svg{width:21px;height:21px;fill:currentColor}
.j4t-service-insight__badge-copy{display:block;min-width:0}
.j4t-service-insight__badge-copy strong{
  display:block;
  color:var(--j4t-insight-heading);
  font:800 16px/1.25 "Manrope",Arial,sans-serif;
  margin:0 0 3px;
}
.j4t-service-insight__badge-copy small{
  display:block;
  color:var(--j4t-insight-text);
  font-size:12.5px;
  line-height:1.45;
}
.j4t-service-insight__content{min-width:0}
.j4t-service-insight__eyebrow{
  display:flex;
  align-items:center;
  gap:11px;
  margin:0 0 18px;
  color:var(--j4t-insight-blue);
  font-size:12px;
  line-height:1.3;
  font-weight:800;
  letter-spacing:2.1px;
  text-transform:uppercase;
}
.j4t-service-insight__eyebrow span{
  width:34px;
  height:3px;
  border-radius:999px;
  background:var(--j4t-insight-orange);
  flex:0 0 34px;
}
.j4t-service-insight__title{
  margin:0 0 24px;
  color:var(--j4t-insight-heading);
  font:800 clamp(32px,3.1vw,46px)/1.12 "Manrope",Arial,sans-serif;
  letter-spacing:-1.2px;
}
.j4t-service-insight__description{
  color:var(--j4t-insight-text);
  font-size:17px;
  line-height:1.78;
  max-width:700px;
}
.j4t-service-insight__description p{margin:0 0 16px}
.j4t-service-insight__description p:last-child{margin-bottom:0}
.j4t-service-insight__callout{
  margin:26px 0 0;
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:17px 18px;
  color:#435066;
  background:#fff;
  border:1px solid rgba(63,87,160,.10);
  border-left:4px solid var(--j4t-insight-orange);
  border-radius:0 12px 12px 0;
  font-size:14.5px;
  line-height:1.62;
}
.j4t-service-insight__callout-icon{
  width:28px;
  height:28px;
  flex:0 0 28px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:1px;
  color:#fff;
  background:var(--j4t-insight-blue);
}
.j4t-service-insight__callout-icon svg{width:12px;height:12px;fill:currentColor}
.j4t-service-insight__proof-grid{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.j4t-service-insight__proof{
  min-width:0;
  display:flex;
  align-items:flex-start;
  gap:13px;
  padding:18px;
  background:rgba(255,255,255,.75);
  border:1px solid rgba(63,87,160,.10);
  border-radius:14px;
}
.j4t-service-insight__proof-icon{
  width:39px;
  height:39px;
  flex:0 0 39px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--j4t-insight-blue);
  background:#eef2ff;
  border-radius:11px;
}
.j4t-service-insight__proof-icon svg{width:17px;height:17px;fill:currentColor}
.j4t-service-insight__proof strong{
  display:block;
  margin:0 0 5px;
  color:var(--j4t-insight-heading);
  font:700 14px/1.35 "Manrope",Arial,sans-serif;
}
.j4t-service-insight__proof p{
  margin:0;
  color:var(--j4t-insight-text);
  font-size:12.5px;
  line-height:1.55;
}

@media(max-width:1024px){
  .j4t-service-insight{padding:78px 0}
  .j4t-service-insight__grid{gap:42px}
  .j4t-service-insight__title{font-size:36px}
  .j4t-service-insight__description{font-size:16px}
  .j4t-service-insight__visual{padding:20px 22px 32px 10px}
  .j4t-service-insight__badge{min-width:230px;padding:15px 16px}
}

@media(max-width:767px){
  .j4t-service-insight{padding:58px 0}
  .j4t-service-insight__shell{width:90%}
  .j4t-service-insight__grid{grid-template-columns:1fr;gap:46px}
  .j4t-service-insight--image-right .j4t-service-insight__visual,
  .j4t-service-insight--image-right .j4t-service-insight__content{order:initial}
  .j4t-service-insight__visual{padding:12px 12px 46px 0}
  .j4t-service-insight__accent{width:48%;height:54%;border-radius:22px}
  .j4t-service-insight__accent:after{width:68px;height:68px;left:20px;bottom:20px}
  .j4t-service-insight__media,
  .j4t-service-insight__image{border-radius:16px}
  .j4t-service-insight__badge{
    right:0;
    bottom:0;
    min-width:0;
    max-width:88%;
    padding:14px 15px;
    border-radius:14px;
  }
  .j4t-service-insight__badge-icon{width:42px;height:42px;flex-basis:42px;border-radius:12px}
  .j4t-service-insight__badge-copy strong{font-size:14.5px}
  .j4t-service-insight__badge-copy small{font-size:11.5px}
  .j4t-service-insight__eyebrow{font-size:11px;letter-spacing:1.7px;margin-bottom:15px}
  .j4t-service-insight__title{font-size:30px;letter-spacing:-.65px;margin-bottom:18px}
  .j4t-service-insight__description{font-size:15px;line-height:1.72}
  .j4t-service-insight__proof-grid{grid-template-columns:1fr;gap:12px;margin-top:22px}
  .j4t-service-insight__proof{padding:15px}
  .j4t-service-insight__callout{margin-top:21px;font-size:14px}
}