/* Three reference sections: live text and controls, original raster artwork. */
.nap-trust { --trust-ink: #092953; --trust-blue: #039afa; --trust-orange: #ff790b; }
.nap-trust, .nap-trust * { box-sizing: border-box; letter-spacing: 0; }
.nap-trust-shell { width: 84%; max-width: 1540px; margin-inline: auto; }
.nap-trust :is(h2,h3,p,ul,ol) { margin: 0; padding: 0; }
.nap-trust :is(ul,ol) { list-style: none; }
.nap-trust svg { display: block; overflow: hidden; }
.nap-trust .nap-eyebrow { display: block; margin-bottom: 6px; color: var(--trust-orange); font-size: 13px; font-weight: 800; }
.nap-home-brands { padding: 12px 0 10px; background: #fff; border-top: 1px solid #e5f1fc; }
.nap-brands-heading { display: flex; align-items: center; justify-content: space-between; direction: ltr; gap: 16px; }
.nap-brands-heading > div:first-child { direction: rtl; text-align: left; }
body.napnet .nap-brands-heading h2 { color: var(--trust-ink) !important; font-size: 13px; line-height: 1.8; }
body.napnet .nap-brands-heading p { color: #67788e; font-size: 10px; line-height: 1.8; }
.nap-brand-controls { display: flex; gap: 8px; flex: 0 0 auto; }
.nap-brand-controls[hidden] { display: none; }
body.napnet .nap-brand-controls button { display: grid; place-items: center; width: 30px; height: 30px; min-height: 0; padding: 0; border: 1px solid #cfe3f8; border-radius: 50%; background: white; color: #4684b8; box-shadow: none; cursor: pointer; }
.nap-brand-controls button:last-child svg { transform: rotate(180deg); }
.nap-brand-controls button svg { width: 15px; height: 15px; }
body.napnet .nap-brand-controls button:hover { background: #eaf5ff; border-color: #039afa; }
.nap-brand-viewport { overflow: hidden; margin-top: 6px; }
.nap-brand-track { --marquee-gap: 28px; --brand-width: 180px; display: flex; align-items: center; width: max-content; direction: ltr; animation: nap-brand-marquee 32s linear infinite; will-change: transform; }
.nap-brand-track:hover { animation-play-state: paused; }
.nap-brand-track.is-reversed { animation-direction: reverse; }
.nap-brand-group { display: flex; flex: 0 0 calc((var(--brand-width) * 7) + (var(--marquee-gap) * 6)); width: calc((var(--brand-width) * 7) + (var(--marquee-gap) * 6)); align-items: center; gap: var(--marquee-gap); list-style: none; margin: 0; padding: 0; }
.nap-brand-track li { display: flex; flex: 0 0 var(--brand-width); width: var(--brand-width); min-width: var(--brand-width); max-width: var(--brand-width); justify-content: center; align-items: center; height: 38px; margin: 0; overflow: hidden; }
.nap-brand-track .nap-brand-logo { display: block; flex: 0 0 110px; width: 110px !important; height: 36px; max-width: 110px; overflow: hidden; mix-blend-mode: multiply; filter: grayscale(1) opacity(.72); transition: filter .25s ease, opacity .25s ease, transform .25s ease; }
.nap-brand-logo[aria-label="HP"] { max-width: 42px; }
.nap-brand-track li:hover .nap-brand-logo { filter: grayscale(0) opacity(1); transform: scale(1.04); }
@keyframes nap-brand-marquee {
	from { transform: translate3d(0,0,0); }
	to { transform: translate3d(-50%,0,0); }
}
.nap-home-process { position: relative; overflow: hidden; background: #eef7ff; border-block: 4px solid #fff; }
.nap-home-process::before { content: ""; position: absolute; inset: 0; background: radial-gradient(ellipse 110% 185% at 10% -93%,#ffffffa8 75%,#dceefd55 75.2% 87%,#c3ddf66b 87.2% 96%,transparent 96.2%); pointer-events: none; }
.nap-process-layout { position: relative; display: grid; grid-template-columns: minmax(0,1.6fr) minmax(0,1fr); gap: 24px; align-items: center; direction: ltr; min-height: 208px; padding-block: 20px; }
.nap-process-copy { direction: rtl; min-width: 0; text-align: left; }
body.napnet .nap-process-copy h2 { color: var(--trust-ink) !important; font-size: 23px; line-height: 1.6; font-weight: 850; margin: 0; }
.nap-process-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); direction: ltr; gap: 32px; margin-top: 14px !important; }
.nap-process-steps li { position: relative; min-width: 0; margin: 0; direction: rtl; text-align: center; }
.nap-process-icon { display: grid; place-items: center; width: 53px; height: 53px; margin: 0 auto 7px; border-radius: 50%; border: 1px solid #d0e5fa; background: #ffffffa6; box-shadow: 0 2px 8px #328ae00c; color: var(--trust-blue); }
.nap-process-icon svg { width: 25px; height: 25px; }
body.napnet .nap-process-steps h3 { color: var(--trust-ink) !important; font-size: 13px; line-height: 1.8; }
body.napnet .nap-process-steps p { color: #758398; font-size: 11px; line-height: 1.9; }
.nap-process-arrow { position: absolute; left: calc(100% + 7px); top: 34px; color: #7990aa; transform: none; }
.nap-process-arrow svg { width: 17px; height: 17px; }
.nap-process-steps li:last-child .nap-process-arrow { display: none; }
.nap-process-art { width: 125%; margin-left: -4%; mask-image: linear-gradient(90deg,transparent,#000 10% 94%,transparent),linear-gradient(0deg,transparent,#000 8% 90%,transparent); mask-composite: intersect; }
.nap-process-art svg { width: 100%; height: auto; aspect-ratio: 740 / 246; mix-blend-mode: multiply; }
.nap-home-benefits { position: relative; isolation: isolate; overflow: hidden; color: #fff; background: #001b31 url('../img/neural-bg.jpg') center / cover; scroll-margin-top: 100px; }
.nap-home-benefits::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,#001b31f2 0%,#002942e6 53%,#00172bd4 100%); }
.nap-benefits-art { position: absolute; inset: 0 0 0 auto; z-index: -1; width: 43%; pointer-events: none; mask-image: linear-gradient(90deg,transparent 0%,#000 19%,#000 90%,transparent 100%); }
.nap-benefits-art svg { width: 100%; height: 100%; }
.nap-benefits-motto { position: absolute; z-index: 1; top: 50%; right: 17%; color: #72c7ff; font-family: Arial, sans-serif; font-size: clamp(14px,1.1vw,19px); font-weight: 700; letter-spacing: .02em; line-height: 1.18; text-shadow: 0 0 7px #129dffb8,0 0 20px #0078d680; transform: translateY(-50%); }
.nap-benefits-layout { display: grid; grid-template-columns: minmax(185px,.95fr) minmax(0,2.5fr) .75fr; align-items: center; gap: 32px; min-height: 235px; padding-block: 20px; direction: ltr; }
.nap-benefits-intro { direction: rtl; text-align: left; }
body.napnet .nap-benefits-intro h2 { color: #fff !important; font-size: 27px; font-weight: 850; line-height: 1.4; margin-bottom: 6px; }
body.napnet .nap-benefits-intro p { color: #d0ddea; font-size: 11px; line-height: 1.8; margin-bottom: 9px; }
.nap-trust-cta { display: inline-flex; align-items: center; justify-content: center; gap: 9px; direction: ltr; min-height: 36px; padding: 7px 17px; border-radius: 999px; background: var(--trust-orange); color: #fff !important; font-size: 11px; font-weight: 700; text-decoration: none; }
.nap-trust-cta svg { width: 15px; height: 15px; transform: rotate(180deg); }
.nap-trust-cta:hover { background: #ec6500; }
.nap-benefits-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 10px; }
.nap-benefits-grid article { position: relative; direction: rtl; min-width: 0; height: 178px; padding: 20px 9px 16px; border: 1px solid #069bdfb8; border-radius: 7px; background: linear-gradient(145deg,#063b59cc 0%,#00283fc7 100%); box-shadow: 0 0 0 1px #006b9c30,0 0 10px #008ed34a,0 0 24px #0073ad26,inset 0 0 24px #009fe82b; text-align: center; transition: border-color .25s ease, box-shadow .25s ease, transform .25s ease; }
.nap-benefits-grid article::before { content: ""; position: absolute; inset: 0; border-radius: inherit; pointer-events: none; background: linear-gradient(135deg,#53d7ff2e,transparent 32%,transparent 68%,#007db51c); }
.nap-benefits-grid article > * { position: relative; z-index: 1; }
.nap-benefits-grid article:hover { border-color: #32c8ff; box-shadow: 0 0 0 1px #13b9ff40,0 0 16px #00a9f080,0 0 34px #007fc24d,inset 0 0 30px #00b7ff38; transform: translateY(-3px); }
.nap-benefit-icon { display: grid; place-items: center; width: 47px; height: 47px; margin: 0 auto 12px; border: 1px solid #0aa8e990; border-radius: 50%; color: #8cdbff; background: radial-gradient(circle,#087aa866 0%,#04507444 68%,#023d5c22 100%); box-shadow: 0 0 9px #009fe87a,inset 0 0 12px #009fe83d; }
.nap-benefit-icon svg { width: 25px; height: 25px; }
body.napnet .nap-benefits-grid h3 { color: #fff !important; font-size: 11px; line-height: 1.8; margin-bottom: 9px; }
body.napnet .nap-benefits-grid p { color: #c6d8e6; font-size: 11px; line-height: 1.9; max-width: 110px; margin-inline: auto; }
.nap-trust :is(a,button):focus-visible { outline: 2px solid #069cff; outline-offset: 4px; }
@media (min-width: 1500px) {
	.nap-process-layout { min-height: 280px; }
	.nap-benefits-layout { min-height: 310px; }
	body.napnet .nap-benefits-grid h3 { font-size: 13px; }
	body.napnet .nap-benefits-grid p { font-size: 12px; }
	.nap-benefits-grid article { height: 195px; }
}
@media (max-width: 1100px) {
	.nap-trust-shell { width: 90%; }
	.nap-benefits-layout { grid-template-columns: 190px minmax(0,1fr); gap: 24px; padding-right: 12%; }
	.nap-benefits-art { width: 36%; opacity: .7; }
	.nap-benefits-motto { display: none; }
	.nap-process-layout { grid-template-columns: 1.6fr 1fr; gap: 10px; }
	body.napnet .nap-process-copy h2 { font-size: 21px; }
	.nap-process-steps { gap: 16px; }
	.nap-process-arrow { left: calc(100% - 1px); }
	.nap-benefits-grid article { height: 200px; }
}
@media (max-width: 800px) {
	.nap-trust-shell { width: calc(100% - 40px); }
	.nap-brand-track { --marquee-gap: 26px; --brand-width: 150px; }
	.nap-process-layout { grid-template-columns: 1fr; padding-block: 26px 8px; }
	.nap-process-copy, .nap-brands-heading > div:first-child { text-align: right; }
	.nap-process-art { width: 100%; max-width: 580px; margin: 10px auto 0; }
	.nap-benefits-layout { grid-template-columns: 1fr; padding: 30px 0; gap: 22px; }
	.nap-benefits-intro { text-align: right; max-width: 350px; margin-left: auto; }
	.nap-benefits-art { width: 100%; opacity: .22; }
	.nap-benefits-grid article { height: auto; min-height: 176px; }
	.nap-benefits-grid { gap: 12px; }
}
@media (max-width: 520px) {
	.nap-trust-shell { width: calc(100% - 32px); }
	.nap-brands-heading { align-items: flex-start; }
	body.napnet .nap-brands-heading h2 { font-size: 14px; }
	body.napnet .nap-brands-heading p { font-size: 10px; }
	.nap-brand-controls { gap: 4px; }
	body.napnet .nap-brand-controls button { width: 32px; height: 32px; }
	.nap-process-steps { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px 28px; }
	.nap-process-steps li:nth-child(2) .nap-process-arrow { display: none; }
	body.napnet .nap-process-copy h2 { font-size: 22px; }
	.nap-benefits-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
	body.napnet .nap-benefits-grid h3 { font-size: 12px; }
	.nap-trust-cta { min-height: 42px; font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .nap-trust * { transition: none !important; scroll-behavior: auto; } .nap-brand-track { animation: none; transform: none; } }