/* [project]/app/_site/front.css [app-client] (css) */
* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
  background: var(--npn-bg, #020817);
  scroll-snap-type: none !important;
}

body {
  font-family: Manrope-Re;
}

.npn-site-body {
  background: var(--npn-bg, #020817);
  color: #eef6ff;
  margin: 0;
  font-family: Manrope-Re;
  overflow-x: hidden;
}

body.npn-site-body a, .npn-site-body a, body a {
  color: inherit;
  text-decoration: none;
}

.npn-home-shell {
  background: radial-gradient(circle at 18% 5%, #3b82f62e, #0000 26%), radial-gradient(circle at 90% 18%, #08d5ff1f, #0000 24%), linear-gradient(#08101f 0%, #060b18 100%);
  min-height: 100vh;
}

.npn-home-block {
  flex-wrap: wrap;
  align-items: stretch;
  min-height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-home-inner {
  z-index: 2;
  margin: 0 auto;
  position: relative;
}

#home .npn-home-inner {
  width: 100%;
}

.npn-featured-block .npn-home-inner, .npn-footer-block .npn-home-inner {
  width: 1180px;
}

.row-box {
  border-bottom: 1px solid #26325f;
  width: 100%;
}

.npn-box-ft {
  justify-content: space-between;
  width: 1180px;
  margin: 0 auto;
  display: flex;
}

.npn-header {
  z-index: 100;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
  max-width: 1180px;
  min-height: 73px;
  margin: 0 auto;
  display: flex;
  position: sticky;
  top: 0;
}

.npn-logo-mark {
  background: linear-gradient(135deg, #6ee7ff, #7c72ff);
  border-radius: 999px;
  width: 14px;
  height: 14px;
  display: inline-block;
  box-shadow: 0 0 18px #67e8ffd1;
}

.npn-nav {
  flex: auto;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.npn-nav > a, .npn-nav-parent {
  color: #fff;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  font-family: inherit;
  font-size: 15px;
  font-weight: 800;
  line-height: 1;
  text-decoration: none;
  transition: color .24s, background .24s, border-color .24s, box-shadow .24s, text-shadow .24s, transform .24s;
  display: inline-flex;
  position: relative;
}

.npn-nav-parent-toggle {
  background: unset;
  border: unset;
  color: #fff;
  margin: 0;
  padding: 0;
}

.npn-nav > a:hover, .npn-nav-parent:hover {
  text-shadow: 0 0 12px #70efff94;
  background: radial-gradient(circle at 50% 0, #6cefff38, #0000 62%), linear-gradient(#1e84ff38, #02123661);
  border-color: #70e8ff6b;
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px #7ce8ff1f, 0 0 16px #00e2ff47, 0 0 36px #0085ff38;
}

.npn-nav > a:hover, .npn-nav-parent:hover > a {
  color: #76f0ff;
}

.npn-nav > a.is-active {
  color: #76f0ff;
  text-shadow: 0 0 14px #70efff9e;
  background: radial-gradient(circle at 50% 0, #6cefff40, #0000 62%), linear-gradient(#1e84ff45, #0212366b);
  border-color: #70e8ff7a;
  box-shadow: inset 0 0 0 1px #7ce8ff24, 0 0 18px #00e2ff52, 0 0 42px #0085ff40;
}

.npn-nav-parent.is-open > button {
  color: #76f0ff;
  text-shadow: 0 0 12px #70efff94;
  background: radial-gradient(circle at 50% 0, #6cefff38, #0000 62%), linear-gradient(#1e84ff38, #02123661);
  border-color: #70e8ff6b;
  transform: translateY(-1px);
  box-shadow: inset 0 0 0 1px #7ce8ff1f, 0 0 16px #00e2ff47, 0 0 36px #0085ff38;
}

.npn-nav-parent:hover .npn-menu-arrow svg, .npn-nav-parent.is-open .npn-menu-arrow svg, .npn-nav-parent.is-child-active .npn-menu-arrow svg {
  filter: drop-shadow(0 0 8px #70efffe6);
  transform: rotate(180deg);
}

.npn-nav-parent.is-active:not(.is-child-active) > button {
  box-shadow: none !important;
  text-shadow: none !important;
  color: #fff !important;
  background: none !important;
  border-color: #0000 !important;
}

.npn-menu-arrow {
  color: currentColor;
  flex: 0 0 15px;
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  margin-left: 1px;
  display: inline-flex;
}

.npn-menu-arrow svg {
  width: 100%;
  height: 100%;
  transition: transform .24s, filter .24s, opacity .24s;
  display: block;
}

.npn-nav-parent:hover .npn-menu-arrow svg, .npn-nav-parent.is-active .npn-menu-arrow svg, .npn-nav-parent.is-open .npn-menu-arrow svg {
  filter: drop-shadow(0 0 8px #70efffe6);
  transform: rotate(180deg);
}

.npn-nav-parent {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.npn-submenu {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  z-index: 120;
  background: #05102df7;
  border: 1px solid #63d6ff38;
  border-radius: 18px;
  min-width: 230px;
  padding: 10px;
  transition: opacity .24s, visibility .24s, transform .24s;
  position: absolute;
  top: calc(100% + 12px);
  left: 50%;
  transform: translate(-50%, 10px);
  box-shadow: 0 20px 50px #00000061, 0 0 24px #00b2ff29;
}

.npn-nav-parent:hover .npn-submenu, .npn-nav-parent.is-open .npn-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%);
}

.npn-submenu:before {
  content: "";
  background: #05102df7;
  border-top: 1px solid #63d6ff38;
  border-left: 1px solid #63d6ff38;
  width: 14px;
  height: 14px;
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

.npn-submenu a {
  z-index: 2;
  color: #fff;
  white-space: nowrap;
  border-radius: 12px;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 750;
  text-decoration: none;
  transition: color .22s, background .22s, box-shadow .22s, text-shadow .22s;
  display: flex;
  position: relative;
}

.npn-submenu a:hover, .npn-submenu a.is-active {
  color: #7defff;
  text-shadow: 0 0 10px #70efff75;
  background: #0094ff26;
  box-shadow: inset 0 0 0 1px #70e7ff24, 0 0 18px #00e2ff1f;
}

.npn-head-actions {
  flex: none;
  justify-content: flex-end;
  align-items: center;
  display: inline-flex;
}

.npn-login {
  color: #fff;
  background: linear-gradient(#3797fff2, #125bd2eb);
  border: 1px solid #70e8ff85;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 44px;
  padding: 0 18px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .22s, box-shadow .22s, background .22s;
  display: inline-flex;
  box-shadow: 0 0 18px #00e2ff38, inset 0 0 0 1px #ffffff14;
}

.npn-login:hover {
  transform: translateY(-1px);
  box-shadow: 0 0 26px #00e2ff61, 0 12px 26px #00000038, inset 0 0 0 1px #ffffff1f;
}

.npn-nav-parent:after {
  content: "";
  z-index: 119;
  height: 16px;
  position: absolute;
  top: 100%;
  left: -8px;
  right: -8px;
}

.npn-profile-dot {
  color: #fff;
  background: linear-gradient(135deg, #6ee7ff, #7c72ff);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 0 20px #67e8ff6b;
}

.npn-mobile-menu-toggle {
  cursor: pointer;
  background: #ffffff0a;
  border: 1px solid #70e8ff47;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 44px;
  height: 44px;
  padding: 0;
  display: none;
}

.npn-mobile-menu-toggle span {
  background: #fff;
  border-radius: 999px;
  width: 20px;
  height: 2px;
  box-shadow: 0 0 8px #70efff8c;
}

@media (max-width: 1100px) {
  .npn-header {
    gap: 14px;
  }

  .npn-mobile-menu-toggle {
    order: 3;
    display: inline-flex;
  }

  .npn-head-actions {
    order: 2;
    margin-left: auto;
  }

  .npn-nav {
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
    background: #05102dfa;
    border: 1px solid #63d6ff38;
    border-radius: 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    padding: 14px;
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    left: 18px;
    right: 18px;
    box-shadow: 0 22px 60px #00000061;
  }

  .npn-header.is-menu-open .npn-nav, .npn-nav.is-open {
    display: flex;
  }

  .npn-nav > a, .npn-nav-parent > button {
    border-radius: 14px;
    justify-content: space-between;
    width: 100%;
    min-height: 48px;
  }

  .npn-nav-parent {
    width: 100%;
    display: block;
  }

  .npn-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    min-width: 0;
    box-shadow: none;
    background: #ffffff0a;
    margin-top: 8px;
    padding: 8px;
    display: none;
    position: static;
    transform: none;
  }

  .npn-submenu:before {
    display: none;
  }

  .npn-nav-parent.is-open .npn-submenu {
    display: block;
    transform: none;
  }
}

@media (max-width: 560px) {
  .npn-header {
    min-height: 68px;
  }

  .npn-logo strong {
    text-overflow: ellipsis;
    max-width: 150px;
    overflow: hidden;
  }

  .npn-login {
    min-height: 40px;
    padding: 0 12px;
    font-size: 13px;
  }
}

.npn-logo {
  color: #fff;
  white-space: nowrap;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 900;
  display: inline-flex;
}

.npn-logo img {
  object-fit: contain;
  width: auto;
  height: 85px;
  display: block;
}

.npn-logo-mark {
  width: 14px;
  height: 14px;
  box-shadow: 0 0 22px var(--npn-glow, #08d5ff);
  background: linear-gradient(135deg, #73e5ff, #6d7cff);
  border-radius: 50%;
  display: inline-block;
}

.npn-head-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.npn-login, .npn-profile-dot {
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #2f5edb);
  border: 1px solid #67e8f999;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  height: 38px;
  padding: 0 16px;
  font-weight: 600;
  display: inline-flex;
  box-shadow: 0 0 24px #0ea5e938;
}

.npn-profile-dot {
  border-radius: 50%;
  width: 38px;
  padding: 0;
}

.npn-mobile-menu-toggle {
  background: none;
  border: 1px solid #67e8f95c;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 5px;
  width: 42px;
  height: 38px;
  display: none;
}

.npn-mobile-menu-toggle span {
  background: #fff;
  border-radius: 4px;
  width: 20px;
  height: 2px;
}

.npn-hero-grid {
  grid-template-columns: minmax(0, 1fr) minmax(520px, 52%);
  gap: 20px;
  max-width: 1180px;
  margin: 0 auto;
  padding: 52px 0;
  display: grid;
}

.npn-hero-copy h1 {
  margin-top: 0;
  margin-bottom: 14px;
}

.npn-hero-copy h1 p {
  color: #f5f9ff;
  margin: 0;
  font-family: Manrope-Extra;
  font-size: clamp(30px, 5vw, 54px);
  font-weight: 900;
  line-height: 1.4;
}

.npn-hero-benefits {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  max-width: 650px;
  margin-top: 20px;
  display: grid;
}

.npn-hero-benefits span {
  text-align: center;
  isolation: isolate;
  color: #fff;
  background: linear-gradient(135deg, #162345d1, #0b1a3ab8);
  border: 1px solid #67e8f938;
  border-radius: 12px;
  min-height: 46px;
  padding: 13px 16px;
  font-family: Manrope-Bold;
  font-size: 22px;
  font-weight: 700;
  transition: transform .24s cubic-bezier(.2, .8, .2, 1), border-color .24s, background .24s, box-shadow .24s, color .24s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 0 0 1px #ffffff06, 0 10px 24px #00000024;
}

.npn-site-body .npn-hero-copy p {
  color: #d79f17;
  font-family: Manrope-Extra;
}

.npn-hero-benefits span:before {
  content: "";
  z-index: -1;
  border-radius: inherit;
  opacity: 0;
  background: radial-gradient(circle at 20% 0, #08d5ff6b, #0000 38%), linear-gradient(135deg, #0ea5e93d, #0000 52%, #2f5edb47);
  transition: opacity .24s;
  position: absolute;
  inset: 0;
}

.npn-hero-benefits span:after {
  content: "";
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff57, #7ee7ff38, #0000);
  width: 42%;
  height: 180%;
  transition: transform .52s cubic-bezier(.2, .8, .2, 1), opacity .24s;
  position: absolute;
  top: -40%;
  left: -55%;
  transform: skewX(-18deg)translateX(0);
}

.npn-hero-benefits span:hover {
  color: #fff;
  background: linear-gradient(135deg, #063454f5, #16437de0);
  border-color: #7ee7ffb8;
  transform: translateY(-4px)scale(1.018);
  box-shadow: 0 0 34px #08d5ff61, 0 16px 34px #00000038, inset 0 0 0 1px #ffffff12;
}

.npn-hero-benefits span:hover:before {
  opacity: 1;
}

.npn-hero-benefits span:hover:after {
  opacity: 1;
  transform: skewX(-18deg)translateX(430%);
}

.npn-hero-benefits span:active {
  transform: translateY(-2px)scale(1.006);
}

.npn-hero-media {
  background: #182c5eb8;
  border: 1px solid #4e77d59e;
  border-radius: 18px;
  height: 370px;
  min-height: 318px;
  position: relative;
  box-shadow: 0 0 0 1px #7ef3ff38, 0 0 34px #52d8ff94, 0 0 68px #08d5ff52, 0 22px 46px #00000057;
}

.npn-video-frame {
  height: 370px;
}

.npn-video-placeholder {
  background: #1c326db3;
  border: 1px dashed #75b0ffcc;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  min-height: 286px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-video-placeholder img, .npn-video-placeholder video, .npn-hero-iframe {
  object-fit: cover;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.npn-video-placeholder-text {
  z-index: 2;
  text-align: center;
  color: #eaf3ff;
  text-shadow: 0 2px 14px #00000059;
  gap: 13px;
  max-width: 520px;
  padding: 20px;
  display: grid;
  position: relative;
}

.npn-video-placeholder-text strong {
  font-size: 20px;
}

.npn-video-placeholder-text span {
  line-height: 1.55;
}

.npn-video-placeholder-text small {
  color: #bdd6ff;
}

.npn-hero-play {
  z-index: 8;
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 78px;
  height: 78px;
  padding: 0;
  transition: transform .22s, filter .22s;
  display: inline-flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.npn-hero-play svg {
  filter: drop-shadow(0 0 18px #08d5ffbf) drop-shadow(0 12px 24px #00000052);
  width: 78px;
  height: 78px;
  display: block;
  overflow: visible;
}

.npn-hero-play svg circle {
  fill: #021430d1;
  stroke: #54defff2;
  stroke-width: 2px;
}

.npn-hero-play svg path {
  fill: #fff;
  transform-origin: center;
}

.npn-hero-play:hover {
  filter: brightness(1.08);
  transform: translate(-50%, -50%)scale(1.06);
}

.npn-hero-play:active {
  transform: translate(-50%, -50%)scale(.98);
}

.npn-try-upload {
  z-index: 4;
  max-width: 1180px;
  margin: 0 auto;
  padding-bottom: 48px;
  position: relative;
}

.npn-upload-redirect {
  isolation: isolate;
  text-align: center;
  color: #fff;
  background: #061f34d1;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  min-height: 150px;
  transition: transform .24s, box-shadow .24s, background .24s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 28px #08d5ff1f, 0 14px 34px #0000002e;
}

.npn-upload-redirect:before {
  content: "";
  z-index: 0;
  background: conic-gradient(#0000 0deg 58deg, #52d8fff2 88deg, #fff 105deg, #7ef3fffa 124deg, #2f5edbd9 158deg, #0000 210deg 360deg);
  width: 155%;
  height: 260%;
  animation: 3.4s linear infinite npnUploadBorderRotate;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(0);
}

.npn-upload-redirect:after {
  content: "";
  z-index: 1;
  background: radial-gradient(circle at 22% 0, #08d5ff1f, #0000 38%), linear-gradient(135deg, #061f34fa, #082c48f0);
  border-radius: 13px;
  position: absolute;
  inset: 3px;
  box-shadow: inset 0 0 0 1px #ffffff09, inset 0 0 24px #08d5ff0f;
}

.npn-upload-content, .npn-upload-redirect strong, .npn-upload-redirect em, .npn-upload-redirect span {
  z-index: 2;
  position: relative;
}

.npn-upload-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 20px;
  display: flex;
}

.npn-upload-redirect strong {
  color: #fff;
  text-shadow: 0 0 14px #52d8ff6b, 0 0 24px #08d5ff2e;
  font-size: 20px;
  font-weight: 900;
}

.npn-upload-redirect em, .npn-upload-redirect span {
  color: #d7eaff;
  font-size: 15px;
  font-style: normal;
}

.npn-upload-redirect, .npn-upload-redirect.is-dragover {
  background: #082c48f5;
  box-shadow: 0 0 0 1px #7ef3ff38, 0 0 34px #52d8ff94, 0 0 68px #08d5ff52, 0 22px 46px #00000057;
}

.npn-upload-redirect:before, .npn-upload-redirect.is-dragover:before {
  animation-duration: 1.8;
}

@keyframes npnHeroTitleGradient {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

@keyframes npnHeroTypingCursor {
  0%, 45% {
    opacity: 1;
  }

  46%, 100% {
    opacity: 0;
  }
}

@media (max-width: 640px) {
  .npn-hero-title {
    letter-spacing: -.045em;
    min-height: calc(2.1 * clamp(38px, 13vw, 58px));
  }

  .npn-hero-title p {
    font-size: clamp(38px, 13vw, 58px);
  }

  .npn-hero-title .npn-typing-cursor {
    width: 3px;
    margin-left: 6px;
  }
}

.npn-upload-redirect:hover:after, .npn-upload-redirect.is-dragover:after {
  background: radial-gradient(circle at 22% 0, #7ef3ff38, #0000 42%), linear-gradient(135deg, #073252fa, #0c4970f5);
  box-shadow: inset 0 0 0 1px #7ef3ff24, inset 0 0 34px #08d5ff29;
}

.npn-upload-redirect strong, .npn-upload-redirect.is-dragover strong {
  color: #fff;
  text-shadow: 0 0 10px #ffffffa6, 0 0 22px #52d8ffbf, 0 0 38px #08d5ff6b;
}

.npn-upload-redirect span, .npn-upload-redirect em, .npn-upload-redirect.is-dragover span, .npn-upload-redirect.is-dragover em {
  color: #eaffff;
}

@keyframes npnUploadBorderRotate {
  to {
    transform: translate(-50%, -50%)rotate(360deg);
  }
}

.npn-upload-redirect strong {
  font-size: 20px;
}

.npn-upload-redirect span {
  color: #d7eaff;
}

.npn-featured-block {
  align-items: center;
}

.npn-section-head-left {
  margin-bottom: 18px;
}

.npn-section-head-left small {
  color: #8db3df;
  margin-top: 8px;
  font-weight: 700;
  display: block;
}

.npn-service-tabs {
  background: #162345b8;
  border: 1px solid #5074ca99;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 0 30px #194bb41f;
}

.npn-tab-list {
  background: #070c1b;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 14px 10px;
  display: flex;
}

.npn-tab-list button {
  color: #e9f3ff;
  cursor: pointer;
  background: #111c38;
  border: 1px solid #5080e6bf;
  border-radius: 999px;
  height: 32px;
  padding: 0 14px;
  font-weight: 800;
  transition: all .22s;
  font-family: Manrope-Re !important;
}

.npn-tab-list button:hover, .npn-tab-list button.is-active {
  color: #fff;
  background: linear-gradient(135deg, #0ea5e9, #1d4ed8);
  border-color: #67e8f9;
  box-shadow: 0 0 18px #08d5ff47;
}

.npn-tab-stage {
  position: relative;
}

.npn-tab-panel {
  background: linear-gradient(135deg, #142248e6, #1d2b56f0);
  display: none;
  position: relative;
}

.npn-tab-panel-top {
  color: #cde5ff;
  border-top: 1px solid #5074ca80;
  border-bottom: 1px solid #5074ca80;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  height: 56px;
  padding: 0 14px;
  display: flex;
}

.npn-tab-panel-top span {
  font-weight: 800;
}

.npn-tab-panel-top em {
  color: #cbe5ffa6;
  margin: 0 5px;
  font-style: normal;
}

.npn-tab-panel-top b {
  color: #fff;
}

.npn-slide-pause {
  color: #fff;
  cursor: pointer;
  background: #253d86;
  border: 1px solid #7c9bf08c;
  border-radius: 9px;
  height: 36px;
  padding: 0 16px;
  font-weight: 900;
  transition: all .22s;
  display: none;
  font-family: Manrope-Re !important;
}

.npn-slide-pause:hover {
  background: #3450a6;
  box-shadow: 0 0 20px #08d5ff33;
}

.npn-slide-pause.is-paused {
  color: #07152b;
  background: #ffd000;
  border-color: #ffd000;
}

.npn-service-swiper-wrap {
  width: 100%;
  position: relative;
}

.npn-service-swiper {
  background: #132552;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: auto !important;
  min-height: 0 !important;
}

.npn-service-swiper .swiper-wrapper, .npn-service-swiper .swiper-slide {
  width: 100%;
  height: 100%;
}

.npn-service-slide-card {
  background: #132552;
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.npn-service-slide-card img {
  object-position: center center;
  transition: all .3s ease-in;
  display: block;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: 0 !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  margin: 0 !important;
}

.npn-service-slide-card img:hover {
  transition: all .3s ease-in;
  box-shadow: 0 0 0 1px #7ef3ff38, 0 0 34px #52d8ff94, 0 0 68px #08d5ff52, 0 22px 46px #00000057;
}

.npn-service-placeholder {
  text-align: center;
  color: #fff;
  place-content: center;
  gap: 9px;
  width: 100%;
  height: 100%;
  min-height: 360px;
  padding: 30px;
  display: grid;
}

.npn-service-placeholder strong {
  font-size: 22px;
}

.npn-service-placeholder span {
  color: #d4e5ff;
}

.npn-service-placeholder small {
  color: #b4cff5;
}

.npn-service-nav {
  z-index: 10;
  color: #fff;
  cursor: pointer;
  background: #07172ee6;
  border: 1px solid #67e8f9b8;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  transition: all .22s;
  display: inline-flex;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  box-shadow: 0 0 20px #08d5ff38;
}

.npn-service-nav svg {
  width: 24px;
  height: 24px;
  display: block;
}

.npn-service-nav:hover {
  background: #072346f5;
  transform: translateY(-50%)scale(1.06);
  box-shadow: 0 0 30px #08d5ff75;
}

.npn-service-prev {
  left: 18px;
}

.npn-service-next {
  right: 18px;
}

.npn-service-nav.swiper-button-disabled {
  opacity: .35;
  cursor: default;
  transform: translateY(-50%);
}

.npn-footer-block {
  align-items: center;
  padding: 58px 0 0;
}

.npn-about-cta-wrap {
  text-align: center;
  gap: 30px;
  max-width: 820px;
  margin: 28px auto 38px;
  display: grid;
}

.npn-about-text, .npn-cta-text {
  color: #cddcf5;
  line-height: 1.7;
}

.npn-cta {
  justify-items: center;
  gap: 12px;
  display: grid;
}

.npn-cta-icon {
  color: #06162b;
  background: #08d5ff;
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
  box-shadow: 0 0 26px #08d5ff8c;
}

.npn-cta h3 {
  margin: 0;
  font-size: 22px;
}

.npn-cta a {
  color: #fff;
  background: #0d6efd;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  height: 44px;
  padding: 0 22px;
  font-weight: 800;
  display: inline-flex;
}

.npn-footer {
  color: #fff;
  border-top: 1px solid #5074ca99;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  width: 100%;
  padding: 20px 0 30px;
  display: flex;
}

.npn-footer p {
  margin: 0 !important;
}

.npn-footer-links {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.npn-footer-links a:not(:last-child):after {
  content: " · ";
  color: #fff;
  margin-left: 6px;
}

.npn-footer-links a:hover {
  text-shadow: 0 0 14px #70efff9e;
  color: #76f0ff;
}

.npn-contact-float {
  z-index: 80;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  display: flex;
  position: fixed;
  bottom: 34px;
  right: 34px;
}

.npn-contact-menu a {
  color: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #020e20eb;
  border: 1px solid #82e6ff57;
  border-radius: 16px;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  text-decoration: none;
  transition: transform .22s, border-color .22s, box-shadow .22s, color .22s;
  display: flex;
  box-shadow: 0 12px 32px #00000042, 0 0 22px #00d0ff1f;
}

.npn-contact-menu a:hover {
  color: #9ff3ff;
  border-color: #97f2ffd1;
  transform: translateX(-4px);
  box-shadow: 0 14px 34px #00000052, 0 0 26px #00d0ff57;
}

.npn-contact-menu a span {
  color: #9fefff;
  background: radial-gradient(circle at 32% 24%, #92f4ff4d, #67d9e924 58%, #67d9e914);
  border: 1px solid #82e6ff29;
  border-radius: 999px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
  box-shadow: inset 0 0 18px #67d9e914;
}

.npn-contact-menu a span svg {
  width: 20px;
  height: 20px;
  display: block;
}

.npn-contact-menu a:hover span {
  color: #fff;
  background: radial-gradient(circle at 32% 24%, #befaff6b, #67d9e938 58%, #67d9e91f);
  box-shadow: 0 0 18px #67d9e94d, inset 0 0 18px #67d9e91a;
}

.npn-contact-menu a strong {
  word-break: break-word;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
}

@media (max-width: 980px) {
  html {
    scroll-snap-type: none;
  }

  .npn-featured-block, .npn-footer-block .npn-home-inner, .npn-footer {
    padding-left: 20px;
    padding-right: 20px;
  }

  .npn-featured-block .npn-home-inner, .npn-footer-block .npn-home-inner {
    width: 100%;
  }

  .npn-home-block {
    min-height: auto;
  }

  .npn-footer-block .npn-home-inner {
    width: 100%;
  }

  .npn-hero-grid {
    grid-template-columns: 1fr;
    min-height: auto;
    padding: 34px 20px 150px;
  }

  .npn-try-upload {
    margin-top: -120px;
    padding: 0 20px;
  }

  .npn-member-card {
    grid-template-columns: 1fr;
  }

  .npn-member-info {
    display: none;
  }

  .npn-nav {
    background: #0d172d;
    border: 1px solid #67e8f933;
    border-radius: 16px;
    flex-direction: column;
    align-items: stretch;
    padding: 14px;
    display: none;
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
  }

  .npn-header.is-menu-open .npn-nav, .npn-mobile-menu-toggle {
    display: flex;
  }

  .npn-nav-parent {
    display: block;
  }

  .npn-submenu {
    opacity: 1;
    visibility: visible;
    background: #ffffff0a;
    margin-top: 8px;
    position: static;
    transform: none;
  }
}

@media (max-width: 640px) {
  .npn-home-inner {
    width: min(100% - 28px, var(--npn-container, 1180px));
  }

  .npn-header {
    width: 100%;
    height: auto;
    min-height: 68px;
  }

  .npn-hero-copy h1 {
    font-size: 46px;
  }

  .npn-hero-benefits {
    grid-template-columns: 1fr;
  }

  .npn-hero-media {
    min-height: 260px;
  }

  .npn-video-placeholder {
    min-height: 230px;
  }

  .npn-try-upload {
    padding-bottom: 28px;
  }

  .npn-upload-redirect {
    min-height: 130px;
  }

  .npn-tab-panel {
    min-height: 520px;
  }

  .npn-service-slide-link {
    height: 464px;
    min-height: 464px;
  }

  .npn-contact-float {
    bottom: 18px;
    right: 18px;
  }

  .npn-member-form-wrap {
    padding: 24px;
  }

  .npn-member-card {
    border-radius: 22px;
  }

  .npn-box-ft {
    flex-flow: column-reverse wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }

  .npn-hero-copy h1 p br {
    display: none;
  }

  .npn-hero-copy h1 {
    margin-bottom: 15px;
  }

  .npn-footer-links {
    justify-content: center;
  }
}

.npn-hero-video-card {
  background: #1f3676b8;
  border: 1px solid #628bff8c;
  border-radius: 22px;
  width: 100%;
  min-height: 360px;
  padding: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 34px #306cff33, inset 0 0 0 1px #ffffff08;
}

.npn-hero-video-card.has-media {
  padding: 18px;
}

.npn-hero-video-card.is-empty {
  justify-content: center;
  align-items: center;
  display: flex;
}

.npn-hero-video-image, .npn-hero-video-el, .npn-hero-video-embed iframe {
  object-fit: cover;
  border-radius: 18px;
  width: 100%;
  height: 100%;
  max-height: 370px;
  display: block;
}

.npn-hero-video-embed {
  width: 100%;
  height: 100%;
}

.npn-hero-video-placeholder {
  text-align: center;
  color: #eef6ff;
  background: #182e698c;
  border: 1px dashed #7ebeffc7;
  border-radius: 18px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 320px;
  padding: 28px;
  display: flex;
}

.npn-hero-video-placeholder h3 {
  color: #fff;
  margin: 0 0 14px;
  font-size: 22px;
  font-weight: 900;
}

.npn-hero-video-placeholder p {
  color: #eef6ffeb;
  max-width: 520px;
  margin: 0 auto 14px;
  font-size: 16px;
  line-height: 1.55;
}

.npn-hero-video-placeholder span {
  color: #eef6ffc7;
  font-size: 13px;
}

.npn-hero-video-play {
  color: #fff;
  cursor: pointer;
  background: #001c3ae0;
  border: 1px solid #60dcffcc;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  font-size: 22px;
  display: inline-flex;
  position: absolute;
  bottom: 34px;
  right: 34px;
  box-shadow: 0 0 22px #38d2ff66;
}

@media (max-width: 768px) {
  .npn-hero-video-card {
    min-height: 260px;
    padding: 12px;
  }
}

.npn-tab-panel {
  min-height: 0 !important;
}

.npn-service-swiper, .npn-service-swiper .swiper-wrapper, .npn-service-swiper .swiper-slide, .npn-service-slide-card {
  box-sizing: border-box;
}

.npn-service-swiper .swiper-slide {
  display: block;
}

.npn-service-slide-link, .npn-service-slide {
  display: none !important;
}

@media (max-width: 768px) {
  .npn-tab-panel-top {
    flex-wrap: wrap;
    height: auto;
    min-height: 56px;
    padding: 10px 12px;
  }

  .npn-service-nav {
    width: 42px;
    height: 42px;
  }

  .npn-service-prev {
    left: 12px;
  }

  .npn-service-next {
    right: 12px;
  }
}

html {
  scrollbar-width: thin;
  scrollbar-color: #7ee7ffbf #021026f2;
}

body::-webkit-scrollbar {
  width: 10px;
}

body::-webkit-scrollbar-track {
  background: #021026f5;
  border-left: 1px solid #78dcff14;
}

body::-webkit-scrollbar-thumb {
  background: linear-gradient(#82f0fff2, #1f9dcce6);
  border: 2px solid #021026f5;
  border-radius: 999px;
  box-shadow: 0 0 12px #00d2ff73, inset 0 0 8px #ffffff2e;
}

body::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(#b7f6ff, #28bde8);
  box-shadow: 0 0 18px #00d2ffb8, inset 0 0 10px #ffffff42;
}

body::-webkit-scrollbar-corner {
  background: #021026f5;
}

#home {
  z-index: 2147483647;
}

.row-box {
  z-index: 9999;
  -webkit-backdrop-filter: blur();
  will-change: background, box-shadow, border-color, backdrop-filter;
  background: #050d1f61;
  border-bottom: 1px solid #70e8ff1f;
  width: 100%;
  transition: background .25s, box-shadow .25s, border-color .25s, -webkit-backdrop-filter .25s, backdrop-filter .25s;
  top: 0;
  left: 0;
  right: 0;
  transform: translateZ(0);
  position: sticky !important;
}

.row-box.is-scrolled {
  -webkit-backdrop-filter: blur(16px);
  background: #050d1ff0;
  border-bottom-color: #70e8ff3d;
  box-shadow: 0 12px 34px #00000042, 0 0 24px #08d5ff1f;
}

.row-box .npn-header {
  z-index: 2;
  width: min(1180px, 100% - 32px);
  max-width: 1180px;
  min-height: 95px;
  margin: 0 auto;
  transition: min-height .25s, padding .25s;
  box-shadow: none !important;
  background: none !important;
  border-bottom: 0 !important;
  position: relative !important;
  top: auto !important;
}

.row-box.is-scrolled .npn-header {
  min-height: 85px;
}

.row-box .npn-logo img {
  transition: height .25s, width .25s;
}

#home, #services, #diy {
  scroll-margin-top: 90px;
}

.npn-submenu {
  z-index: 10000;
}

@media (max-width: 768px) {
  .row-box .npn-header {
    width: min(100% - 24px, 1180px);
    min-height: 68px;
  }

  .row-box.is-scrolled .npn-logo img, .npn-logo img {
    width: 130px;
    height: auto;
  }
}

.npn-contact-float {
  z-index: 80;
  pointer-events: none;
  flex-direction: column;
  align-items: flex-end;
  gap: 14px;
  display: flex;
  position: fixed;
  bottom: 34px;
  right: 34px;
}

.npn-contact-toggle, .npn-contact-menu {
  pointer-events: auto;
}

.npn-contact-toggle {
  color: #fff;
  cursor: pointer;
  background: radial-gradient(circle at 30% 25%, #89f5ff 0%, #67d9e9 42%, #2898bd 100%);
  border: 0;
  border-radius: 999px;
  place-items: center;
  width: 62px;
  height: 62px;
  transition: transform .25s, box-shadow .25s;
  display: grid;
  box-shadow: 0 0 18px #6bd6e6e6, 0 0 38px #6bd6e65c;
}

.npn-contact-toggle:hover {
  transform: translateY(-2px)scale(1.04);
  box-shadow: 0 0 24px #6bd6e6f2, 0 0 56px #6bd6e67a;
}

.npn-contact-toggle svg {
  display: block;
}

.npn-contact-icon-close, .npn-contact-float.is-open .npn-contact-icon-open {
  display: none;
}

.npn-contact-float.is-open .npn-contact-icon-close {
  display: grid;
}

.npn-contact-menu {
  opacity: 0;
  visibility: hidden;
  transform-origin: 100% 100%;
  pointer-events: none;
  gap: 10px;
  min-width: 260px;
  max-width: 320px;
  transition: opacity .24s, visibility .24s, transform .24s;
  display: grid;
  transform: translateY(18px)scale(.94);
}

.npn-contact-float.is-open .npn-contact-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0)scale(1);
}

@media (max-width: 640px) {
  .npn-contact-float {
    z-index: 70;
    gap: 10px;
    bottom: 14px;
    right: 14px;
  }

  .npn-contact-toggle {
    width: 52px;
    height: 52px;
    box-shadow: 0 0 14px #6bd6e6bf, 0 0 28px #6bd6e647;
  }

  .npn-contact-menu {
    min-width: min(270px, 100vw - 28px);
    max-width: calc(100vw - 28px);
  }
}

@media (max-width: 430px) {
  .npn-contact-float {
    bottom: 12px;
    right: 12px;
  }

  .npn-contact-toggle {
    width: 48px;
    height: 48px;
  }
}

@media (max-width: 980px) {
  .row-box {
    z-index: 99999;
  }

  .npn-header {
    position: relative;
  }

  .npn-mobile-menu-toggle {
    z-index: 100002;
    background: #06122ab8;
    border: 1px solid #67e8f96b;
    border-radius: 12px;
    width: 42px;
    height: 42px;
    transition: all .22s;
    display: inline-flex;
    position: relative;
    box-shadow: 0 0 18px #08d5ff24;
  }

  .npn-mobile-menu-toggle span {
    background: #fff;
    border-radius: 999px;
    width: 20px;
    height: 2px;
    transition: transform .22s, opacity .22s, top .22s;
    position: absolute;
  }

  .npn-mobile-menu-toggle span:first-child {
    top: 13px;
  }

  .npn-mobile-menu-toggle span:nth-child(2) {
    top: 20px;
  }

  .npn-mobile-menu-toggle span:nth-child(3) {
    top: 27px;
  }

  .npn-header.is-menu-open .npn-mobile-menu-toggle {
    background: #08d5ff29;
    border-color: #67e8f9b8;
    box-shadow: 0 0 24px #08d5ff52;
  }

  .npn-header.is-menu-open .npn-mobile-menu-toggle span:first-child {
    top: 20px;
    transform: rotate(45deg);
  }

  .npn-header.is-menu-open .npn-mobile-menu-toggle span:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
  }

  .npn-header.is-menu-open .npn-mobile-menu-toggle span:nth-child(3) {
    top: 20px;
    transform: rotate(-45deg);
  }

  .npn-nav {
    z-index: 100000;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 10px;
    transition: opacity .24s, visibility .24s, transform .24s;
    overflow-y: auto;
    transform: translateY(-10px);
    width: 100vw !important;
    height: 100dvh !important;
    box-shadow: none !important;
    background: radial-gradient(circle at 15% 0, #08d5ff29, #0000 32%), linear-gradient(#050d1ffa, #040916fc) !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 92px 20px 28px !important;
    display: flex !important;
    position: fixed !important;
    inset: 0 !important;
  }

  .npn-header.is-menu-open .npn-nav, .npn-nav.is-open {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
  }

  .npn-nav > a, .npn-nav-parent > button {
    background: #0c1c3e9e;
    border: 1px solid #67e8f929;
    border-radius: 16px;
    justify-content: space-between;
    width: 100%;
    min-height: 58px;
    padding: 0 20px;
    font-size: 17px;
    font-weight: 900;
  }

  .npn-nav > a.is-active {
    background: radial-gradient(circle at 50% 0, #6cefff38, #0000 62%), linear-gradient(#1e84ff47, #02123680);
    border-color: #70e8ff7a;
    box-shadow: inset 0 0 0 1px #7ce8ff24, 0 0 22px #00e2ff42;
  }

  .npn-nav-parent {
    width: 100%;
    display: block;
  }

  .npn-submenu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    width: 100%;
    min-width: 0;
    box-shadow: none;
    background: #ffffff0b;
    border: 1px solid #67e8f91f;
    border-radius: 16px;
    margin: 8px 0 0;
    padding: 8px;
    display: none;
    position: static !important;
    transform: none !important;
  }

  .npn-submenu:before, .npn-nav-parent:after {
    display: none !important;
  }

  .npn-nav-parent.is-open .npn-submenu {
    gap: 6px;
    display: grid;
  }

  .npn-submenu a {
    color: #dbeafe;
    background: #ffffff09;
    border-radius: 12px;
    min-height: 44px;
    padding: 0 16px;
    font-size: 15px;
  }

  body.npn-mobile-menu-open {
    touch-action: none;
    overflow: hidden;
  }
}

:root {
  --npn-header-h: 73px;
  --npn-container-w: 1180px;
}

body.home {
  width: 100%;
  height: 100%;
  overflow: hidden;
  scroll-behavior: auto !important;
  scroll-snap-type: none !important;
}

.npn-home-shell, .npn-page-swiper {
  width: 100%;
  height: 100dvh;
  overflow: hidden;
}

.npn-page-swiper > .swiper-wrapper {
  width: 100%;
  height: 100%;
}

.npn-page-slide {
  width: 100%;
  position: relative;
  height: 100dvh !important;
  min-height: 100dvh !important;
  overflow: hidden !important;
}

.npn-hero-block .npn-home-inner {
  width: 100%;
  height: calc(100dvh - var(--npn-header-h));
  flex-direction: column;
  justify-content: center;
  display: flex;
  overflow: hidden;
}

.npn-try-upload {
  width: min(var(--npn-container-w), calc(100% - 40px));
  margin: 0 auto;
  padding: 0 0 22px !important;
}

.npn-featured-block {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.npn-featured-block .npn-section-head-left {
  flex: none;
  margin: 0 0 16px !important;
  padding: 0 !important;
}

.npn-featured-block .npn-section-head-left p {
  margin: 0 !important;
  line-height: 1.45 !important;
}

.npn-service-tabs {
  border-radius: 14px;
  width: 100%;
  flex-direction: column !important;
  flex: none !important;
  display: flex !important;
  overflow: hidden !important;
}

.npn-tab-list {
  flex: none !important;
  padding: 10px 14px 9px !important;
}

.npn-tab-list button {
  height: 30px !important;
  padding: 0 12px !important;
  font-size: 13px !important;
}

.npn-tab-panel-top {
  flex: 0 0 48px !important;
  height: 48px !important;
  min-height: 48px !important;
}

.npn-tab-stage {
  flex: none !important;
  display: block !important;
  overflow: hidden !important;
}

.npn-tab-panel {
  width: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.npn-tab-panel.is-active {
  display: block !important;
}

.npn-service-swiper-wrap {
  position: relative;
  width: 100% !important;
  height: clamp(360px, 54vh, 570px) !important;
  overflow: hidden !important;
}

.npn-service-swiper {
  background: #132552;
  aspect-ratio: auto !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.npn-service-swiper .swiper-wrapper, .npn-service-swiper .swiper-slide, .npn-service-slide-card {
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
}

.npn-featured-block .npn-home-inner {
  min-height: 800px;
}

.npn-footer-block {
  justify-content: center !important;
  align-items: center !important;
  display: flex !important;
}

.npn-about-cta-wrap {
  max-width: 820px;
  gap: 18px !important;
  margin: 18px auto 24px !important;
}

.npn-about h2 {
  margin: 0 0 12px !important;
  font-size: 25px !important;
}

.npn-about-text, .npn-cta-text {
  line-height: 1.55 !important;
}

.npn-cta {
  gap: 10px !important;
}

.npn-cta h3 {
  font-size: 22px !important;
}

.npn-cta a {
  height: 42px !important;
}

@media (max-height: 760px) and (min-width: 981px) {
  .npn-service-swiper-wrap {
    height: clamp(320px, 50vh, 500px) !important;
  }

  .npn-about-cta-wrap {
    gap: 12px !important;
    margin: 12px auto 16px !important;
  }

  .npn-about h2 {
    font-size: 22px !important;
  }

  .npn-footer {
    padding: 14px 0 !important;
  }
}

@media (max-width: 980px) {
  html, .npn-site-body {
    height: auto;
    overflow: hidden auto;
  }

  .npn-home-shell, .npn-page-swiper, .npn-page-swiper > .swiper-wrapper, .npn-page-slide {
    height: auto !important;
    min-height: auto !important;
    display: block !important;
    overflow: visible !important;
    transform: none !important;
  }

  .npn-hero-block, .npn-featured-block, .npn-footer-block {
    padding-top: 0 !important;
  }

  .npn-hero-block {
    padding-top: 68px !important;
  }

  .npn-hero-block .npn-home-inner, .npn-featured-block .npn-home-inner, .npn-footer-block .npn-home-inner {
    width: 100%;
    height: auto !important;
    display: block !important;
    overflow: visible !important;
  }

  .npn-hero-grid {
    grid-template-columns: 1fr !important;
    width: 100% !important;
    padding: 26px 20px 20px !important;
  }

  .npn-try-upload {
    width: 100% !important;
    padding: 30px 20px !important;
  }

  .npn-service-swiper-wrap {
    height: clamp(260px, 62vw, 520px) !important;
  }

  .npn-footer {
    margin-top: 24px;
  }
}

.npn-hero-title {
  letter-spacing: -.055em;
  min-height: calc(2.08 * clamp(40px, 5.2vw, 76px));
  margin: 0 0 14px;
  font-family: Manrope-Extra, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.4;
  display: block;
  position: relative;
}

.npn-hero-title p {
  background: linear-gradient(90deg, #52d8ff 0%, #7ef3ff 22%, #6aa7ff 52%, #9aa7ff 78%, #fff 100%) 0 0 / 220% 100%;
  color: #0000;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 22px #52d8ff42, 0 0 46px #08d5ff21;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  padding: 0;
  font-size: clamp(40px, 5.2vw, 76px);
  font-weight: 900;
  line-height: 1.02;
  animation: 4.8s ease-in-out infinite npnHeroTitleGradient;
}

.npn-hero-title .npn-typing-line {
  white-space: nowrap;
  display: block;
}

.npn-hero-title .npn-typing-cursor {
  vertical-align: -.04em;
  background: #7ef3ff;
  border-radius: 999px;
  width: 4px;
  height: .82em;
  margin-left: 8px;
  animation: .78s steps(2, start) infinite npnHeroTypingCursor;
  display: inline-block;
  box-shadow: 0 0 10px #7ef3fff2, 0 0 22px #08d5ff8c;
}

.npn-hero-copy h1 p:first-child {
  margin-bottom: 15px;
  font-size: 75px !important;
}

.npn-hero-copy h1 p:last-child {
  font-size: 45px;
}

@media (max-width: 640px) {
  .npn-hero-title {
    letter-spacing: -.045em;
    min-height: calc(2.1 * clamp(38px, 13vw, 58px));
  }

  .npn-hero-title p {
    font-size: clamp(38px, 13vw, 58px);
  }

  .npn-hero-title .npn-typing-cursor {
    width: 3px;
    margin-left: 6px;
  }
}

.npn-service-slide-card {
  isolation: isolate;
  position: relative;
  overflow: hidden;
}

.npn-service-slide-card:before {
  content: "";
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  will-change: opacity;
  background: radial-gradient(circle at 28% 12%, #7ef3ff38, #0000 36%), linear-gradient(135deg, #08d5ff1a, #0000 58%), linear-gradient(0deg, #030c1e0a, #ffffff0d);
  transition: opacity .38s;
  position: absolute;
  inset: 0;
}

.npn-service-slide-card:after {
  content: "";
  z-index: 3;
  opacity: 0;
  pointer-events: none;
  will-change: transform, opacity;
  background: linear-gradient(90deg, #0000, #ffffff3d, #7ef3ff2e, #0000);
  width: 36%;
  height: 190%;
  position: absolute;
  top: -45%;
  left: -70%;
  transform: skewX(-18deg)translate3d(0, 0, 0);
}

.npn-service-slide-card img {
  will-change: filter;
  transition: filter .42s !important;
  transform: translate3d(0, 0, 0) !important;
}

.npn-service-slide-card:hover:before {
  opacity: 1;
}

.npn-service-slide-card:hover:after {
  animation: .9s cubic-bezier(.2, .8, .2, 1) npnServiceImageShineSmooth;
}

.npn-service-slide-card:hover img {
  filter: brightness(1.12) contrast(1.05) saturate(1.08);
  transform: translate3d(0, 0, 0) !important;
}

@keyframes npnServiceImageShineSmooth {
  0% {
    opacity: 0;
    transform: skewX(-18deg)translate3d(0, 0, 0);
  }

  18% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    transform: skewX(-18deg)translate3d(520%, 0, 0);
  }
}

@media (min-width: 981px) and (max-width: 1440px) and (max-height: 850px) {
  .npn-hero-block .npn-home-inner {
    flex-direction: column !important;
    justify-content: center !important;
    display: flex !important;
    overflow: hidden !important;
  }

  .npn-hero-grid {
    align-items: center !important;
    gap: 14px !important;
    padding: 8px 0 !important;
  }

  .npn-hero-title {
    min-height: calc(2.02 * clamp(30px, 4.2vw, 54px)) !important;
    margin-bottom: 8px !important;
  }

  .npn-hero-title p {
    font-size: clamp(30px, 4.2vw, 54px) !important;
    line-height: 1 .4 !important;
  }

  .npn-hero-subtitle {
    max-width: 520px !important;
    margin-top: 6px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 1.42 !important;
  }

  .npn-hero-benefits {
    gap: 8px !important;
    margin-top: 12px !important;
  }

  .npn-hero-video-card, .npn-video-placeholder, .npn-hero-video-image, .npn-hero-video-el, .npn-hero-video-embed iframe, .npn-hero-video-placeholder {
    height: 100%;
    min-height: 0 !important;
  }

  .npn-try-upload {
    padding-bottom: 8px !important;
  }

  .npn-upload-redirect {
    min-height: 78px !important;
  }

  .npn-upload-redirect strong {
    font-size: 16px !important;
  }

  .npn-upload-redirect span, .npn-upload-redirect em {
    font-size: 13px !important;
  }

  .npn-featured-block .npn-home-inner {
    display: block !important;
  }

  .npn-featured-block .npn-section-head-left {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
  }

  .npn-featured-block .npn-section-head-left h2 {
    margin-bottom: 5px !important;
    font-size: 24px !important;
  }

  .npn-featured-block .npn-section-head-left p {
    font-size: 14px !important;
    line-height: 1.4 !important;
  }

  .npn-tab-list {
    gap: 6px !important;
    padding: 8px 12px !important;
  }

  .npn-tab-list button {
    height: 28px !important;
    padding: 0 10px !important;
    font-size: 12px !important;
  }

  .npn-tab-panel-top {
    height: 42px !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    font-size: 13px !important;
  }

  .npn-slide-pause {
    height: 32px !important;
    padding: 0 12px !important;
    font-size: 12px !important;
  }

  .npn-service-swiper-wrap {
    height: clamp(280px, 54vh, 470px) !important;
  }

  .npn-footer-block .npn-home-inner {
    flex-direction: column !important;
    justify-content: center !important;
    display: flex !important;
    overflow: hidden !important;
  }

  .npn-about-cta-wrap {
    gap: 10px !important;
    max-width: 760px !important;
    margin: 10px auto 12px !important;
  }

  .npn-about h2 {
    margin-bottom: 6px !important;
    font-size: 21px !important;
  }

  .npn-about-text, .npn-cta-text {
    font-size: 13px !important;
    line-height: 1.38 !important;
  }

  .npn-cta {
    gap: 7px !important;
  }

  .npn-cta h3 {
    font-size: 18px !important;
  }

  .npn-cta a {
    height: 36px !important;
    padding: 0 18px !important;
  }

  .npn-footer {
    padding: 10px 0 !important;
    font-size: 13px !important;
  }
}

@media (min-width: 981px) and (max-width: 1500px) and (max-height: 850px) {
  :root {
    --npn-laptop-header-h: 92px;
  }

  .npn-hero-block {
    height: 100dvh !important;
    min-height: 100dvh !important;
    padding-top: 0 !important;
    overflow: hidden !important;
  }

  .npn-hero-block .npn-home-inner {
    align-items: center;
    box-sizing: border-box !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding-top: 0 !important;
    display: flex !important;
    overflow: hidden !important;
  }

  .npn-hero-grid {
    grid-template-columns: minmax(0, .88fr) minmax(420px, 1.12fr) !important;
    align-items: center !important;
    gap: 14px !important;
    width: min(1120px, 100% - 56px) !important;
    margin: 0 auto !important;
    padding: 0 0 8px !important;
  }

  .npn-hero-title {
    min-height: calc(2.02 * clamp(34px, 4.3vw, 58px)) !important;
    margin-bottom: 6px !important;
  }

  .npn-hero-title p {
    font-size: clamp(34px, 4.3vw, 58px) !important;
    line-height: 1.4 !important;
  }

  .npn-hero-subtitle {
    max-width: 500px !important;
    margin-top: 6px !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
    line-height: 1.38 !important;
  }

  .npn-hero-benefits {
    gap: 8px !important;
    margin-top: 10px !important;
  }

  .npn-hero-benefits span {
    border-radius: 9px !important;
    min-height: 34px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .npn-hero-media, .npn-video-frame {
    height: 280px;
    min-height: unset !important;
  }

  .npn-try-upload {
    width: min(1120px, 100% - 56px) !important;
    margin: 0 auto !important;
    padding: 0 0 10px !important;
  }

  .npn-try-upload h2 {
    margin: 0 0 8px !important;
    font-size: clamp(24px, 2.4vw, 32px) !important;
    line-height: 1.1 !important;
  }

  .npn-try-upload p {
    margin: 0 0 10px !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .npn-upload-redirect {
    border-radius: 14px !important;
    min-height: 78px !important;
  }

  .npn-upload-content {
    padding: 12px 18px !important;
  }

  .npn-upload-redirect strong {
    font-size: 16px !important;
    line-height: 1.25 !important;
  }

  .npn-upload-redirect span, .npn-upload-redirect em {
    font-size: 12px !important;
    line-height: 1.25 !important;
  }

  .npn-footer-block {
    padding: 0 !important;
  }
}

@media (min-width: 981px) and (max-width: 1500px) and (max-height: 740px) {
  :root {
    --npn-laptop-header-h: 82px;
  }

  .npn-hero-grid {
    grid-template-columns: minmax(0, .85fr) minmax(390px, 1fr) !important;
    gap: 12px !important;
    width: min(1060px, 100% - 60px) !important;
    padding-bottom: 30px !important;
  }

  .npn-hero-title {
    min-height: calc(2 * clamp(30px, 4vw, 50px)) !important;
  }

  .npn-hero-title p {
    font-size: clamp(30px, 4vw, 50px) !important;
  }

  .npn-hero-subtitle {
    margin-bottom: 8px !important;
    font-size: 13px !important;
  }

  .npn-hero-benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .npn-hero-benefits span {
    font-size: 13.5px !important;
  }

  .npn-try-upload {
    width: min(1060px, 100% - 60px) !important;
    padding-bottom: 6px !important;
  }

  .npn-try-upload h2 {
    margin-bottom: 5px !important;
    font-size: 24px !important;
  }

  .npn-try-upload p {
    margin-bottom: 7px !important;
    font-size: 13px !important;
  }

  .npn-upload-redirect {
    min-height: 64px !important;
  }

  .npn-upload-redirect strong {
    font-size: 15px !important;
  }

  .npn-upload-redirect span, .npn-upload-redirect em {
    font-size: 11.5px !important;
  }
}

@media (min-width: 981px) and (max-height: 540px) {
  :root {
    --npn-laptop-header-h: 64px;
  }

  .npn-hero-grid {
    grid-template-columns: minmax(0, .8fr) minmax(330px, .95fr) !important;
    gap: 8px !important;
    width: min(1100px, 100% - 70px) !important;
  }

  .npn-hero-title {
    min-height: calc(2 * clamp(24px, 3.2vw, 36px)) !important;
  }

  .npn-hero-title p {
    font-size: clamp(24px, 3.2vw, 36px) !important;
  }

  .npn-hero-subtitle {
    margin-bottom: 5px !important;
    font-size: 11.5px !important;
    line-height: 1.25 !important;
  }

  .npn-hero-benefits span {
    min-height: 24px !important;
    padding: 5px 7px !important;
    font-size: 10.5px !important;
  }

  .npn-hero-video-card, .npn-video-placeholder, .npn-hero-video-image, .npn-hero-video-el, .npn-hero-video-embed iframe, .npn-hero-video-placeholder {
    height: clamp(135px, 31vh, 205px) !important;
  }

  .npn-try-upload {
    width: min(1000px, 100% - 70px) !important;
  }

  .npn-try-upload h2 {
    font-size: 18px !important;
  }

  .npn-try-upload p {
    display: none !important;
  }

  .npn-upload-redirect {
    min-height: 44px !important;
  }

  .npn-upload-redirect span, .npn-upload-redirect em {
    display: none !important;
  }
}

.npn-profile-dot {
  position: relative;
  overflow: hidden;
}

.npn-profile-dot img {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.npn-profile-dot span {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: inline-flex;
}

.npn-contact-footer-block {
  background: radial-gradient(circle at 15% 12%, #08d5ff1f, #0000 34%), radial-gradient(circle at 88% 16%, #4f75ff1a, #0000 36%), linear-gradient(#050c1efa, #030814);
}

.npn-diy-service-block.has-inline-footer {
  padding-bottom: 78px;
}

.npn-diy-service-block.has-inline-footer > .npn-footer {
  z-index: 4;
  background: #030814eb;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (max-width: 980px) {
  .npn-diy-service-block.has-inline-footer {
    padding-bottom: 0;
  }

  .npn-diy-service-block.has-inline-footer > .npn-footer {
    margin-top: 28px;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

.npn-admin-diy-head {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  display: flex;
}

.npn-admin-diy-head h2 {
  margin: 0 0 6px;
}

.npn-admin-diy-grid {
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
  gap: 18px;
  display: grid;
}

.npn-admin-diy-card {
  overflow: hidden;
  padding: 0 !important;
}

.npn-admin-diy-thumb {
  background: linear-gradient(135deg, #ffc62924, #0f172a0f);
  place-items: center;
  height: 170px;
  display: grid;
}

.npn-admin-diy-thumb img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.npn-admin-diy-thumb span {
  color: #a16207;
  background: #fff7df;
  border-radius: 20px;
  place-items: center;
  width: 70px;
  height: 70px;
  font-weight: 900;
  display: grid;
}

.npn-admin-diy-body {
  padding: 18px;
}

.npn-admin-diy-badge {
  color: #9a6700;
  background: #fff3cd;
  border-radius: 999px;
  align-items: center;
  min-height: 24px;
  padding: 0 10px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.npn-admin-diy-badge.is-available {
  color: #166534;
  background: #dcfce7;
}

.npn-admin-diy-body h3 {
  color: #0f172a;
  margin: 12px 0 8px;
  font-size: 20px;
}

.npn-admin-diy-body p, .npn-admin-diy-body small {
  color: #64748b;
}

.npn-admin-diy-actions {
  gap: 10px;
  margin-top: 16px;
  display: flex;
}

@keyframes npnServiceTitleGradient {
  0%, 100% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }
}

@keyframes npnServiceCursorBlink {
  0%, 46% {
    opacity: 1;
  }

  47%, 100% {
    opacity: 0;
  }
}

.npn-diy-service-block {
  align-items: center;
  padding-top: 0;
}

.npn-diy-service-block .npn-home-inner {
  width: min(1180px, 100vw - 64px);
}

.npn-diy-service-block .npn-home-service-shell, .npn-diy-service-block .npn-home-service-shell.npn-diy-service-root {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.npn-diy-service-block .npn-diy-heading {
  text-align: center;
  margin: 0 0 34px;
}

.npn-diy-service-block .npn-diy-heading h1 {
  letter-spacing: -.06em;
  background: linear-gradient(90deg, #fff7df 0%, #ffd35d 22%, #7ef3ff 48%, #8d7cff 74%, #fff7df 100%) 0 0 / 240% 100%;
  color: #0000;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 26px #ffc4432e, 0 0 56px #08d5ff1a;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-family: Manrope-Extra, Manrope-Bold, Arial, sans-serif;
  font-size: clamp(42px, 5vw, 72px);
  line-height: 1;
  animation: 4.8s ease-in-out infinite npnServiceTitleGradient;
}

.npn-diy-service-block .npn-diy-heading p {
  color: #fff4d4b8;
  margin: 12px 0 0;
  font-size: 16px;
  line-height: 1.6;
}

.npn-diy-service-block .npn-service-tabs-wrap {
  grid-template-columns: 54px minmax(0, 1fr) 54px;
  align-items: center;
  gap: 18px;
  margin: 0 0 34px;
  display: grid;
  position: relative;
}

.npn-diy-service-block .npn-service-tabs-swiper {
  width: 100%;
  overflow: hidden;
}

.npn-diy-service-block .npn-service-tabs-swiper .swiper-wrapper {
  align-items: stretch;
}

.npn-diy-service-block .npn-service-tabs-swiper .swiper-slide {
  height: auto;
}

.npn-diy-service-block .npn-service-tab, .npn-diy-service-block .npn-diy-tab {
  text-align: center;
  color: #fff5dcc7;
  background: radial-gradient(circle at 50% 0, #ffc44324, #0000 58%), linear-gradient(#261e3ef0, #11122efa);
  border: 1px solid #ffc44340;
  border-radius: 22px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 132px;
  padding: 22px 14px;
  text-decoration: none;
  transition: color .24s, border-color .24s, background .24s, box-shadow .24s, transform .24s;
  display: flex;
  box-shadow: inset 0 1px #ffffff0a, 0 18px 40px #0000002e;
}

.npn-diy-service-block .npn-service-tab:hover, .npn-diy-service-block .npn-service-tab.is-active, .npn-diy-service-block .npn-diy-tab:hover, .npn-diy-service-block .npn-diy-tab.is-active {
  color: #fff;
  background: radial-gradient(circle at 18% 0, #ffc44347, #0000 48%), radial-gradient(circle at 100% 0, #7ef3ff2e, #0000 46%), linear-gradient(135deg, #563432f5, #1f1e48fa);
  border-color: #ffc443d1;
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px #ffc4431f, 0 18px 42px #00000042, 0 0 34px #ffc4432e;
}

.npn-diy-service-block .npn-service-tab-icon, .npn-diy-service-block .npn-diy-tab-icon {
  color: #ffd35d;
  background: #ffc4431f;
  border: 1px solid #ffc44357;
  border-radius: 18px;
  justify-content: center;
  align-items: center;
  width: 58px;
  height: 58px;
  display: inline-flex;
  box-shadow: 0 0 24px #ffc4431a;
}

.npn-diy-service-block .npn-service-tab-icon svg, .npn-diy-service-block .npn-diy-tab-icon svg {
  width: 28px;
  height: 28px;
  display: block;
}

.npn-diy-service-block .npn-service-tab strong, .npn-diy-service-block .npn-diy-tab strong {
  color: inherit;
  font-size: 17px;
  line-height: 1.2;
}

.npn-diy-service-block .npn-service-tab-nav {
  color: #1c1200;
  cursor: pointer;
  background: linear-gradient(135deg, #ffd35d, #ff9f1c);
  border: 1px solid #ffc4436b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  transition: transform .24s, box-shadow .24s, background .24s;
  display: inline-flex;
  box-shadow: 0 0 28px #ffc4435c, 0 14px 32px #00000047;
}

.npn-diy-service-block .npn-service-tab-nav:hover {
  background: linear-gradient(135deg, #ffe98a, #ffb02e);
  transform: scale(1.04);
  box-shadow: 0 0 38px #ffc4437a, 0 16px 36px #00000052;
}

.npn-diy-service-block .npn-service-tab-nav:active {
  transform: scale(.96);
}

.npn-diy-service-block .npn-service-tab-nav svg {
  width: 22px;
  height: 22px;
  display: block;
}

.npn-diy-service-block .npn-service-panels {
  position: relative;
}

.npn-diy-service-block .npn-service-panel, .npn-diy-service-block .npn-diy-panel {
  grid-template-columns: minmax(420px, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: 46px;
  display: none;
}

.npn-diy-service-block .npn-service-panel.is-active, .npn-diy-service-block .npn-diy-panel.is-active {
  display: grid;
}

.npn-diy-service-block .npn-service-slider-box, .npn-diy-service-block .npn-diy-slider-box {
  border-color: #ffc44338;
  order: 1;
  min-width: 0;
}

.npn-diy-service-block .npn-service-copy, .npn-diy-service-block .npn-diy-copy {
  order: 2;
  min-width: 0;
}

.npn-diy-service-block .npn-service-copy h1, .npn-diy-service-block .npn-diy-copy h1, .npn-diy-service-block .npn-service-title-text {
  letter-spacing: -.055em;
  background: linear-gradient(90deg, #fff7df, #ffd35d, #7ef3ff);
  color: #0000;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 24px #ffc4432e;
  -webkit-background-clip: text;
  background-clip: text;
  font-family: Manrope-Extra, Manrope-Bold, Arial, sans-serif;
  font-size: clamp(46px, 4.4vw, 70px);
  line-height: 1.08;
}

.npn-diy-service-block .npn-service-title-cursor {
  background: linear-gradient(#ffd35d, #7ef3ff);
  box-shadow: 0 0 16px #ffc4438c;
}

.npn-diy-service-block .npn-service-excerpt, .npn-diy-service-block .npn-diy-excerpt {
  color: #e1f1ffc7;
}

.npn-diy-service-block .npn-service-content, .npn-diy-service-block .npn-diy-content {
  color: #e1f1ffbd;
  max-height: 190px;
  overflow: hidden;
}

.npn-diy-service-block .npn-diy-badge {
  color: #2a1800;
  background: linear-gradient(135deg, #ffd35d, #ff9f1c);
  border-radius: 999px;
  align-items: center;
  width: max-content;
  min-height: 30px;
  margin-bottom: 18px;
  padding: 0 13px;
  font-size: 12px;
  display: inline-flex;
  box-shadow: 0 10px 24px #ffc4432e;
}

.npn-diy-service-block .npn-diy-badge.is-coming_soon {
  color: #ffd35d;
  background: #ffc4431f;
  border: 1px solid #ffc44357;
}

.npn-diy-service-block .npn-service-detail-swiper, .npn-diy-service-block .npn-diy-detail-swiper {
  aspect-ratio: 16 / 9;
  width: 100%;
  overflow: hidden;
  height: auto !important;
}

.npn-diy-service-block .npn-service-detail-swiper .swiper-wrapper, .npn-diy-service-block .npn-diy-detail-swiper .swiper-wrapper, .npn-diy-service-block .npn-service-detail-swiper .swiper-slide, .npn-diy-service-block .npn-diy-detail-swiper .swiper-slide {
  height: 100% !important;
}

.npn-diy-service-block .npn-service-detail-slide, .npn-diy-service-block .npn-diy-detail-slide {
  border: 1px solid #ffc44333;
  border-radius: 24px;
  width: 100%;
  height: 100%;
  line-height: 0;
  display: block;
  overflow: hidden;
  box-shadow: 0 0 28px #ffc4431f, 0 0 54px #08d5ff24;
}

.npn-diy-service-block .npn-service-detail-slide img, .npn-diy-service-block .npn-diy-detail-slide img {
  object-fit: contain;
  object-position: center;
  background: #06152f;
  width: 100%;
  display: block;
  height: 100% !important;
  max-height: none !important;
}

.npn-diy-service-block .npn-service-slider-nav {
  color: #ffd35d;
  background: #ffc4431a;
  border-color: #ffc4433d;
}

.npn-diy-service-block .npn-service-slider-nav:hover {
  background: #ffc4432e;
  box-shadow: 0 0 26px #ffc44347;
}

.npn-diy-service-block .npn-diy-empty-slide, .npn-diy-service-block .npn-service-empty-slide.npn-diy-empty-slide {
  text-align: center;
  color: #fff7dce6;
  background: #ffc44314;
  border: 1px dashed #ffc44357;
  border-radius: 28px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 360px;
  display: flex;
}

.npn-diy-service-block .npn-diy-panel-button, .npn-diy-service-block .npn-service-discover.npn-diy-panel-button {
  color: #071226;
  background: linear-gradient(135deg, #ffe66d, #ff9f1c);
  border: 1px solid #ffe26bc7;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 12px;
  min-height: 58px;
  margin-top: 24px;
  padding: 0 30px;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 0 28px #ffc4435c, 0 18px 36px #00000042;
}

@media (max-width: 1180px) {
  .npn-diy-service-block .npn-home-inner {
    width: min(100%, 100vw - 48px);
  }

  .npn-diy-service-block .npn-service-panel, .npn-diy-service-block .npn-diy-panel {
    grid-template-columns: 1fr;
    padding: 28px;
  }

  .npn-diy-service-block .npn-service-slider-box, .npn-diy-service-block .npn-diy-slider-box, .npn-diy-service-block .npn-service-copy, .npn-diy-service-block .npn-diy-copy {
    order: initial;
  }
}

@media (max-width: 720px) {
  .npn-diy-service-block .npn-home-inner {
    width: min(100%, 100vw - 28px);
  }

  .npn-diy-service-block .npn-service-tabs-wrap {
    grid-template-columns: 46px minmax(0, 1fr) 46px;
    gap: 10px;
  }

  .npn-diy-service-block .npn-service-tab {
    min-height: 112px;
  }

  .npn-diy-service-block .npn-service-copy h1, .npn-diy-service-block .npn-diy-copy h1, .npn-diy-service-block .npn-service-title-text {
    font-size: clamp(38px, 11vw, 56px);
  }

  .npn-diy-service-block .npn-service-detail-swiper, .npn-diy-service-block .npn-diy-detail-swiper {
    aspect-ratio: 16 / 9;
  }
}

#diy.npn-diy-service-block {
  background: radial-gradient(circle at 8% 12%, #1ae5cd38, #0000 34%), radial-gradient(circle at 92% 10%, #6e5aff3d, #0000 36%), radial-gradient(circle at 58% 72%, #1656be2e, #0000 44%), linear-gradient(135deg, #02161c 0%, #071738 48%, #170d38 100%) !important;
}

#diy.npn-diy-service-block:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(90deg, #10decf0f, #0000 42%, #7b5bff14), radial-gradient(circle at 50% 0, #53e3ff1a, #0000 45%);
  position: absolute;
  inset: 0;
}

#diy.npn-diy-service-block .npn-home-inner, #diy.npn-diy-service-block .npn-home-service-shell {
  z-index: 2;
  position: relative;
}

#diy.npn-diy-service-block .npn-service-tab, #diy.npn-diy-service-block .npn-diy-tab {
  color: #e2f4ffd1 !important;
  background: radial-gradient(circle at 50% 0, #3ad2ff26, #0000 60%), linear-gradient(160deg, #092549fa 0%, #09193dfa 48%, #160e39fa 100%) !important;
  border-color: #49e3da47 !important;
  box-shadow: inset 0 1px #ffffff0f, 0 18px 42px #00000038, 0 0 0 1px #49e3da0d !important;
}

#diy.npn-diy-service-block .npn-service-tab:hover, #diy.npn-diy-service-block .npn-service-tab.is-active, #diy.npn-diy-service-block .npn-diy-tab:hover, #diy.npn-diy-service-block .npn-diy-tab.is-active {
  color: #fff !important;
  background: radial-gradient(circle at 18% 0, #58ebe26b, #0000 46%), radial-gradient(circle at 100% 10%, #7572ff57, #0000 48%), linear-gradient(135deg, #127284fa 0%, #1c4aa0f5 52%, #2f1d77fa 100%) !important;
  border-color: #64ebe5c7 !important;
  box-shadow: 0 0 0 1px #63ebe526, 0 22px 48px #0000004d, 0 0 34px #35e5df38, 0 0 46px #6867ff29 !important;
}

#diy.npn-diy-service-block .npn-service-tab-icon, #diy.npn-diy-service-block .npn-diy-tab-icon {
  color: #5ff8ef !important;
  background: radial-gradient(circle at 35% 20%, #5ff8ef3d, #0000 58%), #1c447a8f !important;
  border-color: #5df5ec75 !important;
  box-shadow: 0 0 22px #3de6de33, inset 0 1px #ffffff14 !important;
}

#diy.npn-diy-service-block .npn-service-tab-nav {
  color: #03101d !important;
  background: linear-gradient(135deg, #50f0e6 0%, #4fb7ff 52%, #8478ff 100%) !important;
  border-color: #6aefe8b8 !important;
  box-shadow: 0 0 26px #47e5de57, 0 16px 36px #0000004d !important;
}

#diy.npn-diy-service-block .npn-service-tab-nav:hover {
  background: linear-gradient(135deg, #79fff7 0%, #68c6ff 50%, #9a8cff 100%) !important;
  box-shadow: 0 0 36px #61f5ed70, 0 18px 40px #00000057 !important;
}

#diy.npn-diy-service-block .npn-service-copy h1, #diy.npn-diy-service-block .npn-diy-copy h1, #diy.npn-diy-service-block .npn-service-title-text {
  background: linear-gradient(90deg, #b7fff9 0%, #50e7ff 34%, #78a8ff 67%, #c2b7ff 100%) !important;
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 0 24px #50e7ff2e, 0 0 46px #7f76ff29 !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

#diy.npn-diy-service-block .npn-service-title-cursor {
  background: linear-gradient(#5ff8ef, #8478ff) !important;
  box-shadow: 0 0 16px #5ff8ef80 !important;
}

#diy.npn-diy-service-block .npn-service-content, #diy.npn-diy-service-block .npn-diy-content, #diy.npn-diy-service-block .npn-service-excerpt, #diy.npn-diy-service-block .npn-diy-excerpt {
  color: #d9ecffc2 !important;
}

#diy.npn-diy-service-block .npn-service-slider-box, #diy.npn-diy-service-block .npn-diy-slider-box {
  border-color: #5af4eb42 !important;
}

#diy.npn-diy-service-block .npn-service-detail-slide, #diy.npn-diy-service-block .npn-diy-detail-slide {
  border-color: #58ebe257 !important;
  box-shadow: 0 0 32px #3ce8de38, 0 0 68px #6169ff29 !important;
}

#diy.npn-diy-service-block .npn-service-slider-nav {
  color: #5ff8ef !important;
  background: #256d8e57 !important;
  border-color: #5ff8ef57 !important;
  box-shadow: 0 0 22px #4ae5df29 !important;
}

#diy.npn-diy-service-block .npn-service-slider-nav:hover {
  background: #3a8fb475 !important;
  box-shadow: 0 0 28px #59f3eb42 !important;
}

#diy.npn-diy-service-block .npn-diy-panel-button, #diy.npn-diy-service-block .npn-service-discover.npn-diy-panel-button {
  color: #03101d !important;
  background: linear-gradient(135deg, #5ff8ef 0%, #4db9ff 55%, #8478ff 100%) !important;
  border-color: #74f6efb8 !important;
  box-shadow: 0 0 28px #49ebe24d, 0 18px 38px #00000047 !important;
}

#diy.npn-diy-service-block .npn-diy-badge {
  color: #03101d !important;
  background: linear-gradient(135deg, #5ff8ef, #76a9ff) !important;
  box-shadow: 0 10px 24px #4ee5de2e !important;
}

#diy.npn-diy-service-block .npn-diy-badge.is-coming_soon {
  color: #84fff7 !important;
  background: #5ff8ef1a !important;
  border-color: #5ff8ef5c !important;
}

body.npn-contact-page-body {
  color: #eef6ff;
  background: #020817;
  min-height: 100vh;
}

.npn-contact-page-shell {
  background: radial-gradient(circle at 14% 8%, #08d5ff33, #0000 31%), radial-gradient(circle at 88% 16%, #5369ff2e, #0000 31%), radial-gradient(circle at 50% 100%, #08d5ff1a, #0000 34%), linear-gradient(#08101f 0%, #050a17 44%, #020817 100%);
  min-height: 100vh;
  overflow: hidden;
}

.npn-contact-page-main {
  z-index: 1;
  position: relative;
}

.npn-contact-container {
  width: min(1180px, 100% - 42px);
  margin: 0 auto;
}

.npn-contact-hero {
  align-items: center;
  min-height: 650px;
  padding: 92px 0 74px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-contact-gridline {
  opacity: .14;
  pointer-events: none;
  background-image: linear-gradient(#6fe7ff2e 1px, #0000 1px), linear-gradient(90deg, #6fe7ff29 1px, #0000 1px);
  background-size: 68px 68px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 35%, #000 0%, #0000 70%);
  mask-image: radial-gradient(circle at 50% 35%, #000 0%, #0000 70%);
}

.npn-contact-orb {
  filter: blur(3px);
  pointer-events: none;
  border-radius: 999px;
  display: block;
  position: absolute;
}

.npn-contact-orb-one {
  background: radial-gradient(circle, #08d5ff47, #0000 68%);
  width: 340px;
  height: 340px;
  animation: 8s ease-in-out infinite npnContactFloat;
  top: 120px;
  left: -130px;
}

.npn-contact-orb-two {
  background: radial-gradient(circle, #4062ff3d, #0000 70%);
  width: 440px;
  height: 440px;
  animation: 10s ease-in-out infinite reverse npnContactFloat;
  top: 40px;
  right: -160px;
}

.npn-contact-hero-grid {
  z-index: 2;
  grid-template-columns: minmax(0, 1.02fr) minmax(380px, .82fr);
  align-items: center;
  gap: 58px;
  display: grid;
  position: relative;
}

.npn-contact-hero-copy, .npn-contact-visual, .npn-contact-info-panel, .npn-contact-form-panel {
  animation: .72s both npnContactRise;
}

.npn-contact-visual {
  animation-delay: .12s;
}

.npn-contact-info-panel {
  animation-delay: .18s;
}

.npn-contact-form-panel {
  animation-delay: .26s;
}

.npn-contact-kicker, .npn-contact-section-label {
  color: #7df4ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #08d5ff1a;
  border: 1px solid #70e8ff38;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  width: fit-content;
  padding: 8px 13px;
  font-family: Manrope-SemiBold;
  font-size: 12px;
  display: inline-flex;
  box-shadow: inset 0 0 24px #08d5ff0d;
}

.npn-contact-kicker:before, .npn-contact-section-label:before {
  content: "";
  background: #1ee8ff;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 16px #1ee8ffe0;
}

.npn-contact-hero h1 {
  color: #fff;
  letter-spacing: -.07em;
  text-shadow: 0 0 34px #08d5ff29;
  max-width: 760px;
  margin: 22px 0 20px;
  font-family: Manrope-Extra;
  font-size: clamp(44px, 6vw, 78px);
  line-height: .98;
}

.npn-contact-hero-copy p {
  color: #deecffc7;
  max-width: 680px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
}

.npn-contact-hero-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 30px;
  display: flex;
}

.npn-contact-primary-link, .npn-contact-secondary-link, .npn-contact-submit-btn {
  color: #041223;
  background: linear-gradient(135deg, #41f2ff 0%, #10c6ff 48%, #3378ff 100%);
  border: 1px solid #70e8ff61;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  font-family: Manrope-Bold;
  transition: transform .22s, box-shadow .22s, filter .22s;
  display: inline-flex;
  box-shadow: 0 0 26px #08d5ff47, 0 16px 34px #0000003d, inset 0 1px #ffffff6b;
}

.npn-contact-primary-link {
  padding: 0 22px;
}

.npn-contact-primary-link svg, .npn-contact-submit-btn svg {
  width: 20px;
  height: 20px;
  transition: transform .22s;
}

.npn-contact-primary-link:hover, .npn-contact-submit-btn:hover {
  filter: saturate(1.08);
  transform: translateY(-2px);
  box-shadow: 0 0 38px #08d5ff6b, 0 20px 40px #00000047, inset 0 1px #ffffff85;
}

.npn-contact-primary-link:hover svg, .npn-contact-submit-btn:hover svg {
  transform: translateX(3px);
}

.npn-contact-secondary-link {
  color: #dffaff;
  background: #101c3ab8;
  border-color: #799bff42;
  padding: 0 20px;
  box-shadow: inset 0 0 0 1px #ffffff0a;
}

.npn-contact-secondary-link:hover {
  border-color: #70e8ff7a;
  transform: translateY(-2px);
  box-shadow: 0 18px 34px #00000038, 0 0 24px #08d5ff1f;
}

.npn-contact-hero-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  max-width: 650px;
  margin-top: 34px;
  display: grid;
}

.npn-contact-hero-metrics div {
  background: #0e1b3ba8;
  border: 1px solid #70e8ff29;
  border-radius: 22px;
  min-height: 94px;
  padding: 16px;
  box-shadow: inset 0 0 24px #08d5ff0a;
}

.npn-contact-hero-metrics strong {
  color: #fff;
  font-family: Manrope-Extra;
  font-size: 28px;
  line-height: 1;
  display: block;
}

.npn-contact-hero-metrics span {
  color: #dae8ffab;
  margin-top: 9px;
  font-size: 13px;
  display: block;
}

.npn-contact-visual {
  position: relative;
}

.npn-contact-visual:before {
  content: "";
  filter: blur(22px);
  background: linear-gradient(135deg, #08d5ff29, #2b5fff0d);
  border-radius: 36px;
  position: absolute;
  inset: 36px -20px -20px 30px;
}

.npn-contact-visual-card {
  background: linear-gradient(#192c57d1, #081026eb), radial-gradient(circle at 20% 10%, #08d5ff38, #0000 40%);
  border: 1px solid #70e8ff3d;
  border-radius: 34px;
  min-height: 450px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 80px #0000006b, inset 0 0 0 1px #ffffff0a, inset 0 0 70px #08d5ff0f;
}

.npn-contact-visual-top {
  gap: 8px;
  margin-bottom: 22px;
  display: flex;
}

.npn-contact-visual-top span {
  background: #879fd6cc;
  border-radius: 50%;
  width: 11px;
  height: 11px;
}

.npn-contact-visual-top span:first-child {
  background: #27e6ff;
  box-shadow: 0 0 16px #27e6ffa8;
}

.npn-contact-production-flow {
  z-index: 2;
  gap: 12px;
  display: grid;
  position: relative;
}

.npn-contact-production-flow div {
  background: #07122bb3;
  border: 1px solid #70e8ff1f;
  border-radius: 22px;
  grid-template-columns: 42px 1fr;
  grid-template-areas: "num title"
                       "num meta";
  align-items: center;
  column-gap: 13px;
  min-height: 76px;
  padding: 15px 16px;
  transition: transform .22s, border-color .22s, background .22s;
  display: grid;
  position: relative;
}

.npn-contact-production-flow div:hover, .npn-contact-production-flow div.is-active {
  background: #08d5ff1a;
  border-color: #70e8ff61;
  transform: translateX(-5px);
}

.npn-contact-production-flow small {
  color: #07162b;
  background: linear-gradient(135deg, #7df4ff, #3b82ff);
  border-radius: 15px;
  grid-area: num;
  place-items: center;
  width: 42px;
  height: 42px;
  font-family: Manrope-Extra;
  display: grid;
  box-shadow: 0 0 22px #08d5ff38;
}

.npn-contact-production-flow strong {
  color: #fff;
  grid-area: title;
  font-family: Manrope-Bold;
  font-size: 16px;
}

.npn-contact-production-flow em {
  color: #dae8ff94;
  grid-area: meta;
  margin-top: 4px;
  font-size: 13px;
  font-style: normal;
}

.npn-contact-pulse-map {
  background: radial-gradient(circle, #08d5ff24, #0000 62%);
  border: 1px solid #70e8ff24;
  border-radius: 50%;
  width: 250px;
  height: 250px;
  position: absolute;
  bottom: -64px;
  right: -54px;
}

.npn-contact-pulse-map span {
  border-radius: inherit;
  border: 1px solid #70e8ff4d;
  animation: 2.8s ease-out infinite npnContactPulse;
  position: absolute;
  inset: 28px;
}

.npn-contact-pulse-map span:nth-child(2) {
  animation-delay: .32s;
  inset: 64px;
}

.npn-contact-pulse-map span:nth-child(3) {
  background: #1ee8ff;
  animation-delay: .64s;
  inset: 100px;
  box-shadow: 0 0 30px #1ee8ffb8;
}

.npn-contact-content-section {
  padding: 90px 0 92px;
  position: relative;
}

.npn-contact-main-grid {
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: 26px;
  display: grid;
}

.npn-contact-info-panel, .npn-contact-form-panel {
  background: linear-gradient(#122348d1, #060f24eb);
  border: 1px solid #70e8ff2e;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 80px #00000054, inset 0 0 0 1px #ffffff0a;
}

.npn-contact-info-panel:before, .npn-contact-form-panel:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at var(--npn-contact-x, 50%) var(--npn-contact-y, 0%),
    #08d5ff24,
    transparent 36%);
  opacity: 0;
  transition: opacity .22s;
  position: absolute;
  inset: 0;
}

.npn-contact-info-panel:hover:before, .npn-contact-form-panel:hover:before {
  opacity: 1;
}

.npn-contact-info-panel {
  padding: 28px;
  position: sticky;
  top: 104px;
}

.npn-contact-info-panel h2, .npn-contact-form-head h2 {
  z-index: 2;
  color: #fff;
  letter-spacing: -.045em;
  margin: 16px 0 10px;
  font-family: Manrope-Extra;
  font-size: 30px;
  line-height: 1.08;
  position: relative;
}

.npn-contact-info-panel p, .npn-contact-form-head p {
  z-index: 2;
  color: #dae8ffa8;
  margin: 0;
  line-height: 1.65;
  position: relative;
}

.npn-contact-card-list {
  z-index: 2;
  gap: 12px;
  margin-top: 24px;
  display: grid;
  position: relative;
}

.npn-contact-info-card {
  background: #08122bad;
  border: 1px solid #70e8ff1f;
  border-radius: 22px;
  grid-template-columns: 48px 1fr;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 14px;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s;
  display: grid;
}

.npn-contact-info-card:hover {
  background: #08d5ff1a;
  border-color: #70e8ff61;
  transform: translateY(-3px);
  box-shadow: 0 18px 30px #00000038;
}

.npn-contact-info-card > span {
  color: #051529;
  background: linear-gradient(135deg, #7df4ff, #3b82ff);
  border-radius: 17px;
  place-items: center;
  width: 48px;
  height: 48px;
  display: grid;
  box-shadow: 0 0 22px #08d5ff3d;
}

.npn-contact-info-card svg {
  width: 22px;
  height: 22px;
}

.npn-contact-info-card small, .npn-contact-form-panel label span {
  color: #dae8ff94;
  margin-bottom: 6px;
  font-family: Manrope-SemiBold;
  font-size: 12px;
  display: block;
}

.npn-contact-info-card strong {
  color: #fff;
  overflow-wrap: anywhere;
  font-family: Manrope-Bold;
  font-size: 14px;
  line-height: 1.35;
  display: block;
}

.npn-contact-socials {
  z-index: 2;
  border-top: 1px solid #70e8ff1f;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 24px;
  padding-top: 20px;
  display: flex;
  position: relative;
}

.npn-contact-socials a {
  color: #dffaff;
  background: #091430b8;
  border: 1px solid #70e8ff2e;
  border-radius: 15px;
  place-items: center;
  width: 42px;
  height: 42px;
  transition: transform .22s, color .22s, border-color .22s, background .22s;
  display: grid;
}

.npn-contact-socials a:hover {
  color: #041223;
  background: #39e9ff;
  border-color: #70e8ff80;
  transform: translateY(-3px)rotate(-2deg);
}

.npn-contact-socials svg {
  width: 20px;
  height: 20px;
}

.npn-contact-form-panel {
  padding: 30px;
}

.npn-contact-form-head {
  z-index: 2;
  margin-bottom: 24px;
  position: relative;
}

.npn-contact-page-form {
  z-index: 2;
  gap: 16px;
  display: grid;
  position: relative;
}

.npn-hp-field {
  opacity: 0 !important;
  pointer-events: none !important;
  width: 1px !important;
  height: 1px !important;
  position: absolute !important;
  left: -9999px !important;
}

.npn-contact-field-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.npn-contact-form-panel label {
  display: block;
}

.npn-contact-form-panel input, .npn-contact-form-panel select, .npn-contact-form-panel textarea {
  color: #fff;
  width: 100%;
  min-height: 54px;
  font: inherit;
  background: #071128c7;
  border: 1px solid #70e8ff2e;
  border-radius: 17px;
  outline: none;
  padding: 0 16px;
  transition: border-color .22s, box-shadow .22s, background .22s;
  box-shadow: inset 0 0 0 1px #ffffff06;
}

.npn-contact-form-panel select {
  appearance: none;
  background-image: linear-gradient(45deg, #0000 50%, #bef4ffd1 50%), linear-gradient(135deg, #bef4ffd1 50%, #0000 50%);
  background-position: calc(100% - 20px) 24px, calc(100% - 14px) 24px;
  background-repeat: no-repeat;
  background-size: 6px 6px, 6px 6px;
  padding-right: 42px;
}

.npn-contact-form-panel select option {
  color: #07162b;
}

.npn-contact-form-panel textarea {
  resize: vertical;
  min-height: 150px;
  padding: 15px 16px;
  line-height: 1.6;
}

.npn-contact-form-panel input::placeholder, .npn-contact-form-panel textarea::placeholder {
  color: #dae8ff61;
}

.npn-contact-form-panel input:focus, .npn-contact-form-panel select:focus, .npn-contact-form-panel textarea:focus {
  background: #081432f0;
  border-color: #70e8ff8f;
  box-shadow: 0 0 0 4px #08d5ff1a, inset 0 0 0 1px #ffffff0a;
}

.npn-contact-submit-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-top: 4px;
  display: flex;
}

.npn-contact-submit-btn {
  cursor: pointer;
  border: 0;
  min-width: 184px;
  padding: 0 22px;
}

.npn-contact-submit-btn.is-loading {
  pointer-events: none;
  opacity: .72;
}

.npn-contact-submit-btn.is-loading span:after {
  content: "...";
}

.npn-contact-submit-row p {
  color: #dae8ff80;
  text-align: right;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.npn-contact-form-message {
  border-radius: 16px;
  min-height: 0;
  margin-top: 2px;
  font-family: Manrope-SemiBold;
  font-size: 13px;
  line-height: 1.45;
}

.npn-contact-form-message:not(:empty) {
  color: #c8fbff;
  background: #08d5ff14;
  border: 1px solid #70e8ff2e;
  padding: 12px 14px;
}

.npn-contact-form-message.is-error:not(:empty) {
  color: #ffd5df;
  background: #ff48771a;
  border-color: #ff708e57;
}

.npn-contact-form-message.is-success:not(:empty) {
  color: #c9fff1;
  background: #48ffcd17;
  border-color: #48ffcd4d;
}

@keyframes npnContactRise {
  from {
    opacity: 0;
    transform: translateY(24px)scale(.985);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes npnContactFloat {
  0%, 100% {
    transform: translate3d(0, 0, 0)scale(1);
  }

  50% {
    transform: translate3d(18px, -22px, 0)scale(1.06);
  }
}

@keyframes npnContactPulse {
  0% {
    opacity: .82;
    transform: scale(.82);
  }

  100% {
    opacity: 0;
    transform: scale(1.42);
  }
}

@media (max-width: 1080px) {
  .npn-contact-hero {
    min-height: auto;
    padding: 72px 0 58px;
  }

  .npn-contact-hero-grid, .npn-contact-main-grid {
    grid-template-columns: 1fr;
  }

  .npn-contact-visual-card {
    min-height: 390px;
  }

  .npn-contact-info-panel {
    position: relative;
    top: auto;
  }
}

@media (max-width: 760px) {
  .npn-contact-container {
    width: min(100% - 28px, 1180px);
  }

  .npn-contact-hero {
    padding: 50px 0 42px;
  }

  .npn-contact-hero h1 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .npn-contact-hero-copy p {
    font-size: 15px;
  }

  .npn-contact-hero-actions, .npn-contact-submit-row {
    flex-direction: column;
    align-items: stretch;
  }

  .npn-contact-primary-link, .npn-contact-secondary-link, .npn-contact-submit-btn {
    width: 100%;
  }

  .npn-contact-hero-metrics, .npn-contact-field-grid {
    grid-template-columns: 1fr;
  }

  .npn-contact-visual-card {
    border-radius: 26px;
    min-height: 330px;
    padding: 16px;
  }

  .npn-contact-production-flow div {
    min-height: 70px;
  }

  .npn-contact-info-panel, .npn-contact-form-panel {
    border-radius: 26px;
    padding: 20px;
  }

  .npn-contact-submit-row p {
    text-align: left;
  }
}

@media (prefers-reduced-motion: reduce) {
  .npn-contact-hero-copy, .npn-contact-visual, .npn-contact-info-panel, .npn-contact-form-panel, .npn-contact-orb, .npn-contact-pulse-map span {
    animation: none !important;
  }
}

.npn-contact-page-editor-section {
  z-index: 3;
  padding: 90px 0 28px;
  position: relative;
}

.npn-contact-page-editor-section + .npn-contact-content-section {
  padding-top: 0;
}

.npn-contact-page-editor-content {
  color: #ecf6ffd1;
  background: linear-gradient(135deg, #091a3ac7, #071027e0);
  border: 1px solid #70e8ff29;
  border-radius: 30px;
  padding: clamp(24px, 4vw, 42px);
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 70px #00000038, inset 0 1px #ffffff0a;
}

.npn-contact-page-editor-content:before {
  content: "";
  pointer-events: none;
  background: radial-gradient(circle at 16% 0, #08d5ff1f, #0000 34%), radial-gradient(circle at 86% 100%, #ffc91f17, #0000 32%);
  position: absolute;
  inset: 0;
}

.npn-contact-page-editor-content > * {
  z-index: 1;
  position: relative;
}

.npn-contact-page-editor-content h2, .npn-contact-page-editor-content h3, .npn-contact-page-editor-content h4 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 0 0 14px;
  font-family: Manrope-ExtraBold;
}

.npn-contact-page-editor-content p, .npn-contact-page-editor-content ul, .npn-contact-page-editor-content ol {
  margin-top: 0;
  line-height: 1.75;
}

.npn-contact-page-editor-content a {
  color: #5df2ff;
  font-family: Manrope-SemiBold;
}

@media (max-width: 760px) {
  .npn-contact-page-editor-content {
    border-radius: 24px;
  }
}

body.npn-faq-page-body {
  color: #eef6ff;
  background: #020817;
  min-height: 100vh;
}

.npn-faq-page-shell {
  background: radial-gradient(circle at 12% 12%, #08d5ff33, #0000 31%), radial-gradient(circle at 88% 18%, #ffc91f24, #0000 28%), radial-gradient(circle at 50% 100%, #5369ff1c, #0000 36%), linear-gradient(#08101f 0%, #050a17 44%, #020817 100%);
  min-height: 100vh;
  overflow: hidden;
}

.npn-faq-page-main {
  z-index: 1;
  position: relative;
}

.npn-faq-hero {
  align-items: center;
  min-height: 620px;
  padding: 92px 0 68px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-faq-gridline {
  opacity: .13;
  pointer-events: none;
  background-image: linear-gradient(#6fe7ff2e 1px, #0000 1px), linear-gradient(90deg, #6fe7ff26 1px, #0000 1px);
  background-size: 70px 70px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 32%, #000 0%, #0000 70%);
  mask-image: radial-gradient(circle at 50% 32%, #000 0%, #0000 70%);
}

.npn-faq-orb {
  pointer-events: none;
  filter: blur(3px);
  border-radius: 999px;
  display: block;
  position: absolute;
}

.npn-faq-orb-one {
  background: radial-gradient(circle, #08d5ff47, #0000 68%);
  width: 360px;
  height: 360px;
  animation: 8s ease-in-out infinite npnContactFloat;
  top: 90px;
  left: -140px;
}

.npn-faq-orb-two {
  background: radial-gradient(circle, #ffc91f2e, #0000 70%);
  width: 460px;
  height: 460px;
  animation: 10s ease-in-out infinite reverse npnContactFloat;
  top: 30px;
  right: -170px;
}

.npn-faq-hero-grid {
  z-index: 2;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr);
  align-items: center;
  gap: 58px;
  display: grid;
  position: relative;
}

.npn-faq-hero-copy, .npn-faq-visual-card, .npn-faq-section-head, .npn-faq-accordion, .npn-faq-cta-card {
  animation: .72s both npnContactRise;
}

.npn-faq-visual-card {
  animation-delay: .12s;
}

.npn-faq-hero-copy h1 {
  color: #fff;
  letter-spacing: -.07em;
  text-shadow: 0 0 34px #08d5ff29;
  max-width: 820px;
  margin: 22px 0 20px;
  font-family: Manrope-Extra;
  font-size: clamp(44px, 6vw, 78px);
  line-height: .98;
}

.npn-faq-hero-copy p {
  color: #deecffc7;
  max-width: 700px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
}

.npn-faq-visual-card {
  background: radial-gradient(circle at 20% 10%, #08d5ff33, #0000 38%), linear-gradient(#182b57d6, #071027f0);
  border: 1px solid #70e8ff3d;
  border-radius: 34px;
  min-height: 420px;
  padding: 28px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 80px #0000006b, inset 0 0 0 1px #ffffff0a, inset 0 0 70px #08d5ff0f;
}

.npn-faq-visual-card:before {
  content: "";
  background: radial-gradient(circle, #08d5ff29, #0000 65%);
  border: 1px solid #70e8ff2e;
  border-radius: 50%;
  width: 220px;
  height: 220px;
  position: absolute;
  bottom: -84px;
  right: -76px;
}

.npn-faq-visual-card > span {
  color: #7df4ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #08d5ff1a;
  border: 1px solid #70e8ff33;
  border-radius: 999px;
  padding: 8px 12px;
  font-family: Manrope-SemiBold;
  font-size: 12px;
  display: inline-flex;
}

.npn-faq-visual-card h2 {
  z-index: 1;
  color: #fff;
  letter-spacing: -.045em;
  margin: 18px 0 12px;
  font-family: Manrope-Extra;
  font-size: 32px;
  line-height: 1.05;
  position: relative;
}

.npn-faq-visual-card p {
  z-index: 1;
  color: #dae8ffad;
  margin: 0;
  line-height: 1.65;
  position: relative;
}

.npn-faq-visual-stack {
  z-index: 2;
  gap: 12px;
  margin-top: 24px;
  display: grid;
  position: relative;
}

.npn-faq-visual-stack div {
  background: #06112ab8;
  border: 1px solid #70e8ff21;
  border-radius: 20px;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 68px;
  padding: 13px 14px;
  transition: transform .22s, border-color .22s, background .22s;
  display: grid;
}

.npn-faq-visual-stack div:hover {
  background: #08d5ff1a;
  border-color: #70e8ff5c;
  transform: translateX(-5px);
}

.npn-faq-visual-stack small {
  color: #07162b;
  background: linear-gradient(135deg, #7df4ff, #3b82ff);
  border-radius: 15px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-family: Manrope-Extra;
  display: grid;
}

.npn-faq-visual-stack strong {
  color: #fff;
  font-family: Manrope-Bold;
  line-height: 1.35;
}

.npn-faq-visual-count {
  z-index: 2;
  background: #08122bc7;
  border: 1px solid #70e8ff38;
  border-radius: 28px;
  place-items: center;
  width: 96px;
  height: 96px;
  display: grid;
  position: absolute;
  bottom: 22px;
  right: 22px;
  box-shadow: 0 20px 42px #00000047, inset 0 0 32px #08d5ff12;
}

.npn-faq-visual-count strong {
  color: #fff;
  font-family: Manrope-Extra;
  font-size: 34px;
  line-height: 1;
}

.npn-faq-visual-count span {
  color: #dae8ff94;
  margin-top: -16px;
  font-size: 12px;
}

.npn-faq-list-section {
  z-index: 2;
  padding: 8px 0 50px;
  position: relative;
}

.npn-faq-section-grid {
  grid-template-columns: minmax(280px, .78fr) minmax(0, 1.22fr);
  align-items: start;
  gap: 26px;
  display: grid;
}

.npn-faq-section-head, .npn-faq-accordion, .npn-faq-cta-card {
  background: linear-gradient(#122348d1, #060f24eb);
  border: 1px solid #70e8ff2e;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 80px #00000052, inset 0 0 0 1px #ffffff0a;
}

.npn-faq-section-head {
  padding: 28px;
  position: sticky;
  top: 104px;
}

.npn-faq-section-head h2, .npn-faq-cta-card h2 {
  color: #fff;
  letter-spacing: -.045em;
  margin: 16px 0 10px;
  font-family: Manrope-Extra;
  font-size: 32px;
  line-height: 1.08;
}

.npn-faq-section-head p, .npn-faq-cta-card p {
  color: #dae8ffa8;
  margin: 0;
  line-height: 1.65;
}

.npn-faq-search-box {
  color: #dae8ffb8;
  background: #071128c7;
  border: 1px solid #70e8ff2e;
  border-radius: 18px;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  margin-top: 24px;
  padding: 0 16px;
  transition: border-color .22s, box-shadow .22s, background .22s;
  display: grid;
}

.npn-faq-search-box:focus-within {
  background: #081432f0;
  border-color: #70e8ff8f;
  box-shadow: 0 0 0 4px #08d5ff1a;
}

.npn-faq-search-box svg {
  width: 20px;
  height: 20px;
}

.npn-faq-search-box input {
  color: #fff;
  width: 100%;
  min-height: 52px;
  font: inherit;
  background: none;
  border: 0;
  outline: none;
}

.npn-faq-search-box input::placeholder {
  color: #dae8ff61;
}

.npn-faq-accordion {
  gap: 12px;
  padding: 16px;
  display: grid;
}

.npn-faq-item {
  background: #08122bad;
  border: 1px solid #70e8ff1f;
  border-radius: 24px;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s;
  overflow: hidden;
}

.npn-faq-item:hover, .npn-faq-item.is-open {
  background: #08d5ff14;
  border-color: #70e8ff61;
  box-shadow: 0 18px 34px #0000002e;
}

.npn-faq-question {
  cursor: pointer;
  text-align: left;
  color: #fff;
  background: none;
  border: 0;
  grid-template-columns: 48px 1fr 42px;
  align-items: center;
  gap: 14px;
  width: 100%;
  min-height: 82px;
  padding: 16px;
  display: grid;
}

.npn-faq-question span {
  color: #051529;
  background: linear-gradient(135deg, #7df4ff, #3b82ff);
  border-radius: 17px;
  place-items: center;
  width: 48px;
  height: 48px;
  font-family: Manrope-Extra;
  display: grid;
  box-shadow: 0 0 22px #08d5ff3d;
}

.npn-faq-question strong {
  font-family: Manrope-Bold;
  font-size: 17px;
  line-height: 1.35;
}

.npn-faq-question em {
  background: #091430b8;
  border: 1px solid #70e8ff2e;
  border-radius: 15px;
  width: 42px;
  height: 42px;
  position: relative;
}

.npn-faq-question em:before, .npn-faq-question em:after {
  content: "";
  background: #dffaff;
  border-radius: 2px;
  width: 16px;
  height: 2px;
  transition: transform .22s, opacity .22s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.npn-faq-question em:after {
  transform: translate(-50%, -50%)rotate(90deg);
}

.npn-faq-item.is-open .npn-faq-question em:after {
  opacity: 0;
  transform: translate(-50%, -50%)rotate(0);
}

.npn-faq-answer {
  grid-template-rows: 0fr;
  transition: grid-template-rows .28s;
  display: grid;
}

.npn-faq-answer > p {
  color: #dae8ffb3;
  margin: 0;
  padding: 0 76px 0 78px;
  line-height: 1.72;
  transition: padding .28s;
  overflow: hidden;
}

.npn-faq-item.is-open .npn-faq-answer {
  grid-template-rows: 1fr;
}

.npn-faq-item.is-open .npn-faq-answer > p {
  padding-bottom: 22px;
}

.npn-faq-item.is-filtered-out {
  display: none;
}

.npn-faq-empty {
  color: #ffe99c;
  background: #ffc91f14;
  border: 1px solid #ffc91f33;
  border-radius: 22px;
  padding: 22px;
  font-family: Manrope-SemiBold;
  display: none;
}

.npn-faq-empty.is-visible {
  display: block;
}

.npn-faq-cta-section {
  padding: 16px 0 92px;
}

.npn-faq-cta-card {
  background: radial-gradient(circle at 12% 0, #08d5ff24, #0000 34%), radial-gradient(circle at 88% 100%, #ffc91f17, #0000 32%), linear-gradient(135deg, #091a3ad6, #071027f0);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: clamp(24px, 4vw, 42px);
  display: flex;
}

.npn-faq-cta-card > div {
  max-width: 740px;
}

.npn-faq-cta-card .npn-contact-primary-link {
  flex: none;
}

@media (max-width: 1080px) {
  .npn-faq-hero {
    min-height: auto;
    padding: 72px 0 58px;
  }

  .npn-faq-hero-grid, .npn-faq-section-grid {
    grid-template-columns: 1fr;
  }

  .npn-faq-section-head {
    position: relative;
    top: auto;
  }
}

@media (max-width: 760px) {
  .npn-faq-hero {
    padding: 50px 0 42px;
  }

  .npn-faq-hero-copy h1 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .npn-faq-hero-copy p {
    font-size: 15px;
  }

  .npn-faq-visual-card, .npn-faq-section-head, .npn-faq-accordion, .npn-faq-cta-card {
    border-radius: 26px;
  }

  .npn-faq-visual-card, .npn-faq-section-head {
    padding: 20px;
  }

  .npn-faq-question {
    grid-template-columns: 42px 1fr 38px;
    min-height: 74px;
    padding: 14px;
  }

  .npn-faq-question span {
    border-radius: 15px;
    width: 42px;
    height: 42px;
  }

  .npn-faq-question strong {
    font-size: 15px;
  }

  .npn-faq-question em {
    width: 38px;
    height: 38px;
  }

  .npn-faq-answer > p {
    padding-left: 14px;
    padding-right: 14px;
  }

  .npn-faq-cta-card {
    flex-direction: column;
    align-items: stretch;
    padding: 22px;
  }

  .npn-faq-cta-card .npn-contact-primary-link {
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .npn-faq-hero-copy, .npn-faq-visual-card, .npn-faq-section-head, .npn-faq-accordion, .npn-faq-cta-card, .npn-faq-orb {
    animation: none !important;
  }
}

body.npn-newsroom-page-body {
  color: #eef6ff;
  background: #020817;
  min-height: 100vh;
}

.npn-newsroom-page-shell {
  background: radial-gradient(circle at 12% 9%, #08d5ff38, #0000 31%), radial-gradient(circle at 84% 16%, #ffc91f26, #0000 28%), radial-gradient(circle at 52% 100%, #5074ff21, #0000 38%), linear-gradient(#07101f 0%, #050a17 44%, #020817 100%);
  min-height: 100vh;
  overflow: hidden;
}

.npn-newsroom-page-main {
  z-index: 1;
  position: relative;
}

.npn-newsroom-hero {
  align-items: center;
  min-height: 640px;
  padding: 96px 0 70px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-newsroom-gridline {
  opacity: .14;
  pointer-events: none;
  background-image: linear-gradient(#6fe7ff2e 1px, #0000 1px), linear-gradient(90deg, #6fe7ff29 1px, #0000 1px);
  background-size: 74px 74px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 34%, #000 0%, #0000 71%);
  mask-image: radial-gradient(circle at 50% 34%, #000 0%, #0000 71%);
}

.npn-newsroom-orb {
  pointer-events: none;
  filter: blur(3px);
  border-radius: 999px;
  display: block;
  position: absolute;
}

.npn-newsroom-orb-one {
  background: radial-gradient(circle, #08d5ff4d, #0000 68%);
  width: 380px;
  height: 380px;
  animation: 8s ease-in-out infinite npnContactFloat;
  top: 84px;
  left: -150px;
}

.npn-newsroom-orb-two {
  background: radial-gradient(circle, #ffc91f33, #0000 70%);
  width: 520px;
  height: 520px;
  animation: 10s ease-in-out infinite reverse npnContactFloat;
  top: 18px;
  right: -190px;
}

.npn-newsroom-hero-grid {
  z-index: 2;
  grid-template-columns: minmax(0, 1.03fr) minmax(360px, .8fr);
  align-items: center;
  gap: 58px;
  display: grid;
  position: relative;
}

.npn-newsroom-hero-copy, .npn-newsroom-visual-card, .npn-newsroom-section-head, .npn-newsroom-card-grid, .npn-newsroom-cta-card {
  animation: .72s both npnContactRise;
}

.npn-newsroom-visual-card {
  animation-delay: .12s;
}

.npn-newsroom-hero-copy h1 {
  color: #fff;
  letter-spacing: -.07em;
  text-shadow: 0 0 34px #08d5ff29;
  max-width: 860px;
  margin: 22px 0 20px;
  font-family: Manrope-Extra;
  font-size: clamp(44px, 6vw, 78px);
  line-height: .98;
}

.npn-newsroom-hero-copy p {
  color: #deecffc7;
  max-width: 720px;
  margin: 0;
  font-size: 17px;
  line-height: 1.72;
}

.npn-newsroom-visual-card {
  background: radial-gradient(circle at 18% 12%, #08d5ff33, #0000 38%), linear-gradient(#182b57db, #071027f0);
  border: 1px solid #70e8ff3d;
  border-radius: 34px;
  min-height: 440px;
  padding: 28px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 80px #0000006b, inset 0 0 0 1px #ffffff0a, inset 0 0 70px #08d5ff0f;
}

.npn-newsroom-visual-card:before {
  content: "";
  background: radial-gradient(circle, #08d5ff29, #0000 65%);
  border: 1px solid #70e8ff2e;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  position: absolute;
  bottom: -92px;
  right: -82px;
}

.npn-newsroom-visual-label {
  color: #7df4ff;
  letter-spacing: .08em;
  text-transform: uppercase;
  background: #08d5ff1a;
  border: 1px solid #70e8ff33;
  border-radius: 999px;
  padding: 8px 12px;
  font-family: Manrope-SemiBold;
  font-size: 12px;
  display: inline-flex;
}

.npn-newsroom-visual-card h2 {
  z-index: 1;
  color: #fff;
  letter-spacing: -.045em;
  margin: 18px 0 12px;
  font-family: Manrope-Extra;
  font-size: 32px;
  line-height: 1.05;
  position: relative;
}

.npn-newsroom-visual-card p {
  z-index: 1;
  color: #dae8ffad;
  margin: 0;
  line-height: 1.65;
  position: relative;
}

.npn-newsroom-visual-feed {
  z-index: 2;
  gap: 12px;
  margin-top: 24px;
  display: grid;
  position: relative;
}

.npn-newsroom-visual-feed div {
  background: #06112ab8;
  border: 1px solid #70e8ff21;
  border-radius: 20px;
  grid-template-columns: 42px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 76px;
  padding: 13px 14px;
  transition: transform .22s, border-color .22s, background .22s;
  display: grid;
}

.npn-newsroom-visual-feed div:hover {
  background: #08d5ff1a;
  border-color: #70e8ff5c;
  transform: translateX(-5px);
}

.npn-newsroom-visual-feed small {
  color: #07162b;
  background: linear-gradient(135deg, #7df4ff, #3b82ff);
  border-radius: 15px;
  grid-row: span 2;
  place-items: center;
  width: 42px;
  height: 42px;
  font-family: Manrope-Extra;
  display: grid;
}

.npn-newsroom-visual-feed strong {
  color: #fff;
  font-family: Manrope-Bold;
  line-height: 1.32;
}

.npn-newsroom-visual-feed em {
  color: #dae8ff80;
  margin-top: -6px;
  font-size: 12px;
  font-style: normal;
}

.npn-newsroom-live-badge {
  z-index: 2;
  background: #08122bc7;
  border: 1px solid #ffc91f47;
  border-radius: 28px;
  place-items: center;
  width: 112px;
  height: 96px;
  display: grid;
  position: absolute;
  bottom: 22px;
  right: 22px;
  box-shadow: 0 20px 42px #00000047, inset 0 0 32px #ffc91f12;
}

.npn-newsroom-live-badge strong {
  color: #fff;
  font-family: Manrope-Extra;
  font-size: 32px;
  line-height: 1;
}

.npn-newsroom-live-badge span {
  color: #dae8ff94;
  text-align: center;
  margin-top: -13px;
  font-size: 12px;
}

.npn-newsroom-list-section {
  z-index: 2;
  padding: 8px 0 58px;
  position: relative;
}

.npn-newsroom-section-grid {
  grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
  align-items: start;
  gap: 26px;
  display: grid;
}

.npn-newsroom-section-head, .npn-newsroom-card-grid, .npn-newsroom-cta-card {
  background: linear-gradient(#122348d1, #060f24eb);
  border: 1px solid #70e8ff2e;
  border-radius: 32px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 80px #00000052, inset 0 0 0 1px #ffffff0a;
}

.npn-newsroom-section-head {
  padding: 28px;
  position: sticky;
  top: 104px;
}

.npn-newsroom-section-head h2, .npn-newsroom-cta-card h2 {
  color: #fff;
  letter-spacing: -.045em;
  margin: 16px 0 10px;
  font-family: Manrope-Extra;
  font-size: 32px;
  line-height: 1.08;
}

.npn-newsroom-section-head p, .npn-newsroom-cta-card p {
  color: #dae8ffa8;
  margin: 0;
  line-height: 1.65;
}

.npn-newsroom-search-box {
  color: #dae8ffb8;
  background: #071128c7;
  border: 1px solid #70e8ff2e;
  border-radius: 18px;
  grid-template-columns: 22px 1fr;
  align-items: center;
  gap: 10px;
  min-height: 56px;
  margin-top: 24px;
  padding: 0 16px;
  transition: border-color .22s, box-shadow .22s, background .22s;
  display: grid;
}

.npn-newsroom-search-box:focus-within {
  background: #081432f0;
  border-color: #70e8ff8f;
  box-shadow: 0 0 0 4px #08d5ff1a;
}

.npn-newsroom-search-box svg {
  width: 20px;
  height: 20px;
}

.npn-newsroom-search-box input {
  color: #fff;
  width: 100%;
  min-height: 52px;
  font: inherit;
  background: none;
  border: 0;
  outline: none;
}

.npn-newsroom-search-box input::placeholder {
  color: #dae8ff61;
}

.npn-newsroom-filters {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
  display: flex;
}

.npn-newsroom-filters button {
  color: #e0f0ffbd;
  cursor: pointer;
  background: #08122b9e;
  border: 1px solid #70e8ff2e;
  border-radius: 999px;
  min-height: 40px;
  padding: 0 14px;
  font-family: Manrope-SemiBold;
  transition: transform .2s, border-color .2s, background .2s, color .2s;
}

.npn-newsroom-filters button:hover, .npn-newsroom-filters button.is-active {
  color: #061427;
  background: linear-gradient(135deg, #7df4ff, #22d3ee);
  border-color: #7df4ff94;
  transform: translateY(-2px);
}

.npn-newsroom-card-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 16px;
  display: grid;
}

.npn-newsroom-card {
  background: #08122bb3;
  border: 1px solid #70e8ff21;
  border-radius: 26px;
  flex-direction: column;
  min-height: 100%;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-newsroom-card:hover {
  background: #08d5ff14;
  border-color: #70e8ff6b;
  transform: translateY(-6px);
  box-shadow: 0 26px 54px #00000047;
}

.npn-newsroom-card.is-featured {
  grid-column: span 2;
  grid-template-columns: minmax(260px, .92fr) minmax(0, 1.08fr);
  display: grid;
}

.npn-newsroom-card-media {
  background: radial-gradient(circle at 20% 18%, #7df4ff38, #0000 32%), radial-gradient(circle at 86% 80%, #ffc91f29, #0000 28%), linear-gradient(135deg, #0f2554eb, #040c1ef0);
  min-height: 220px;
  position: relative;
  overflow: hidden;
}

.npn-newsroom-card-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  min-height: 220px;
  transition: transform .35s;
  display: block;
}

.npn-newsroom-card:hover .npn-newsroom-card-media img {
  transform: scale(1.04);
}

.npn-newsroom-card-media > span {
  color: #ffffffeb;
  letter-spacing: -.06em;
  place-items: center;
  width: 100%;
  height: 100%;
  min-height: 220px;
  font-family: Manrope-Extra;
  font-size: 72px;
  display: grid;
}

.npn-newsroom-card-media em {
  color: #061427;
  background: linear-gradient(135deg, #7df4ff, #22d3ee);
  border-radius: 999px;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  font-family: Manrope-Bold;
  font-size: 12px;
  font-style: normal;
  display: inline-flex;
  position: absolute;
  top: 16px;
  left: 16px;
  box-shadow: 0 10px 28px #08d5ff38;
}

.npn-newsroom-card-body {
  flex-direction: column;
  flex: 1;
  padding: 22px;
  display: flex;
}

.npn-newsroom-card-meta {
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
  display: flex;
}

.npn-newsroom-card-meta span {
  color: #dff0ffad;
  background: #ffffff0f;
  border: 1px solid #70e8ff1a;
  border-radius: 999px;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  font-family: Manrope-SemiBold;
  font-size: 12px;
  display: inline-flex;
}

.npn-newsroom-card h3 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 0;
  font-family: Manrope-Extra;
  font-size: 24px;
  line-height: 1.14;
}

.npn-newsroom-card p {
  color: #dae8ffad;
  margin: 14px 0 0;
  line-height: 1.65;
}

.npn-newsroom-card a {
  color: #7df4ff;
  align-items: center;
  gap: 9px;
  width: fit-content;
  margin-top: auto;
  padding-top: 20px;
  font-family: Manrope-Bold;
  text-decoration: none;
  display: inline-flex;
}

.npn-newsroom-card a svg {
  width: 18px;
  height: 18px;
  transition: transform .22s;
}

.npn-newsroom-card a:hover svg {
  transform: translateX(4px);
}

.npn-newsroom-card.is-filtered-out {
  display: none;
}

.npn-newsroom-empty {
  color: #ffe99c;
  background: #ffc91f14;
  border: 1px solid #ffc91f33;
  border-radius: 22px;
  grid-column: 1 / -1;
  padding: 22px;
  font-family: Manrope-SemiBold;
  display: none;
}

.npn-newsroom-empty.is-visible {
  display: block;
}

.npn-newsroom-cta-section {
  padding: 16px 0 92px;
}

.npn-newsroom-cta-card {
  background: radial-gradient(circle at 12% 0, #08d5ff24, #0000 34%), radial-gradient(circle at 88% 100%, #ffc91f1a, #0000 32%), linear-gradient(135deg, #091a3ad6, #071027f0);
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: clamp(24px, 4vw, 42px);
  display: flex;
}

.npn-newsroom-cta-card > div {
  max-width: 760px;
}

.npn-newsroom-cta-card .npn-contact-primary-link {
  flex: none;
}

@media (max-width: 1080px) {
  .npn-newsroom-hero {
    min-height: auto;
    padding: 72px 0 58px;
  }

  .npn-newsroom-hero-grid, .npn-newsroom-section-grid {
    grid-template-columns: 1fr;
  }

  .npn-newsroom-section-head {
    position: relative;
    top: auto;
  }
}

@media (max-width: 760px) {
  .npn-newsroom-hero {
    padding: 50px 0 42px;
  }

  .npn-newsroom-hero-copy h1 {
    font-size: clamp(36px, 12vw, 52px);
  }

  .npn-newsroom-hero-copy p {
    font-size: 15px;
  }

  .npn-newsroom-visual-card, .npn-newsroom-section-head, .npn-newsroom-card-grid, .npn-newsroom-cta-card {
    border-radius: 26px;
  }

  .npn-newsroom-visual-card, .npn-newsroom-section-head {
    padding: 20px;
  }

  .npn-newsroom-card-grid {
    grid-template-columns: 1fr;
  }

  .npn-newsroom-card.is-featured {
    grid-column: auto;
    display: flex;
  }

  .npn-newsroom-card h3 {
    font-size: 21px;
  }

  .npn-newsroom-cta-card {
    flex-direction: column;
    align-items: stretch;
    padding: 22px;
  }

  .npn-newsroom-cta-card .npn-contact-primary-link {
    width: 100%;
  }
}

body.npn-pricing-page-body, body.npn-policy-page-body {
  color: #f8fbff;
  background: #020916;
}

.npn-pricing-page-shell, .npn-policy-page-shell {
  background: radial-gradient(circle at 16% 8%, #24d3ff29, #0000 32%), radial-gradient(circle at 84% 16%, #ffcd111a, #0000 28%), linear-gradient(#030b18 0%, #061024 42%, #020916 100%);
  min-height: 100vh;
  overflow: hidden;
}

.npn-pricing-page-shell, .npn-pricing-page-main, .npn-pricing-live-section, .npn-pricing-live-section .npn-contact-container {
  overflow: visible;
}

.npn-pricing-hero, .npn-policy-hero {
  padding: 96px 0 68px;
  position: relative;
  overflow: hidden;
}

.npn-pricing-gridline, .npn-policy-gridline {
  opacity: .14;
  pointer-events: none;
  background-image: linear-gradient(#7be5ff33 1px, #0000 1px), linear-gradient(90deg, #7be5ff33 1px, #0000 1px);
  background-size: 70px 70px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#0000, #000 18% 74%, #0000);
  mask-image: linear-gradient(#0000, #000 18% 74%, #0000);
}

.npn-pricing-orb, .npn-policy-orb {
  filter: blur(1px);
  pointer-events: none;
  border-radius: 999px;
  display: block;
  position: absolute;
}

.npn-pricing-orb-one, .npn-policy-orb-one {
  background: radial-gradient(circle, #2ce2ff38, #0000 68%);
  width: 420px;
  height: 420px;
  top: 70px;
  left: -130px;
}

.npn-pricing-orb-two, .npn-policy-orb-two {
  background: radial-gradient(circle, #ffcc1124, #0000 66%);
  width: 520px;
  height: 520px;
  top: 10px;
  right: -190px;
}

.npn-pricing-hero-grid {
  z-index: 1;
  grid-template-columns: minmax(0, 1.02fr) minmax(360px, .78fr);
  align-items: center;
  gap: 44px;
  display: grid;
  position: relative;
}

.npn-pricing-hero-copy, .npn-pricing-visual-card, .npn-pricing-section-head, .npn-pricing-plan-card, .npn-pricing-note-card, .npn-policy-content-card {
  animation: .7s both npnContactRise;
}

.npn-pricing-hero-copy h1, .npn-policy-hero h1 {
  letter-spacing: -.065em;
  color: #fff;
  text-wrap: balance;
  max-width: 880px;
  margin: 18px 0;
  font-size: clamp(44px, 6vw, 86px);
  line-height: .95;
}

.npn-pricing-hero-copy p, .npn-policy-hero p {
  color: #aebbd0;
  max-width: 720px;
  margin: 0;
  font-size: 18px;
  line-height: 1.74;
}

.npn-pricing-visual-card {
  background: linear-gradient(145deg, #1a4877bd, #0a183af5);
  border: 1px solid #55d5ff3d;
  border-radius: 34px;
  padding: 30px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 34px 90px #00000057, inset 0 1px #ffffff14;
}

.npn-pricing-visual-card:before {
  content: "";
  border: 1px solid #63dcff2e;
  border-radius: 50%;
  width: 240px;
  height: 240px;
  position: absolute;
  bottom: -90px;
  right: -80px;
  box-shadow: inset 0 0 55px #2ce2ff1a;
}

.npn-pricing-visual-label {
  color: #77edff;
  letter-spacing: .06em;
  text-transform: uppercase;
  background: #23d9ff24;
  border: 1px solid #49e0ff47;
  border-radius: 999px;
  width: fit-content;
  padding: 9px 15px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.npn-pricing-visual-card h2 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 22px 0 12px;
  font-size: 34px;
  line-height: 1.12;
  position: relative;
}

.npn-pricing-visual-card p {
  color: #b5c2d6;
  margin: 0 0 24px;
  line-height: 1.7;
  position: relative;
}

.npn-pricing-visual-stack {
  gap: 12px;
  display: grid;
  position: relative;
}

.npn-pricing-visual-stack div {
  background: #030d23a3;
  border: 1px solid #53d1ff24;
  border-radius: 20px;
  grid-template-columns: 54px 1fr;
  align-items: center;
  gap: 12px;
  min-height: 74px;
  padding: 14px;
  transition: transform .24s, border-color .24s, background .24s;
  display: grid;
}

.npn-pricing-visual-stack div:hover {
  background: #07193ebd;
  border-color: #53d1ff52;
  transform: translateY(-3px);
}

.npn-pricing-visual-stack small {
  color: #06223d;
  background: linear-gradient(135deg, #74efff, #2f8cff);
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  font-weight: 950;
  display: inline-flex;
}

.npn-pricing-visual-stack strong, .npn-pricing-visual-stack em {
  display: block;
}

.npn-pricing-visual-stack strong {
  color: #fff;
  font-size: 17px;
}

.npn-pricing-visual-stack em {
  color: #9dafc9;
  margin-top: 4px;
  font-size: 13px;
  font-style: normal;
}

.npn-pricing-live-badge {
  background: #0a1d3ee0;
  border: 1px solid #4addff2e;
  border-radius: 32px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 112px;
  height: 112px;
  display: flex;
  position: absolute;
  bottom: 22px;
  right: 28px;
  box-shadow: 0 18px 55px #00000047, 0 0 44px #26d5ff1f;
}

.npn-pricing-live-badge strong {
  color: #fff;
  letter-spacing: -.04em;
  font-size: 32px;
}

.npn-pricing-live-badge span {
  color: #9dafc9;
  text-align: center;
  margin-top: 4px;
  font-size: 12px;
}

.npn-pricing-common-section, .npn-pricing-member-section, .npn-pricing-note-section, .npn-policy-content-section {
  padding: 36px 0 72px;
  position: relative;
}

.npn-pricing-section-head {
  max-width: 760px;
  margin-bottom: 26px;
}

.npn-pricing-section-head h2, .npn-pricing-note-card h2 {
  color: #fff;
  letter-spacing: -.055em;
  margin: 12px 0 10px;
  font-size: clamp(30px, 4vw, 54px);
  line-height: 1.05;
}

.npn-pricing-section-head p, .npn-pricing-note-card p {
  color: #aebbd0;
  margin: 0;
  font-size: 16px;
  line-height: 1.72;
}

.npn-pricing-card-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.npn-pricing-common-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.npn-pricing-plan-card {
  background: linear-gradient(#142a53eb, #081431f5);
  border: 1px solid #4fcbff2e;
  border-radius: 28px;
  flex-direction: column;
  min-height: 100%;
  padding: 24px;
  transition: transform .24s, border-color .24s, box-shadow .24s;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 22px 55px #0000003d, inset 0 1px #ffffff0f;
}

.npn-pricing-plan-card:before {
  content: "";
  border-radius: inherit;
  opacity: .75;
  pointer-events: none;
  background: radial-gradient(circle at 18% 0, #26e0ff2e, #0000 34%);
  position: absolute;
  inset: -1px;
}

.npn-pricing-plan-card:hover {
  border-color: #4ae1ff70;
  transform: translateY(-6px);
  box-shadow: 0 30px 76px #00000052, 0 0 50px #23d9ff1a;
}

.npn-pricing-plan-card.is-highlighted {
  border-color: #2de7ff94;
  box-shadow: 0 26px 72px #23d5ff1f, inset 0 1px #ffffff1a;
}

.npn-pricing-plan-card.is-common {
  background: linear-gradient(135deg, #10456ff5, #09173af5);
}

.npn-pricing-plan-card > * {
  z-index: 1;
  position: relative;
}

.npn-pricing-plan-badge {
  color: #80f2ff;
  background: #2ae2ff24;
  border: 1px solid #4ae4ff42;
  border-radius: 999px;
  width: fit-content;
  margin-bottom: 18px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 900;
}

.npn-pricing-plan-card h3 {
  color: #fff;
  letter-spacing: -.035em;
  margin: 0 0 10px;
  font-size: 25px;
  line-height: 1.16;
}

.npn-pricing-plan-desc {
  color: #aebbd0;
  margin: 0 0 20px;
  line-height: 1.62;
}

.npn-pricing-price {
  border-top: 1px solid #77ceff21;
  border-bottom: 1px solid #77ceff21;
  margin: 0 0 20px;
  padding: 18px 0 20px;
}

.npn-pricing-price strong {
  color: #fff;
  letter-spacing: -.06em;
  font-size: 43px;
  line-height: 1;
  display: block;
}

.npn-pricing-price span {
  color: #8fa2bf;
  margin-top: 6px;
  font-size: 13px;
  display: block;
}

.npn-pricing-features {
  gap: 11px;
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
  display: grid;
}

.npn-pricing-features li {
  color: #dce9fb;
  padding-left: 26px;
  line-height: 1.45;
  position: relative;
}

.npn-pricing-features li:before {
  content: "";
  background: linear-gradient(135deg, #7ff5ff, #2a89ff);
  border-radius: 999px;
  width: 14px;
  height: 14px;
  position: absolute;
  top: .42em;
  left: 0;
  box-shadow: 0 0 18px #2fd9ff61;
}

.npn-pricing-plan-link {
  color: #041423;
  background: linear-gradient(135deg, #2ce4ef, #16aef1);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 9px;
  min-height: 48px;
  margin-top: auto;
  padding: 0 18px;
  font-weight: 950;
  text-decoration: none;
  display: inline-flex;
  box-shadow: 0 16px 34px #22cff038;
}

.npn-pricing-plan-link svg {
  width: 18px;
  height: 18px;
}

.npn-pricing-tabs {
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
  display: flex;
}

.npn-pricing-tabs button {
  color: #c8d7ee;
  cursor: pointer;
  background: #0e2044d1;
  border: 1px solid #5bc8ff2e;
  border-radius: 999px;
  padding: 10px 16px;
  font-weight: 900;
  transition: background .22s, color .22s, border-color .22s, transform .22s;
}

.npn-pricing-tabs button:hover, .npn-pricing-tabs button.is-active {
  color: #85f6ff;
  background: #2de2ff29;
  border-color: #4ee8ff7a;
  transform: translateY(-2px);
}

.npn-pricing-plan-card.is-filtered-out {
  display: none;
}

.npn-pricing-empty {
  color: #aebbd0;
  background: #091631b8;
  border: 1px solid #5aceff29;
  border-radius: 22px;
  grid-column: 1 / -1;
  padding: 24px;
  display: none;
}

.npn-pricing-empty.is-visible {
  display: block;
}

.npn-pricing-note-card {
  background: linear-gradient(135deg, #133967e0, #081431f2);
  border: 1px solid #4bdcff38;
  border-radius: 34px;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  padding: 34px;
  display: flex;
  box-shadow: 0 30px 80px #00000047;
}

.npn-pricing-note-card > div {
  max-width: 780px;
}

.npn-policy-hero .npn-contact-container {
  z-index: 1;
  position: relative;
}

.npn-policy-content-card {
  color: #c9d8ee;
  background: linear-gradient(#11274eeb, #07122bf5);
  border: 1px solid #54cdff2e;
  border-radius: 32px;
  max-width: 980px;
  margin: 0 auto;
  padding: 38px;
  box-shadow: 0 28px 82px #00000052, inset 0 1px #ffffff0f;
}

.npn-policy-content-card h2, .npn-policy-content-card h3, .npn-policy-content-card h4 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 1.25em 0 .55em;
}

.npn-policy-content-card h2:first-child, .npn-policy-content-card h3:first-child, .npn-policy-content-card h4:first-child {
  margin-top: 0;
}

.npn-policy-content-card p, .npn-policy-content-card li {
  color: #c9d8ee;
  line-height: 1.78;
}

.npn-policy-content-card a {
  color: #7deeff;
}

.npn-policy-content-card ul, .npn-policy-content-card ol {
  padding-left: 1.35em;
}

@media (max-width: 1080px) {
  .npn-pricing-hero-grid {
    grid-template-columns: 1fr;
  }

  .npn-pricing-card-grid, .npn-pricing-common-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .npn-pricing-page-main, .npn-policy-page-main {
    padding-top: 68px;
  }

  .npn-pricing-hero, .npn-policy-hero {
    padding: 72px 0 42px;
  }

  .npn-pricing-hero-copy h1, .npn-policy-hero h1 {
    font-size: clamp(38px, 13vw, 58px);
  }

  .npn-pricing-visual-card, .npn-pricing-note-card, .npn-policy-content-card {
    border-radius: 26px;
    padding: 22px;
  }

  .npn-pricing-live-badge {
    width: 100%;
    height: auto;
    min-height: 86px;
    margin-top: 18px;
    position: relative;
    bottom: auto;
    right: auto;
  }

  .npn-pricing-card-grid, .npn-pricing-common-grid {
    grid-template-columns: 1fr;
  }

  .npn-pricing-note-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .npn-pricing-note-card .npn-contact-primary-link {
    justify-content: center;
    width: 100%;
  }
}

.npn-pricing-page-paused .npn-pricing-page-main {
  min-height: calc(100vh - 180px);
}

.npn-pricing-paused-section {
  background: radial-gradient(circle at 20% 0, #1ed5e12e, #0000 34%), radial-gradient(circle at 85% 20%, #4f77ff29, #0000 38%), linear-gradient(#030a18f5, #050c1b);
  padding: clamp(90px, 12vw, 150px) 0 clamp(120px, 14vw, 190px);
  position: relative;
  overflow: hidden;
}

.npn-pricing-paused-card {
  text-align: center;
  isolation: isolate;
  background: linear-gradient(145deg, #0b1c3aeb, #08132bf5);
  border: 1px solid #27dbe847;
  border-radius: 36px;
  max-width: 880px;
  margin: 0 auto;
  padding: clamp(34px, 6vw, 72px);
  position: relative;
  box-shadow: 0 36px 110px #0000007a, inset 0 1px #ffffff14;
}

.npn-pricing-paused-card:before {
  content: "";
  pointer-events: none;
  z-index: -1;
  border: 1px dashed #24dde840;
  border-radius: 28px;
  position: absolute;
  inset: 18px;
}

.npn-pricing-paused-card h1 {
  color: #fff;
  letter-spacing: -.07em;
  margin: 18px 0 14px;
  font-size: clamp(44px, 8vw, 86px);
  line-height: .92;
}

.npn-pricing-paused-card > p {
  color: #e0efffd1;
  max-width: 580px;
  margin: 0 auto;
  font-size: clamp(18px, 2.3vw, 24px);
  line-height: 1.55;
}

.npn-pricing-paused-content {
  color: #ddebffc7;
  border-top: 1px solid #ffffff1a;
  margin-top: 28px;
  padding-top: 24px;
}

.npn-pricing-paused-orb {
  filter: blur(24px);
  opacity: .28;
  pointer-events: none;
  border-radius: 999px;
  width: 340px;
  height: 340px;
  position: absolute;
}

.npn-pricing-paused-orb-one {
  background: #1ddde5;
  top: 80px;
  left: -120px;
}

.npn-pricing-paused-orb-two {
  background: #4a7cff;
  bottom: 20px;
  right: -100px;
}

.npn-newsroom-page-v2 .npn-newsroom-page-main {
  background: radial-gradient(circle at 8% 12%, #1fdae51f, #0000 32%), radial-gradient(circle at 93% 8%, #5871ff29, #0000 34%), linear-gradient(#030a16 0%, #061126 44%, #020814 100%);
}

.npn-newsroom-v2-hero {
  padding: clamp(78px, 10vw, 128px) 0 42px;
  position: relative;
  overflow: hidden;
}

.npn-newsroom-v2-hero:before {
  content: "";
  pointer-events: none;
  background-image: linear-gradient(#ffffff09 1px, #0000 1px), linear-gradient(90deg, #ffffff09 1px, #0000 1px);
  background-size: 84px 84px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000 0%, #0000 90%);
  mask-image: linear-gradient(#000 0%, #0000 90%);
}

.npn-newsroom-v2-hero-inner {
  border-bottom: 1px solid #74cfff2e;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 32px;
  padding-bottom: 38px;
  display: grid;
  position: relative;
}

.npn-newsroom-v2-hero-copy h1 {
  color: #fff;
  letter-spacing: -.08em;
  max-width: 880px;
  margin: 18px 0 16px;
  font-size: clamp(52px, 8.4vw, 112px);
  line-height: .88;
}

.npn-newsroom-v2-hero-copy p {
  color: #dcebffc2;
  max-width: 760px;
  margin: 0;
  font-size: clamp(17px, 1.8vw, 22px);
  line-height: 1.7;
}

.npn-newsroom-v2-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  display: flex;
}

.npn-newsroom-v2-orb {
  pointer-events: none;
  filter: blur(20px);
  opacity: .25;
  border-radius: 999px;
  position: absolute;
}

.npn-newsroom-v2-orb-one {
  background: #20dde7;
  width: 300px;
  height: 300px;
  top: 60px;
  left: -110px;
}

.npn-newsroom-v2-orb-two {
  background: #4a72ff;
  width: 360px;
  height: 360px;
  top: 120px;
  right: -120px;
}

.npn-newsroom-v2-feature-section {
  padding: 36px 0 62px;
  position: relative;
}

.npn-newsroom-v2-feature-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(310px, .75fr);
  align-items: stretch;
  gap: 24px;
  display: grid;
}

.npn-newsroom-v2-lead-card, .npn-newsroom-v2-digest, .npn-newsroom-v2-row, .npn-newsroom-v2-cta-card {
  background: linear-gradient(145deg, #0c2041e6, #071228f5);
  border: 1px solid #4dcbf433;
  box-shadow: 0 24px 80px #00000052;
}

.npn-newsroom-v2-lead-card {
  border-radius: 34px;
  grid-template-columns: minmax(260px, .92fr) minmax(0, 1fr);
  display: grid;
  overflow: hidden;
}

.npn-newsroom-v2-lead-media {
  background: radial-gradient(circle at 30% 20%, #25dfe847, #0000 38%), #091834d1;
  min-height: 360px;
  position: relative;
}

.npn-newsroom-v2-lead-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.npn-newsroom-v2-lead-media > span {
  color: #ffffffe6;
  place-items: center;
  font-size: 110px;
  font-weight: 900;
  display: grid;
  position: absolute;
  inset: 0;
}

.npn-newsroom-v2-lead-media em {
  color: #6df4ff;
  background: #041126c2;
  border: 1px solid #6df4ff59;
  border-radius: 999px;
  padding: 8px 14px;
  font-style: normal;
  font-weight: 800;
  position: absolute;
  top: 22px;
  left: 22px;
}

.npn-newsroom-v2-lead-body {
  flex-direction: column;
  justify-content: center;
  padding: clamp(28px, 4vw, 46px);
  display: flex;
}

.npn-newsroom-v2-meta {
  color: #bfd3efc7;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 16px;
  font-size: 13px;
  font-weight: 800;
  display: flex;
}

.npn-newsroom-v2-meta span {
  background: #ffffff0f;
  border: 1px solid #ffffff14;
  border-radius: 999px;
  padding: 7px 11px;
}

.npn-newsroom-v2-lead-body h2, .npn-newsroom-v2-digest h2, .npn-newsroom-v2-toolbar h2, .npn-newsroom-v2-cta-card h2 {
  color: #fff;
  letter-spacing: -.045em;
  margin: 0 0 14px;
}

.npn-newsroom-v2-lead-body h2 {
  font-size: clamp(30px, 4.2vw, 54px);
  line-height: .98;
}

.npn-newsroom-v2-lead-body p, .npn-newsroom-v2-digest p, .npn-newsroom-v2-toolbar p, .npn-newsroom-v2-row-body p, .npn-newsroom-v2-cta-card p {
  color: #dae9ffbd;
  line-height: 1.72;
}

.npn-newsroom-v2-lead-body a, .npn-newsroom-v2-row-link {
  color: #30e6f0;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
}

.npn-newsroom-v2-lead-body a svg, .npn-newsroom-v2-row-link svg {
  width: 18px;
  height: 18px;
}

.npn-newsroom-v2-digest {
  border-radius: 34px;
  padding: 30px;
  position: relative;
  overflow: hidden;
}

.npn-newsroom-v2-digest:after {
  content: "";
  border: 1px solid #3fd2ef3d;
  border-radius: 999px;
  width: 220px;
  height: 220px;
  position: absolute;
  bottom: -80px;
  right: -80px;
}

.npn-newsroom-v2-digest-list {
  gap: 14px;
  margin-top: 24px;
  display: grid;
}

.npn-newsroom-v2-digest-list div {
  background: #020b1b70;
  border: 1px solid #ffffff12;
  border-radius: 20px;
  grid-template-columns: 44px 1fr;
  gap: 12px;
  padding: 15px;
  display: grid;
}

.npn-newsroom-v2-digest-list small {
  color: #041426;
  background: linear-gradient(135deg, #6df4ff, #4ea7ff);
  border-radius: 14px;
  grid-row: span 2;
  place-items: center;
  width: 40px;
  height: 40px;
  font-weight: 900;
  display: grid;
}

.npn-newsroom-v2-digest-list strong {
  color: #fff;
}

.npn-newsroom-v2-digest-list em {
  color: #c8dbf5a3;
  font-size: 13px;
  font-style: normal;
}

.npn-newsroom-v2-stat {
  background: #1ddde51a;
  border: 1px solid #1ddde538;
  border-radius: 22px;
  align-items: center;
  gap: 12px;
  margin-top: 26px;
  padding: 13px 16px;
  display: inline-flex;
}

.npn-newsroom-v2-stat strong {
  color: #fff;
  font-size: 28px;
}

.npn-newsroom-v2-stat span {
  color: #dae9ffb8;
}

.npn-newsroom-v2-list-section {
  padding: 24px 0 86px;
}

.npn-newsroom-v2-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(270px, 390px);
  align-items: end;
  gap: 24px;
  margin-bottom: 18px;
  display: grid;
}

.npn-newsroom-v2-filters {
  margin-bottom: 22px;
}

.npn-newsroom-v2-stream {
  gap: 16px;
  display: grid;
}

.npn-newsroom-v2-row {
  border-radius: 28px;
  grid-template-columns: 58px 130px minmax(0, 1fr) auto;
  align-items: center;
  gap: 18px;
  padding: 16px;
  transition: transform .25s, border-color .25s, background .25s;
  display: grid;
}

.npn-newsroom-v2-row:hover {
  background: linear-gradient(145deg, #0e284ef0, #08142cfa);
  border-color: #39e8f06b;
  transform: translateY(-3px);
}

.npn-newsroom-v2-row-index {
  color: #6df4ffeb;
  text-align: center;
  font-size: 18px;
  font-weight: 900;
}

.npn-newsroom-v2-row-media {
  color: #fff;
  background: #ffffff0f;
  border-radius: 22px;
  place-items: center;
  width: 130px;
  height: 94px;
  font-size: 36px;
  font-weight: 900;
  display: grid;
  overflow: hidden;
}

.npn-newsroom-v2-row-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.npn-newsroom-v2-row-body h3 {
  color: #fff;
  letter-spacing: -.035em;
  margin: 0 0 8px;
  font-size: clamp(21px, 2.2vw, 30px);
}

.npn-newsroom-v2-row-body p {
  margin: 0;
}

.npn-newsroom-v2-row-link {
  background: #20dde61a;
  border: 1px solid #20dde647;
  border-radius: 999px;
  justify-content: center;
  width: 46px;
  height: 46px;
}

.npn-newsroom-v2-cta-card {
  border-radius: 34px;
  padding: clamp(28px, 4vw, 46px);
}

.npn-faq-page-v2 .npn-faq-page-main {
  background: radial-gradient(circle at 50% 0, #28dae729, #0000 32%), radial-gradient(circle at 8% 40%, #536fff24, #0000 32%), linear-gradient(#030a16 0%, #061126 50%, #020814 100%);
}

.npn-faq-v2-hero {
  padding: clamp(76px, 10vw, 132px) 0 48px;
  position: relative;
  overflow: hidden;
}

.npn-faq-v2-hero:before {
  content: "";
  pointer-events: none;
  background: conic-gradient(from 180deg at 50% 0, #25dde81f, #0000, #4974ff1a, #0000);
  position: absolute;
  inset: 0;
}

.npn-faq-v2-hero-card {
  text-align: center;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
}

.npn-faq-v2-hero-card h1 {
  color: #fff;
  margin: 18px 0 16px;
  font-size: clamp(50px, 9vw, 112px);
  line-height: .88;
}

.npn-faq-v2-hero-card p {
  color: #ddecffc2;
  max-width: 760px;
  margin: 0 auto;
  font-size: clamp(17px, 1.9vw, 22px);
  line-height: 1.72;
}

.npn-faq-v2-hero-card .npn-contact-hero-actions {
  justify-content: center;
  margin-top: 28px;
}

.npn-faq-v2-quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 46px;
  display: grid;
  position: relative;
}

.npn-faq-v2-quick-card {
  background: linear-gradient(145deg, #0f274cc7, #050f22e0);
  border: 1px solid #60d6f533;
  border-radius: 28px;
  min-height: 130px;
  padding: 20px;
  box-shadow: 0 20px 70px #00000047;
}

.npn-faq-v2-quick-card span {
  color: #031629;
  background: linear-gradient(135deg, #6df4ff, #4ea7ff);
  border-radius: 15px;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 14px;
  font-weight: 900;
  display: inline-grid;
}

.npn-faq-v2-quick-card strong {
  color: #fff;
  line-height: 1.35;
  display: block;
}

.npn-faq-v2-orb {
  pointer-events: none;
  filter: blur(20px);
  opacity: .25;
  border-radius: 999px;
  position: absolute;
}

.npn-faq-v2-orb-one {
  background: #1ddde5;
  width: 320px;
  height: 320px;
  top: 100px;
  left: -120px;
}

.npn-faq-v2-orb-two {
  background: #4b74ff;
  width: 360px;
  height: 360px;
  bottom: 40px;
  right: -130px;
}

.npn-faq-v2-list-section {
  padding: 40px 0 88px;
}

.npn-faq-v2-grid {
  grid-template-columns: minmax(280px, 390px) minmax(0, 1fr);
  align-items: start;
  gap: 26px;
  display: grid;
}

.npn-faq-v2-side-card {
  background: linear-gradient(145deg, #0d2346eb, #061127fa);
  border: 1px solid #56d3f438;
  border-radius: 32px;
  padding: 28px;
  position: sticky;
  top: 105px;
  box-shadow: 0 28px 80px #00000057;
}

.npn-faq-v2-side-card h2, .npn-faq-v2-head h2, .npn-faq-v2-cta-card h2 {
  color: #fff;
  margin: 12px 0 14px;
}

.npn-faq-v2-side-card h2 {
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.02;
}

.npn-faq-v2-side-card p, .npn-faq-v2-head p, .npn-faq-v2-cta-card p {
  color: #dbeaffbd;
  line-height: 1.72;
}

.npn-faq-v2-search-box {
  margin-top: 22px;
}

.npn-faq-v2-count {
  background: #1bdbe51a;
  border: 1px solid #1bdbe538;
  border-radius: 24px;
  margin-top: 22px;
  padding: 22px;
}

.npn-faq-v2-count strong {
  color: #fff;
  letter-spacing: -.05em;
  font-size: 48px;
  line-height: 1;
  display: block;
}

.npn-faq-v2-count span {
  color: #dae9ffb3;
  font-weight: 800;
}

.npn-faq-v2-content {
  min-width: 0;
}

.npn-faq-v2-head {
  margin-bottom: 20px;
  padding: 0 6px;
}

.npn-faq-v2-head h2 {
  font-size: clamp(34px, 5vw, 62px);
  line-height: .96;
}

.npn-faq-v2-accordion {
  gap: 14px;
  display: grid;
}

.npn-faq-v2-item {
  background: #081630c7;
  border: 1px solid #56d3f42e;
  border-radius: 26px;
  overflow: hidden;
  box-shadow: 0 18px 60px #0000003d;
}

.npn-faq-v2-question {
  padding: 22px 24px;
}

.npn-faq-v2-answer p {
  color: #ddecffc2;
  line-height: 1.75;
}

.npn-faq-v2-cta-card {
  background: linear-gradient(135deg, #11305beb, #071228fa);
  border: 1px solid #52d4f53d;
  border-radius: 34px;
  box-shadow: 0 28px 86px #00000052;
}

@media (max-width: 1024px) {
  .npn-newsroom-v2-hero-inner, .npn-newsroom-v2-feature-grid, .npn-newsroom-v2-toolbar, .npn-faq-v2-grid {
    grid-template-columns: 1fr;
  }

  .npn-newsroom-v2-actions {
    justify-content: flex-start;
  }

  .npn-faq-v2-side-card {
    position: relative;
    top: auto;
  }

  .npn-faq-v2-quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .npn-newsroom-v2-lead-card, .npn-newsroom-v2-row {
    grid-template-columns: 1fr;
  }

  .npn-newsroom-v2-row-index {
    text-align: left;
  }

  .npn-newsroom-v2-row-media {
    width: 100%;
    height: 180px;
  }

  .npn-newsroom-v2-row-link {
    justify-content: center;
    width: auto;
    height: auto;
    padding: 13px 16px;
  }

  .npn-faq-v2-quick-grid {
    grid-template-columns: 1fr;
  }

  .npn-pricing-paused-card {
    text-align: left;
  }
}

.npn-customer-notification-wrap {
  align-items: center;
  display: inline-flex;
  position: relative;
}

.npn-customer-bell {
  color: #fff;
  cursor: pointer;
  background: linear-gradient(135deg, #0ea5e9f5, #2f5edbf5);
  border: 1px solid #67e8f999;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
  position: relative;
  box-shadow: 0 0 24px #0ea5e938;
}

.npn-customer-bell em {
  color: #fff;
  background: #ef4444;
  border: 2px solid #06172f;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 20px;
  height: 20px;
  padding: 0 6px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  display: inline-flex;
  position: absolute;
  top: -7px;
  right: -7px;
}

.npn-customer-notification-panel {
  z-index: 180;
  background: radial-gradient(circle at 20% 8%, #1fcdff1f, #0000 32%), linear-gradient(#091c3efa, #040c1efa);
  border: 1px solid #5cbeff52;
  border-radius: 20px;
  width: min(400px, 100vw - 32px);
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 28px 70px #00000061, 0 0 32px #00e2ff24;
}

.npn-customer-notification-head {
  border-bottom: 1px solid #67e8f924;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 15px;
  display: flex;
}

.npn-customer-notification-head strong, .npn-customer-notification-head span {
  display: block;
}

.npn-customer-notification-head strong {
  color: #fff;
  margin-bottom: 3px;
  font-size: 15px;
}

.npn-customer-notification-head span {
  color: #9fb3d8;
  font-size: 12px;
  font-weight: 700;
}

.npn-customer-notification-head button {
  color: #7defff;
  cursor: pointer;
  white-space: nowrap;
  background: #ffffff0f;
  border: 1px solid #67e8f947;
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  font-weight: 800;
}

.npn-customer-notification-list {
  max-height: 380px;
  padding: 8px;
  overflow: auto;
}

.npn-customer-notification-empty {
  color: #9fb3d8;
  text-align: center;
  padding: 26px 14px;
  font-weight: 700;
}

.npn-customer-notification-item {
  color: #fff;
  border: 1px solid #0000;
  border-radius: 15px;
  grid-template-columns: 10px 1fr;
  gap: 12px;
  padding: 13px 12px;
  text-decoration: none;
  display: grid;
}

.npn-customer-notification-item:hover {
  background: #ffffff0d;
  border-color: #67e8f92e;
}

.npn-customer-notification-dot {
  background: #50617e;
  border-radius: 999px;
  width: 8px;
  height: 8px;
  margin-top: 7px;
}

.npn-customer-notification-item.is-unread .npn-customer-notification-dot {
  background: #22d3ee;
  box-shadow: 0 0 0 5px #22d3ee29;
}

.npn-customer-notification-copy strong, .npn-customer-notification-copy em, .npn-customer-notification-copy time {
  display: block;
}

.npn-customer-notification-copy strong {
  color: #fff;
  margin-bottom: 4px;
  font-size: 14px;
}

.npn-customer-notification-copy em {
  color: #b9c6df;
  font-size: 13px;
  font-style: normal;
  line-height: 1.4;
}

.npn-customer-notification-copy time {
  color: #7d90b2;
  margin-top: 6px;
  font-size: 12px;
  font-weight: 700;
}

.npn-customer-toast {
  z-index: 9999;
  color: #fff;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(#091c3efa, #040c1efa);
  border: 1px solid #67e8f942;
  border-radius: 18px;
  width: min(380px, 100vw - 48px);
  padding: 15px 16px;
  text-decoration: none;
  transition: opacity .2s, transform .2s;
  position: fixed;
  bottom: 24px;
  right: 24px;
  transform: translateY(18px);
  box-shadow: 0 24px 70px #0006, 0 0 26px #00e2ff1f;
}

.npn-customer-toast.is-visible {
  opacity: 1;
  pointer-events: auto;
  transform: translateY(0);
}

.npn-customer-toast strong, .npn-customer-toast span {
  display: block;
}

.npn-customer-toast strong {
  margin-bottom: 5px;
  font-size: 15px;
}

.npn-customer-toast span {
  color: #b9c6df;
  font-size: 13px;
  line-height: 1.4;
}

@media (max-width: 720px) {
  .npn-customer-notification-panel {
    right: -50px;
  }
}

.npn-contact-menu button {
  width: 100%;
  color: inherit;
  text-align: left;
  cursor: pointer;
  font: inherit;
  background: none;
  border: 0;
  align-items: center;
  gap: 12px;
  display: flex;
}

.npn-live-chat-widget {
  background: linear-gradient(#091c3efa, #040c1efa);
  border: 1px solid #67e8f93d;
  border-radius: 22px;
  grid-template-rows: auto 1fr auto;
  width: min(380px, 100vw - 32px);
  height: 500px;
  max-height: calc(100vh - 130px);
  display: grid;
  position: absolute;
  bottom: calc(100% + 18px);
  right: 0;
  overflow: hidden;
  box-shadow: 0 24px 70px #00000073, 0 0 30px #00e2ff1f;
  z-index: 2147483647 !important;
}

.npn-live-chat-widget[hidden] {
  display: none !important;
}

.npn-live-chat-head {
  background: #ffffff0a;
  border-bottom: 1px solid #67e8f924;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 15px 16px;
  display: flex;
}

.npn-live-chat-head strong, .npn-live-chat-head span {
  display: block;
}

.npn-live-chat-head strong {
  color: #fff;
  margin-bottom: 3px;
  font-size: 15px;
}

.npn-live-chat-head span {
  color: #9fb3d8;
  font-size: 12px;
  font-weight: 700;
}

.npn-live-chat-head button {
  color: #fff;
  cursor: pointer;
  background: #ffffff0f;
  border: 1px solid #67e8f938;
  border-radius: 999px;
  width: 30px;
  height: 30px;
  font-size: 20px;
  line-height: 1;
}

.npn-live-chat-messages {
  padding: 14px;
  overflow: auto;
}

.npn-live-chat-empty {
  color: #9fb3d8;
  text-align: center;
  padding: 28px 14px;
  font-weight: 700;
}

.npn-live-chat-message {
  color: #fff;
  background: #ffffff0d;
  border: 1px solid #67e8f929;
  border-radius: 15px;
  max-width: 82%;
  margin: 0 0 10px;
  padding: 10px 12px;
}

.npn-live-chat-message.is-mine {
  background: #22d3ee29;
  border-color: #22d3ee47;
  margin-left: auto;
}

.npn-live-chat-message strong, .npn-live-chat-message p, .npn-live-chat-message time {
  margin: 0;
  display: block;
}

.npn-live-chat-message strong {
  color: #7defff;
  margin-bottom: 4px;
  font-size: 12px;
}

.npn-live-chat-message p {
  color: #fff;
  font-size: 13px;
  line-height: 1.45;
}

.npn-live-chat-message time {
  color: #7d90b2;
  margin-top: 6px;
  font-size: 11px;
  font-weight: 700;
}

.npn-live-chat-form {
  background: #ffffff0a;
  border-top: 1px solid #67e8f924;
  grid-template-columns: 1fr auto;
  gap: 8px;
  padding: 12px;
  display: grid;
}

.npn-live-chat-form input {
  color: #fff;
  background: #ffffff0f;
  border: 1px solid #67e8f938;
  border-radius: 999px;
  outline: none;
  width: 100%;
  padding: 10px 13px;
}

.npn-live-chat-form input::placeholder {
  color: #7d90b2;
}

.npn-live-chat-form button {
  color: #071a2f;
  cursor: pointer;
  background: #22d3ee;
  border: 0;
  border-radius: 999px;
  padding: 10px 14px;
  font-weight: 900;
}

@media (max-width: 720px) {
  .npn-live-chat-widget {
    width: min(360px, 100vw - 24px);
    right: -8px;
  }
}

.npn-contact-menu button[data-npn-live-chat-open] {
  color: #fff;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: #020e20eb;
  border: 1px solid #82e6ff57;
  border-radius: 16px;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  text-decoration: none;
  transition: transform .22s, border-color .22s, box-shadow .22s, color .22s;
  display: flex;
  box-shadow: 0 12px 32px #00000042, 0 0 22px #00d0ff1f;
}

.npn-contact-menu button[data-npn-live-chat-open]:hover {
  color: #9ff3ff;
  border-color: #97f2ffd1;
  transform: translateX(-4px);
  box-shadow: 0 14px 34px #00000052, 0 0 26px #00d0ff57;
}

.npn-contact-menu button[data-npn-live-chat-open] span {
  color: #9fefff;
  background: radial-gradient(circle at 32% 24%, #92f4ff4d, #67d9e924 58%, #67d9e914);
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  display: inline-flex;
}

.npn-contact-menu button[data-npn-live-chat-open] strong {
  font-size: 14px;
  font-weight: 800;
}

.npn-live-chat-float {
  z-index: 2147483646;
  pointer-events: none;
  flex-direction: column;
  align-items: flex-end;
  display: flex;
  position: fixed;
  bottom: 110px;
  right: 34px;
}

.npn-live-chat-open-btn, .npn-live-chat-float .npn-live-chat-widget {
  pointer-events: auto;
}

.npn-live-chat-open-btn {
  color: #fff;
  cursor: pointer;
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  background: linear-gradient(135deg, #03122bf5, #062749f0);
  border: 1px solid #82e6ff70;
  border-radius: 999px;
  align-items: center;
  gap: 10px;
  min-height: 54px;
  padding: 9px 15px 9px 10px;
  transition: transform .22s, border-color .22s, box-shadow .22s;
  display: inline-flex;
  box-shadow: 0 14px 36px #00000057, 0 0 26px #00d0ff2e;
}

.npn-live-chat-open-btn:hover {
  border-color: #97f2ffdb;
  transform: translateY(-2px);
  box-shadow: 0 18px 42px #0006, 0 0 34px #00d0ff57;
}

.npn-live-chat-open-btn span {
  color: #9fefff;
  background: radial-gradient(circle at 30% 24%, #92f4ff6b, #22d3ee2e 58%, #22d3ee1a);
  border: 1px solid #82e6ff2e;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.npn-live-chat-open-btn strong {
  white-space: nowrap;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
}

.npn-live-chat-float .npn-live-chat-widget {
  bottom: calc(100% + 14px);
  right: 0;
}

body.npn-live-chat-open .npn-live-chat-open-btn {
  opacity: 0;
  pointer-events: none;
  transform: translateY(8px)scale(.92);
}

@media (max-width: 720px) {
  .npn-live-chat-float {
    z-index: 2147483646;
    bottom: 78px;
    right: 14px;
  }

  .npn-live-chat-open-btn {
    min-height: 48px;
    padding: 8px 12px 8px 8px;
  }

  .npn-live-chat-open-btn span {
    width: 32px;
    height: 32px;
  }

  .npn-live-chat-float .npn-live-chat-widget {
    width: min(360px, 100vw - 24px);
    bottom: calc(100% + 12px);
    right: -4px;
  }
}

.npn-live-chat-read-status {
  color: #9fefff;
  margin-left: 8px;
  font-weight: 800;
  display: inline-block;
}

.npn-live-chat-typing {
  color: #9fefff;
  background: #ffffff0d;
  border: 1px solid #67e8f929;
  border-radius: 14px 14px 14px 4px;
  align-items: center;
  gap: 8px;
  width: max-content;
  max-width: calc(100% - 24px);
  margin: 8px 12px 0;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 800;
  animation: .22s ease-out both npnChatTypingIn;
  box-shadow: 0 8px 24px #00000024;
}

.npn-live-chat-typing:not([hidden]) {
  display: flex;
}

.npn-live-chat-typing:after {
  content: "...";
  vertical-align: bottom;
  width: 18px;
  animation: 1.2s steps(4, end) infinite npnChatDots;
  display: inline-block;
  overflow: hidden;
}

@keyframes npnChatDots {
  from {
    width: 0;
  }

  to {
    width: 18px;
  }
}

@keyframes npnChatTypingIn {
  from {
    opacity: 0;
    transform: translateY(5px)scale(.97);
  }

  to {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

body.npn-diy-iframe-open {
  overflow: hidden;
}

body.npn-diy-iframe-open .npn-live-chat-float {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.npn-diy-iframe-modal {
  z-index: 2147483645;
  justify-content: center;
  align-items: center;
  padding: 8px;
  display: none;
  position: fixed;
  inset: 0;
}

.npn-diy-iframe-modal.is-open {
  display: flex;
}

.npn-diy-iframe-backdrop {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #010814d1;
  position: absolute;
  inset: 0;
}

.npn-diy-iframe-dialog {
  background: #061225;
  border: 1px solid #94e1ff57;
  border-radius: 18px;
  flex-direction: column;
  width: calc(100vw - 16px);
  max-width: 1840px;
  height: calc(100dvh - 16px);
  max-height: 1120px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 90px #00000094;
}

.npn-diy-iframe-header {
  color: #fff;
  background: linear-gradient(135deg, #071c36fa, #041124fa);
  border-bottom: 1px solid #94e1ff2e;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  min-height: 64px;
  padding: 12px 16px 12px 20px;
  display: flex;
}

.npn-diy-iframe-header > div:first-child {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  display: flex;
}

.npn-diy-iframe-header strong {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.25;
  overflow: hidden;
}

.npn-diy-iframe-header span {
  color: #dcf2ffb3;
  font-size: 12px;
}

.npn-diy-iframe-actions {
  flex: none;
  align-items: center;
  gap: 10px;
  display: flex;
}

.npn-diy-iframe-actions a, .npn-diy-iframe-actions button {
  color: #fff;
  min-height: 38px;
  font: inherit;
  cursor: pointer;
  background: #ffffff12;
  border: 1px solid #94e1ff47;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.npn-diy-iframe-actions a {
  padding: 0 14px;
}

.npn-diy-iframe-actions button {
  width: 40px;
  padding: 0;
  font-size: 25px;
  line-height: 1;
}

.npn-diy-iframe-actions a:hover, .npn-diy-iframe-actions button:hover {
  background: #4ad3ff29;
  border-color: #9eeeffb8;
}

.npn-diy-iframe-dialog iframe {
  background: #fff;
  border: 0;
  flex: auto;
  width: 100%;
  height: 100%;
  min-height: 0;
  display: block;
}

.npn-diy-iframe-loading {
  z-index: 2;
  color: #18314d;
  background: #f5f8fc;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  display: flex;
  position: absolute;
  inset: 64px 0 0;
}

.npn-diy-iframe-loading[hidden] {
  display: none;
}

@media (max-width: 720px) {
  .npn-diy-iframe-modal {
    padding: 0;
  }

  .npn-diy-iframe-dialog {
    border: 0;
    border-radius: 0;
    width: 100vw;
    height: 100dvh;
    max-height: none;
  }

  .npn-diy-iframe-header {
    min-height: 58px;
    padding: 10px 10px 10px 14px;
  }

  .npn-diy-iframe-header span, .npn-diy-iframe-actions a {
    display: none;
  }

  .npn-diy-iframe-loading {
    inset: 58px 0 0;
  }
}

body.npn-faq-simple-body {
  color: #eef6ff;
  background: #020817;
  min-height: 100vh;
}

.npn-faq-simple-shell {
  background: radial-gradient(circle at 14% 8%, #3b82f633, #0000 30%), radial-gradient(circle at 88% 18%, #08d5ff24, #0000 28%), linear-gradient(#08101f 0%, #060b18 100%);
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.npn-faq-simple-shell:before {
  content: "";
  pointer-events: none;
  background-image: linear-gradient(#7ef3ff06 1px, #0000 1px), linear-gradient(90deg, #7ef3ff06 1px, #0000 1px);
  background-size: 72px 72px;
  position: absolute;
  inset: 73px 0 0;
  -webkit-mask-image: linear-gradient(#000000bd, #0000 84%);
  mask-image: linear-gradient(#000000bd, #0000 84%);
}

.npn-faq-simple-main {
  z-index: 1;
  min-height: calc(100vh - 190px);
  padding: clamp(62px, 8vw, 104px) 20px clamp(86px, 10vw, 128px);
  position: relative;
}

.npn-faq-simple-container {
  width: min(960px, 100%);
  margin: 0 auto;
}

.npn-faq-simple-header {
  text-align: center;
  margin-bottom: 38px;
}

.npn-faq-language-switch {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #05102db8;
  border: 1px solid #70e8ff38;
  border-radius: 999px;
  align-items: center;
  gap: 5px;
  width: fit-content;
  margin-bottom: 26px;
  padding: 5px;
  display: inline-flex;
  box-shadow: inset 0 0 0 1px #ffffff06, 0 18px 42px #00000047, 0 0 26px #08d5ff14;
}

.npn-faq-language-switch a {
  color: #dae8ffad;
  border: 1px solid #0000;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 0 17px;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  transition: color .22s, background .22s, border-color .22s, box-shadow .22s, transform .22s;
  display: inline-flex;
}

.npn-faq-language-switch a:hover {
  color: #76f0ff;
  background: #08d5ff14;
}

.npn-faq-language-switch a[aria-current="page"] {
  color: #fff;
  text-shadow: 0 0 12px #70efff6b;
  background: radial-gradient(circle at 50% 0, #7ef3ff47, #0000 64%), linear-gradient(#3797fff5, #125bd2eb);
  border-color: #7ef3ff7a;
  box-shadow: inset 0 0 0 1px #ffffff14, 0 0 18px #00e2ff47, 0 8px 20px #00000038;
}

.npn-faq-simple-header h1 {
  letter-spacing: -.055em;
  background: linear-gradient(90deg, #52d8ff 0%, #7ef3ff 24%, #6aa7ff 54%, #9aa7ff 78%, #fff 100%) 0 0 / 180% 100%;
  color: #0000;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 24px #52d8ff33, 0 0 50px #08d5ff14;
  -webkit-background-clip: text;
  background-clip: text;
  max-width: 820px;
  margin: 0 auto;
  font-family: Manrope-Extra, Manrope, sans-serif;
  font-size: clamp(38px, 5.4vw, 62px);
  line-height: 1.02;
}

.npn-faq-simple-header p {
  color: #dae8ffad;
  max-width: 680px;
  margin: 18px auto 0;
  font-size: 16px;
  line-height: 1.72;
}

.npn-faq-simple-list.npn-faq-accordion {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 14px;
  padding: 0;
  animation: none;
  display: grid;
  overflow: visible;
}

.npn-faq-simple-list .npn-faq-item {
  background: radial-gradient(circle at 0 0, #08d5ff11, #0000 34%), linear-gradient(145deg, #0e1f40e0, #071127f2);
  border: 1px solid #70e8ff24;
  border-radius: 22px;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 54px #0000003d, inset 0 1px #ffffff09;
}

.npn-faq-simple-list .npn-faq-item:hover {
  border-color: #70e8ff52;
  transform: translateY(-2px);
  box-shadow: 0 24px 62px #0000004d, 0 0 24px #00d5ff14, inset 0 1px #ffffff0d;
}

.npn-faq-simple-list .npn-faq-item.is-open {
  background: radial-gradient(circle at 0 0, #08d5ff1f, #0000 38%), linear-gradient(145deg, #102850f0, #07132cfa);
  border-color: #70e8ff70;
  box-shadow: 0 26px 68px #00000057, 0 0 28px #00d5ff1f, inset 0 1px #ffffff0e;
}

.npn-faq-simple-list .npn-faq-question {
  color: #fff;
  grid-template-columns: 44px minmax(0, 1fr) 40px;
  gap: 16px;
  min-height: 82px;
  padding: 18px 20px;
}

.npn-faq-simple-list .npn-faq-question span {
  color: #06162b;
  background: linear-gradient(135deg, #7df4ff, #4f8dff);
  border: 1px solid #7ef3ff6b;
  border-radius: 15px;
  width: 44px;
  height: 44px;
  font-family: Manrope-Extra, Manrope, sans-serif;
  font-size: 13px;
  box-shadow: 0 0 22px #08d5ff40, inset 0 1px #ffffff73;
}

.npn-faq-simple-list .npn-faq-question strong {
  color: #fff;
  font-family: Manrope-Bold, Manrope, sans-serif;
  font-size: 16px;
  line-height: 1.48;
}

.npn-faq-simple-list .npn-faq-question em {
  background: #05102ab8;
  border: 1px solid #70e8ff38;
  border-radius: 14px;
  width: 40px;
  height: 40px;
  box-shadow: inset 0 0 18px #08d5ff0b;
}

.npn-faq-simple-list .npn-faq-question em:before, .npn-faq-simple-list .npn-faq-question em:after {
  background: #dffaff;
  width: 15px;
  box-shadow: 0 0 8px #70efff61;
}

.npn-faq-simple-list .npn-faq-item.is-open .npn-faq-question em {
  background: #08d5ff1a;
  border-color: #7ef3ff7a;
  box-shadow: 0 0 18px #08d5ff1a;
}

.npn-faq-simple-list .npn-faq-answer {
  box-shadow: none;
  background: none;
  border-top: 1px solid #0000;
  transition: grid-template-rows .28s, border-color .28s, background .28s, box-shadow .28s;
  position: relative;
}

.npn-faq-simple-list .npn-faq-answer > p {
  color: #ebf7ffc7;
  text-shadow: 0 1px 12px #7ef3ff0d;
  padding: 0 76px 0 80px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.82;
  position: relative;
}

.npn-faq-simple-list .npn-faq-item.is-open .npn-faq-answer {
  background: linear-gradient(90deg, #1b66b033, #08d5ff14 42%, #08d5ff06), #0511269e;
  border-top-color: #7ef3ff3d;
  box-shadow: inset 4px 0 #61e5ffeb, inset 0 14px 34px #08d5ff09, 0 -1px #ffffff06;
}

.npn-faq-simple-list .npn-faq-item.is-open .npn-faq-answer > p {
  color: #f4fbff;
  padding-top: 22px;
  padding-bottom: 26px;
}

.npn-faq-simple-empty {
  color: #dae8ffad;
  text-align: center;
  background: linear-gradient(145deg, #0e1f40e0, #071127f2);
  border: 1px solid #70e8ff2e;
  border-radius: 22px;
  padding: 26px;
  box-shadow: 0 20px 54px #0000003d;
}

@media (max-width: 640px) {
  .npn-faq-simple-main {
    min-height: 0;
    padding: 46px 14px 78px;
  }

  .npn-faq-simple-header {
    margin-bottom: 28px;
  }

  .npn-faq-language-switch {
    margin-bottom: 22px;
  }

  .npn-faq-language-switch a {
    min-height: 38px;
    padding: 0 14px;
    font-size: 13px;
  }

  .npn-faq-simple-header h1 {
    font-size: clamp(34px, 11vw, 46px);
  }

  .npn-faq-simple-header p {
    font-size: 15px;
  }

  .npn-faq-simple-list {
    gap: 11px;
  }

  .npn-faq-simple-list .npn-faq-item {
    border-radius: 18px;
  }

  .npn-faq-simple-list .npn-faq-question {
    grid-template-columns: 38px minmax(0, 1fr) 36px;
    gap: 11px;
    min-height: 72px;
    padding: 15px;
  }

  .npn-faq-simple-list .npn-faq-question span {
    border-radius: 12px;
    width: 38px;
    height: 38px;
  }

  .npn-faq-simple-list .npn-faq-question strong {
    font-size: 15px;
  }

  .npn-faq-simple-list .npn-faq-question em {
    border-radius: 12px;
    width: 36px;
    height: 36px;
  }

  .npn-faq-simple-list .npn-faq-answer > p {
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14.5px;
  }

  .npn-faq-simple-list .npn-faq-item.is-open .npn-faq-answer > p {
    padding-top: 18px;
    padding-bottom: 21px;
  }
}

body.npn-faq-premium-body {
  color: #eff7ff;
  background: #020713;
  min-height: 100vh;
}

.npn-faq-premium-shell {
  background: #020713;
  min-height: 100vh;
}

.npn-faq-premium-main {
  isolation: isolate;
  background: linear-gradient(#5ddcff06 1px, #0000 1px) 0 0 / 72px 72px, linear-gradient(90deg, #5ddcff06 1px, #0000 1px) 0 0 / 72px 72px, radial-gradient(circle at 50% -8%, #23cbff2b, #0000 35%), radial-gradient(circle at 90% 26%, #415bff21, #0000 28%), linear-gradient(#071020 0%, #030916 55%, #020713 100%);
  padding: clamp(58px, 7vw, 92px) 20px clamp(84px, 9vw, 124px);
  position: relative;
  overflow: hidden;
}

.npn-faq-premium-main:before {
  content: "";
  z-index: -2;
  pointer-events: none;
  background: linear-gradient(#02071300 0%, #0207137a 76%, #020713 100%);
  position: absolute;
  inset: 0;
}

.npn-faq-premium-glow {
  z-index: -1;
  filter: blur(70px);
  pointer-events: none;
  opacity: .24;
  border-radius: 999px;
  position: absolute;
}

.npn-faq-premium-glow-one {
  background: #0bdcf3;
  width: 360px;
  height: 360px;
  top: 190px;
  left: -210px;
}

.npn-faq-premium-glow-two {
  background: #355cff;
  width: 420px;
  height: 420px;
  bottom: 190px;
  right: -250px;
}

.npn-faq-premium-container {
  width: min(1240px, 100%);
  margin: 0 auto;
}

.npn-faq-premium-hero {
  text-align: center;
  max-width: 980px;
  margin: 0 auto clamp(54px, 7vw, 82px);
}

.npn-faq-premium-hero-top {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 30px;
  display: flex;
}

.npn-faq-premium-eyebrow {
  color: #8bedffdb;
  letter-spacing: .18em;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.npn-faq-premium-eyebrow:before {
  content: "";
  background: linear-gradient(90deg, #0000, #65eaff);
  width: 34px;
  height: 1px;
  box-shadow: 0 0 10px #65eaffb8;
}

.npn-faq-premium-language {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #061229ad;
  border: 1px solid #7edeff2b;
  border-radius: 12px;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff09, 0 12px 34px #00000042;
}

.npn-faq-premium-language a {
  color: #daeaff8c;
  border: 1px solid #0000;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  min-height: 36px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: color .2s, border-color .2s, background .2s, box-shadow .2s;
  display: inline-flex;
}

.npn-faq-premium-language a:hover {
  color: #dffbff;
  background: #41d1ff14;
}

.npn-faq-premium-language a[aria-current="page"] {
  color: #fff;
  background: linear-gradient(#23aaf7f2, #1b5bd3eb);
  border-color: #71e5ff57;
  box-shadow: 0 0 20px #26ccff38, inset 0 1px #ffffff29;
}

.npn-faq-premium-title-wrap h1 {
  color: #fff;
  letter-spacing: -.065em;
  text-wrap: balance;
  text-shadow: 0 14px 50px #00000057;
  max-width: 940px;
  margin: 0 auto;
  font-family: Manrope-Extra, Manrope, sans-serif;
  font-size: clamp(46px, 7.1vw, 86px);
  line-height: .98;
}

.npn-faq-premium-title-wrap h1:after {
  content: ".";
  color: #5ce8ff;
  text-shadow: 0 0 24px #5ce8ff80;
}

.npn-faq-premium-title-wrap p {
  color: #d3e3f8ad;
  text-wrap: balance;
  max-width: 720px;
  margin: 22px auto 0;
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.78;
}

.npn-faq-premium-search {
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background: linear-gradient(#102344d1, #071228eb);
  border: 1px solid #6fdcff38;
  border-radius: 18px;
  align-items: center;
  gap: 14px;
  max-width: 760px;
  min-height: 64px;
  margin: 36px auto 0;
  padding: 0 16px 0 20px;
  transition: border-color .2s, box-shadow .2s, transform .2s;
  display: flex;
  position: relative;
  box-shadow: 0 28px 70px #0000004d, 0 0 34px #1bd5ff0e, inset 0 1px #ffffff0b;
}

.npn-faq-premium-search:focus-within {
  border-color: #62e8ff85;
  transform: translateY(-2px);
  box-shadow: 0 30px 80px #00000057, 0 0 38px #1bd5ff21, inset 0 1px #fff1;
}

.npn-faq-premium-search svg {
  fill: none;
  stroke: #72e8ff;
  stroke-width: 1.8px;
  stroke-linecap: round;
  flex: none;
  width: 21px;
  height: 21px;
}

.npn-faq-premium-search input {
  color: #fff;
  width: 100%;
  min-width: 0;
  height: 62px;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  font-size: 15px;
  font-weight: 700;
}

.npn-faq-premium-search input::placeholder {
  color: #d3e3f86b;
}

.npn-faq-premium-search kbd {
  color: #def0ff99;
  min-width: 30px;
  height: 30px;
  font: inherit;
  background: #ffffff0b;
  border: 1px solid #8dddff2e;
  border-radius: 8px;
  flex: none;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  font-weight: 800;
  display: inline-flex;
  box-shadow: inset 0 -1px #00000047;
}

.npn-faq-premium-layout {
  grid-template-columns: minmax(235px, 286px) minmax(0, 1fr);
  align-items: start;
  gap: clamp(24px, 3vw, 38px);
  display: grid;
}

.npn-faq-premium-sidebar {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: linear-gradient(155deg, #0d1e3dc7, #050e21e6);
  border: 1px solid #77dcff24;
  border-radius: 24px;
  padding: 22px;
  position: sticky;
  top: 100px;
  box-shadow: 0 24px 70px #00000040, inset 0 1px #ffffff09;
}

.npn-faq-premium-sidebar-head {
  border-bottom: 1px solid #7bdbff1a;
  grid-template-columns: 40px minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  padding-bottom: 20px;
  display: grid;
}

.npn-faq-premium-sidebar-head > span {
  background: #2dcdff14;
  border: 1px solid #5ee0ff38;
  border-radius: 12px;
  place-items: center;
  width: 40px;
  height: 40px;
  display: grid;
}

.npn-faq-premium-sidebar-head svg {
  fill: none;
  stroke: #70eaff;
  stroke-width: 1.8px;
  stroke-linecap: round;
  width: 19px;
  height: 19px;
}

.npn-faq-premium-sidebar-head h2 {
  color: #fff;
  margin: 1px 0 5px;
  font-size: 16px;
  line-height: 1.3;
}

.npn-faq-premium-sidebar-head p {
  color: #cfe2f980;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.npn-faq-premium-categories {
  gap: 7px;
  margin-top: 16px;
  display: grid;
}

.npn-faq-premium-categories button {
  color: #d5e7fc94;
  width: 100%;
  min-height: 48px;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 11px 0 14px;
  font-size: 13px;
  font-weight: 800;
  transition: color .2s, border-color .2s, background .2s, transform .2s;
  display: flex;
}

.npn-faq-premium-categories button:hover {
  color: #fff;
  background: #44d1ff0e;
  transform: translateX(2px);
}

.npn-faq-premium-categories button strong {
  color: #d6eaff8c;
  background: #ffffff0b;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 27px;
  height: 27px;
  font-size: 11px;
  display: inline-flex;
}

.npn-faq-premium-categories button.is-active {
  color: #fff;
  background: linear-gradient(90deg, #19b6ed29, #2557d614);
  border-color: #63e1ff36;
  box-shadow: inset 3px 0 #5ee9ff, 0 0 22px #24cdff0f;
}

.npn-faq-premium-categories button.is-active strong {
  color: #04142a;
  background: linear-gradient(135deg, #62eaff, #4a8cff);
  box-shadow: 0 0 14px #3bd2ff38;
}

.npn-faq-premium-content {
  min-width: 0;
}

.npn-faq-premium-content-head {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  min-height: 54px;
  margin-bottom: 16px;
  padding: 0 4px;
  display: flex;
}

.npn-faq-premium-content-head > div {
  align-items: center;
  gap: 12px;
  display: flex;
}

.npn-faq-premium-section-mark {
  background: linear-gradient(#73f0ff, #3b82f6);
  border-radius: 999px;
  width: 4px;
  height: 26px;
  box-shadow: 0 0 16px #54e4ff66;
}

.npn-faq-premium-content-head h2 {
  color: #fff;
  letter-spacing: -.035em;
  margin: 0;
  font-size: clamp(22px, 2.3vw, 30px);
}

.npn-faq-premium-result-meta {
  color: #cfe2f973;
  align-items: baseline;
  gap: 6px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.npn-faq-premium-result-meta strong {
  color: #7eeeff;
  font-size: 15px;
}

.npn-faq-premium-list.npn-faq-accordion {
  box-shadow: none;
  background: none;
  border: 0;
  gap: 12px;
  padding: 0;
  display: grid;
  overflow: visible;
}

.npn-faq-premium-item {
  background: linear-gradient(145deg, #0c1b37d1, #050e20ed);
  border: 1px solid #74d3fa1f;
  border-radius: 19px;
  transition: border-color .22s, background .22s, box-shadow .22s, transform .22s;
  position: relative;
  overflow: hidden;
  box-shadow: 0 18px 52px #00000038, inset 0 1px #ffffff06;
}

.npn-faq-premium-item:before {
  content: "";
  opacity: 0;
  background: linear-gradient(#6ff1ff, #387dff);
  width: 3px;
  transition: opacity .22s;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 18px #57e5ff8c;
}

.npn-faq-premium-item:hover {
  border-color: #6ce0ff42;
  transform: translateY(-1px);
  box-shadow: 0 22px 62px #00000047, 0 0 24px #25d5ff0b;
}

.npn-faq-premium-item.is-open {
  background: linear-gradient(145deg, #0f264beb, #061229fa);
  border-color: #68e5ff57;
  box-shadow: 0 26px 72px #00000052, 0 0 32px #29d7ff14, inset 0 1px #ffffff0a;
}

.npn-faq-premium-item.is-open:before {
  opacity: 1;
}

.npn-faq-premium-question {
  color: #fff;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  grid-template-columns: minmax(0, 1fr) 38px;
  align-items: center;
  gap: 20px;
  width: 100%;
  min-height: 82px;
  padding: 18px 20px 18px 24px;
  display: grid;
}

.npn-faq-premium-question-copy {
  width: auto;
  min-width: 0;
  height: auto;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  display: block;
}

.npn-faq-premium-question-copy small {
  color: #63dff7;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.npn-faq-premium-question-copy strong {
  color: #f7fbff;
  letter-spacing: -.015em;
  font-family: Manrope-Bold, Manrope, sans-serif;
  font-size: 15.5px;
  line-height: 1.48;
  display: block;
}

.npn-faq-premium-question em {
  background: #ffffff06;
  border: 1px solid #76dcff2b;
  border-radius: 12px;
  width: 38px;
  height: 38px;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s;
  display: block;
  position: relative;
}

.npn-faq-premium-question em:before, .npn-faq-premium-question em:after {
  content: "";
  background: #dffbff;
  border-radius: 999px;
  width: 13px;
  height: 1.5px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 8px #64e6ff4d;
}

.npn-faq-premium-question em:after {
  transform: translate(-50%, -50%)rotate(90deg);
}

.npn-faq-premium-item.is-open .npn-faq-premium-question em {
  background: #34d2ff17;
  border-color: #63e6ff6b;
  transform: rotate(180deg);
  box-shadow: 0 0 18px #2ddaff1f;
}

.npn-faq-premium-item.is-open .npn-faq-premium-question em:after {
  opacity: 0;
}

.npn-faq-premium-answer {
  background: none;
  border-top: 1px solid #0000;
  grid-template-rows: 0fr;
  transition: grid-template-rows .3s, border-color .3s, background .3s;
  display: grid;
}

.npn-faq-premium-answer > p {
  color: #e0f0ffc7;
  min-height: 0;
  margin: 0;
  padding: 0 78px 0 24px;
  font-size: 14.5px;
  font-weight: 600;
  line-height: 1.82;
  transition: padding .3s, color .3s;
  overflow: hidden;
}

.npn-faq-premium-item.is-open .npn-faq-premium-answer {
  background: linear-gradient(90deg, #2199db1f, #0000 56%), #0510258c;
  border-top-color: #6be1ff24;
  grid-template-rows: 1fr;
}

.npn-faq-premium-item.is-open .npn-faq-premium-answer > p {
  color: #ecf8ff;
  padding-top: 20px;
  padding-bottom: 24px;
}

.npn-faq-premium-empty {
  color: #d2e7fd8f;
  text-align: center;
  background: #08152d8f;
  border: 1px dashed #73dbff33;
  border-radius: 20px;
  align-content: center;
  place-items: center;
  gap: 12px;
  min-height: 180px;
  padding: 28px;
  display: none;
}

.npn-faq-premium-empty.is-visible, .npn-faq-premium-empty:not([hidden]) {
  display: grid;
}

.npn-faq-premium-empty > span {
  color: #72e9ff;
  background: #37d3ff12;
  border: 1px solid #70e1ff38;
  border-radius: 14px;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 18px;
  font-weight: 900;
  display: grid;
}

.npn-faq-premium-empty p {
  max-width: 460px;
  margin: 0;
  line-height: 1.7;
}

.npn-faq-premium-cta {
  background: radial-gradient(circle at 12% 0, #3edaff29, #0000 34%), linear-gradient(125deg, #123059eb, #07142dfa);
  border: 1px solid #6fe2ff36;
  border-radius: 28px;
  grid-template-columns: 62px minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin-top: clamp(54px, 7vw, 84px);
  padding: clamp(26px, 4vw, 42px);
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 30px 86px #0000004d, inset 0 1px #ffffff0b;
}

.npn-faq-premium-cta:after {
  content: "";
  filter: blur(36px);
  pointer-events: none;
  background: #376cff38;
  border-radius: 999px;
  width: 230px;
  height: 230px;
  position: absolute;
  top: -130px;
  right: -90px;
}

.npn-faq-premium-cta-icon {
  background: linear-gradient(145deg, #40d9ff2e, #3d63ff1f);
  border: 1px solid #75ebff57;
  border-radius: 19px;
  place-items: center;
  width: 62px;
  height: 62px;
  display: grid;
  box-shadow: 0 0 28px #2cd3ff1a, inset 0 1px #ffffff14;
}

.npn-faq-premium-cta-icon svg {
  fill: none;
  stroke: #78efff;
  stroke-width: 1.6px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 28px;
  height: 28px;
}

.npn-faq-premium-cta-copy {
  min-width: 0;
}

.npn-faq-premium-cta-copy > span {
  color: #6ceaff;
  letter-spacing: .16em;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.npn-faq-premium-cta-copy h2 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 0;
  font-size: clamp(22px, 2.6vw, 34px);
  line-height: 1.2;
}

.npn-faq-premium-cta-copy p {
  color: #d3e6fc99;
  max-width: 660px;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.7;
}

.npn-faq-premium-cta-button {
  z-index: 1;
  color: #04142a;
  background: linear-gradient(135deg, #64eaff, #3d83f6);
  border: 1px solid #7eefff6b;
  border-radius: 14px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  padding: 0 20px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  transition: transform .2s, box-shadow .2s;
  display: inline-flex;
  position: relative;
  box-shadow: 0 12px 30px #25aeff33, inset 0 1px #ffffff6b;
}

.npn-faq-premium-cta-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 17px 38px #25aeff47, 0 0 24px #46daff24, inset 0 1px #ffffff80;
}

.npn-faq-premium-cta-button svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 18px;
  height: 18px;
}

@media (max-width: 900px) {
  .npn-faq-premium-layout {
    grid-template-columns: 1fr;
  }

  .npn-faq-premium-sidebar {
    position: static;
  }

  .npn-faq-premium-sidebar-head {
    grid-template-columns: 40px minmax(0, 1fr);
  }

  .npn-faq-premium-categories {
    scrollbar-width: none;
    gap: 8px;
    padding-bottom: 3px;
    display: flex;
    overflow-x: auto;
  }

  .npn-faq-premium-categories::-webkit-scrollbar {
    display: none;
  }

  .npn-faq-premium-categories button {
    flex: none;
    width: auto;
    min-width: 142px;
  }

  .npn-faq-premium-categories button:hover {
    transform: translateY(-1px);
  }
}

@media (max-width: 680px) {
  .npn-faq-premium-main {
    background-size: 54px 54px, 54px 54px, auto, auto, auto;
    padding: 44px 14px 76px;
  }

  .npn-faq-premium-hero {
    margin-bottom: 44px;
  }

  .npn-faq-premium-hero-top {
    margin-bottom: 24px;
  }

  .npn-faq-premium-eyebrow {
    letter-spacing: .12em;
    font-size: 10px;
  }

  .npn-faq-premium-eyebrow:before {
    width: 20px;
  }

  .npn-faq-premium-language a {
    min-width: 38px;
    min-height: 34px;
  }

  .npn-faq-premium-title-wrap h1 {
    font-size: clamp(40px, 13vw, 58px);
  }

  .npn-faq-premium-title-wrap p {
    margin-top: 17px;
    font-size: 14.5px;
  }

  .npn-faq-premium-search {
    border-radius: 16px;
    min-height: 58px;
    margin-top: 28px;
  }

  .npn-faq-premium-search input {
    height: 56px;
    font-size: 14px;
  }

  .npn-faq-premium-search kbd {
    display: none;
  }

  .npn-faq-premium-sidebar {
    border-radius: 20px;
    padding: 17px;
  }

  .npn-faq-premium-content-head {
    align-items: flex-end;
  }

  .npn-faq-premium-content-head h2 {
    font-size: 22px;
  }

  .npn-faq-premium-result-meta {
    white-space: nowrap;
  }

  .npn-faq-premium-item {
    border-radius: 17px;
  }

  .npn-faq-premium-question {
    grid-template-columns: minmax(0, 1fr) 36px;
    gap: 13px;
    min-height: 74px;
    padding: 16px 14px 16px 18px;
  }

  .npn-faq-premium-question-copy strong {
    font-size: 14.5px;
  }

  .npn-faq-premium-question em {
    width: 36px;
    height: 36px;
  }

  .npn-faq-premium-answer > p {
    padding-left: 18px;
    padding-right: 18px;
    font-size: 14px;
  }

  .npn-faq-premium-cta {
    border-radius: 22px;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 16px;
    padding: 23px 20px;
  }

  .npn-faq-premium-cta-icon {
    border-radius: 16px;
    width: 52px;
    height: 52px;
  }

  .npn-faq-premium-cta-button {
    grid-column: 1 / -1;
    width: 100%;
    margin-top: 3px;
  }
}

.npn-faq-premium-question .npn-faq-premium-question-copy {
  place-items: initial;
  width: auto;
  height: auto;
  color: inherit;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  font-family: inherit;
  display: block;
}

body.npn-terms-page-body {
  color: #dce8f7;
  background: #020713;
  margin: 0;
}

.npn-terms-shell {
  background: #020713;
  min-height: 100vh;
}

.npn-terms-reading-progress {
  z-index: 2147483000;
  pointer-events: none;
  height: 3px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.npn-terms-reading-progress span {
  background: linear-gradient(90deg, #2b7fff, #58e7ff, #86fff1);
  border-radius: 0 999px 999px 0;
  width: 0;
  height: 100%;
  transition: width 80ms linear;
  display: block;
  box-shadow: 0 0 16px #49dcffd1;
}

.npn-terms-main {
  isolation: isolate;
  background: radial-gradient(circle at 14% 10%, #1477ff24, #0000 31%), radial-gradient(circle at 87% 32%, #2fddff1a, #0000 28%), linear-gradient(#061022 0%, #020713 46%, #030916 100%);
  min-height: 80vh;
  padding: 72px 0 104px;
  position: relative;
  overflow: clip;
}

.npn-terms-main:before {
  content: "";
  z-index: -4;
  opacity: .22;
  background-image: linear-gradient(#6fcfff0e 1px, #0000 1px), linear-gradient(90deg, #6fcfff0e 1px, #0000 1px);
  background-size: 64px 64px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(#000, #0000 76%);
  mask-image: linear-gradient(#000, #0000 76%);
}

.npn-terms-grid {
  z-index: -3;
  pointer-events: none;
  background: linear-gradient(110deg, #0000 12%, #41caff0a, #0000 68%);
  position: absolute;
  inset: 0;
}

.npn-terms-glow {
  z-index: -2;
  filter: blur(10px);
  pointer-events: none;
  border-radius: 50%;
  position: absolute;
}

.npn-terms-glow-one {
  background: radial-gradient(circle, #2077ff33, #0000 68%);
  width: 520px;
  height: 520px;
  top: 40px;
  left: -180px;
}

.npn-terms-glow-two {
  background: radial-gradient(circle, #30e0ff21, #0000 70%);
  width: 560px;
  height: 560px;
  top: 450px;
  right: -190px;
}

.npn-terms-container {
  z-index: 1;
  width: min(1320px, 100% - 48px);
  margin: 0 auto;
  position: relative;
}

.npn-terms-hero {
  padding: 34px 0 64px;
}

.npn-terms-hero-top {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 42px;
  display: flex;
}

.npn-legal-document-tabs {
  background: #061329b8;
  border: 1px solid #67e8f938;
  border-radius: 16px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  margin: -16px 0 34px;
  padding: 6px;
  display: inline-grid;
  box-shadow: 0 14px 36px #02081747;
}

.npn-legal-document-tabs a {
  color: #e0f2feb8;
  text-align: center;
  border-radius: 11px;
  justify-content: center;
  align-items: center;
  min-height: 42px;
  padding: 9px 18px;
  font-size: 13px;
  font-weight: 900;
  transition: color .2s, background .2s, box-shadow .2s, transform .2s;
  display: inline-flex;
}

.npn-legal-document-tabs a:hover {
  color: #fff;
  transform: translateY(-1px);
}

.npn-legal-document-tabs a.is-active {
  color: #03101d;
  background: linear-gradient(135deg, #67e8f9, #22d3ee);
  box-shadow: 0 8px 22px #22d3ee3d;
}

.npn-privacy-document-tabs a.is-active {
  background: linear-gradient(135deg, #a7f3d0, #34d399);
}

.npn-terms-eyebrow {
  color: #78eaff;
  letter-spacing: .18em;
  align-items: center;
  gap: 11px;
  font-size: 12px;
  font-weight: 900;
  display: inline-flex;
}

.npn-terms-eyebrow:before {
  content: "";
  background: linear-gradient(90deg, #2e87ff, #73f0ff);
  width: 30px;
  height: 1px;
  box-shadow: 0 0 10px #54e0ffb3;
}

.npn-terms-language {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #08162bc7;
  border: 1px solid #87d9ff2e;
  border-radius: 14px;
  align-items: center;
  gap: 4px;
  padding: 5px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff0a, 0 14px 34px #00000038;
}

.npn-terms-language a {
  color: #91a7c3;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 48px;
  min-height: 38px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  transition: color .22s, background .22s, box-shadow .22s, transform .22s;
  display: inline-flex;
}

.npn-terms-language a:hover {
  color: #fff;
  transform: translateY(-1px);
}

.npn-terms-language a[aria-current="page"] {
  color: #fff;
  background: linear-gradient(135deg, #1478f8, #27b9f4);
  box-shadow: 0 8px 20px #1380ff47, inset 0 1px #ffffff40;
}

.npn-terms-hero-copy {
  max-width: 950px;
}

.npn-terms-hero-copy h1 {
  color: #fff;
  letter-spacing: -.066em;
  text-wrap: balance;
  max-width: 900px;
  margin: 0;
  font-size: clamp(48px, 6.6vw, 90px);
  line-height: .98;
}

.npn-terms-hero-copy h1:after {
  content: ".";
  color: #58ddff;
  text-shadow: 0 0 22px #4eddff9e;
  margin-left: 5px;
}

.npn-terms-hero-copy p {
  color: #a9b9ce;
  max-width: 760px;
  margin: 28px 0 0;
  font-size: clamp(17px, 1.7vw, 21px);
  line-height: 1.75;
}

.npn-terms-meta-row {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
  gap: 14px;
  margin-top: 42px;
  display: grid;
}

.npn-terms-meta-card, .npn-terms-print {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  background: #071429b3;
  border: 1px solid #6fccff24;
  border-radius: 18px;
  min-height: 76px;
  box-shadow: inset 0 1px #ffffff09, 0 18px 50px #0000002e;
}

.npn-terms-meta-card {
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  display: flex;
}

.npn-terms-meta-card > span {
  color: #69e7ff;
  background: #1f9fff1c;
  border: 1px solid #58e1ff2e;
  border-radius: 14px;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  display: inline-flex;
}

.npn-terms-meta-card svg, .npn-terms-print svg, .npn-terms-sidebar-help svg, .npn-terms-acceptance-note svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 21px;
  height: 21px;
}

.npn-terms-meta-card small, .npn-terms-meta-card strong {
  display: block;
}

.npn-terms-meta-card small {
  color: #768ba8;
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 800;
}

.npn-terms-meta-card strong {
  color: #edf8ff;
  font-size: 15px;
}

.npn-terms-print {
  color: #d9f7ff;
  min-width: 190px;
  font: inherit;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  gap: 11px;
  padding: 0 22px;
  font-size: 13px;
  font-weight: 900;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s;
  display: inline-flex;
}

.npn-terms-print:hover {
  background: #0e3456d6;
  border-color: #58e1ff70;
  transform: translateY(-2px);
  box-shadow: 0 16px 34px #0067aa2e;
}

.npn-terms-summary {
  background: linear-gradient(135deg, #0d2c4ec7, #07162bc7);
  border: 1px solid #59e0ff33;
  border-radius: 22px;
  grid-template-columns: 54px minmax(0, 1fr);
  align-items: start;
  gap: 20px;
  margin-top: 18px;
  padding: 24px 26px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff0b, 0 24px 60px #0003;
}

.npn-terms-summary:after {
  content: "";
  filter: blur(15px);
  background: #3ed8ff21;
  border-radius: 50%;
  width: 220px;
  height: 220px;
  position: absolute;
  top: -150px;
  right: -80px;
}

.npn-terms-summary-mark {
  background: #29afff1f;
  border: 1px solid #6fe9ff38;
  border-radius: 16px;
  place-items: center;
  width: 52px;
  height: 52px;
  display: grid;
}

.npn-terms-summary-mark span, .npn-terms-summary-mark span:before, .npn-terms-summary-mark span:after {
  background: #71e9ff;
  border-radius: 999px;
  width: 21px;
  height: 2px;
  display: block;
  box-shadow: 0 0 9px #4bdcff80;
}

.npn-terms-summary-mark span {
  position: relative;
}

.npn-terms-summary-mark span:before, .npn-terms-summary-mark span:after {
  content: "";
  position: absolute;
  left: 0;
}

.npn-terms-summary-mark span:before {
  top: -7px;
}

.npn-terms-summary-mark span:after {
  width: 14px;
  top: 7px;
}

.npn-terms-summary small {
  color: #6fe7ff;
  letter-spacing: .11em;
  text-transform: uppercase;
  margin: 1px 0 8px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.npn-terms-summary p {
  z-index: 1;
  color: #c4d3e5;
  margin: 0;
  line-height: 1.75;
  position: relative;
}

.npn-terms-layout {
  grid-template-columns: 310px minmax(0, 1fr);
  align-items: start;
  gap: 34px;
  display: grid;
}

.npn-terms-sidebar {
  gap: 16px;
  display: grid;
  position: sticky;
  top: 92px;
}

.npn-terms-sidebar-card, .npn-terms-sidebar-help {
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #061225c7;
  border: 1px solid #6fccff24;
  border-radius: 22px;
  box-shadow: inset 0 1px #ffffff09, 0 24px 60px #0000002e;
}

.npn-terms-sidebar-card {
  padding: 20px 12px 12px;
}

.npn-terms-sidebar-head {
  padding: 0 10px 15px;
}

.npn-terms-sidebar-head > span {
  color: #eef9ff;
  font-size: 15px;
  font-weight: 900;
}

.npn-terms-sidebar-head p {
  color: #71849f;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.npn-terms-toc {
  scrollbar-width: thin;
  scrollbar-color: #5bd9ff40 transparent;
  gap: 4px;
  max-height: min(58vh, 590px);
  padding-right: 2px;
  display: grid;
  overflow: auto;
}

.npn-terms-toc a {
  color: #8295ae;
  border: 1px solid #0000;
  border-radius: 13px;
  grid-template-columns: 30px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 11px 10px;
  text-decoration: none;
  transition: color .2s, border-color .2s, background .2s, transform .2s;
  display: grid;
}

.npn-terms-toc a:hover {
  color: #d9f7ff;
  background: #1b65991a;
  transform: translateX(2px);
}

.npn-terms-toc a.is-active {
  color: #ecfbff;
  background: linear-gradient(90deg, #218fe32e, #13466f14);
  border-color: #57ddff29;
}

.npn-terms-toc a small {
  color: #4fcfe9;
  letter-spacing: .06em;
  padding-top: 2px;
  font-size: 10px;
  font-weight: 900;
}

.npn-terms-toc a span {
  font-size: 12px;
  font-weight: 750;
  line-height: 1.45;
}

.npn-terms-sidebar-help {
  padding: 20px;
}

.npn-terms-sidebar-help > span {
  color: #68e6ff;
  background: linear-gradient(135deg, #1b80ff38, #40e0ff1c);
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 15px;
  display: inline-flex;
}

.npn-terms-sidebar-help strong {
  color: #fff;
  font-size: 15px;
  display: block;
}

.npn-terms-sidebar-help p {
  color: #8295ae;
  margin: 9px 0 15px;
  font-size: 12px;
  line-height: 1.65;
}

.npn-terms-sidebar-help a, .npn-terms-contact-card > a {
  color: #72e8ff;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
}

.npn-terms-sidebar-help a span, .npn-terms-contact-card > a span {
  transition: transform .2s;
}

.npn-terms-sidebar-help a:hover span, .npn-terms-contact-card > a:hover span {
  transform: translate(2px, -2px);
}

.npn-terms-document {
  min-width: 0;
}

.npn-terms-acceptance-note {
  background: #0c3d3d42;
  border: 1px solid #50e1c129;
  border-radius: 17px;
  grid-template-columns: 38px minmax(0, 1fr);
  align-items: center;
  gap: 13px;
  margin-bottom: 16px;
  padding: 15px 18px;
  display: grid;
}

.npn-terms-acceptance-note span {
  color: #71f0ce;
  background: #4ce5bf1a;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: inline-flex;
}

.npn-terms-acceptance-note p {
  color: #b8dcd6;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.npn-terms-section {
  background: linear-gradient(145deg, #08172de0, #050f1fe0);
  border: 1px solid #6fccff21;
  border-radius: 22px;
  margin-bottom: 16px;
  scroll-margin-top: 112px;
  transition: border-color .24s, transform .24s, box-shadow .24s, background .24s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff08, 0 20px 55px #0000002b;
}

.npn-terms-section:before {
  content: "";
  opacity: 0;
  background: linear-gradient(#278bff, #6eeaff, #0000);
  width: 2px;
  transition: opacity .22s;
  position: absolute;
  inset: 0 auto 0 0;
  box-shadow: 0 0 14px #4cdeff8c;
}

.npn-terms-section:hover, .npn-terms-section.is-active {
  background: linear-gradient(145deg, #0b1f3af0, #051123f0);
  border-color: #5adcff42;
  box-shadow: inset 0 1px #ffffff0b, 0 25px 65px #0000003b;
}

.npn-terms-section:hover:before, .npn-terms-section.is-active:before {
  opacity: 1;
}

.npn-terms-section > header {
  grid-template-columns: 58px minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 25px 30px 20px;
  display: grid;
}

.npn-terms-section > header > span {
  color: #65e3ff;
  letter-spacing: .07em;
  background: #1c80d31f;
  border: 1px solid #51dbff2b;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 54px;
  height: 54px;
  font-size: 12px;
  font-weight: 950;
  display: inline-flex;
}

.npn-terms-section h2 {
  color: #f2f9ff;
  letter-spacing: -.028em;
  margin: 0;
  font-size: clamp(21px, 2.1vw, 29px);
  line-height: 1.2;
}

.npn-terms-section-content {
  color: #aab9cc;
  padding: 0 30px 30px 106px;
  font-size: 15px;
  line-height: 1.84;
}

.npn-terms-section-content p {
  margin: 0 0 16px;
}

.npn-terms-section-content p:last-child {
  margin-bottom: 0;
}

.npn-terms-section-content strong, .npn-terms-section-content b {
  color: #eef9ff;
}

.npn-terms-section-content a {
  color: #66e0ff;
  text-underline-offset: 3px;
}

.npn-terms-section-content ul, .npn-terms-section-content ol {
  margin: 14px 0 18px;
  padding-left: 22px;
}

.npn-terms-section-content li {
  margin: 7px 0;
}

.npn-terms-contact-card {
  background: radial-gradient(circle at 100% 0, #3fdaff2e, #0000 34%), linear-gradient(135deg, #0f365ce0, #06162beb);
  border: 1px solid #5ee2ff3d;
  border-radius: 24px;
  justify-content: space-between;
  align-items: center;
  gap: 26px;
  margin-top: 26px;
  padding: 32px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 26px 70px #0000003b;
}

.npn-terms-contact-card small {
  color: #69e5ff;
  letter-spacing: .14em;
  font-size: 10px;
  font-weight: 900;
}

.npn-terms-contact-card h2 {
  color: #fff;
  letter-spacing: -.04em;
  margin: 8px 0 9px;
  font-size: clamp(24px, 3vw, 36px);
}

.npn-terms-contact-card p {
  color: #aebfd2;
  max-width: 650px;
  margin: 0;
  line-height: 1.68;
}

.npn-terms-contact-card > a {
  color: #fff;
  background: linear-gradient(135deg, #1478f8, #27b9f4);
  border: 1px solid #75ebff3d;
  border-radius: 14px;
  justify-content: center;
  min-width: 170px;
  min-height: 50px;
  padding: 0 20px;
  box-shadow: 0 14px 32px #1685f140;
}

.npn-terms-back-top {
  color: #7890aa;
  align-items: center;
  gap: 9px;
  width: max-content;
  margin: 24px 0 0 auto;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  transition: color .2s, transform .2s;
  display: flex;
}

.npn-terms-back-top:hover {
  color: #67e5ff;
  transform: translateY(-2px);
}

@media (max-width: 1050px) {
  .npn-terms-layout {
    grid-template-columns: 260px minmax(0, 1fr);
    gap: 22px;
  }

  .npn-terms-section > header {
    padding: 23px 24px 18px;
  }

  .npn-terms-section-content {
    padding: 0 24px 26px 100px;
  }
}

@media (max-width: 860px) {
  .npn-terms-main {
    padding-top: 42px;
  }

  .npn-terms-container {
    width: min(100% - 30px, 760px);
  }

  .npn-terms-hero {
    padding-bottom: 40px;
  }

  .npn-terms-hero-top {
    margin-bottom: 32px;
  }

  .npn-terms-meta-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .npn-terms-print {
    grid-column: 1 / -1;
    min-height: 58px;
  }

  .npn-terms-layout {
    grid-template-columns: 1fr;
  }

  .npn-terms-sidebar {
    position: static;
  }

  .npn-terms-sidebar-card {
    padding: 18px 14px 14px;
  }

  .npn-terms-toc {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-height: none;
    overflow: visible;
  }

  .npn-terms-sidebar-help {
    display: none;
  }
}

@media (max-width: 620px) {
  .npn-terms-main {
    padding: 30px 0 70px;
  }

  .npn-terms-container {
    width: min(100% - 22px, 560px);
  }

  .npn-terms-hero-top {
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 30px;
  }

  .npn-terms-eyebrow {
    letter-spacing: .12em;
    padding-top: 11px;
    font-size: 10px;
  }

  .npn-terms-eyebrow:before {
    width: 18px;
  }

  .npn-terms-language a {
    min-width: 42px;
    min-height: 35px;
  }

  .npn-legal-document-tabs {
    width: 100%;
    margin-top: -12px;
    display: grid;
  }

  .npn-legal-document-tabs a {
    padding-inline: 10px;
    font-size: 12px;
  }

  .npn-terms-hero-copy h1 {
    font-size: clamp(42px, 14vw, 62px);
  }

  .npn-terms-hero-copy p {
    margin-top: 22px;
    font-size: 16px;
    line-height: 1.66;
  }

  .npn-terms-meta-row {
    grid-template-columns: 1fr;
    margin-top: 30px;
  }

  .npn-terms-print {
    grid-column: auto;
  }

  .npn-terms-summary {
    grid-template-columns: 1fr;
    padding: 22px;
  }

  .npn-terms-summary-mark {
    width: 46px;
    height: 46px;
  }

  .npn-terms-toc {
    grid-template-columns: 1fr;
  }

  .npn-terms-section > header {
    grid-template-columns: 46px minmax(0, 1fr);
    gap: 13px;
    padding: 20px 18px 15px;
  }

  .npn-terms-section > header > span {
    border-radius: 13px;
    width: 44px;
    height: 44px;
  }

  .npn-terms-section h2 {
    font-size: 20px;
  }

  .npn-terms-section-content {
    padding: 0 18px 22px;
    font-size: 14px;
    line-height: 1.78;
  }

  .npn-terms-contact-card {
    padding: 24px 20px;
    display: grid;
  }

  .npn-terms-contact-card > a {
    width: 100%;
  }
}

@media print {
  body.npn-terms-page-body, .npn-terms-shell, .npn-terms-main {
    color: #111 !important;
    background: #fff !important;
  }

  .npn-terms-shell > header, .npn-terms-shell > footer, .npn-terms-reading-progress, .npn-terms-glow, .npn-terms-grid, .npn-terms-language, .npn-legal-document-tabs, .npn-terms-print, .npn-terms-sidebar, .npn-terms-contact-card, .npn-terms-back-top, [data-contact-float], [data-live-chat-widget], .npn-live-chat-widget, .npn-contact-float {
    display: none !important;
  }

  .npn-terms-main {
    padding: 0 !important;
  }

  .npn-terms-container {
    width: 100% !important;
  }

  .npn-terms-hero {
    padding: 0 0 24px !important;
  }

  .npn-terms-eyebrow, .npn-terms-hero-copy h1, .npn-terms-meta-card strong, .npn-terms-section h2 {
    color: #111 !important;
    text-shadow: none !important;
  }

  .npn-terms-hero-copy p, .npn-terms-summary p, .npn-terms-section-content, .npn-terms-acceptance-note p {
    color: #333 !important;
  }

  .npn-terms-meta-row {
    grid-template-columns: repeat(2, 1fr);
  }

  .npn-terms-meta-card, .npn-terms-summary, .npn-terms-section, .npn-terms-acceptance-note {
    break-inside: avoid;
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #d7dce3 !important;
  }

  .npn-terms-layout {
    display: block !important;
  }

  .npn-terms-section {
    margin-bottom: 12px;
  }
}

body.npn-privacy-page-body, .npn-privacy-shell {
  background: #020814;
}

.npn-privacy-main {
  background: radial-gradient(circle at 12% 8%, #11c2ab21, #0000 30%), radial-gradient(circle at 86% 26%, #3097ff21, #0000 29%), radial-gradient(circle at 52% 86%, #32e1c20e, #0000 35%), linear-gradient(#061225 0%, #020814 48%, #030a17 100%);
}

.npn-privacy-reading-progress span {
  background: linear-gradient(90deg, #20bba6, #59e7dd, #6cb8ff);
  box-shadow: 0 0 16px #47e0d2c7;
}

.npn-privacy-eyebrow {
  color: #72eee0;
}

.npn-privacy-eyebrow:before {
  background: linear-gradient(90deg, #18b9a3, #6aebdf);
  box-shadow: 0 0 10px #46e5d5a8;
}

.npn-privacy-page-body .npn-terms-language a[aria-current="page"] {
  background: linear-gradient(135deg, #0f9f96, #2db8d8 58%, #317ff2);
  box-shadow: 0 8px 22px #14ada43d, inset 0 1px #ffffff40;
}

.npn-privacy-page-body .npn-terms-hero-copy h1:after {
  color: #63eadb;
  text-shadow: 0 0 23px #43e0d294;
}

.npn-privacy-page-body .npn-terms-meta-card > span {
  color: #6ce7da;
  background: linear-gradient(145deg, #18b0a224, #2a85e717);
  border-color: #59e7d730;
}

.npn-privacy-summary {
  background: linear-gradient(135deg, #083a41bd, #071b32d1);
  border-color: #55e5d338;
}

.npn-privacy-summary:after {
  background: #38dbc724;
}

.npn-privacy-shield {
  color: #70ebdc;
  background: linear-gradient(145deg, #1bb8a629, #2f87e017);
  border: 1px solid #65ecdc3d;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
  width: 52px;
  height: 52px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff0d, 0 13px 28px #00000026;
}

.npn-privacy-shield svg {
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75px;
  stroke-linecap: round;
  stroke-linejoin: round;
  width: 25px;
  height: 25px;
}

.npn-privacy-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 13px;
  margin-top: 18px;
  display: grid;
}

.npn-privacy-overview article {
  background: linear-gradient(145deg, #081b32db, #051223db);
  border: 1px solid #6bd6e021;
  border-radius: 20px;
  min-height: 184px;
  padding: 22px 20px 20px;
  transition: transform .24s, border-color .24s, background .24s, box-shadow .24s;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #ffffff09, 0 20px 50px #00000029;
}

.npn-privacy-overview article:after {
  content: "";
  filter: blur(4px);
  background: #2dd6c41a;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  transition: transform .3s, background .3s;
  position: absolute;
  bottom: -72px;
  right: -62px;
}

.npn-privacy-overview article:hover {
  background: linear-gradient(145deg, #0a273bf0, #051629f0);
  border-color: #5de7d945;
  transform: translateY(-4px);
  box-shadow: inset 0 1px #ffffff0d, 0 27px 58px #00000038;
}

.npn-privacy-overview article:hover:after {
  background: #37e0cd24;
  transform: scale(1.22);
}

.npn-privacy-overview article > span {
  color: #66ded3;
  letter-spacing: .07em;
  background: #21aea517;
  border: 1px solid #5ee6d82b;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 34px;
  height: 26px;
  margin-bottom: 24px;
  padding: 0 9px;
  font-size: 10px;
  font-weight: 900;
  display: inline-flex;
}

.npn-privacy-overview article strong {
  z-index: 1;
  color: #f2fcff;
  font-size: 15px;
  line-height: 1.35;
  display: block;
  position: relative;
}

.npn-privacy-overview article p {
  z-index: 1;
  color: #839ab3;
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.68;
  position: relative;
}

.npn-privacy-page-body .npn-terms-toc a small {
  color: #55d8ca;
}

.npn-privacy-page-body .npn-terms-toc a.is-active {
  background: linear-gradient(90deg, #1ba69a2e, #15578114);
  border-color: #58e1d32b;
}

.npn-privacy-sidebar-help > span {
  color: #6ae5d8;
  background: linear-gradient(135deg, #19b1a133, #2c89e71a);
}

.npn-privacy-page-body .npn-terms-sidebar-help a, .npn-privacy-page-body .npn-terms-contact-card > a {
  color: #6ee8dc;
}

.npn-privacy-rights-note {
  background: linear-gradient(135deg, #08404447, #08223847);
  border-color: #4bdccc2e;
}

.npn-privacy-rights-note span {
  color: #73eadc;
  background: #41dac61c;
}

.npn-privacy-rights-note p {
  color: #b8dad8;
}

.npn-privacy-section:before {
  background: linear-gradient(#20bba6, #66eadc, #4c92f3, #0000);
  box-shadow: 0 0 14px #4ae0d280;
}

.npn-privacy-page-body .npn-terms-section:hover, .npn-privacy-page-body .npn-terms-section.is-active {
  background: linear-gradient(145deg, #092738f2, #051325f2);
  border-color: #59e0d340;
}

.npn-privacy-page-body .npn-terms-section > header > span {
  color: #63dfd3;
  background: linear-gradient(145deg, #1db2a421, #2a82da14);
  border-color: #5be5d730;
}

.npn-privacy-request-card {
  background: radial-gradient(circle at 82% 26%, #40d7c81f, #0000 31%), linear-gradient(135deg, #083641e0, #071930eb);
  border-color: #56e4d530;
}

.npn-privacy-request-card > a {
  background: #2bc5b81a;
  border: 1px solid #65ebdd3b;
  border-radius: 13px;
  padding: 12px 15px;
  box-shadow: inset 0 1px #ffffff0a;
}

.npn-privacy-request-card > a:hover {
  background: #2bc5b82b;
  border-color: #65ebdd6b;
}

@media (max-width: 1080px) {
  .npn-privacy-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .npn-privacy-overview article {
    min-height: 158px;
  }
}

@media (max-width: 620px) {
  .npn-privacy-overview {
    grid-template-columns: 1fr;
  }

  .npn-privacy-overview article {
    min-height: 0;
    padding: 18px;
  }

  .npn-privacy-overview article > span {
    margin-bottom: 16px;
  }
}

@media print {
  .npn-privacy-overview {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 8px !important;
  }

  .npn-privacy-overview article {
    break-inside: avoid;
    color: #111 !important;
    min-height: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    border: 1px solid #d9e2e8 !important;
  }

  .npn-privacy-overview article strong, .npn-privacy-overview article p {
    color: #111 !important;
  }
}

body.npn-about-page-body {
  color: #edf6ff;
  background: #020817;
  min-height: 100vh;
}

.npn-about-shell {
  background: radial-gradient(circle at 18% 4%, #1db7e826, #0000 28%), radial-gradient(circle at 88% 14%, #4d61ea24, #0000 26%), linear-gradient(#08101f 0%, #050b17 52%, #020817 100%);
  min-height: 100vh;
  overflow: hidden;
}

.npn-about-main {
  z-index: 1;
  position: relative;
}

.npn-about-container {
  width: min(1180px, 100% - 42px);
  margin: 0 auto;
}

.npn-about-hero {
  border-bottom: 1px solid #76d3ff1a;
  align-items: center;
  min-height: 650px;
  padding: 86px 0 82px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.npn-about-grid {
  opacity: .15;
  pointer-events: none;
  background-image: linear-gradient(#74dbff21 1px, #0000 1px), linear-gradient(90deg, #74dbff1c 1px, #0000 1px);
  background-size: 70px 70px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: radial-gradient(circle at 50% 38%, #000 0%, #0000 72%);
  mask-image: radial-gradient(circle at 50% 38%, #000 0%, #0000 72%);
}

.npn-about-glow {
  pointer-events: none;
  filter: blur(10px);
  border-radius: 999px;
  display: block;
  position: absolute;
}

.npn-about-glow-one {
  background: radial-gradient(circle, #1ad1eb38, #0000 68%);
  width: 440px;
  height: 440px;
  top: 60px;
  left: -190px;
}

.npn-about-glow-two {
  background: radial-gradient(circle, #5b6bf433, #0000 70%);
  width: 520px;
  height: 520px;
  top: 20px;
  right: -230px;
}

.npn-about-hero .npn-about-container {
  z-index: 2;
  position: relative;
}

.npn-about-hero-top {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  margin-bottom: 56px;
  display: flex;
}

.npn-about-eyebrow, .npn-about-section-label {
  color: #70e8f4;
  letter-spacing: .18em;
  text-transform: uppercase;
  align-items: center;
  gap: 10px;
  font-family: Manrope-Bold;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  display: inline-flex;
}

.npn-about-eyebrow:before, .npn-about-section-label:before {
  content: "";
  background: linear-gradient(90deg, #64e7f3, #64e7f32e);
  width: 22px;
  height: 1px;
  box-shadow: 0 0 12px #64e7f370;
}

.npn-about-language {
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  background: #061228b8;
  border: 1px solid #80dcff29;
  border-radius: 999px;
  align-items: center;
  gap: 4px;
  padding: 4px;
  display: inline-flex;
  box-shadow: inset 0 1px #ffffff0a;
}

.npn-about-language a {
  color: #8192aa;
  letter-spacing: .08em;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 44px;
  min-height: 34px;
  font-family: Manrope-Bold;
  font-size: 11px;
  font-weight: 800;
  transition: all .22s;
  display: inline-flex;
}

.npn-about-language a:hover {
  color: #fff;
}

.npn-about-language a[aria-current="page"] {
  color: #031020;
  background: linear-gradient(135deg, #5de6f2, #7a8fff);
  box-shadow: 0 8px 24px #40d3f138;
}

.npn-about-hero-copy {
  max-width: 900px;
}

.npn-about-hero-copy h1 {
  color: #fff;
  letter-spacing: -.065em;
  text-wrap: balance;
  max-width: 850px;
  margin: 0;
  font-family: Manrope-Extra;
  font-size: clamp(52px, 7.2vw, 92px);
  font-weight: 900;
  line-height: .98;
}

.npn-about-hero-copy h1:first-line {
  color: #fff;
}

.npn-about-hero-copy p {
  color: #a9bbd1;
  max-width: 720px;
  margin: 28px 0 0;
  font-size: 18px;
  line-height: 1.78;
}

.npn-about-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 34px;
  display: flex;
}

.npn-about-button {
  border: 1px solid #0000;
  border-radius: 13px;
  justify-content: center;
  align-items: center;
  gap: 11px;
  min-height: 50px;
  padding: 0 20px;
  font-family: Manrope-Bold;
  font-size: 13px;
  font-weight: 800;
  transition: transform .22s, border-color .22s, background .22s, box-shadow .22s;
  display: inline-flex;
}

.npn-about-button:hover {
  transform: translateY(-2px);
}

.npn-about-button-primary {
  background: linear-gradient(135deg, #60e9f4, #7e91ff);
  box-shadow: 0 14px 34px #46cdef33;
  color: #04101f !important;
}

.npn-about-button-primary:hover {
  box-shadow: 0 18px 42px #46cdef4d;
}

.npn-about-button-primary span {
  font-size: 16px;
}

.npn-about-button-secondary {
  background: #ffffff09;
  border-color: #80dcff33;
  color: #dcecff !important;
}

.npn-about-button-secondary:hover {
  background: #5fdcf514;
  border-color: #80dcff61;
}

.npn-about-proof {
  border-top: 1px solid #7dd5ff1c;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px 28px;
  margin-top: 60px;
  padding-top: 24px;
  display: flex;
}

.npn-about-proof span {
  color: #8497ae;
  align-items: center;
  gap: 10px;
  font-family: Manrope-SemiBold;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.npn-about-proof i {
  background: #62e8ef;
  border-radius: 999px;
  width: 7px;
  height: 7px;
  display: block;
  box-shadow: 0 0 14px #62e8efbf;
}

.npn-about-story-section {
  padding: 120px 0;
}

.npn-about-story-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  align-items: start;
  gap: 80px;
  display: grid;
}

.npn-about-story-copy h2, .npn-about-section-head h2, .npn-about-cta-card h2 {
  color: #fff;
  letter-spacing: -.045em;
  text-wrap: balance;
  margin: 18px 0 0;
  font-family: Manrope-Extra;
  font-weight: 900;
  line-height: 1.08;
}

.npn-about-story-copy h2 {
  max-width: 620px;
  font-size: clamp(38px, 5vw, 62px);
}

.npn-about-story-copy > p, .npn-about-custom-content p {
  color: #9eb1c8;
  max-width: 650px;
  margin: 26px 0 0;
  font-size: 16px;
  line-height: 1.85;
}

.npn-about-custom-content {
  margin-top: 26px;
}

.npn-about-custom-content h2, .npn-about-custom-content h3, .npn-about-custom-content h4 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 28px 0 8px;
}

.npn-about-custom-content h2:first-child, .npn-about-custom-content h3:first-child, .npn-about-custom-content h4:first-child, .npn-about-custom-content p:first-child {
  margin-top: 0;
}

.npn-about-custom-content a {
  color: #6fe6f2;
}

.npn-about-services {
  background: radial-gradient(circle at 90% 8%, #5589f71a, #0000 30%), linear-gradient(160deg, #0c1c38eb, #051023f0);
  border: 1px solid #7ad5ff24;
  border-radius: 26px;
  padding: 28px;
  box-shadow: 0 30px 80px #0000003d, inset 0 1px #ffffff0a;
}

.npn-about-service-list {
  margin-top: 21px;
}

.npn-about-service-list article {
  border-top: 1px solid #78ceff1a;
  grid-template-columns: 38px minmax(0, 1fr);
  gap: 14px;
  padding: 20px 0;
  display: grid;
}

.npn-about-service-list article:first-child {
  border-top: 0;
}

.npn-about-service-list article > span {
  color: #5cdde9;
  letter-spacing: .08em;
  font-family: Manrope-Bold;
  font-size: 11px;
}

.npn-about-service-list h3 {
  color: #f4f9ff;
  letter-spacing: -.02em;
  margin: -2px 0 0;
  font-family: Manrope-Bold;
  font-size: 16px;
}

.npn-about-service-list p {
  color: #7f93aa;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.65;
}

.npn-about-principles-section {
  background: #030c1c61;
  border-top: 1px solid #76d3ff17;
  border-bottom: 1px solid #76d3ff17;
  padding: 112px 0;
}

.npn-about-section-head {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
  align-items: end;
  gap: 56px;
  display: grid;
}

.npn-about-section-head h2 {
  font-size: clamp(38px, 5vw, 58px);
}

.npn-about-section-head > p {
  color: #8fa3ba;
  margin: 0 0 5px;
  font-size: 15px;
  line-height: 1.75;
}

.npn-about-principles-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-top: 54px;
  display: grid;
}

.npn-about-principles-grid article {
  background: linear-gradient(155deg, #0c1d3ac7, #051022db);
  border: 1px solid #77d3ff21;
  border-radius: 22px;
  min-height: 265px;
  padding: 28px;
  transition: transform .25s, border-color .25s, background .25s;
  box-shadow: inset 0 1px #ffffff09;
}

.npn-about-principles-grid article:hover {
  background: linear-gradient(155deg, #0e2747e0, #06142aeb);
  border-color: #66e2f047;
  transform: translateY(-4px);
}

.npn-about-principles-grid article > span {
  color: #63e0ec;
  letter-spacing: .08em;
  background: #4cd5e712;
  border: 1px solid #66e2f029;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 42px;
  min-height: 28px;
  font-family: Manrope-Bold;
  font-size: 10px;
  display: inline-flex;
}

.npn-about-principles-grid h3 {
  color: #fff;
  letter-spacing: -.03em;
  margin: 54px 0 0;
  font-family: Manrope-Bold;
  font-size: 22px;
}

.npn-about-principles-grid p {
  color: #8498af;
  margin: 13px 0 0;
  font-size: 13px;
  line-height: 1.72;
}

.npn-about-cta-section {
  padding: 104px 0 120px;
}

.npn-about-cta-card {
  background: radial-gradient(circle at 88% 20%, #5b71f533, #0000 34%), radial-gradient(circle at 10% 100%, #30d6e421, #0000 36%), linear-gradient(135deg, #0e284aeb, #061229f5);
  border: 1px solid #78d8ff2e;
  border-radius: 30px;
  justify-content: space-between;
  align-items: flex-end;
  gap: 44px;
  padding: 52px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 32px 90px #0000004d, inset 0 1px #ffffff0d;
}

.npn-about-cta-card > div:first-child {
  max-width: 680px;
}

.npn-about-cta-card h2 {
  font-size: clamp(34px, 4.5vw, 54px);
}

.npn-about-cta-card p {
  color: #9eb1c8;
  max-width: 620px;
  margin: 18px 0 0;
  font-size: 15px;
  line-height: 1.75;
}

.npn-about-cta-card .npn-about-actions {
  flex: none;
  margin-top: 0;
}

@media (max-width: 980px) {
  .npn-about-hero {
    min-height: 590px;
  }

  .npn-about-story-grid {
    grid-template-columns: 1fr;
    gap: 52px;
  }

  .npn-about-services {
    max-width: none;
  }

  .npn-about-section-head {
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .npn-about-principles-grid {
    grid-template-columns: 1fr;
  }

  .npn-about-principles-grid article {
    min-height: 0;
  }

  .npn-about-principles-grid h3 {
    margin-top: 34px;
  }

  .npn-about-cta-card {
    flex-direction: column;
    align-items: flex-start;
  }

  .npn-about-cta-card .npn-about-actions {
    width: 100%;
  }
}

@media (max-width: 720px) {
  .npn-about-container {
    width: min(100% - 28px, 1180px);
  }

  .npn-about-hero {
    min-height: 0;
    padding: 64px 0 58px;
  }

  .npn-about-hero-top {
    margin-bottom: 42px;
  }

  .npn-about-eyebrow {
    max-width: calc(100% - 112px);
    font-size: 9px;
  }

  .npn-about-hero-copy h1 {
    letter-spacing: -.055em;
    font-size: clamp(42px, 14vw, 62px);
  }

  .npn-about-hero-copy p {
    margin-top: 22px;
    font-size: 15px;
    line-height: 1.72;
  }

  .npn-about-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .npn-about-button {
    width: 100%;
  }

  .npn-about-proof {
    flex-direction: column;
    align-items: flex-start;
    margin-top: 45px;
  }

  .npn-about-story-section, .npn-about-principles-section {
    padding: 78px 0;
  }

  .npn-about-story-grid {
    gap: 42px;
  }

  .npn-about-story-copy h2, .npn-about-section-head h2 {
    font-size: 38px;
  }

  .npn-about-story-copy > p, .npn-about-custom-content p {
    font-size: 14px;
  }

  .npn-about-services {
    border-radius: 22px;
    padding: 22px;
  }

  .npn-about-service-list article {
    grid-template-columns: 32px minmax(0, 1fr);
    padding: 18px 0;
  }

  .npn-about-principles-grid {
    margin-top: 34px;
  }

  .npn-about-principles-grid article {
    padding: 24px;
  }

  .npn-about-cta-section {
    padding: 72px 0 90px;
  }

  .npn-about-cta-card {
    border-radius: 24px;
    gap: 30px;
    padding: 30px 22px;
  }

  .npn-about-cta-card h2 {
    font-size: 36px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .npn-about-button, .npn-about-principles-grid article {
    transition: none;
  }
}

.npn-profile-menu {
  flex: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: relative;
}

.npn-profile-menu:after {
  content: "";
  width: 100%;
  height: 14px;
  position: absolute;
  top: 100%;
  right: 0;
}

.npn-profile-tooltip {
  z-index: 10060;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background: #050f23fa;
  border: 1px solid #4ed5ff3d;
  border-radius: 8px;
  width: max-content;
  max-width: 220px;
  padding: 7px 10px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.35;
  transition: opacity .16s, visibility .16s, transform .16s;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  transform: translateY(-4px);
  box-shadow: 0 10px 28px #00000052;
}

.npn-profile-menu:not(.is-open) .npn-profile-dot:hover + .npn-profile-tooltip, .npn-profile-menu:not(.is-open) .npn-profile-dot:focus-visible + .npn-profile-tooltip {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.npn-profile-submenu {
  z-index: 10050;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform-origin: 100% 0;
  background: radial-gradient(circle at 88% 0, #16b2ff24, #0000 38%), linear-gradient(#0a1a37fc, #050f23fc);
  border: 1px solid #4ed5ff47;
  border-radius: 16px;
  flex-direction: column;
  gap: 4px;
  width: 240px;
  max-width: calc(100vw - 24px);
  padding: 10px;
  transition: opacity .18s, visibility .18s, transform .18s;
  display: flex;
  position: absolute;
  top: calc(100% + 12px);
  right: 0;
  transform: translateY(-8px)scale(.98);
  box-shadow: 0 22px 55px #0000006b, 0 0 26px #0ec5ff1a;
}

.npn-profile-menu.is-open .npn-profile-submenu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0)scale(1);
}

.npn-profile-submenu-user {
  border-bottom: 1px solid #84cdff29;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  margin-bottom: 4px;
  padding: 10px 11px 12px;
  display: flex;
}

.npn-profile-submenu-user strong, .npn-profile-submenu-user span {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  display: block;
  overflow: hidden;
}

.npn-profile-submenu-user strong {
  color: #fff;
  font-size: 15px;
  font-weight: 800;
  line-height: 1.35;
}

.npn-profile-submenu-user span {
  color: #d0e8ffb8;
  font-size: 12px;
  line-height: 1.45;
}

.npn-profile-submenu > a {
  color: #eaf6ffeb;
  white-space: normal;
  border-radius: 10px;
  align-items: center;
  min-height: 40px;
  padding: 9px 11px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.35;
  text-decoration: none;
  transition: color .16s, background .16s, transform .16s;
  display: flex;
}

.npn-profile-submenu > a:hover, .npn-profile-submenu > a:focus-visible {
  color: #fff;
  background: #17c6ff21;
  outline: none;
  transform: translateX(2px);
}

.npn-profile-submenu > a:last-child {
  color: #ffb7bf;
}

.npn-profile-submenu > a:last-child:hover, .npn-profile-submenu > a:last-child:focus-visible {
  color: #ffd4d9;
  background: #ff52681f;
}

@media (max-width: 767px) {
  .npn-profile-submenu {
    width: min(240px, 100vw - 20px);
    right: -6px;
  }
}

.npn-live-chat-prompts {
  background: #05142db8;
  border-top: 1px solid #5edaff29;
  padding: 12px 14px;
}

.npn-live-chat-wait {
  color: #eaf6ffeb;
  flex-direction: column;
  gap: 8px;
  margin: 0 14px 12px;
  display: flex;
}

.npn-live-chat-wait[hidden] {
  display: none;
}

.npn-live-chat-wait p {
  background: #17c6ff14;
  border: 1px solid #5edaff38;
  border-radius: 12px;
  margin: 0;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 1.5;
}

.npn-live-chat-wait a {
  color: #042033;
  background: #19c8ff;
  border-radius: 9px;
  justify-content: center;
  align-items: center;
  min-height: 36px;
  margin-top: 0;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.npn-live-chat-prompts > strong {
  color: #dffaff;
  margin-bottom: 8px;
  font-size: 13px;
  display: block;
}

.npn-live-chat-prompts > div {
  gap: 7px;
  padding-bottom: 2px;
  display: flex;
  overflow-x: auto;
}

.npn-live-chat-prompts button {
  color: #cfeeff;
  max-width: 230px;
  font: inherit;
  cursor: pointer;
  background: #2984b524;
  border: 1px solid #5fe8ff4d;
  border-radius: 999px;
  flex: none;
  padding: 7px 10px;
  font-size: 12px;
}

.npn-live-chat-prompts button:hover {
  color: #fff;
  border-color: #5fe8ff;
}

.npn-service-copy h1, .npn-service-copy h1 .npn-service-title-text, .npn-diy-service-block .npn-service-copy h1, .npn-diy-service-block .npn-service-title-text {
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
  overflow: visible !important;
}

.npn-service-copy h1 {
  padding: .08em .12em .16em 0;
}

.npn-pricing-live-section {
  background: radial-gradient(circle at 8% 20%, #13ceda2e, #0000 32%), radial-gradient(circle at 92% 38%, #525ae53b, #0000 34%), #020817;
  min-height: calc(100vh - 90px);
  padding: 90px 0;
  position: relative;
}

.npn-pricing-live-head {
  text-align: center;
  max-width: 820px;
  margin: 0 auto 36px;
}

.npn-pricing-live-head h1 {
  color: #fff;
  letter-spacing: -.06em;
  margin: 16px 0 10px;
  font-size: clamp(48px, 7vw, 92px);
}

.npn-pricing-live-head p {
  color: #aebed7;
}

.npn-pricing-version {
  color: #69e9ff;
  border: 1px solid #58e1ff40;
  border-radius: 999px;
  margin-top: 12px;
  padding: 7px 12px;
  font-size: 12px;
  display: inline-flex;
}

.npn-pricing-live-filters {
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin-bottom: 28px;
  display: flex;
}

.npn-pricing-live-filters button {
  color: #bcd0ea;
  cursor: pointer;
  background: #081a36;
  border: 1px solid #59deff40;
  border-radius: 999px;
  padding: 9px 16px;
}

.npn-pricing-live-filters button.is-active {
  color: #03101d;
  background: linear-gradient(135deg, #16d7e8, #438bff);
}

.npn-pricing-live-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.npn-pricing-live-card {
  background: linear-gradient(160deg, #0f264cf0, #051026fa);
  border: 1px solid #58e1ff33;
  border-radius: 22px;
  flex-direction: column;
  min-height: 260px;
  padding: 22px;
  display: flex;
  box-shadow: 0 18px 44px #00000038;
}

.npn-pricing-live-card.is-filtered-out {
  display: none;
}

.npn-pricing-live-card small {
  color: #62e9ff;
  text-transform: uppercase;
  letter-spacing: .08em;
}

.npn-pricing-live-card h2 {
  color: #fff;
  margin: 10px 0 6px;
  font-size: 22px;
}

.npn-pricing-live-card p {
  color: #9fb2cc;
  margin: 0;
}

.npn-pricing-live-price {
  color: #fff;
  margin-top: auto;
  padding-top: 22px;
  font-size: 30px;
  font-weight: 800;
}

.npn-pricing-live-price span {
  color: #94a8c3;
  font-size: 13px;
  font-weight: 500;
}

.npn-pricing-live-empty {
  text-align: center;
  color: #9fb2cc;
  padding: 42px;
  display: none;
}

.npn-pricing-live-empty.is-visible, .npn-pricing-live-empty:only-child {
  display: block;
}

.npn-pricing-live-table-wrap {
  width: 100%;
  overflow: visible;
}

.npn-pricing-live-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  color: #dbe9ff;
  border: 1px solid #58e1ff38;
  border-radius: 16px;
  width: 100%;
}

.npn-pricing-live-table th {
  z-index: 8;
  color: #67e8f9;
  letter-spacing: .08em;
  text-align: left;
  text-transform: uppercase;
  background: #07162f;
  border-bottom: 1px solid #58e1ff3d;
  padding: 16px 18px;
  font-size: 12px;
  font-weight: 800;
  position: sticky;
  top: 73px;
}

.npn-pricing-live-table th:first-child {
  width: 18%;
}

.npn-pricing-live-table th:nth-child(2), .npn-pricing-live-table th:nth-child(3) {
  width: 21%;
}

.npn-pricing-live-table th:nth-child(4) {
  width: 25%;
}

.npn-pricing-live-table th:nth-child(5) {
  width: 15%;
}

.npn-pricing-live-row td {
  color: #aebed7;
  overflow-wrap: anywhere;
  vertical-align: middle;
  background: linear-gradient(160deg, #0f264cf0, #051026fa);
  border-top: 0;
  border-bottom: 1px solid #58e1ff2e;
  border-right: 1px solid #58e1ff1a;
  padding: 18px;
  line-height: 1.5;
}

.npn-pricing-live-row td:first-child {
  border-left: 0;
  border-radius: 0;
}

.npn-pricing-live-row td.is-merged-continuation {
  display: none;
}

.npn-pricing-live-row td.is-service-continuation + td:not(.is-merged-continuation), .npn-pricing-live-row td.is-service-continuation + td.is-editing-continuation + td {
  border-left: 0;
  border-radius: 0;
}

.npn-pricing-live-row.is-free td:not(:first-child) {
  background: linear-gradient(90deg, #08d5ff21, #438bff1a);
  border-bottom-color: #57ddff6b;
  box-shadow: inset 0 1px #70e8ff1a, inset 0 -1px #70e8ff1a;
}

.npn-pricing-live-row.is-free .npn-pricing-live-table-price strong {
  color: #70efff;
  letter-spacing: .04em;
}

.npn-pricing-live-row td:last-child {
  border-right: 0;
  border-radius: 0;
}

.npn-pricing-live-row.is-service-group-start td:not(.is-merged-continuation) {
  border-top: 2px solid #67e8f9ad;
}

.npn-pricing-live-row.is-service-group-end td:not(.is-merged-continuation), .npn-pricing-live-row td.is-service-group-bottom-cell {
  border-bottom: 2px solid #67e8f9ad;
}

.npn-pricing-live-row.is-service-group-start td:first-child {
  border-bottom: 2px solid #67e8f9ad;
  border-left: 2px solid #67e8f9ad;
  box-shadow: inset 3px 0 #22d3ee29;
}

.npn-pricing-live-row.is-service-group-row td:last-child {
  border-right: 2px solid #67e8f9ad;
}

.npn-pricing-live-row td:first-child strong, .npn-pricing-live-table-price strong {
  color: #fff;
}

.npn-pricing-live-row td:first-child strong {
  color: #67e8f9;
  letter-spacing: .035em;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 800;
}

.npn-pricing-live-table-price strong {
  font-size: 22px;
  display: block;
}

.npn-pricing-live-table-price span {
  color: #8198b8;
  font-size: 12px;
}

.npn-pricing-live-row.is-free .npn-pricing-live-table-price strong {
  color: #031522;
  letter-spacing: .075em;
  text-shadow: 0 1px #ffffff47;
  background: linear-gradient(135deg, #67e8f9, #22d3ee 52%, #38bdf8);
  border: 1px solid #a5f3fce6;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 82px;
  min-height: 40px;
  padding: 7px 14px;
  font-size: 21px;
  font-weight: 900;
  line-height: 1;
  display: inline-flex;
  box-shadow: 0 0 14px #22d3ee9e, 0 0 30px #0ea5e952;
}

.npn-pricing-live-row.is-filtered-out {
  display: none;
}

.npn-pricing-live-table .npn-pricing-live-empty.is-visible, .npn-pricing-live-table .npn-pricing-live-empty:only-child {
  display: table-row;
}

.npn-pricing-live-table .npn-pricing-live-empty td {
  text-align: center;
  background: #051026eb;
  border: 1px solid #58e1ff2e;
  border-radius: 16px;
  padding: 38px;
}

@media (max-width: 720px) {
  .npn-pricing-live-table, .npn-pricing-live-table tbody, .npn-pricing-live-table tr, .npn-pricing-live-table td {
    width: 100%;
    display: block;
  }

  .npn-pricing-live-table thead {
    display: none;
  }

  .npn-pricing-live-table {
    border-spacing: 0;
  }

  .npn-pricing-live-row {
    background: linear-gradient(160deg, #0f264cf0, #051026fa);
    border: 0;
    border-left: 2px solid #67e8f9ad;
    border-right: 2px solid #67e8f9ad;
    border-radius: 0;
    margin-bottom: 0;
    overflow: hidden;
  }

  .npn-pricing-live-row.is-service-group-start {
    border-top: 2px solid #67e8f9ad;
    border-radius: 16px 16px 0 0;
  }

  .npn-pricing-live-row.is-service-group-end {
    border-bottom: 2px solid #67e8f9ad;
    border-radius: 0 0 16px 16px;
    margin-bottom: 14px;
  }

  .npn-pricing-live-row.is-service-group-start.is-service-group-end {
    border-radius: 16px;
  }

  .npn-pricing-live-row td {
    background: none;
    border: 0;
    border-bottom: 1px solid #58e1ff1a;
    border-radius: 0;
    grid-template-columns: 108px minmax(0, 1fr);
    gap: 12px;
    padding: 12px 14px;
    display: grid;
  }

  .npn-pricing-live-row td.is-merged-continuation {
    display: grid;
  }

  .npn-pricing-live-row td:last-child {
    border: 0;
    border-radius: 0;
  }

  .npn-pricing-live-row.is-service-group-start td:not(.is-merged-continuation), .npn-pricing-live-row.is-service-group-end td:not(.is-merged-continuation), .npn-pricing-live-row.is-service-group-start td:first-child, .npn-pricing-live-row.is-service-group-row td:last-child, .npn-pricing-live-row td.is-service-group-bottom-cell {
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #58e1ff1a;
  }

  .npn-pricing-live-row.is-service-group-row td:last-child {
    border-bottom: 0;
  }

  .npn-pricing-live-row td:before {
    content: attr(data-label);
    color: #67e8f9;
    letter-spacing: .06em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 800;
  }

  .npn-pricing-live-table-price strong, .npn-pricing-live-table-price span {
    grid-column: 2;
  }

  .npn-pricing-live-table-price span {
    margin-top: -10px;
  }

  .npn-pricing-live-table .npn-pricing-live-empty.is-visible, .npn-pricing-live-table .npn-pricing-live-empty:only-child, .npn-pricing-live-table .npn-pricing-live-empty td {
    width: 100%;
    display: block;
  }
}

.npn-news-archive {
  background: radial-gradient(circle at 5% 15%, #13cfd92e, #0000 32%), radial-gradient(circle at 92% 30%, #474fd438, #0000 36%), #020817;
  min-height: 100vh;
  padding: 90px 0;
}

.npn-news-archive-head {
  text-align: center;
  margin-bottom: 34px;
}

.npn-news-archive-head h1 {
  color: #fff;
  letter-spacing: -.055em;
  margin: 0;
  font-size: clamp(44px, 6vw, 76px);
}

.npn-news-archive-head p {
  color: #a9bbd2;
  margin: 0;
}

.npn-news-tabs {
  flex-wrap: wrap;
  justify-content: center;
  gap: 9px;
  margin: 0 0 30px;
  display: flex;
}

.npn-news-tabs a {
  color: #bad0ea;
  background: #081a36;
  border: 1px solid #5be2ff40;
  border-radius: 999px;
  padding: 9px 16px;
  text-decoration: none;
}

.npn-news-tabs a.is-active {
  color: #03101d;
  background: linear-gradient(135deg, #26dbe7, #4d8dff);
}

.npn-news-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.npn-news-card {
  background: #071630f0;
  border: 1px solid #57dcff2e;
  border-radius: 20px;
  transition: all .22s;
  overflow: hidden;
}

.npn-news-card:hover {
  border-color: #57dcff7a;
  transform: translateY(-3px);
}

.npn-news-card-media {
  aspect-ratio: 16 / 10;
  background: linear-gradient(135deg, #12365d, #25265f);
  display: block;
  overflow: hidden;
}

.npn-news-card-media img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.npn-news-card-body {
  padding: 18px;
}

.npn-news-card-body small {
  color: #61e8fa;
}

.npn-news-card-body h2 {
  color: #fff;
  margin: 9px 0;
  font-size: 19px;
  line-height: 1.35;
}

.npn-news-card-body h2 a {
  color: inherit;
  text-decoration: none;
}

.npn-news-card-body p {
  color: #9fb2c9;
  margin: 0;
  line-height: 1.65;
}

.npn-news-pagination {
  justify-content: center;
  margin-top: 34px;
  display: flex;
}

.npn-news-pagination .page-numbers {
  color: #c5d8ed;
  border: 1px solid #59deff3b;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  min-width: 38px;
  height: 38px;
  margin: 0 4px;
  text-decoration: none;
  display: inline-flex;
}

.npn-news-pagination .current {
  color: #04101e;
  background: #32d9ef;
}

.npn-news-empty {
  text-align: center;
  color: #a9bbd2;
  grid-column: 1 / -1;
  padding: 60px;
}

.npn-news-single {
  background: #020817;
  min-height: 100vh;
  padding: 60px 0;
}

.npn-news-single article {
  max-width: 900px;
  margin: auto;
}

.npn-news-single-meta {
  color: #61e8fa;
}

.npn-news-single h1 {
  color: #fff;
  letter-spacing: -.05em;
  font-size: clamp(40px, 6vw, 72px);
  line-height: 1.08;
}

.npn-news-single-image {
  object-fit: cover;
  border-radius: 24px;
  width: 100%;
  max-height: 520px;
  margin: 22px 0;
}

.npn-news-single-content {
  color: #c1cfe0;
  font-size: 18px;
  line-height: 1.8;
}

.npn-news-single-content h2, .npn-news-single-content h3 {
  color: #fff;
}

.npn-news-back {
  color: #63eafa;
  margin-bottom: 24px;
  text-decoration: none;
  display: inline-flex;
}

@media (max-width: 1050px) {
  .npn-pricing-live-grid, .npn-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .npn-pricing-live-section, .npn-news-archive, .npn-news-single {
    padding-top: 110px;
  }

  .npn-pricing-live-grid, .npn-news-grid {
    grid-template-columns: 1fr;
  }
}

select option, select optgroup {
  color: #122039 !important;
  background: #fff !important;
}

.npn-site-body select, [data-npn-contact-form] select {
  color: #fff !important;
}

[data-npn-character-counter] {
  text-align: right;
  color: #b9cce5;
  font-variant-numeric: tabular-nums;
  margin-top: 5px;
  display: block;
}

[data-npn-character-counter].is-limit {
  color: #fca5a5;
}

@media (min-width: 981px) {
  html:has(body.home) {
    width: 100%;
    height: 100%;
    overflow: hidden !important;
  }

  body.home {
    width: 100%;
    height: 100%;
    position: fixed;
    inset: 0;
    overflow: hidden !important;
  }

  body.home .npn-home-shell {
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-height: 0;
    display: flex;
  }

  body.home .row-box {
    flex: none;
  }

  body.home .npn-page-swiper {
    flex: auto;
    min-height: 0;
    height: auto !important;
  }

  body.home .npn-page-slide {
    height: 100% !important;
    min-height: 100% !important;
  }

  body.home .npn-hero-block .npn-home-inner {
    height: 100% !important;
  }

  body.home .npn-diy-service-block.has-inline-footer {
    padding-bottom: 0;
  }
}

.npn-hero-copy .npn-hero-ai-editors {
  color: #ff963e;
  font-weight: 900;
}

.npn-live-chat-float .npn-live-chat-widget, .npn-live-chat-open-btn, .npn-live-chat-open-btn span {
  border-radius: 0;
}

.npn-live-chat-open-btn {
  min-height: 62px;
  padding: 12px 18px;
}

.npn-live-chat-open-btn strong {
  font-size: 19px;
  animation: 2s ease-in-out infinite npn-chat-glow;
}

.npn-live-chat-head > div > strong {
  font-size: 19px;
}

.npn-chat-chevron {
  fill: none;
  stroke: currentColor;
  stroke-width: 2.5px;
  flex-shrink: 0;
  width: 22px;
  height: 22px;
}

@keyframes npn-chat-glow {
  0%, 100% {
    opacity: 1;
    text-shadow: 0 0 14px #67e8f9d9;
  }

  50% {
    opacity: .7;
    text-shadow: none;
  }
}

@media (max-width: 720px) {
  .npn-pricing-live-table colgroup {
    display: none;
  }

  .npn-pricing-live-row td, .npn-pricing-live-row td.is-merged-continuation {
    display: block;
  }

  .npn-pricing-live-row td:before {
    content: none;
  }

  .npn-pricing-live-table-price span {
    margin-top: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .npn-live-chat-open-btn strong {
    animation: none;
  }
}

.npn-live-chat-float .npn-live-chat-open-btn {
  box-sizing: border-box;
  transform-origin: 100% 100%;
  will-change: transform;
  backface-visibility: hidden;
  border: 2px solid #67e8f9;
  border-radius: 0;
  gap: 12px;
  transition: border-color .3s;
  animation: 1.6s cubic-bezier(.37, 0, .63, 1) infinite alternate npn-chat-attention;
  box-shadow: 0 8px 28px #00000059, 0 0 24px #22d3eea6;
}

.npn-live-chat-float .npn-live-chat-open-btn strong {
  color: #fff;
  opacity: 1;
  text-shadow: 0 0 12px #67e8f9bf;
  animation: none;
}

.npn-live-chat-float .npn-live-chat-open-btn > span {
  box-sizing: border-box;
  border-radius: 0;
  width: 36px;
  height: 36px;
}

.npn-live-chat-float .npn-chat-chevron {
  width: 22px;
  height: 22px;
  margin: 0;
  display: block;
}

@keyframes npn-chat-attention {
  from {
    transform: translate3d(0, 0, 0)scale(1);
  }

  to {
    transform: translate3d(0, 0, 0)scale(1.045);
  }
}

.npn-live-chat-float .npn-live-chat-open-btn:hover, .npn-live-chat-float .npn-live-chat-open-btn:focus-visible {
  animation-play-state: paused;
}

.npn-live-chat-float .npn-live-chat-open-btn:focus-visible, .npn-live-chat-float [data-npn-live-chat-close]:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #fff;
}

body.npn-live-chat-open .npn-live-chat-float .npn-live-chat-open-btn {
  will-change: auto;
  animation: none;
}

.npn-live-chat-float .npn-live-chat-head {
  box-sizing: border-box;
  align-items: center;
  min-height: 72px;
  padding: 14px 16px;
}

.npn-live-chat-float .npn-live-chat-head > div {
  min-width: 0;
}

.npn-live-chat-float .npn-live-chat-head [data-npn-live-chat-close] {
  box-sizing: border-box;
  appearance: none;
  background: #22d3ee1a;
  border: 1px solid #67e8f980;
  border-radius: 0;
  flex: 0 0 36px;
  justify-content: center;
  align-items: center;
  width: 36px;
  min-width: 36px;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0;
  display: inline-flex;
}

.npn-live-chat-float .npn-live-chat-head [data-npn-live-chat-close]:hover {
  background: #22d3ee3b;
}

@media (prefers-reduced-motion: reduce) {
  .npn-live-chat-float .npn-live-chat-open-btn {
    will-change: auto;
    animation: none;
  }
}

.npn-pricing-live-row td:first-child, .npn-pricing-live-row td:first-child strong {
  color: #345ea3;
  font-weight: 900;
}

.npn-pricing-live-row .npn-pricing-live-table-price {
  text-align: center;
}

.npn-pricing-live-row .npn-pricing-quote-only {
  text-align: center;
  color: #fff;
  font-weight: 800;
}

.npn-pricing-live-row td.is-long-service-group {
  vertical-align: top;
}

.npn-hero-title .npn-typing-cursor {
  animation: none !important;
  display: none !important;
}

.npn-pricing-live-row td:first-child strong {
  color: #fff;
}

.npn-pricing-live-row td:first-child strong .npn-pricing-service-accent {
  color: #19c8ef;
}

.npn-hero-title p {
  color: #fff;
  -webkit-text-fill-color: #fff;
  background: none;
  animation: none;
}

.npn-hero-title .npn-hero-title-white {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.npn-hero-title .npn-hero-title-blue {
  color: #19c8ef;
  -webkit-text-fill-color: #19c8ef;
}

.npn-pricing-live-row td:nth-child(2) {
  color: #fff;
  text-align: left;
  font-weight: 800;
}

.npn-video-frame {
  position: relative;
}

.npn-hero-loading {
  z-index: 5;
  text-align: center;
  color: #fff;
  background: #061228c7;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
  padding: 20px;
  font-size: 14px;
  font-weight: 700;
  display: flex;
  position: absolute;
  inset: 0;
}

.npn-hero-loading[hidden] {
  display: none;
}

.npn-hero-loading-spinner {
  border: 3px solid #19c8ef33;
  border-top-color: #19c8ef;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  animation: .9s linear infinite npn-video-loading-spin;
}

.npn-hero-loading.is-error .npn-hero-loading-spinner {
  display: none;
}

.npn-hero-loading button {
  color: #fff;
  cursor: pointer;
  font: inherit;
  background: #10354c;
  border: 1px solid #19c8ef;
  border-radius: 6px;
  padding: 10px 18px;
}

@keyframes npn-video-loading-spin {
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .npn-hero-loading-spinner {
    animation: none;
  }
}

[data-hero-video] .npn-video-frame {
  isolation: isolate;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
}

[data-hero-video] .npn-video-frame > video, [data-hero-video] .npn-video-frame > iframe, [data-hero-video] .npn-video-frame > .npn-hero-poster {
  border-radius: inherit;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

[data-hero-video] .npn-hero-loading {
  border-radius: inherit;
}

.npn-hero-title .npn-hero-fixed-line {
  white-space: nowrap;
  line-height: 1.1;
  display: block;
  position: relative;
  font-size: clamp(32px, 5.2vw, 75px) !important;
}

.npn-hero-title-reserve {
  visibility: hidden;
}

.npn-hero-title-animated {
  white-space: nowrap;
  position: absolute;
  inset: 0;
}

.npn-live-chat-float .npn-live-chat-open-btn {
  will-change: auto;
  transition: border-color .3s, box-shadow .3s;
  animation: none;
  transform: none;
}

body.npn-live-chat-open .npn-live-chat-float .npn-live-chat-open-btn {
  transform: none;
}

.npn-live-chat-float .npn-live-chat-widget {
  box-sizing: border-box;
  flex-direction: column;
  width: min(380px, 100vw - 32px);
  height: min(560px, 100dvh - 32px);
  max-height: calc(100dvh - 32px);
  display: flex;
  position: fixed;
  bottom: 116px;
  right: 24px;
  overflow: hidden;
}

.npn-live-chat-widget > .npn-live-chat-head, .npn-live-chat-widget > .npn-live-chat-form {
  flex: none;
}

.npn-live-chat-body {
  overscroll-behavior: contain;
  flex: 1 1 0;
  min-width: 0;
  min-height: 0;
  position: relative;
  overflow: hidden auto;
}

.npn-live-chat-body .npn-live-chat-messages {
  overflow: visible;
}

.npn-live-chat-widget > .npn-live-chat-form {
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  padding-bottom: max(12px, env(safe-area-inset-bottom));
  grid-template-columns: minmax(0, 1fr) auto;
  margin: 0;
}

.npn-live-chat-form input {
  box-sizing: border-box;
  min-width: 0;
  min-height: 42px;
}

.npn-live-chat-form button {
  min-height: 42px;
}

.npn-live-chat-body .npn-live-chat-prompts > div {
  flex-wrap: wrap;
  overflow: visible;
}

.npn-live-chat-body .npn-live-chat-prompts button {
  white-space: normal;
  max-width: 100%;
}

@media (max-width: 720px) {
  .npn-live-chat-float .npn-live-chat-widget {
    right: 16px;
  }
}

.npn-live-chat-float, .npn-live-chat-float .npn-live-chat-widget, .npn-live-chat-float .npn-live-chat-open-btn {
  transition: none !important;
  animation: none !important;
}

body.npn-live-chat-open .npn-live-chat-float .npn-live-chat-open-btn {
  visibility: hidden;
  opacity: 0;
  transform: none;
}

.npn-live-chat-float.is-outside-home-section {
  display: none !important;
}

/* [project]/node_modules/swiper/swiper-bundle.css [app-client] (css) */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
  font-weight: 400;
  font-style: normal;
}

:root {
  --swiper-theme-color: #007aff;
}

:host {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  display: block;
  position: relative;
}

.swiper {
  z-index: 1;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  list-style: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  z-index: 1;
  width: 100%;
  height: 100%;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
  display: flex;
  position: relative;
}

.swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper {
  transform: translate3d(0, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  transition-property: transform;
  display: block;
  position: relative;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight, .swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}

.swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

.swiper-css-mode > .swiper-wrapper {
  scrollbar-width: none;
  -ms-overflow-style: none;
  overflow: auto;
}

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper:before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}

.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom {
  pointer-events: none;
  z-index: 10;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-3d .swiper-slide-shadow {
  background: #00000026;
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, #00000080, #0000);
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(#00000080, #0000);
}

.swiper-lazy-preloader {
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-top-color: #0000;
  border-radius: 50%;
  width: 42px;
  height: 42px;
  margin-top: -21px;
  margin-left: -21px;
  position: absolute;
  top: 50%;
  left: 50%;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: 1s linear infinite swiper-preloader-spin;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.swiper-virtual .swiper-slide {
  -webkit-backface-visibility: hidden;
  transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper:after {
  content: "";
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after {
  height: 1px;
  width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after {
  width: 1px;
  height: var(--swiper-virtual-size);
}

:root {
  --swiper-navigation-size: 44px;
}

.swiper-button-prev, .swiper-button-next {
  top: var(--swiper-navigation-top-offset, 50%);
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
  z-index: 10;
  cursor: pointer;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none;
}

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden {
  opacity: 0;
  cursor: auto;
  pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next {
  display: none !important;
}

.swiper-button-prev svg, .swiper-button-next svg {
  object-fit: contain;
  transform-origin: center;
  width: 100%;
  height: 100%;
}

.swiper-rtl .swiper-button-prev svg, .swiper-rtl .swiper-button-next svg {
  transform: rotate(180deg);
}

.swiper-button-prev, .swiper-rtl .swiper-button-next {
  left: var(--swiper-navigation-sides-offset, 10px);
  right: auto;
}

.swiper-button-lock {
  display: none;
}

.swiper-button-prev:after, .swiper-button-next:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  letter-spacing: 0;
  font-variant: initial;
  line-height: 1;
  text-transform: none !important;
}

.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
  content: "prev";
}

.swiper-button-next, .swiper-rtl .swiper-button-prev {
  right: var(--swiper-navigation-sides-offset, 10px);
  left: auto;
}

.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {
  content: "next";
}

.swiper-pagination {
  text-align: center;
  z-index: 10;
  transition: opacity .3s;
  position: absolute;
  transform: translate3d(0, 0, 0);
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  width: 100%;
  left: 0;
}

.swiper-pagination-bullets-dynamic {
  font-size: 0;
  overflow: hidden;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  position: relative;
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, .2);
  display: inline-block;
}

button.swiper-pagination-bullet {
  box-shadow: none;
  appearance: none;
  border: none;
  margin: 0;
  padding: 0;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0, -50%, 0);
}

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  width: 8px;
  top: 50%;
  transform: translateY(-50%);
}

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, top .2s;
  display: inline-block;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, left .2s;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: transform .2s, right .2s;
}

.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, #00000040);
  position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transform: scale(0);
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: 100% 0;
}

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  top: 0;
  left: 0;
}

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  top: 0;
  left: 0;
}

.swiper-pagination-lock {
  display: none;
}

.swiper-scrollbar {
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  touch-action: none;
  background: var(--swiper-scrollbar-bg-color, #0000001a);
  position: relative;
}

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled {
  display: none !important;
}

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal {
  left: var(--swiper-scrollbar-sides-offset, 1%);
  bottom: var(--swiper-scrollbar-bottom, 4px);
  top: var(--swiper-scrollbar-top, auto);
  z-index: 50;
  height: var(--swiper-scrollbar-size, 4px);
  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical {
  left: var(--swiper-scrollbar-left, auto);
  right: var(--swiper-scrollbar-right, 4px);
  top: var(--swiper-scrollbar-sides-offset, 1%);
  z-index: 50;
  width: var(--swiper-scrollbar-size, 4px);
  height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%));
  position: absolute;
}

.swiper-scrollbar-drag {
  background: var(--swiper-scrollbar-drag-bg-color, #00000080);
  border-radius: var(--swiper-scrollbar-border-radius, 10px);
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-scrollbar-lock {
  display: none;
}

.swiper-zoom-container {
  text-align: center;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas {
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

.swiper-slide-zoomed {
  cursor: move;
  touch-action: none;
}

.swiper .swiper-notification {
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
  position: absolute;
  top: 0;
  left: 0;
}

.swiper-free-mode > .swiper-wrapper {
  margin: 0 auto;
  transition-timing-function: ease-out;
}

.swiper-grid > .swiper-wrapper {
  flex-wrap: wrap;
}

.swiper-grid-column > .swiper-wrapper {
  flex-flow: column wrap;
}

.swiper-fade.swiper-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper.swiper-cube {
  overflow: visible;
}

.swiper-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
  transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-cube-shadow {
  opacity: .6;
  z-index: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.swiper-cube .swiper-cube-shadow:before {
  content: "";
  filter: blur(50px);
  background: #000;
  position: absolute;
  inset: 0;
}

.swiper-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}

.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper.swiper-flip {
  overflow: visible;
}

.swiper-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right {
  z-index: 0;
  backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
  backface-visibility: hidden;
  transition-property: transform, opacity, height;
  overflow: hidden;
}

.swiper.swiper-cards {
  overflow: visible;
}

.swiper-cards .swiper-slide {
  transform-origin: bottom;
  backface-visibility: hidden;
  overflow: hidden;
}

/* [project]/app/_site/service-detail.css [app-client] (css) */
body.npn_capability-template-default {
  overflow: unset !important;
}

.npn-service-template {
  color: #eef6ff;
  background: radial-gradient(circle at 12% 8%, #08d5ff24, #0000 28%), radial-gradient(circle at 92% 18%, #00ffcc1a, #0000 26%), linear-gradient(#061021 0%, #030815 100%);
  font-family: Manrope-Re, Arial, sans-serif;
  overflow-x: hidden;
}

.npn-service-screen {
  padding: 40px 0 60px;
  position: relative;
  overflow: hidden;
}

.npn-service-bg-glow {
  pointer-events: none;
  filter: blur(6px);
  border-radius: 999px;
  position: absolute;
}

.npn-service-tabs-wrap .npn-service-tabs-swiper {
  padding: 40px 0;
}

.npn-service-bg-glow-1 {
  background: radial-gradient(circle, #08d5ff2b, #0000 64%);
  width: 420px;
  height: 420px;
  top: 100px;
  left: -160px;
}

.npn-service-bg-glow-2 {
  background: radial-gradient(circle, #00ffcc1f, #0000 66%);
  width: 520px;
  height: 520px;
  bottom: -140px;
  right: -210px;
}

.npn-service-shell {
  z-index: 2;
  width: min(1180px, 100% - 40px);
  margin: 0 auto;
  position: relative;
}

.npn-service-tabs-wrap {
  grid-template-columns: 52px minmax(0, 1fr) 52px;
  align-items: center;
  gap: 16px;
  width: 100%;
  display: grid;
  position: relative;
}

.npn-service-tabs-wrap .npn-service-tabs-swiper {
  width: 100%;
  min-width: 0;
  padding: 40px 0;
  overflow: hidden;
}

.npn-service-tabs-swiper .swiper-wrapper {
  align-items: stretch;
}

.npn-service-tabs-swiper .swiper-slide {
  height: auto;
  display: flex;
}

.npn-service-tabs-swiper .npn-service-tab {
  flex: auto;
  width: 100%;
}

.npn-service-tabs-scroll {
  flex: 1;
  padding: 8px 2px;
  overflow: hidden;
}

.npn-service-tabs {
  will-change: transform;
  gap: 26px;
  transition: transform .45s cubic-bezier(.2, .8, .2, 1);
  display: flex;
}

.npn-service-tab {
  color: #eaf7ff;
  text-align: center;
  background: radial-gradient(circle at 50% 0, #08d5ff24, #0000 58%), linear-gradient(#203a70e0, #0c1937e6);
  border: 1px solid #67e8f929;
  border-radius: 14px;
  flex-direction: column;
  flex: 0 0 170px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  min-height: 150px;
  text-decoration: none;
  transition: transform .28s, box-shadow .28s, border-color .28s, background .28s, color .28s;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateY(0)scale(1);
  box-shadow: 0 18px 46px #00000047, inset 0 0 0 1px #ffffff0a, inset 0 1px 18px #67e8f90d;
}

.npn-service-tab:before {
  content: "";
  border-radius: inherit;
  opacity: 0;
  z-index: 0;
  background: linear-gradient(135deg, #67e8f900, #67e8f9a6, #4879ff59, #67e8f900);
  transition: opacity .28s;
  position: absolute;
  inset: -2px;
}

.npn-service-tab:after {
  content: "";
  opacity: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff38, #0000);
  width: 55%;
  height: 240%;
  position: absolute;
  top: -80%;
  left: -70%;
  transform: rotate(24deg)translateX(-120%);
}

.npn-service-tab > * {
  z-index: 2;
  position: relative;
}

.npn-service-tab:hover, .npn-service-tab.is-active {
  color: #fff;
  background: radial-gradient(circle at 50% 0, #08d5ff5c, #0000 62%), linear-gradient(#254d92fa, #0d1f48fa);
  border-color: #7febffe6;
}

.npn-service-tab:hover:before, .npn-service-tab.is-active:before {
  opacity: 1;
}

.npn-service-tab:hover:after {
  opacity: 1;
  animation: .85s forwards npnTabShine;
}

.npn-service-tab.is-active:after {
  opacity: .75;
  animation: 1.2s forwards npnTabShine;
}

@keyframes npnTabShine {
  0% {
    transform: rotate(24deg)translateX(-140%);
  }

  100% {
    transform: rotate(24deg)translateX(420%);
  }
}

.npn-service-tab-icon {
  color: #26e7da;
  filter: drop-shadow(0 0 12px #26e7da80);
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  display: inline-flex;
}

.npn-service-tab img, .npn-service-tab svg, .npn-service-tab i {
  z-index: 2;
  filter: drop-shadow(0 0 #08d5ff00);
  transition: transform .28s, filter .28s;
  position: relative;
}

.npn-service-tab:hover img, .npn-service-tab:hover svg, .npn-service-tab:hover i, .npn-service-tab.is-active img, .npn-service-tab.is-active svg, .npn-service-tab.is-active i {
  filter: drop-shadow(0 0 10px #08d5ffbf) drop-shadow(0 0 20px #08d5ff59);
  transform: translateY(-2px)scale(1.08);
}

.npn-service-tab-icon svg {
  width: 30px;
  height: 30px;
}

.npn-service-tab strong {
  color: #eaf6ff;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.25;
}

.npn-service-tab-nav {
  color: #fff;
  cursor: pointer;
  background: #08d5ffd9;
  border: 1px solid #67e8f973;
  border-radius: 999px;
  flex: 0 0 46px;
  justify-content: center;
  align-items: center;
  width: 46px;
  height: 46px;
  transition: all .22s;
  display: inline-flex;
  box-shadow: 0 0 18px #08d5ff7a, 0 12px 28px #00000042;
}

.npn-service-tab-nav:hover {
  background: #26e7daf2;
  transform: scale(1.05);
  box-shadow: 0 0 30px #26e7da9e, 0 14px 32px #0000004d;
}

.npn-service-tab-nav:active {
  transform: scale(.96);
}

.npn-service-tab-nav svg {
  width: 22px;
  height: 22px;
}

.npn-service-panels {
  position: relative;
}

.npn-service-panel {
  grid-template-columns: minmax(0, .9fr) minmax(420px, 1.1fr);
  align-items: center;
  gap: 46px;
  display: none;
}

.npn-service-panel.is-active {
  display: grid;
}

.npn-service-copy {
  min-width: 0;
}

.npn-service-kicker {
  color: #8eabd2;
  margin-bottom: 24px;
  font-size: 15px;
  font-weight: 800;
  display: block;
}

.npn-service-copy h1 {
  letter-spacing: -.055em;
  background: linear-gradient(90deg, #fff, #7ef3ff, #4aa8ff);
  color: #0000;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 24px #08d5ff29;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 0 18px;
  font-family: Manrope-Extra, Arial, sans-serif;
  font-size: clamp(36px, 4.8vw, 64px);
  line-height: 1.03;
}

.npn-service-excerpt {
  color: #cfe0f6;
  margin: 0 0 18px;
  font-size: 16px;
  line-height: 1.7;
}

.npn-service-content {
  color: #a9bfdc;
  max-height: 170px;
  margin-bottom: 28px;
  font-size: 15px;
  line-height: 1.68;
  overflow: hidden;
}

.npn-service-content p {
  margin: 0 0 12px;
}

.npn-service-content h2, .npn-service-content h3, .npn-service-content h4 {
  color: #fff;
  margin: 14px 0 8px;
  font-size: 19px;
}

.npn-service-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  display: flex;
}

.npn-service-discover {
  isolation: isolate;
  color: #03101d;
  letter-spacing: -.02em;
  background: linear-gradient(135deg, #5ff8ef 0%, #4db9ff 54%, #8478ff 100%);
  border: 2px solid #a3fff9b8;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  gap: 14px;
  min-height: 78px;
  padding: 10px 26px 10px 30px;
  font-size: 16px;
  font-weight: 950;
  text-decoration: none;
  transition: transform .24s, box-shadow .24s, background .24s, border-color .24s;
  animation: 2.2s ease-in-out infinite npnDiscoverPulse;
  display: inline-flex;
  position: relative;
  overflow: hidden;
  transform: translateY(0);
  box-shadow: 0 0 0 7px #4fe0eb17, 0 0 30px #49ebe261, 0 0 64px #5384ff38, 0 22px 44px #0000006b, inset 0 1px #ffffff6b, inset 0 -10px 22px #1e40af29;
}

.npn-service-discover:before {
  content: "";
  z-index: -2;
  border-radius: inherit;
  opacity: .92;
  filter: blur(.5px);
  background: linear-gradient(135deg, #8bfff8, #48c7ff, #8478ff, #8bfff8) 0 0 / 260% 260%;
  animation: 3.2s ease-in-out infinite npnDiscoverBorderGlow;
  position: absolute;
  inset: -2px;
}

.npn-service-discover:after {
  content: "";
  z-index: 1;
  opacity: .95;
  pointer-events: none;
  background: linear-gradient(90deg, #0000, #ffffff14, #ffffff94, #7ef3ff52, #0000);
  width: 42%;
  height: 240%;
  animation: 2.8s ease-in-out infinite npnDiscoverShine;
  position: absolute;
  top: -70%;
  left: -75%;
  transform: skewX(-18deg);
}

.npn-service-discover span, .npn-service-discover svg {
  z-index: 2;
  position: relative;
}

.npn-service-discover span {
  text-shadow: 0 1px #ffffff52;
}

.npn-service-discover .npn-service-discover-copy {
  text-align: left;
  gap: 1px;
  line-height: 1.05;
  display: grid;
}

.npn-service-discover-copy small, .npn-service-discover-copy em {
  letter-spacing: .12em;
  text-transform: uppercase;
  opacity: .82;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.npn-service-discover-copy strong {
  letter-spacing: -.035em;
  font-size: 21px;
  font-weight: 1000;
}

.npn-service-discover svg {
  filter: drop-shadow(0 0 8px #ffffff73);
  width: 21px;
  height: 21px;
  transition: transform .24s;
}

.npn-service-discover:hover {
  background: linear-gradient(135deg, #82fff7 0%, #67c9ff 52%, #9b91ff 100%);
  border-color: #fffffff2;
  animation-play-state: paused;
  transform: translateY(-5px)scale(1.035);
  box-shadow: 0 0 0 9px #4fe0eb1f, 0 0 40px #49ebe280, 0 0 76px #706bff47, 0 28px 56px #0000007a, inset 0 1px #ffffff8c, inset 0 -12px 26px #114ab43d;
}

.npn-service-discover:hover svg {
  transform: translateX(6px);
}

.npn-service-discover:active {
  transform: translateY(-2px)scale(.99);
}

.npn-service-discover:focus-visible {
  outline-offset: 5px;
  outline: 3px solid #fff;
}

@keyframes npnDiscoverPulse {
  0%, 100% {
    transform: translateY(0)scale(1);
  }

  50% {
    transform: translateY(-2px)scale(1.025);
  }
}

@keyframes npnDiscoverShine {
  0% {
    opacity: 0;
    left: -80%;
  }

  16% {
    opacity: 1;
  }

  42% {
    opacity: 0;
    left: 138%;
  }

  100% {
    opacity: 0;
    left: 138%;
  }
}

@keyframes npnDiscoverBorderGlow {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

.npn-service-discover svg {
  width: 20px;
  height: 20px;
}

.npn-service-point-badge {
  color: #bcecff;
  background: #52d8ff14;
  border: 1px solid #52d8ff40;
  border-radius: 999px;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  font-weight: 900;
  display: inline-flex;
}

.npn-service-slider-box {
  border-radius: 20px;
  min-width: 0;
  box-shadow: 0 0 0 1px #7ef3ff38, 0 0 34px #52d8ff94, 0 0 68px #08d5ff52, 0 22px 46px #00000057;
}

.npn-service-detail-swiper {
  aspect-ratio: 1.58;
  background: #0e7f87d1;
  border-radius: 20px;
  width: 100%;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 40px #08d5ff2e, 0 26px 68px #00000047;
}

.npn-service-detail-slide {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.npn-service-detail-slide img {
  object-fit: cover;
  object-position: center;
  filter: saturate(1.08) contrast(1.04);
  width: 100%;
  height: 100%;
  display: block;
}

.npn-service-before-after {
  --npn-demo-pos: 50%;
  background: #071226;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.npn-service-demo-image {
  position: absolute;
  inset: 0;
}

.npn-service-demo-image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.npn-service-demo-after {
  clip-path: inset(0 0 0 var(--npn-demo-pos));
}

.npn-service-demo-image > span {
  color: #fff;
  letter-spacing: .08em;
  text-transform: uppercase;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #020817b8;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 11px;
  font-weight: 900;
  position: absolute;
  top: 16px;
}

.npn-service-demo-before > span {
  left: 16px;
}

.npn-service-demo-after > span {
  right: 16px;
}

.npn-service-demo-handle {
  top: 0;
  bottom: 0;
  left: var(--npn-demo-pos);
  z-index: 3;
  pointer-events: none;
  background: #fff;
  width: 3px;
  position: absolute;
  transform: translateX(-1.5px);
  box-shadow: 0 0 20px #0000009e;
}

.npn-service-demo-handle:after {
  content: "↔";
  color: #0b2745;
  background: #fff;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 19px;
  font-weight: 1000;
  display: grid;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 5px 24px #0006, 0 0 24px #08d5ff99;
}

.npn-service-before-after input[data-service-demo-range] {
  z-index: 4;
  opacity: 0;
  cursor: ew-resize;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.npn-service-before-after > em {
  z-index: 3;
  color: #dff8ff;
  text-align: center;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #020817bd;
  border-radius: 999px;
  max-width: calc(100% - 130px);
  padding: 7px 12px;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
}

.npn-service-empty-slide {
  aspect-ratio: 1.58;
  text-align: center;
  color: #fff;
  background: #0e7f87d1;
  border-radius: 20px;
  place-content: center;
  gap: 8px;
  width: 100%;
  display: grid;
  box-shadow: 0 0 40px #08d5ff2e, 0 26px 68px #00000047;
}

.npn-service-empty-slide strong {
  font-size: clamp(36px, 4vw, 54px);
  font-weight: 300;
}

.npn-service-empty-slide span {
  color: #d6fbff;
}

.npn-service-slider-nav {
  z-index: 5;
  color: #fff;
  cursor: pointer;
  background: #26e7dad1;
  border: 0;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: all .22s;
  display: inline-flex;
  position: absolute;
  top: 50%;
  box-shadow: 0 0 22px #26e7da8c;
}

.npn-service-slider-nav:hover {
  transform: scale(1.08);
}

.npn-service-slider-nav svg {
  width: 22px;
  height: 22px;
}

.npn-service-slider-prev {
  left: 18px;
}

.npn-service-slider-next {
  right: 18px;
}

@media (max-width: 1024px) {
  .npn-service-panel {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .npn-service-content {
    max-height: none;
  }
}

@media (max-width: 768px) {
  .npn-service-screen {
    padding: 92px 0 42px;
  }

  .npn-service-shell {
    width: min(100% - 28px, 1180px);
  }

  .npn-service-tabs-wrap {
    grid-template-columns: 38px minmax(0, 1fr) 38px;
    gap: 8px;
    margin-bottom: 24px;
  }

  .npn-service-tab {
    flex-basis: 136px;
    gap: 10px;
    min-height: 116px;
  }

  .npn-service-tab strong {
    font-size: 13px;
  }

  .npn-service-tab-nav {
    flex-basis: 38px;
    width: 38px;
    height: 38px;
  }

  .npn-service-copy h1 {
    font-size: clamp(34px, 12vw, 50px);
  }

  .npn-service-detail-swiper, .npn-service-empty-slide {
    aspect-ratio: 1.2;
  }

  .npn-service-discover {
    justify-content: center;
    width: 100%;
  }
}

.npn-service-copy h1 {
  letter-spacing: -.055em;
  background: linear-gradient(90deg, #fff 0%, #9ff8ff 24%, #52d8ff 48%, #7b8cff 72%, #fff 100%) 0 0 / 220% 100%;
  color: #0000;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 22px #52d8ff42, 0 0 46px #08d5ff24;
  -webkit-background-clip: text;
  background-clip: text;
  min-height: 1.08em;
  margin: 0 0 18px;
  font-family: Manrope-Extra, Manrope-Bold, Arial, sans-serif;
  font-size: clamp(36px, 4.8vw, 64px);
  font-weight: 900;
  line-height: 1.3;
  animation: 4.8s ease-in-out infinite npnServiceTitleGradient;
  display: inline-block;
  position: relative;
}

@keyframes npnServiceTitleGradient {
  0% {
    background-position: 0%;
  }

  50% {
    background-position: 100%;
  }

  100% {
    background-position: 0%;
  }
}

@keyframes npnServiceTitleCursor {
  0%, 45% {
    opacity: 1;
  }

  46%, 100% {
    opacity: 0;
  }
}

@media (max-width: 768px) {
  .npn-service-copy h1 {
    font-size: clamp(34px, 12vw, 50px);
  }

  .npn-service-copy h1 .npn-service-title-cursor {
    width: 3px;
    margin-left: 6px;
  }
}

[data-npn-reveal] {
  opacity: 0;
  filter: blur(8px);
  will-change: opacity, transform, filter;
  transition: opacity .75s cubic-bezier(.2, .8, .2, 1), transform .75s cubic-bezier(.2, .8, .2, 1), filter .75s cubic-bezier(.2, .8, .2, 1);
  transform: translate3d(0, 28px, 0);
}

[data-npn-reveal].is-revealed {
  opacity: 1;
  filter: blur();
  transform: translate3d(0, 0, 0);
}

[data-npn-reveal="fade-left"] {
  transform: translate3d(-34px, 0, 0);
}

[data-npn-reveal="fade-right"] {
  transform: translate3d(34px, 0, 0);
}

[data-npn-reveal="zoom"] {
  transform: scale(.96);
}

[data-npn-reveal="fade-left"].is-revealed, [data-npn-reveal="fade-right"].is-revealed, [data-npn-reveal="zoom"].is-revealed {
  transform: translate3d(0, 0, 0)scale(1);
}

[data-npn-reveal-delay="1"] {
  transition-delay: 80ms;
}

[data-npn-reveal-delay="2"] {
  transition-delay: .16s;
}

[data-npn-reveal-delay="3"] {
  transition-delay: .24s;
}

[data-npn-reveal-delay="4"] {
  transition-delay: .32s;
}

[data-npn-reveal-delay="5"] {
  transition-delay: .4s;
}

@media (prefers-reduced-motion: reduce) {
  [data-npn-reveal] {
    opacity: 1 !important;
    filter: none !important;
    transition: none !important;
    transform: none !important;
  }
}

.npn-service-copy h1 .npn-service-title-text {
  display: inline;
}

.npn-service-copy h1 .npn-service-title-cursor {
  vertical-align: -.04em;
  -webkit-text-fill-color: initial;
  background: #7ef3ff;
  border-radius: 999px;
  width: 4px;
  height: .82em;
  margin-left: 8px;
  animation: .78s steps(2, start) infinite npnServiceTitleCursor;
  display: inline-block;
  box-shadow: 0 0 10px #7ef3fff2, 0 0 22px #08d5ff8c;
}

.npn-service-tab-next, .npn-service-tab-prev {
  z-index: 30;
  pointer-events: auto;
  cursor: pointer;
  position: relative;
}

.npn-service-tab-next *, .npn-service-tab-prev * {
  pointer-events: none;
}

.npn-service-copy, .npn-service-copy h1, .npn-service-copy h1 .npn-service-title-text {
  white-space: normal;
  overflow-wrap: anywhere;
  max-width: 100%;
  overflow: visible !important;
}

.npn-service-copy h1 {
  padding: .08em .14em .18em 0;
}

.npn-service-actions .npn-service-discover, #diy.npn-diy-service-block .npn-service-actions .npn-service-discover.npn-diy-panel-button {
  box-sizing: border-box;
  gap: 22px;
  min-width: 290px;
  max-width: 100%;
  min-height: 82px;
  padding: 18px 30px;
  animation: none;
  transform: none;
  color: #fff !important;
  background: linear-gradient(110deg, #08d6ed 0%, #249eff 55%, #487eff 100%) !important;
  border: 2px solid #83f2ff !important;
  box-shadow: inset 0 0 16px #a1faffa6, 0 0 30px #00d1f56b !important;
}

.npn-service-actions .npn-service-discover:before, .npn-service-actions .npn-service-discover:after {
  content: none;
}

.npn-service-actions .npn-service-discover-copy {
  white-space: nowrap;
  display: block;
}

.npn-service-actions .npn-service-discover-copy strong {
  letter-spacing: -.025em;
  color: #fff;
  font-size: 22px;
  font-weight: 700;
}

.npn-service-actions .npn-trial-free {
  color: #8ff5ff;
}

.npn-service-actions .npn-service-discover .npn-trial-sparkles {
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  transform: none;
}

.npn-service-actions .npn-service-discover:hover {
  filter: brightness(1.08);
  transform: none;
}

@media (max-width: 480px) {
  .npn-service-actions .npn-service-discover, #diy.npn-diy-service-block .npn-service-actions .npn-service-discover.npn-diy-panel-button {
    gap: 16px;
    min-width: 0;
    min-height: 70px;
    padding: 15px 22px;
  }
}

.npn-service-copy h1 .npn-title-white, #diy.npn-diy-service-block .npn-service-copy h1 .npn-title-white {
  text-shadow: 0 0 12px #ffffff52;
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  background: none !important;
}

.npn-service-copy h1 .npn-title-blue, #diy.npn-diy-service-block .npn-service-copy h1 .npn-title-blue {
  color: #0000 !important;
  -webkit-text-fill-color: transparent !important;
  background: linear-gradient(90deg, #09d8ef, #4a89ff) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}

.npn-service-copy .npn-trial-benefits {
  text-align: left;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  width: 100%;
  max-width: 680px;
  margin: 44px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.npn-service-copy .npn-trial-benefits li {
  align-items: center;
  gap: 12px;
  min-width: 0;
  margin: 0;
  padding: 0 16px;
  display: flex;
  position: relative;
}

.npn-service-copy .npn-trial-benefits li:first-child {
  padding-left: 0;
}

.npn-service-copy .npn-trial-benefits li:last-child {
  padding-right: 0;
}

.npn-service-copy .npn-trial-benefits li + li:before {
  content: "";
  background: #6eafda40;
  width: 1px;
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 0;
}

.npn-service-copy .npn-trial-benefit-icon {
  color: #3de0f6;
  background: #193d64;
  border-radius: 50%;
  flex: 0 0 clamp(42px, 3.65vw, 56px);
  justify-content: center;
  align-items: center;
  width: clamp(42px, 3.65vw, 56px);
  height: clamp(42px, 3.65vw, 56px);
  display: inline-flex;
  box-shadow: inset 0 0 12px #3471ad24;
}

.npn-service-copy .npn-trial-benefit-icon svg {
  filter: drop-shadow(0 0 1px #3de0f680);
  flex: none;
  width: 28px;
  height: 28px;
  display: block;
}

.npn-service-copy .npn-trial-benefit-label {
  color: #fff;
  -webkit-text-fill-color: #fff;
  letter-spacing: -.02em;
  white-space: nowrap;
  background: none;
  font-size: clamp(11px, .92vw, 14px);
  font-weight: 500;
  line-height: 1.5;
}

@media (min-width: 769px) and (max-width: 1199px) {
  .npn-service-copy .npn-trial-benefits li {
    gap: 7px;
    padding: 0 9px;
  }

  .npn-service-copy .npn-trial-benefit-icon {
    flex-basis: 36px;
    width: 36px;
    height: 36px;
  }

  .npn-service-copy .npn-trial-benefit-icon svg {
    width: 24px;
    height: 24px;
  }
}

@media (max-width: 600px) {
  .npn-service-copy .npn-trial-benefits {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 30px;
  }

  .npn-service-copy .npn-trial-benefits li {
    gap: 16px;
    padding: 0;
  }

  .npn-service-copy .npn-trial-benefits li + li:before {
    content: none;
  }

  .npn-service-copy .npn-trial-benefit-label {
    font-size: 14px;
  }
}

.npn-service-copy h1 .npn-title-blue, #diy.npn-diy-service-block .npn-service-copy h1 .npn-title-blue {
  color: #19c8ef !important;
  -webkit-text-fill-color: #19c8ef !important;
  background: none !important;
}

.npn-service-actions .npn-service-discover, #diy.npn-diy-service-block .npn-service-actions .npn-service-discover.npn-diy-panel-button {
  transform-origin: center;
  animation: 2s ease-in-out infinite npn-trial-pulse;
}

.npn-service-actions .npn-service-discover-copy strong {
  font-weight: 900;
}

@keyframes npn-trial-pulse {
  0%, 100% {
    filter: brightness();
    transform: scale(1);
  }

  50% {
    filter: brightness(1.18);
    transform: scale(1.045);
  }
}

.npn-service-actions .npn-service-discover:hover, .npn-service-actions .npn-service-discover:focus-visible, #diy.npn-diy-service-block .npn-service-actions .npn-service-discover.npn-diy-panel-button:hover, #diy.npn-diy-service-block .npn-service-actions .npn-service-discover.npn-diy-panel-button:focus-visible {
  animation-play-state: paused;
}

@media (prefers-reduced-motion: reduce) {
  .npn-service-actions .npn-service-discover, #diy.npn-diy-service-block .npn-service-actions .npn-service-discover.npn-diy-panel-button {
    animation: none;
  }
}

/*# sourceMappingURL=_1938-hh._.css.map*/