.page-template-page-oem main { background: #05070a; color: #f4f7fb; }
.page-template-page-oem .nd-oem-content { background: #080b10; overflow: hidden; }
.page-template-page-oem .nd-oem-shell { width: min(1180px, calc(100% - 48px)); margin: 0 auto; }
.page-template-page-oem .nd-oem-intro,
.page-template-page-oem .nd-oem-showcase,
.page-template-page-oem .nd-oem-process { position: relative; padding: 104px 0; border-top: 1px solid rgba(255,255,255,.07); }
.page-template-page-oem .nd-oem-showcase { background: #0b0f15; }
.page-template-page-oem .nd-oem-heading { max-width: 720px; margin-bottom: 48px; }
.page-template-page-oem .nd-oem-kicker { display: inline-flex; align-items: center; gap: 9px; color: #6ee7b7; font: 700 12px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.page-template-page-oem .nd-oem-kicker::before { width: 24px; height: 1px; background: currentColor; content: ""; }
.page-template-page-oem .nd-oem-heading h2,
.page-template-page-oem .nd-oem-cta h2 { margin: 16px 0 0; color: #f8fafc; font-size: 34px; line-height: 1.25; font-weight: 700; letter-spacing: 0; }
.page-template-page-oem .nd-oem-heading p,
.page-template-page-oem .nd-oem-cta p { margin: 16px 0 0; color: #9ca3af; font-size: 16px; line-height: 1.8; }
.page-template-page-oem .nd-oem-capabilities { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); border-top: 1px solid rgba(255,255,255,.1); border-left: 1px solid rgba(255,255,255,.1); }
.page-template-page-oem .nd-oem-capability { min-height: 210px; padding: 28px; border-right: 1px solid rgba(255,255,255,.1); border-bottom: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.018); transition: background .25s ease, transform .25s ease; }
.page-template-page-oem .nd-oem-capability:hover { background: rgba(96,165,250,.075); transform: translateY(-2px); }
.page-template-page-oem .nd-oem-capability__icon { display: block; width: 36px; height: 36px; margin-bottom: 24px; border: 1px solid rgba(110,231,183,.35); background: rgba(110,231,183,.08); position: relative; }
.page-template-page-oem .nd-oem-capability__icon::before,
.page-template-page-oem .nd-oem-capability__icon::after { position: absolute; content: ""; border: 1px solid #6ee7b7; }
.page-template-page-oem .nd-oem-capability__icon::before { inset: 9px; }
.page-template-page-oem .nd-oem-capability__icon::after { width: 12px; height: 1px; border-width: 1px 0 0; left: 11px; top: 17px; }
.page-template-page-oem .nd-oem-capability h3 { margin: 0; color: #f4f7fb; font-size: 17px; line-height: 1.4; font-weight: 650; }
.page-template-page-oem .nd-oem-capability p { margin: 11px 0 0; color: #8f98a8; font-size: 13px; line-height: 1.75; }
.page-template-page-oem .nd-oem-scenes { display: grid; gap: 96px; }
.page-template-page-oem .nd-oem-scene { display: grid; grid-template-columns: minmax(260px,.72fr) minmax(0,1.45fr); align-items: center; gap: 64px; }
.page-template-page-oem .nd-oem-scene--reverse { grid-template-columns: minmax(0,1.45fr) minmax(260px,.72fr); }
.page-template-page-oem .nd-oem-scene--reverse .nd-oem-scene__copy { order: 2; }
.page-template-page-oem .nd-oem-scene__copy > span { color: #60a5fa; font: 700 11px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; }
.page-template-page-oem .nd-oem-scene__copy h3 { margin: 14px 0 0; color: #f8fafc; font-size: 25px; line-height: 1.35; font-weight: 680; }
.page-template-page-oem .nd-oem-scene__copy p { margin: 16px 0 0; color: #9ca3af; font-size: 14px; line-height: 1.85; }
.page-template-page-oem .nd-oem-scene__copy ul { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.page-template-page-oem .nd-oem-scene__copy li { position: relative; padding-left: 18px; color: #cbd5e1; font-size: 13px; }
.page-template-page-oem .nd-oem-scene__copy li::before { position: absolute; top: .5em; left: 0; width: 6px; height: 6px; border: 1px solid #6ee7b7; content: ""; transform: rotate(45deg); }
.page-template-page-oem .nd-oem-scene figure { position: relative; margin: 0; padding: 10px; border: 1px solid rgba(148,163,184,.17); background: #070a0f; box-shadow: 0 30px 70px rgba(0,0,0,.34); }
.page-template-page-oem .nd-oem-scene figure::before { position: absolute; inset: -1px; border-top: 1px solid rgba(96,165,250,.55); content: ""; pointer-events: none; }
.page-template-page-oem .nd-oem-scene img { display: block; width: 100%; height: auto; background: #0a0d12; }
.page-template-page-oem .nd-oem-scene figcaption { position: absolute; right: 16px; bottom: 16px; padding: 6px 9px; background: rgba(3,6,10,.82); color: #94a3b8; font-size: 10px; backdrop-filter: blur(8px); }
.page-template-page-oem .nd-oem-steps { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); margin: 52px 0 0; padding: 0; list-style: none; }
.page-template-page-oem .nd-oem-steps li { position: relative; min-height: 112px; padding: 0 18px 0 0; }
.page-template-page-oem .nd-oem-steps li:not(:last-child)::after { position: absolute; top: 16px; right: 8px; width: calc(100% - 48px); height: 1px; background: linear-gradient(90deg,#60a5fa,rgba(96,165,250,.08)); content: ""; transform: translateX(50%); }
.page-template-page-oem .nd-oem-steps b { display: flex; width: 34px; height: 34px; align-items: center; justify-content: center; border: 1px solid rgba(96,165,250,.45); background: #0d1623; color: #93c5fd; font: 700 11px/1 ui-monospace,monospace; }
.page-template-page-oem .nd-oem-steps span { display: block; margin-top: 18px; color: #dbe3ee; font-size: 13px; line-height: 1.5; }
.page-template-page-oem .nd-oem-cta { padding: 84px 0; border-top: 1px solid rgba(255,255,255,.08); background: #070a0f; }
.page-template-page-oem .nd-oem-cta__inner { display: flex; align-items: center; justify-content: space-between; gap: 48px; }
.page-template-page-oem .nd-oem-cta h2 { font-size: 29px; }
.page-template-page-oem .nd-oem-cta a { display: inline-flex; min-height: 48px; flex: 0 0 auto; align-items: center; gap: 12px; padding: 0 24px; border: 1px solid #60a5fa; background: #3b82f6; color: #fff; font-size: 14px; font-weight: 700; transition: background .2s ease, transform .2s ease; }
.page-template-page-oem .nd-oem-cta a:hover { background: #60a5fa; transform: translateY(-2px); }
.page-template-page-oem .nd-oem-reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s cubic-bezier(.22,1,.36,1), transform .7s cubic-bezier(.22,1,.36,1); }
.page-template-page-oem .nd-oem-reveal.is-visible { opacity: 1; transform: none; }
.page-template-page-oem .nd-oem-terminal-lines { display: grid; }
.page-template-page-oem .nd-oem-terminal-line { color: #a1a1aa; animation: nd-oem-line .3s ease both; }
.page-template-page-oem .nd-oem-terminal-line b { color: #60a5fa; font-weight: 500; }
.page-template-page-oem .nd-oem-terminal-line span { color: #6ee7b7; }
@keyframes nd-oem-line { from { opacity: 0; transform: translateY(4px); } to { opacity: .9; transform: none; } }
@media (max-width: 900px) {
  .page-template-page-oem .nd-oem-capabilities { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-template-page-oem .nd-oem-scene, .page-template-page-oem .nd-oem-scene--reverse { grid-template-columns: 1fr; gap: 32px; }
  .page-template-page-oem .nd-oem-scene--reverse .nd-oem-scene__copy { order: 0; }
  .page-template-page-oem .nd-oem-steps { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px 0; }
  .page-template-page-oem .nd-oem-steps li:nth-child(3n)::after { display: none; }
}
@media (max-width: 640px) {
  .page-template-page-oem .nd-oem-shell { width: min(100% - 32px,1180px); }
  .page-template-page-oem .nd-oem-intro, .page-template-page-oem .nd-oem-showcase, .page-template-page-oem .nd-oem-process { padding: 72px 0; }
  .page-template-page-oem .nd-oem-heading h2, .page-template-page-oem .nd-oem-cta h2 { font-size: 26px; }
  .page-template-page-oem .nd-oem-capabilities { grid-template-columns: 1fr; }
  .page-template-page-oem .nd-oem-capability { min-height: 0; padding: 24px; }
  .page-template-page-oem .nd-oem-scenes { gap: 68px; }
  .page-template-page-oem .nd-oem-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .page-template-page-oem .nd-oem-steps li:nth-child(3n)::after { display: block; }
  .page-template-page-oem .nd-oem-steps li:nth-child(2n)::after { display: none; }
  .page-template-page-oem .nd-oem-cta__inner { align-items: flex-start; flex-direction: column; }
}
@media (prefers-reduced-motion: reduce) { .page-template-page-oem .nd-oem-reveal { opacity: 1; transform: none; transition: none; } }