.np-page .np-paas-reference{--shadow:0 22px 65px rgba(12,43,100,.14);--soft:#ecf3f8;--blue:#12449e;--orange:#ff9900;--line:#e1e7ef;--muted:#6f7b8c;--type-section:36px;--ink:#131826}
.np-page .np-paas-reference .config-card{position: relative; border: 1px solid rgb(217, 229, 240); border-radius: 28px; background: rgba(255, 255, 255, 0.92); box-shadow: var(--shadow); padding: 24px;}
.np-page .np-paas-reference .config-card::before{content: ""; position: absolute; inset: -2px; border-radius: 29px; padding: 2px; background: linear-gradient(135deg, rgb(31, 125, 255), rgb(181, 0, 255), rgb(255, 153, 0)); mask: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px) content-box exclude, linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 0px); pointer-events: none;}
.np-page .np-paas-reference .plan-badge{align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; min-height: 29px; padding: 4px 10px; border-radius: 999px; background: var(--soft); color: var(--blue); font-size: 11px; font-weight: 700;}
.np-page .np-paas-reference .plan-card.featured .plan-badge{background: var(--blue); color: rgb(255, 255, 255);}
.np-page .np-paas-reference .plan-badge::before{content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--orange); box-shadow: rgba(255, 153, 0, 0.12) 0px 0px 0px 4px;}
@media (max-width: 980px){.np-page .np-paas-reference .config-card{max-width: 680px; margin: auto; width: 100%;}}
@media (max-width: 680px){.np-page .np-paas-reference .config-card{padding: 18px;}}
@media (min-width: 981px) and (prefers-reduced-motion: no-preference){.np-page .np-paas-reference .motion-ready .config-card{transform: perspective(1100px) translate3d(calc(var(--hero-progress,0) * -62px),calc(var(--hero-progress,0) * 32px),0) rotateY(calc(var(--hero-progress,0) * -8deg)) scale(calc(1 - var(--hero-progress,0) * .035)); will-change: transform;}}
@media (min-width: 981px) and (prefers-reduced-motion: no-preference){.np-page .np-paas-reference .motion-ready .config-card{transform: perspective(1300px) translate3d(calc(var(--hero-progress,0) * -116px),calc(var(--hero-progress,0) * 18px),0) rotateY(calc(var(--hero-progress,0) * -11deg)) scale(calc(1 - var(--hero-progress,0) * .075));}
.np-page .np-paas-reference .motion-ready .config-card::after{content: ""; position: absolute; inset: 10px; border-radius: 21px; background: linear-gradient(transparent, rgba(32, 89, 183, 0.12), transparent); height: 28%; transform: translateY(calc(var(--hero-progress,0) * 255%)); opacity: 0.8; pointer-events: none; mix-blend-mode: multiply;}}
@keyframes boundary-entry-sweep { 
  0% { transform: translate3d(-8vw, 0px, 0px); opacity: 0; }
  22% { opacity: 1; }
  100% { transform: translate3d(108vw, 0px, 0px); opacity: 0; }
}
@media (min-width: 981px) and (prefers-reduced-motion: no-preference){.np-page .np-paas-reference .motion-ready .config-card::after{display: none !important;}}
@keyframes iconRing { 
  0% { opacity: 0; transform: scale(0.72); }
  45% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.35); }
}
@keyframes iconTilt { 
  0%, 100% { transform: none; }
  38% { transform: rotate(-10deg) translateY(-4px); }
  70% { transform: rotate(5deg); }
}
@keyframes iconOrbit { 
  0% { transform: rotate(0deg) scale(1); }
  45% { transform: rotate(14deg) scale(1.1); }
  100% { transform: rotate(0deg) scale(1); }
}
@keyframes iconPulse { 
  0%, 100% { transform: scale(1); }
  45% { transform: scale(1.16); }
  70% { transform: scale(0.96); }
}
@keyframes orangeDotPulse { 
  0%, 100% { transform: scale(0.85); box-shadow: rgba(255, 153, 0, 0.38) 0px 0px 0px 0px; }
  50% { transform: scale(1.18); box-shadow: rgba(255, 153, 0, 0) 0px 0px 0px 6px; }
}
@keyframes flowTrack { 
  0% { opacity: 0; background-position: 100% 0px; }
  25% { opacity: 1; }
  100% { opacity: 0.55; background-position: -100% 0px; }
}
@keyframes cardSweep { 
  0% { transform: translateX(130%); }
  100% { transform: translateX(-130%); }
}
@keyframes stepPop { 
  0% { transform: scale(0.65) rotate(9deg); background: var(--orange); color: rgb(255, 255, 255); }
  65% { transform: scale(1.15) rotate(-4deg); }
  100% { transform: none; }
}
@keyframes resourceValue { 
  0% { opacity: 0; transform: translateY(8px) scale(0.85); }
  70% { transform: translateY(-2px) scale(1.05); }
  100% { opacity: 1; transform: none; }
}
@keyframes resourceSweep { 
  0% { transform: translateX(120%); }
  100% { transform: translateX(-120%); }
}
@keyframes livePulse { 
  0% { box-shadow: rgba(66, 211, 148, 0.55) 0px 0px 0px 0px; }
  70%, 100% { box-shadow: rgba(66, 211, 148, 0) 0px 0px 0px 9px; }
}
@keyframes barFill { 
  0% { transform: scaleX(0); filter: saturate(0.5); }
  100% { transform: scaleX(1); filter: none; }
}
@keyframes codeLineIn { 
  0% { opacity: 0; transform: translateX(-16px); filter: blur(3px); }
  100% { opacity: 1; transform: none; filter: none; }
}
@keyframes terminalScan { 
  0%, 18% { top: -42px; opacity: 0; }
  30% { opacity: 1; }
  75% { opacity: 0.7; }
  100% { top: 105%; opacity: 0; }
}
@keyframes terminalDot { 
  0%, 100% { opacity: 0.45; transform: scale(0.85); }
  50% { opacity: 1; transform: scale(1.15); }
}
@keyframes codeAura { 
  100% { transform: rotate(360deg); }
}
@keyframes drawerReveal { 
  0% { opacity: 0; transform: translateY(-12px); }
  100% { opacity: 1; transform: none; }
}
@keyframes detailCardIn { 
  0% { opacity: 0; transform: translateY(18px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}
@keyframes detailAccent { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes orbitSpin { 
  100% { transform: rotate(360deg); }
}
@keyframes consultFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
}
@keyframes consultGradientMotion { 
  0% { background-position: 0px 50%; }
  100% { background-position: 100% 50%; }
}
@keyframes ambientGridDrift { 
  100% { background-position: 116px 58px, 58px 116px, 0px 0px, 0px 0px; }
}
@keyframes ambientLineSweep { 
  0%, 100% { opacity: 0.22; translate: -28%; }
  50% { opacity: 1; translate: 36%; }
}
@keyframes ambientNodePulse { 
  0%, 100% { opacity: 0.48; transform: scale(0.72); }
  50% { opacity: 1; transform: scale(1.3); }
}
@keyframes ambientOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes ambientFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, -14px, 0px); }
}
@keyframes ambientDataLine { 
  0% { background-position: 100% 0px; opacity: 0.18; }
  50% { opacity: 0.8; }
  100% { background-position: -100% 0px; opacity: 0.18; }
}
@keyframes ambientPacket { 
  0%, 100% { opacity: 0.18; transform: translate3d(0px, 0px, 0px) scale(0.75); }
  50% { opacity: 1; transform: translate3d(-90px, 28px, 0px) scale(1.15); }
}
@keyframes ambientBreathe { 
  0%, 100% { opacity: 0.45; transform: scale(0.9); }
  50% { opacity: 1; transform: scale(1.08); }
}
@keyframes ambientCapacity { 
  0%, 100% { opacity: 0.12; transform: scaleX(0.35); }
  50% { opacity: 0.55; transform: scaleX(1); }
}
@keyframes ambientScan { 
  0% { transform: translateY(-12%); opacity: 0; }
  18% { opacity: 1; }
  82% { opacity: 0.75; }
  100% { transform: translateY(115vh); opacity: 0; }
}
@keyframes ambientCodeBlink { 
  0%, 100% { opacity: 0.12; transform: scaleX(0.6); }
  50% { opacity: 0.55; transform: scaleX(1); }
}
@keyframes ambientRipple { 
  0% { opacity: 0.5; transform: scale(0.72); }
  70%, 100% { opacity: 0; transform: scale(1.18); }
}
@keyframes cloudDash { 
  100% { stroke-dashoffset: -180; }
}
@keyframes cloudOrbit { 
  100% { transform: rotate(360deg); }
}
@keyframes nodeFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-10px); }
}
@keyframes packetOne { 
  0%, 100% { transform: translate(0px, 0px); opacity: 0.35; }
  45% { transform: translate(360px, -155px); opacity: 1; }
  70% { transform: translate(560px, -80px); opacity: 0.5; }
}
@keyframes packetTwo { 
  0%, 100% { transform: translate(0px, 0px); opacity: 0.4; }
  50% { transform: translate(-390px, 190px); opacity: 1; }
}
@keyframes setupActive { 
  0% { box-shadow: rgba(255, 153, 0, 0.35) 0px 0px 0px 0px; }
  70%, 100% { box-shadow: rgba(255, 153, 0, 0) 0px 0px 0px 9px; }
}
@keyframes hostingMessage { 
  0% { opacity: 0; transform: translateX(-18px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}
@keyframes quickChip { 
  0% { opacity: 0; transform: translateY(10px) scale(0.92); }
  100% { opacity: 1; transform: none; }
}
@keyframes menuCloudFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-7px); }
}
@keyframes subHeaderFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes proofIconArrive { 
  0% { transform: scale(0.72) rotate(0deg); box-shadow: rgba(255, 153, 0, 0.34) 0px 0px 0px 0px; }
  45% { transform: scale(1.18) rotate(-10deg); box-shadow: rgba(255, 153, 0, 0.12) 0px 0px 0px 9px; }
  100% { transform: scale(1) rotate(0deg); box-shadow: rgba(18, 68, 158, 0.23) 0px 7px 16px; }
}
@keyframes consultDialogIn { 
  0% { opacity: 0; transform: translateY(18px) scale(0.96); }
  100% { opacity: 1; transform: none; }
}
@keyframes consultBackdropIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes vpcGridTravel { 
  100% { background-position: 54px 54px, 54px 54px; }
}
@keyframes vpcLightSweep { 
  0%, 100% { transform: translateX(-65%); }
  50% { transform: translateX(65%); }
}
@keyframes vpcOrbFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) scale(1); }
  50% { transform: translate3d(18px, -14px, 0px) scale(1.06); }
}
@keyframes vpcBeamPulse { 
  0%, 100% { opacity: 0.18; }
  50% { opacity: 0.72; }
}
@keyframes vpcRingSpin { 
  100% { transform: translate(-50%, -50%) rotate(360deg); }
}
@keyframes vpcLinkFlow { 
  100% { stroke-dashoffset: -52; }
}
@keyframes vpcCoreFloat { 
  0%, 100% { transform: translate(-50%, -50%); }
  50% { transform: translate(-50%, calc(-50% - 7px)); }
}
@keyframes vpcPacketPulse { 
  50% { transform: scale(1.5); opacity: 0.65; }
}
@keyframes vpcNodeFloat { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -5px; }
}
@keyframes consoleGridDrift { 
  100% { background-position: 56px 28px, 28px 56px; }
}
@keyframes consoleOrbitBreath { 
  0%, 100% { transform: scale(1); opacity: 0.72; }
  50% { transform: scale(1.05); opacity: 1; }
}
@keyframes consoleBarFill { 
  0% { transform: scaleX(0); }
  100% { transform: scaleX(1); }
}
@keyframes consoleIconFloat { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-3px); }
}
@keyframes menu-in { 
  0% { opacity: 0; transform: translateY(-7px); }
  100% { opacity: 1; transform: none; }
}
@keyframes seoGuideOrbit { 
  100% { transform: rotate(360deg); }
}
.np-page .np-paas-reference .config-card{box-shadow: none !important;}
.np-page .np-paas-reference .paas-hero-visual{position: relative; overflow: hidden; display: grid; gap: 16px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(242, 247, 253) 58%, rgb(255, 248, 237)); isolation: isolate;}
.np-page .np-paas-reference .paas-hero-visual::before{content: ""; position: absolute; z-index: -1; inset: 0px; background-image: linear-gradient(rgba(18, 68, 158, 0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 68, 158, 0.035) 1px, transparent 1px); background-size: 25px 25px; mask-image: linear-gradient(135deg, rgb(0, 0, 0), transparent);}
.np-page .np-paas-reference .deploy-head{display: flex; align-items: flex-start; justify-content: space-between; gap: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--line);}
.np-page .np-paas-reference .deploy-head small{display: block; color: var(--blue); font: 800 9px / 1.4 Arial, sans-serif; letter-spacing: 1.2px;}
.np-page .np-paas-reference .deploy-head b{display: block; margin-top: 5px; font-size: 15px;}
.np-page .np-paas-reference .deploy-head > span{display: inline-flex; align-items: center; gap: 7px; border: 1px solid rgb(205, 235, 220); border-radius: 999px; background: rgb(238, 250, 244); padding: 5px 9px; color: rgb(19, 116, 81); font-size: 9px; font-weight: 800; white-space: nowrap;}
.np-page .np-paas-reference .deploy-head > span i{width: 7px; height: 7px; border-radius: 50%; background: rgb(42, 193, 131); box-shadow: rgba(42, 193, 131, 0.12) 0px 0px 0px 5px;}
.np-page .np-paas-reference .deploy-flow{display: grid; grid-template-columns: 1fr 24px 1fr 24px 1fr; align-items: center; gap: 7px;}
.np-page .np-paas-reference .deploy-flow article{position: relative; min-width: 0px; min-height: 112px; border: 1px solid rgb(220, 230, 241); border-radius: 16px; background: rgba(255, 255, 255, 0.94); padding: 14px 10px; display: grid; justify-items: center; align-content: center; text-align: center; box-shadow: rgba(18, 68, 158, 0.07) 0px 9px 22px;}
.np-page .np-paas-reference .deploy-flow article > span{position: absolute; top: 7px; inset-inline-start: 9px; color: rgb(156, 172, 190); font: 700 8px / 1 Arial;}
.np-page .np-paas-reference .deploy-flow .icon{width: 25px; height: 25px; margin-bottom: 7px; color: var(--blue);}
.np-page .np-paas-reference .deploy-flow b{font-size: 11px; line-height: 1.4;}
.np-page .np-paas-reference .deploy-flow small{margin-top: 3px; color: var(--muted); font: 600 8px / 1.4 Arial;}
.np-page .np-paas-reference .deploy-link{position: relative; height: 1px; background: rgb(171, 193, 223);}
.np-page .np-paas-reference .deploy-link::after{content: ""; position: absolute; left: -1px; top: -3px; width: 7px; height: 7px; border-left: 1px solid rgb(120, 153, 198); border-bottom: 1px solid rgb(120, 153, 198); transform: rotate(45deg);}
.np-page .np-paas-reference .deploy-console{overflow: hidden; border: 1px solid rgb(22, 61, 125); border-radius: 15px; background: rgb(8, 37, 87); color: rgb(216, 232, 255); box-shadow: rgba(8, 37, 87, 0.16) 0px 14px 30px;}
.np-page .np-paas-reference .deploy-console > div{min-height: 32px; padding: 8px 11px; display: flex; align-items: center; gap: 5px; background: rgb(6, 29, 68); border-bottom: 1px solid rgba(255, 255, 255, 0.09);}
.np-page .np-paas-reference .deploy-console > div i{width: 6px; height: 6px; border-radius: 50%; background: rgb(255, 107, 114);}
.np-page .np-paas-reference .deploy-console > div i:nth-child(2){background: rgb(255, 189, 89);}
.np-page .np-paas-reference .deploy-console > div i:nth-child(3){background: rgb(67, 211, 158);}
.np-page .np-paas-reference .deploy-console > div b{margin-inline-start: auto; color: rgb(145, 184, 238); font: 700 8px / 1 Arial;}
.np-page .np-paas-reference .deploy-console p{margin: 0px; padding: 11px 13px; color: rgb(188, 209, 239); font: 500 9px / 1.8 Consolas, monospace;}
.np-page .np-paas-reference .deploy-console p span{color: rgb(97, 221, 168);}
@media (max-width: 680px){.np-page .np-paas-reference .deploy-flow{grid-template-columns: 1fr 14px 1fr 14px 1fr; gap: 3px;}
.np-page .np-paas-reference .deploy-flow article{min-height: 98px; padding: 12px 5px;}
.np-page .np-paas-reference .deploy-link::after{display: none;}
.np-page .np-paas-reference .deploy-head b{font-size: 13px;}
.np-page .np-paas-reference .deploy-head > span{font-size: 8px;}}
.np-page .np-paas-reference .pricing-head{position: relative; display: flex; align-items: end; justify-content: space-between; gap: 38px; margin-bottom: 32px;}
.np-page .np-paas-reference .pricing-head > div{max-width: 790px;}
.np-page .np-paas-reference .pricing-head h2{margin: 9px 0px 10px; font-size: clamp(30px, 3.2vw, 43px); line-height: 1.5;}
.np-page .np-paas-reference .pricing-head p{margin: 0px; color: var(--muted); font-size: 13px; line-height: 2;}
.np-page .np-paas-reference .pricing-head > .btn{flex: 0 0 auto;}
.np-page .np-paas-reference .pricing-workbench{position: relative; display: grid; grid-template-columns: minmax(0px, 1.45fr) minmax(290px, 0.55fr); gap: 16px; align-items: stretch;}
@keyframes workerPulse { 
  0%, 100% { opacity: 0.35; transform: scale(0.75); }
  50% { opacity: 1; transform: scale(1); }
}
@media (max-width: 1080px){.np-page .np-paas-reference .pricing-workbench{grid-template-columns: 1fr;}}
@media (max-width: 820px){.np-page .np-paas-reference .pricing-head{align-items: flex-start; flex-direction: column;}}
@media (max-width: 620px){.np-page .np-paas-reference .pricing-head h2{font-size: 28px;}
.np-page .np-paas-reference .pricing-head > .btn{width: 100%;}}
@keyframes paasDefinitionGrid { 
  100% { background-position: 108px 54px, 54px 108px; }
}
@keyframes paasDefinitionOrbit { 
  0%, 100% { opacity: 0.55; transform: translate3d(0px, 0px, 0px) scale(0.94); }
  50% { opacity: 1; transform: translate3d(34px, -20px, 0px) scale(1.05); }
}
@keyframes runtimeDotDrift { 
  100% { background-position: 72px 48px; }
}
@keyframes runtimeOrbitFloat { 
  0%, 100% { opacity: 0.45; transform: translate3d(0px, 0px, 0px) rotate(0deg); }
  50% { opacity: 1; transform: translate3d(42px, 26px, 0px) rotate(8deg); }
}
@keyframes seoGuideGridDrift { 
  100% { background-position: 116px 58px, 58px 116px; }
}
.np-page .np-paas-reference .pricing-head h2{font-size: var(--type-section); font-weight: 700; line-height: 1.55; letter-spacing: -0.7px;}
.np-page .np-paas-reference .pricing-head{margin-bottom: 36px;}
.np-page .np-paas-reference .pricing-head h2{margin: 10px 0px;}
.np-page .np-paas-reference .pricing-head p{font-size: 14px; line-height: 1.9;}
.np-page .np-paas-reference .pricing-workbench{display: block;}
@keyframes runtimeIconFloat { 
  0%, 100% { transform: translate3d(0px, 0px, 0px) rotate(0deg); }
  50% { transform: translate3d(0px, -5px, 0px) rotate(2deg); }
}
@keyframes runtimeCardGlow { 
  0%, 100% { opacity: 0.05; transform: scale(0.55); }
  50% { opacity: 1; transform: scale(1.08); }
}
@keyframes usecaseSheen { 
  0%, 34% { transform: translateX(65%); }
  66%, 100% { transform: translateX(-65%); }
}
@keyframes usecaseEdge { 
  0%, 100% { transform: scaleX(0.16); opacity: 0.35; }
  50% { transform: scaleX(1); opacity: 0.9; }
}
@media (max-width: 620px){.np-page .np-paas-reference .pricing-head h2{font-size: var(--type-section);}
.np-page .np-paas-reference .pricing-head{align-items: stretch;}
.np-page .np-paas-reference .pricing-head > .btn{width: 100%;}}
@keyframes runtimeIconHover { 
  0% { transform: scale(1) rotate(0deg); }
  42% { transform: scale(1.12) rotate(-5deg); }
  72% { transform: scale(1.06) rotate(2deg); }
  100% { transform: scale(1.09) rotate(0deg); }
}
.np-page .np-paas-reference .pricing-comparison{position: relative; overflow: auto; border: 1px solid rgb(35, 54, 80); border-radius: 24px; background: rgb(11, 20, 36); box-shadow: rgba(6, 19, 39, 0.2) 0px 22px 48px; scrollbar-color: rgb(49, 81, 115) rgb(11, 20, 36); scrollbar-width: thin;}
.np-page .np-paas-reference .pricing-comparison:focus-visible{outline: rgba(49, 127, 224, 0.45) solid 3px; outline-offset: 4px;}
.np-page .np-paas-reference .pricing-comparison table{width: 100%; min-width: 1030px; border-collapse: separate; border-spacing: 0px; color: rgb(237, 245, 255); table-layout: fixed;}
.np-page .np-paas-reference .pricing-comparison caption{position: absolute; width: 1px; height: 1px; padding: 0px; margin: -1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px;}
.np-page .np-paas-reference .pricing-comparison th,.np-page .np-paas-reference .pricing-comparison td{border-inline-start: 1px solid rgba(255, 255, 255, 0.09); border-top: 1px solid rgba(255, 255, 255, 0.08); padding: 16px 18px; text-align: center; vertical-align: middle;}
.np-page .np-paas-reference .pricing-comparison thead th{height: 238px; border-top: 0px; background: linear-gradient(rgba(255, 255, 255, 0.043), rgba(255, 255, 255, 0.01)); position: relative;}
.np-page .np-paas-reference .pricing-comparison thead th:first-child,.np-page .np-paas-reference .pricing-comparison tbody th{border-inline-start: 0px;}
.np-page .np-paas-reference .pricing-comparison .pricing-axis{width: 250px; text-align: right; padding: 28px 24px; background: rgb(15, 27, 45);}
.np-page .np-paas-reference .pricing-axis span{display: inline-block; border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 999px; padding: 7px 10px; color: rgb(197, 211, 228); font-size: 9px;}
.np-page .np-paas-reference .pricing-axis strong{display: block; margin-top: 17px; font-size: 22px; line-height: 1.7;}
.np-page .np-paas-reference .pricing-axis small{display: block; margin-top: 8px; color: rgb(143, 162, 186); font-size: 10px; line-height: 1.9; font-weight: 400;}
.np-page .np-paas-reference .pricing-comparison thead th > small{display: block; margin-top: 14px; color: rgb(140, 161, 187); font-size: 9px;}
.np-page .np-paas-reference .pricing-comparison thead h3{margin: 6px 0px 0px; color: rgb(255, 255, 255); font-size: 18px; line-height: 1.6;}
.np-page .np-paas-reference .plan-recommended{box-shadow: rgb(69, 199, 159) 0px 0px 0px 1px inset; background: linear-gradient(rgba(38, 152, 122, 0.2), rgba(38, 152, 122, 0.055)) !important;}
.np-page .np-paas-reference .plan-badge{position: absolute; top: 13px; inset-inline-start: 50%; transform: translateX(50%); border-radius: 999px; background: rgb(43, 159, 128); padding: 6px 10px; color: rgb(255, 255, 255); font-size: 8px;}
.np-page .np-paas-reference .pricing-comparison tbody th{width: 250px; position: sticky; right: 0px; z-index: 2; background: rgb(15, 27, 45); color: rgb(197, 210, 226); text-align: right; font-size: 11px;}
.np-page .np-paas-reference .pricing-comparison tbody td{background: rgba(255, 255, 255, 0.02); color: rgb(184, 199, 217); font-size: 10.5px; line-height: 1.8;}
.np-page .np-paas-reference .pricing-comparison tbody tr:hover td{background: rgba(255, 255, 255, 0.035);}
.np-page .np-paas-reference .pricing-comparison tbody td strong{color: rgb(255, 255, 255); font-size: 11.5px;}
@media (max-width: 820px){.np-page .np-paas-reference .pricing-comparison{margin-inline: -4px;}}
@media (max-width: 620px){.np-page .np-paas-reference .pricing-comparison{border-radius: 18px;}
.np-page .np-paas-reference .pricing-comparison table{min-width: 930px;}
.np-page .np-paas-reference .pricing-comparison .pricing-axis,.np-page .np-paas-reference .pricing-comparison tbody th{width: 220px;}}
@media (min-width: 981px){.np-page .np-paas-reference .paas-hero-visual{min-height: 515px; align-content: center;}}
.np-page .np-paas-reference .pricing-comparison{border-color: rgb(212, 223, 236); background: rgb(255, 255, 255); box-shadow: rgba(18, 68, 158, 0.1) 0px 18px 44px; scrollbar-color: rgb(138, 168, 202) rgb(237, 243, 249);}
.np-page .np-paas-reference .pricing-comparison table{min-width: 1180px; color: var(--ink); background: rgb(255, 255, 255);}
.np-page .np-paas-reference .pricing-comparison th,.np-page .np-paas-reference .pricing-comparison td{border-color: rgb(220, 229, 239); padding: 14px 9px;}
.np-page .np-paas-reference .pricing-comparison thead th{height: 188px; background: linear-gradient(rgb(248, 251, 255), rgb(238, 244, 251));}
.np-page .np-paas-reference .pricing-comparison .pricing-axis{width: 220px; padding: 24px 20px; background: linear-gradient(145deg, rgb(10, 44, 100), rgb(18, 77, 163)); color: rgb(255, 255, 255);}
.np-page .np-paas-reference .pricing-axis span{border-color: rgba(255, 255, 255, 0.22); color: rgb(220, 236, 255); font-size: 9px;}
.np-page .np-paas-reference .pricing-axis strong{margin-top: 14px; font-size: 18px; line-height: 1.75;}
.np-page .np-paas-reference .pricing-axis small{color: rgb(188, 208, 232); font-size: 9px; line-height: 1.8;}
.np-page .np-paas-reference .pricing-comparison thead th > small{margin-top: 10px; color: rgb(105, 128, 156); font-size: 8px;}
.np-page .np-paas-reference .pricing-comparison thead h3{margin-top: 4px; color: var(--ink); font-size: 16px;}
.np-page .np-paas-reference .plan-mark{position: relative; width: 64px; height: 64px; margin: 0px auto; border: 1px solid rgb(174, 200, 231); border-radius: 20px; background: linear-gradient(145deg, rgb(255, 255, 255), rgb(220, 234, 250)); display: grid; place-items: center; color: rgb(23, 79, 162); box-shadow: rgba(18, 68, 158, 0.11) 0px 10px 22px;}
.np-page .np-paas-reference .plan-mark::after{content: ""; position: absolute; top: -4px; right: -4px; width: 9px; height: 9px; border-radius: 50%; background: var(--orange); box-shadow: rgba(255, 153, 0, 0.12) 0px 0px 0px 5px;}
.np-page .np-paas-reference .plan-mark .icon{width: 27px; height: 27px; stroke-width: 1.8;}
.np-page .np-paas-reference .plan-mark b{position: absolute; inset-inline-end: 5px; bottom: 4px; border-radius: 999px; background: rgb(255, 255, 255); padding: 2px 4px; color: rgb(23, 79, 162); font: 900 7px / 1 Arial; box-shadow: rgba(18, 68, 158, 0.12) 0px 2px 7px;}
.np-page .np-paas-reference .plan-recommended{box-shadow: rgb(40, 114, 202) 0px 0px 0px 2px inset; background: linear-gradient(rgb(234, 243, 255), rgb(220, 236, 255)) !important;}
.np-page .np-paas-reference .plan-recommended .plan-mark{background: linear-gradient(145deg, rgb(23, 79, 162), rgb(40, 117, 206)); border-color: rgb(94, 155, 224); color: rgb(255, 255, 255); box-shadow: rgba(18, 68, 158, 0.23) 0px 12px 24px;}
.np-page .np-paas-reference .plan-recommended .plan-mark b{background: rgb(255, 255, 255); color: rgb(23, 79, 162);}
.np-page .np-paas-reference .plan-badge{top: 10px; background: var(--orange); color: rgb(63, 42, 5); font-size: 8px; font-weight: 850;}
.np-page .np-paas-reference .pricing-comparison tbody th{width: 220px; background: rgb(242, 246, 251); color: rgb(36, 57, 83); font-size: 10.5px; right: 0px;}
.np-page .np-paas-reference .pricing-comparison tbody td{background: rgb(255, 255, 255); color: rgb(64, 83, 106); font-size: 10px; line-height: 1.7;}
.np-page .np-paas-reference .pricing-comparison tbody tr:nth-child(2n) td{background: rgb(249, 251, 253);}
.np-page .np-paas-reference .pricing-comparison tbody tr:hover td{background: rgb(238, 245, 252);}
.np-page .np-paas-reference .pricing-demo-value{display: inline-flex; align-items: baseline; justify-content: center; gap: 4px; white-space: nowrap; color: rgb(23, 63, 117); font: 850 10px / 1.5 Arial, Vazirmatn, sans-serif;}
.np-page .np-paas-reference .pricing-demo-value small{color: rgb(119, 136, 156); font: 650 7px / 1.5 Vazirmatn, sans-serif;}
.np-page .np-paas-reference .pricing-demo-number{display: inline-block; color: rgb(39, 62, 91); font: 800 11px / 1.5 Arial, sans-serif;}
.np-page .np-paas-reference .pricing-demo-note{display: inline-flex; align-items: center; gap: 6px; margin-top: 8px; border: 1px solid rgb(239, 209, 159); border-radius: 999px; background: rgb(255, 248, 235); padding: 5px 9px; color: rgb(146, 90, 8); font-size: 8px; font-weight: 800;}
.np-page .np-paas-reference .pricing-demo-note::before{content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--orange);}
.np-page .np-paas-reference .deploy-console{min-height: 142px;}
.np-page .np-paas-reference .deploy-console > div i{animation: 1.8s ease-in-out 0s infinite normal none running consoleDotPulse;}
.np-page .np-paas-reference .deploy-console > div i:nth-child(2){animation-delay: 0.25s;}
.np-page .np-paas-reference .deploy-console > div i:nth-child(3){animation-delay: 0.5s;}
.np-page .np-paas-reference .deploy-console-output{min-height: 104px !important; display: block !important; padding-block: 12px !important;}
.np-page .np-paas-reference .console-line{display: block; min-height: 17px; color: rgb(188, 209, 239);}
.np-page .np-paas-reference .console-line b{display: inline-block; min-width: 14px; color: rgb(97, 221, 168); font-weight: 700;}
.np-page .np-paas-reference .console-cursor{display: inline-block; width: 6px; height: 12px; margin-inline-start: 3px; background: rgb(97, 221, 168); vertical-align: -2px; animation: 0.72s steps(1) 0s infinite normal none running consoleCursorBlink;}
.np-page .np-paas-reference .deploy-head > span i{animation: 1.65s ease-in-out 0s infinite normal none running readyPulse;}
@keyframes consoleDotPulse { 
  0%, 100% { opacity: 0.45; transform: scale(0.75); }
  50% { opacity: 1; transform: scale(1.18); }
}
@keyframes consoleCursorBlink { 
  0%, 48% { opacity: 1; }
  49%, 100% { opacity: 0; }
}
@keyframes readyPulse { 
  0%, 100% { transform: scale(0.82); box-shadow: rgba(42, 193, 131, 0.1) 0px 0px 0px 4px; }
  50% { transform: scale(1.18); box-shadow: rgba(42, 193, 131, 0.15) 0px 0px 0px 8px; }
}
@media (max-width: 620px){.np-page .np-paas-reference .pricing-comparison table{min-width: 1180px;}
.np-page .np-paas-reference .pricing-comparison .pricing-axis,.np-page .np-paas-reference .pricing-comparison tbody th{width: 210px;}}
@media (prefers-reduced-motion: reduce){.np-page .np-paas-reference .deploy-console > div i,.np-page .np-paas-reference .deploy-head > span i,.np-page .np-paas-reference .console-cursor{transform: none; animation: auto ease 0s 1 normal none running none !important;}}
.np-page .np-paas-reference .plan-mark::after,.np-page .np-paas-reference .plan-mark b{content: none !important; display: none !important;}
.np-page .np-paas-reference .pricing-table-toolbar{display: flex; align-items: center; justify-content: space-between; gap: 20px; border-width: 1px 1px 0px; border-style: solid solid none; border-color: rgb(201, 216, 232) rgb(201, 216, 232) currentcolor; border-image: none; border-radius: 20px 20px 0px 0px; background: rgb(248, 251, 255); padding: 14px 18px;}
.np-page .np-paas-reference .pricing-table-toolbar > div:first-child{display: grid; gap: 3px;}
.np-page .np-paas-reference .pricing-table-toolbar span{color: var(--blue); font-size: 10px; font-weight: 850;}
.np-page .np-paas-reference .pricing-table-toolbar strong{color: rgb(52, 71, 95); font-size: 12px; line-height: 1.7;}
.np-page .np-paas-reference .pricing-selection-status{border: 1px solid rgb(184, 204, 228); border-radius: 999px; background: rgb(255, 255, 255); padding: 8px 12px; color: rgb(96, 112, 135); font-size: 10px; white-space: nowrap;}
.np-page .np-paas-reference .pricing-selection-status b{color: var(--blue);}
.np-page .np-paas-reference .pricing-comparison{border-radius: 0px 0px 22px 22px; border-color: rgb(201, 216, 232);}
.np-page .np-paas-reference .pricing-comparison thead th{height: 174px;}
.np-page .np-paas-reference .plan-column-head{cursor: pointer; outline: 0px; transition: background-color 0.18s, border-color 0.18s;}
.np-page .np-paas-reference .plan-column-head:hover{background: rgb(242, 247, 253) !important;}
.np-page .np-paas-reference .plan-column-head:focus-visible{outline: rgba(18, 68, 158, 0.35) solid 3px; outline-offset: -4px;}
.np-page .np-paas-reference .pricing-comparison thead th.plan-column-head > small{line-height: 1.6; display: block !important; margin-top: 5px !important; color: rgb(112, 132, 157) !important; font-size: 8px !important;}
.np-page .np-paas-reference .plan-column-head.is-selected{background: rgb(228, 240, 255) !important;}
.np-page .np-paas-reference .plan-column-head.is-selected .plan-mark{background: rgb(21, 84, 173); border-color: rgb(21, 84, 173); color: rgb(255, 255, 255);}
.np-page .np-paas-reference .plan-recommended:not(.is-selected){background: linear-gradient(rgb(248, 251, 255), rgb(238, 244, 251)) !important;}
.np-page .np-paas-reference .plan-recommended:not(.is-selected) .plan-mark{background: linear-gradient(145deg, rgb(255, 255, 255), rgb(220, 234, 250)); border-color: rgb(174, 200, 231); color: rgb(23, 79, 162);}
.np-page .np-paas-reference .pricing-comparison tbody th::before{content: attr(data-short); display: inline-grid; place-items: center; width: 34px; height: 28px; margin-inline-end: 8px; border: 1px solid rgb(201, 216, 232); border-radius: 9px; background: rgb(255, 255, 255); color: rgb(23, 85, 167); font: 800 8px / 1 Arial; vertical-align: middle;}
.np-page .np-paas-reference .pricing-comparison tbody td.is-selected{border-inline-color: rgb(170, 198, 230); background: rgb(238, 246, 255) !important;}
.np-page .np-paas-reference .pricing-comparison tbody tr:hover td{background: rgb(245, 249, 254);}
.np-page .np-paas-reference .pricing-comparison tbody tr:hover td.is-selected{background: rgb(230, 241, 253) !important;}
@keyframes runtimeCardShine { 
  0% { inset-inline-start: -46%; opacity: 0; }
  18% { opacity: 1; }
  100% { inset-inline-start: 116%; opacity: 0; }
}
@media (max-width: 620px){.np-page .np-paas-reference .pricing-table-toolbar{align-items: flex-start; flex-direction: column; padding: 12px 13px;}
.np-page .np-paas-reference .pricing-selection-status{width: 100%; text-align: center;}
.np-page .np-paas-reference .pricing-comparison{border-radius: 0px 0px 18px 18px;}}
.np-page .np-paas-reference #main > .hero .config-card{clip-path: none !important; transform: none !important; opacity: 1 !important; border: 1px solid rgb(204, 220, 239) !important; border-radius: 22px !important; background: rgba(255, 255, 255, 0.9) !important; box-shadow: rgba(18, 68, 158, 0.063) 0px 16px 48px !important;}
.np-page .np-paas-reference #main > .hero .config-card::before,.np-page .np-paas-reference #main > .hero .config-card::after{display: none !important;}
@keyframes sa-drift { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -9px; }
}
@keyframes sa-signal { 
  0%, 100% { opacity: 0.5; scale: 0.8; }
  50% { opacity: 1; scale: 1.2; }
}
@keyframes sa-stream { 
  100% { stroke-dashoffset: -140; }
}
@keyframes sol-ambient-shift { 
  100% { transform: translate3d(2%, 3%, 0px) scale(1.06); }
}
@keyframes sol-contour { 
  100% { transform: rotate(360deg); }
}
.np-page .np-paas-reference main[id] .ac-pricing-band{position: relative; isolation: isolate; border-block-start: 1px solid rgb(216, 228, 243) !important; background: rgb(255, 255, 255) !important;}
.np-page .np-paas-reference main[id] .ac-pricing-band[data-ac-tone="0"]{background: rgb(238, 244, 252) !important;}
.np-page .np-paas-reference main[id] .ac-pricing-band[data-ac-tone="2"]{background: rgb(245, 248, 252) !important;}
.np-page .np-paas-reference .ac-pricing-band > .pr-wrap{position: relative; z-index: 1;}
.np-page .np-paas-reference .ac-pricing-band .pr-heading{padding-inline-start: 20px; border-inline-start: 3px solid rgb(255, 153, 0);}
.np-page .np-paas-reference .ac-pricing-ambient{position: absolute; inset: 0px; overflow: hidden; pointer-events: none; z-index: 0; background-image: radial-gradient(rgba(22, 73, 159, 0.082) 0.8px, transparent 0.8px); background-size: 28px 28px; mask-image: linear-gradient(110deg, rgb(0, 0, 0), transparent 45%, transparent 65%, rgb(0, 0, 0));}
.np-page .np-paas-reference .ac-pricing-ambient::before,.np-page .np-paas-reference .ac-pricing-ambient::after{content: ""; position: absolute; width: 360px; height: 360px; border: 1px solid rgba(27, 88, 173, 0.11); border-radius: 50%; left: -160px; top: 40px; box-shadow: rgba(24, 80, 165, 0.03) 0px 0px 0px 50px, rgba(24, 80, 165, 0.02) 0px 0px 0px 100px; background: radial-gradient(circle, rgba(131, 179, 239, 0.125), transparent 70%); animation: 22s ease-in-out 0s infinite alternate none paused ac-pricing-drift;}
.np-page .np-paas-reference .ac-pricing-ambient::after{inset: auto -180px 80px auto; width: 280px; height: 280px; border-color: rgba(255, 153, 0, 0.19); background: radial-gradient(circle, rgba(255, 189, 100, 0.125), transparent 70%); animation-delay: -9s;}
.np-page .np-paas-reference .ac-band-visible > .ac-pricing-ambient::before,.np-page .np-paas-reference .ac-band-visible > .ac-pricing-ambient::after{animation-play-state: running;}
@keyframes ac-pricing-drift { 
  0% { transform: translate3d(0px, -14px, 0px); }
  100% { transform: translate3d(28px, 22px, 0px); }
}
@keyframes r3-brand-arrive { 
  0% { transform: translateX(32%) rotate(-7deg); opacity: 0.2; }
  100% { transform: translateX(0px) rotate(0deg); opacity: 1; }
}
@keyframes r3-ambient { 
  0% { transform: translate3d(-3%, 1%, 0px) scale(1); }
  100% { transform: translate3d(3%, -2%, 0px) scale(1.07); }
}
@keyframes r5-ambient-drift { 
  0% { transform: translateX(-3%); }
  100% { transform: translateX(4%); }
}
.np-page .np-paas-reference .paas-hero-visual{display: flex; flex-direction: column; align-self: start; justify-content: flex-start; gap: 22px; transform: none !important; opacity: 1 !important;}
.np-page .np-paas-reference .paas-hero-visual .deploy-head,.np-page .np-paas-reference .paas-hero-visual .deploy-flow{flex: 0 0 auto; margin: 0px !important;}
.np-page .np-paas-reference .deploy-console{max-height: 218px; flex: 0 0 auto; overflow: hidden; height: 218px !important; min-height: 218px !important; margin: 0px !important;}
.np-page .np-paas-reference .deploy-console-output{max-height: 174px; overflow: auto; box-sizing: border-box; white-space: normal; height: 174px !important; min-height: 174px !important; margin: 0px !important; line-height: 26px !important;}
@keyframes r5-console-dot { 
  0% { opacity: 0.45; box-shadow: rgba(73, 220, 184, 0.333) 0px 0px 0px 0px; }
  100% { opacity: 1; box-shadow: rgba(73, 220, 184, 0) 0px 0px 0px 5px; }
}
.np-page .np-paas-reference .pricing-workbench{border: 1px solid rgb(205, 221, 239); border-radius: 18px; overflow: hidden; background: white; box-shadow: rgba(22, 61, 109, 0.035) 0px 16px 40px;}
.np-page .np-paas-reference .pricing-table-toolbar{gap: 20px; padding: 22px !important; background: rgb(247, 250, 253) !important;}
.np-page .np-paas-reference .pricing-table-toolbar strong{font-size: 13px !important; line-height: 1.8;}
.np-page .np-paas-reference .pricing-comparison{border-radius: 0px !important; margin: 0px !important;}
.np-page .np-paas-reference .pricing-comparison table{min-width: 1020px; table-layout: fixed;}
.np-page .np-paas-reference .pricing-comparison thead th{vertical-align: top; padding: 22px 12px !important;}
.np-page .np-paas-reference .pricing-comparison .pricing-axis{width: 185px !important;}
.np-page .np-paas-reference .pricing-comparison th h3{font-size: 19px !important;}
.np-page .np-paas-reference .pricing-comparison thead th > small{font-size: 11px !important; line-height: 1.8 !important;}
.np-page .np-paas-reference .pricing-comparison td,.np-page .np-paas-reference .pricing-comparison tbody th{padding: 18px 10px !important; font-size: 13px !important; border-color: rgb(226, 234, 245) !important;}
.np-page .np-paas-reference .pricing-comparison tbody tr:nth-child(2n+1){background: rgb(248, 251, 255);}
.np-page .np-paas-reference .pricing-comparison .plan-column-head.is-selected{box-shadow: rgb(18, 68, 158) 0px 4px inset;}
.np-page .np-paas-reference .pricing-comparison tfoot td{background: rgb(255, 255, 255); padding: 18px 8px !important;}
@keyframes r4-brand-slide { 
  0% { transform: translateX(28%); }
  100% { transform: translateX(0px); }
}
@keyframes cx-float { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-5px); }
}
@keyframes cx-pulse { 
  0% { transform: scale(0.7); opacity: 0.9; }
  100% { transform: scale(1.9); opacity: 0; }
}
@keyframes r7-orbit { 
  100% { transform: rotate(360deg); }
}
@keyframes r7-cloud { 
  50% { transform: translateY(-5px); }
}
@keyframes cx-operational-check { 
  0%, 65%, 100% { transform: scale(1); }
  78% { transform: scale(1.16); }
  90% { transform: scale(1); }
}
@keyframes r10-flow { 
  100% { stroke-dashoffset: -1600; }
}
@keyframes r10-wash { 
  0% { transform: translate3d(-2%, -1%, 0px); }
  100% { transform: translate3d(3%, 3%, 0px); }
}
@keyframes r11-dot { 
  0% { transform: translateY(-11px); opacity: 0.5; }
  100% { transform: translateY(13px); opacity: 0.9; }
}
@keyframes r11-crescent { 
  0% { transform: translate3d(-10px, -12px, 0px) scale(0.98); }
  100% { transform: translate3d(16px, 16px, 0px) scale(1.04); }
}
.np-page .np-paas-reference .foreign-route-visual.config-card{border: 1px solid rgb(191, 211, 242); box-shadow: rgba(23, 77, 169, 0.1) 0px 20px 55px; background: rgb(245, 249, 255) !important;}
@keyframes r15-fan { 
  100% { transform: rotate(360deg); }
}
@keyframes r15-wire { 
  100% { stroke-dashoffset: -160; }
}
@keyframes r15-packet-first { 
  0% { opacity: 0; left: 0px; }
  5% { opacity: 1; left: 0px; }
  36% { opacity: 1; left: calc(100% - 5px); }
  40%, 100% { opacity: 0; left: calc(100% - 5px); }
}
@keyframes r15-packet-second { 
  0%, 47% { opacity: 0; left: 0px; }
  50% { opacity: 1; left: 0px; }
  81% { opacity: 1; left: calc(100% - 5px); }
  85%, 100% { opacity: 0; left: calc(100% - 5px); }
}
@keyframes r15-domain-first { 
  0% { opacity: 0; right: 0px; }
  5% { opacity: 1; right: 0px; }
  36% { opacity: 1; right: calc(100% - 5px); }
  40%, 100% { opacity: 0; right: calc(100% - 5px); }
}
@keyframes r15-domain-second { 
  0%, 47% { opacity: 0; right: 0px; }
  50% { opacity: 1; right: 0px; }
  81% { opacity: 1; right: calc(100% - 5px); }
  85%, 100% { opacity: 0; right: calc(100% - 5px); }
}
@keyframes r15-host-wash { 
  0%, 100% { background-position: 100% 0px; }
  50% { background-position: 0px 0px; }
}
.np-page .np-paas-reference .r15-paas .pricing-workbench{display: block !important; margin-top: 30px;}
.np-page .np-paas-reference .r15-paas .pricing-workbench table{min-width: 850px;}
.np-page .np-paas-reference .r15-paas .pricing-workbench{overflow-x: auto;}
.np-page .np-paas-reference .r15-paas .pricing-workbench caption{padding: 16px; font-size: 13px; color: rgb(54, 93, 145);}
@keyframes r15-ambient-flow { 
  100% { stroke-dashoffset: -1392; }
}
@keyframes r15-dot { 
  50% { transform: translateY(24px); }
}
.np-page .np-paas-reference .r15-paas .pricing-workbench caption{background: rgb(237, 244, 255); position: static !important; width: auto !important; height: auto !important; clip: auto !important; clip-path: none !important; overflow: visible !important; white-space: normal !important; display: table-caption !important;}
.np-page .np-paas-reference .r15-paas .pricing-workbench td{direction: ltr; unicode-bidi: isolate;}
.np-page .np-paas-reference .r15-paas .pricing-workbench .pricing-plan-badge{position: static !important; margin-bottom: 8px !important;}
.np-page .np-paas-reference .r15-paas .pricing-workbench{overflow: visible !important;}
.np-page .np-paas-reference .r15-paas .pricing-comparison{overflow: visible !important; margin-inline: 0px !important;}
.np-page .np-paas-reference .r15-paas .pricing-comparison table{table-layout: fixed; width: 100% !important; min-width: 0px !important;}
.np-page .np-paas-reference .r15-paas .pricing-comparison th,.np-page .np-paas-reference .r15-paas .pricing-comparison td{overflow-wrap: anywhere; width: auto !important; padding: 12px 5px !important;}
.np-page .np-paas-reference .r15-paas .pricing-comparison .pricing-axis{width: 16% !important;}
.np-page .np-paas-reference .r15-paas .pricing-comparison .btn{padding: 10px 5px !important; min-width: 0px !important; font-size: 11px !important;}
.np-page .np-paas-reference .r15-paas .pricing-comparison tbody th::before{display: none !important;}
@keyframes r16-traffic { 
  0%, 65%, 100% { transform: translateY(0px); opacity: 0.65; }
  30% { transform: translateY(-3px); opacity: 1; }
}
.np-page .np-paas-reference .r15-paas .pricing-comparison table{width: calc(100% - 2px) !important;}
@keyframes r17-spin { 
  100% { transform: rotate(360deg); }
}
@keyframes r18-route-flow { 
  100% { stroke-dashoffset: -100; }
}
@media (max-width: 700px){.np-page .np-paas-reference .r15-paas .pricing-comparison{overflow-x: auto !important; scrollbar-width: none;}
.np-page .np-paas-reference .r15-paas .pricing-comparison::-webkit-scrollbar{display: none;}
.np-page .np-paas-reference .r15-paas .pricing-comparison table{min-width: 850px !important;}}
@keyframes family-arc { 
  0% { transform: translate(-14px, -8px) rotate(-5deg); }
  100% { transform: translate(24px, 20px) rotate(8deg); }
}
.np-page .np-paas-reference{min-width:0}.np-page .np-paas-reference .icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.np-page .np-paas-reference .paas-hero-visual{opacity:1!important;transform:none!important}.np-page .np-paas-reference .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 14px;border-radius:10px;font-size:11px;font-weight:800}.np-page .np-paas-reference .btn-primary{background:#174bad;color:white}