.njg{
  --ink:#0b1020;
  --muted:#647084;
  --line:#e6eaf2;
  --cyan:#08CBD1;
  --blue:#1299F5;
  --violet:#9F2CF4;
  --pink:#F32379;
  --orange:#FF8B1F;
  position:relative;
  padding:44px 42px 34px;
  border:1px solid var(--line);
  border-radius:28px;
  background:linear-gradient(145deg,#fff 0%,#fbfcff 62%,#fff9fc 100%);
  overflow:hidden;
  box-shadow:0 12px 38px rgba(11,16,32,.035);
}
.njg:after{
  content:"";
  position:absolute;
  inset:auto -12% -55% 28%;
  height:340px;
  background:radial-gradient(circle,rgba(159,44,244,.08),transparent 66%);
  pointer-events:none;
}
.njg-intro{position:relative;z-index:2;max-width:850px;margin:0 0 42px}
.njg-eyebrow{
  display:block;
  color:#087f93;
  font-size:12px;
  font-weight:900;
  letter-spacing:.09em;
  margin-bottom:10px
}
.njg-intro h3{
  margin:0 0 8px;
  color:var(--ink);
  font-size:clamp(30px,3.2vw,48px);
  line-height:1.02;
  letter-spacing:-.045em
}
.njg-intro p{margin:0;color:var(--muted);font-size:16px}

.njg-flow{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px
}
.njg-flow:before{
  content:"";
  position:absolute;
  left:7%;
  right:7%;
  top:59px;
  height:3px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--cyan) 0%,var(--blue) 28%,var(--violet) 57%,var(--pink) 79%,var(--orange) 100%);
  opacity:.78;
  z-index:0
}
.njg-step{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
  padding:0 7px 18px;
  color:var(--ink)!important;
  text-decoration:none!important;
  border-radius:18px;
  transition:transform .18s ease,background .18s ease
}
.njg-step:hover,.njg-step:focus-visible{
  transform:translateY(-5px);
  background:rgba(255,255,255,.72);
  outline:none
}
.njg-glyph{
  width:124px;
  height:118px;
  display:grid;
  place-items:center;
  margin:0 auto 12px;
  background:transparent
}
.njg-svg{display:block;width:112px;height:112px;overflow:visible}
.njg-original-n{display:block;width:98px;height:98px;object-fit:contain}
.njg-step strong{
  display:block;
  min-height:42px;
  margin:0 0 6px;
  color:var(--ink);
  font-size:18px;
  line-height:1.18;
  font-weight:850
}
.njg-copy{
  display:block;
  max-width:190px;
  min-height:82px;
  color:var(--muted);
  font-size:14px;
  line-height:1.45
}
.njg-accent{
  width:60px;
  height:3px;
  margin-top:13px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet),var(--pink),var(--orange))
}
.njg-step--notify .njg-accent{background:var(--cyan)}
.njg-step--expedite .njg-accent{background:var(--blue)}
.njg-step--track .njg-accent{background:var(--violet)}
.njg-step--updated .njg-accent{background:var(--pink)}
.njg-step--signed .njg-accent{background:var(--orange)}

.njg-brand{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid var(--line);
  text-align:left
}
.njg-brand img{width:55px;height:55px;object-fit:contain}
.njg-brand span{display:flex;flex-direction:column}
.njg-brand strong{font-size:18px;color:var(--ink)}
.njg-brand small{margin-top:2px;color:var(--muted);font-size:12px}

@media(max-width:1050px){
  .njg-flow{grid-template-columns:repeat(3,1fr)}
  .njg-flow:before{display:none}
  .njg-copy{min-height:0}
}
@media(max-width:760px){
  .njg{padding:32px 22px}
  .njg-flow{grid-template-columns:repeat(2,1fr);gap:18px}
}
@media(max-width:520px){
  .njg{padding:28px 18px}
  .njg-flow{grid-template-columns:1fr}
  .njg-step{
    display:grid;
    grid-template-columns:112px 1fr;
    grid-template-rows:auto auto auto;
    column-gap:18px;
    text-align:left;
    align-items:center;
    padding:8px 6px 20px
  }
  .njg-glyph{grid-row:1/4;width:108px;height:108px;margin:0}
  .njg-svg{width:100px;height:100px}
  .njg-original-n{width:88px;height:88px}
  .njg-step strong{min-height:0;margin-bottom:5px}
  .njg-copy{max-width:none;min-height:0}
  .njg-accent{margin-top:10px}
}


/* v2.1 — homepage service-card icon family */
.njg-service-enhanced{
  position:relative;
  overflow:hidden;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.njg-service-enhanced:hover,
.njg-service-enhanced:focus-within{
  transform:translateY(-3px);
  box-shadow:0 12px 28px rgba(11,16,32,.07);
}
.njg-service-icon{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:58px;
  height:58px;
  margin:0 0 14px;
}
.njg-service-icon svg{display:block;width:56px;height:56px;overflow:visible}
.njg-service-enhanced:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;
  height:3px;
  opacity:.85;
  background:linear-gradient(90deg,#08CBD1,#1299F5,#9F2CF4,#F32379,#FF8B1F);
}
@media(max-width:700px){
  .njg-service-icon{width:50px;height:50px;margin-bottom:10px}
  .njg-service-icon svg{width:48px;height:48px}
}


/* v2.3 — exact Nexus .stats .stat enhancement */
.stats .stat.njg-service-enhanced{
  cursor:pointer;
  padding-top:22px!important;
  min-height:180px;
  display:flex!important;
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
}
.stats .stat.njg-service-enhanced .njg-service-icon{
  display:block!important;
  width:58px!important;
  height:58px!important;
  margin:0 0 14px 0!important;
  flex:0 0 auto;
}
.stats .stat.njg-service-enhanced .njg-service-icon svg{
  display:block!important;
  width:58px!important;
  height:58px!important;
}
.stats .stat.njg-service-enhanced strong{
  display:block!important;
  margin-bottom:6px!important;
}
.stats .stat.njg-service-enhanced:focus{
  outline:3px solid rgba(18,153,245,.25);
  outline-offset:3px;
}