/* NXT GEN WEB / THE NXT GEN DIFFERENCE — bespoke animated scenes.
   Scoped to homepage advantage section; no scripts or external assets. */
body.home .ngh #why-nxtgen .ngh-advantage-2026__feature {
  grid-template-columns: minmax(0,144px) minmax(0,1fr) !important;
  gap: clamp(14px,1.55vw,21px) !important;
  align-items: center !important;
  padding: 18px 20px !important;
  min-width: 0;
  transition: border-color .22s ease, background-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
body.home .ngh #why-nxtgen .ngh-advantage-2026__feature:hover {
  border-color: #678d4b;
  background: #3b3d3d;
  box-shadow: 0 12px 30px rgb(0 0 0 / 15%);
  transform: translateY(-2px);
}
body.home .ngh #why-nxtgen .ngh-advantage-2026__feature > div:last-child {
  min-width:0;
}
body.home .ngh #why-nxtgen .ngadv-motion {
  display: block;
  width: 100%;
  max-width: 144px;
  aspect-ratio: 144 / 110;
  margin: 0;
  overflow: hidden;
  isolation: isolate;
  background: #202a30;
  border: 1px solid rgb(190 226 174 / 28%);
  border-radius: 12px;
  box-shadow: 0 7px 20px rgb(0 0 0 / 19%), inset 0 1px 0 rgb(255 255 255 / 12%);
  transform: translateZ(0);
}
body.home .ngh #why-nxtgen .ngadv-motion svg {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.home .ngh #why-nxtgen .ngadv-motion svg * {
  transform-box: fill-box;
}
body.home .ngh #why-nxtgen .ngadv-motion--connect .ngadv-connections {
  animation: ngadv-flow 2.4s linear infinite;
}
body.home .ngh #why-nxtgen .ngadv-float-main {
  animation: ngadv-mini-float 4.6s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-node {
  transform-origin: center;
  animation: ngadv-node-pulse 4.6s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-node--second { animation-delay: -2.3s; }
body.home .ngh #why-nxtgen .ngadv-signal {
  transform-origin: center;
  animation: ngadv-signal 2.4s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-signal--two {animation-delay: -1.2s;}
body.home .ngh #why-nxtgen .ngadv-design-screen {
  transform-origin: center;
  animation: ngadv-design-float 5.2s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-design-phone {
  transform-origin: 50% 80%;
  animation: ngadv-phone 5.2s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-cursor {
  transform-origin: center;
  animation: ngadv-cursor 5.2s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-design-color {
  animation: ngadv-color 5.2s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-design-spark {
  transform-origin: center;
  animation: ngadv-spark 4s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-growth-bar {
  transform-origin: center bottom;
  animation: ngadv-bars 4.2s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-growth-bar--two {animation-delay: -.5s;}
body.home .ngh #why-nxtgen .ngadv-growth-bar--three {animation-delay: -1s;}
body.home .ngh #why-nxtgen .ngadv-growth-bar--four {animation-delay: -1.5s;}
body.home .ngh #why-nxtgen .ngadv-growth-line {
  stroke-dasharray: 90;
  stroke-dashoffset: 90;
  animation: ngadv-line-draw 5s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-growth-arrow {
  transform-origin: center;
  animation: ngadv-arrow 5s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-growth-notification {
  transform-origin: center;
  animation: ngadv-check 5s ease-in-out infinite;
}
body.home .ngh #why-nxtgen .ngadv-growth-spark {
  transform-origin: center;
  animation: ngadv-spark 4.5s ease-in-out infinite reverse;
}
body.home .ngh #why-nxtgen .ngh-advantage-2026__signature-mark svg path {
  stroke-dasharray: 95;
  stroke-dashoffset: 95;
  animation: ngadv-signature 5.8s ease-in-out infinite;
}
@keyframes ngadv-flow {to{stroke-dashoffset:-36}}
@keyframes ngadv-mini-float {0%,100%{transform:translateY(1px)}50%{transform:translateY(-3px)}}
@keyframes ngadv-node-pulse {0%,35%,100%{transform:scale(1)}47%{transform:scale(1.08)}57%{transform:scale(1)}}
@keyframes ngadv-signal {0%,100%{opacity:.25;transform:scale(.5)}40%,60%{opacity:1;transform:scale(1.25)}}
@keyframes ngadv-design-float {0%,100%{transform:translateY(1px)}52%{transform:translateY(-2px)}}
@keyframes ngadv-phone {0%,18%,100%{transform:translate(0,2px) rotate(1deg)}42%,72%{transform:translate(-3px,-3px) rotate(-2deg)}}
@keyframes ngadv-cursor {0%,15%,100%{transform:translate(-8px,9px);opacity:.6}40%,68%{transform:translate(0,0);opacity:1}}
@keyframes ngadv-color {0%,100%{opacity:1}40%,65%{opacity:.63}}
@keyframes ngadv-spark {0%,100%{opacity:.4;transform:scale(.75)}45%,65%{opacity:1;transform:scale(1.2)}}
@keyframes ngadv-bars {0%,100%{transform:scaleY(.64)}48%,72%{transform:scaleY(1)}}
@keyframes ngadv-line-draw {0%,12%{stroke-dashoffset:90}45%,78%{stroke-dashoffset:0}100%{stroke-dashoffset:-90}}
@keyframes ngadv-arrow {0%,26%{opacity:0;transform:translate(-3px,3px)}45%,85%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(2px,-2px)}}
@keyframes ngadv-check {0%,35%,100%{transform:scale(.9)}50%,66%{transform:scale(1.08)}}
@keyframes ngadv-signature {0%,8%{stroke-dashoffset:95}36%,78%{stroke-dashoffset:0}100%{stroke-dashoffset:-95}}
@media (max-width: 1100px){
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature {grid-template-columns:120px minmax(0,1fr)!important;gap:15px!important;padding:17px!important}
  body.home .ngh #why-nxtgen .ngadv-motion {max-width:120px}
}
@media (max-width: 790px){
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature {grid-template-columns:132px minmax(0,1fr)!important;gap:18px!important;padding:18px!important}
  body.home .ngh #why-nxtgen .ngadv-motion {max-width:132px}
}
@media (max-width: 520px){
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature {grid-template-columns:104px minmax(0,1fr)!important;gap:12px!important;padding:14px 12px!important}
  body.home .ngh #why-nxtgen .ngadv-motion {max-width:104px;border-radius:9px}
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature h3 {font-size:18px}
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature p {font-size:14.5px;line-height:1.52}
}
@media (max-width: 355px){
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature {grid-template-columns:86px minmax(0,1fr)!important;gap:10px!important;padding:12px 10px!important}
  body.home .ngh #why-nxtgen .ngadv-motion {max-width:86px}
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature h3 {font-size:17px}
}
@media (prefers-reduced-motion: reduce){
  body.home .ngh #why-nxtgen .ngadv-motion *,
  body.home .ngh #why-nxtgen .ngh-advantage-2026__signature-mark svg path {animation:none!important;transition:none!important;transform:none!important;opacity:1!important}
  body.home .ngh #why-nxtgen .ngadv-growth-line {stroke-dashoffset:0!important}
  body.home .ngh #why-nxtgen .ngh-advantage-2026__signature-mark svg path {stroke-dashoffset:0!important}
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature {transition:none!important}
  body.home .ngh #why-nxtgen .ngh-advantage-2026__feature:hover {transform:none}
}