/* QNN Intelligence Gateway. Shared brand accents; existing layouts retained. */
:root{--qnn-amber:#ffb547;--qnn-amber-soft:#e5b774;--qnn-charcoal:#151518;--qnn-silver:#c8c8ce;--accent:#ffb547;--accent2:#e5b774;--orange:#ffb547}
::selection{background:#ffb547;color:#151518}
:is(a,button,input,textarea,select):focus-visible{outline:2px solid var(--qnn-amber);outline-offset:5px}
input[type=range],input[type=checkbox]{accent-color:var(--qnn-amber)}
.nav-links>a:not(.btn):hover,.mega-btn:hover,.desktop-nav a:hover,.foot a:hover,.footer a:hover,.nx-text-link:hover,.tlink:hover,.quiet-link:hover{color:var(--qnn-amber)}
.eyebrow .section-number,.nx-eyebrow,.nx-index,.nx-card-category,.small-index,.section-number,.gateway-platforms .eyebrow{color:var(--qnn-amber-soft)}
.cinematic-home .capability-tab[aria-selected=true],.nx-solution-tabs button[aria-selected=true],.seg button[aria-selected=true]{border-color:var(--qnn-amber)}
.cinematic-home .map-node.active,.cinematic-home .stack-layer.active,.nx-related a:hover{border-color:#ffb54780}
.cinematic-home .signal-route{stroke:var(--qnn-amber)}
.cinematic-home .map-node.active i,.cinematic-home .workflow-track i,.nx-bar i,.hairline{background:var(--qnn-amber)}
.cinematic-home .stack-layer.active>span,.cinematic-home .workflow-step.active .step-number{color:var(--qnn-amber)}
.button:hover,.btn-fill:hover,.nx-button-solid:hover,.nx-button-dark:hover,.sales-start:hover{background:#ffcd83;border-color:#ffcd83;color:#151518}
.button,.btn,.nx-button,.quiet-link,.gateway-vendors a,.sales-start{transition:background .25s,color .25s,border-color .25s}
.sales-compose button,.sales-start{background:var(--qnn-amber);color:#151518}.sales-consent input{accent-color:var(--qnn-amber)}.sales-avatar{border-color:var(--qnn-amber-soft)}.sales-bubble a,.sales-direct{color:#ffcd83}
.cinematic-home .hero{min-height:940px;height:100svh;max-height:1200px}
.cinematic-home .hero-content{padding-top:clamp(165px,20vh,240px);padding-bottom:180px}
.cinematic-home .hero h1{font-size:clamp(45px,4.7vw,78px);max-width:53%;line-height:1.12}
.cinematic-home .hero-description{max-width:45%}
.cinematic-home .hero-support{margin-bottom:22px}
.cinematic-home .hero-image{object-position:center;animation:none!important;transform:none!important}
.cinematic-home .hero-shade{background:linear-gradient(90deg,#0505056e 0%,#05050516 40%,transparent 62%),linear-gradient(0deg,#050505 0%,#0505059c 10%,transparent 30%)}
.gateway-signals{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen}
.gateway-scene .gateway-visual{position:absolute;inset:0;overflow:hidden}.gateway-scene .nx-scene-poster{object-fit:cover;object-position:right center;transform:none!important;animation:none!important;opacity:1}.gateway-scene .nx-scene-label{z-index:2}.cinematic-home .contact-image{background-image:url("qnn-gateway.webp")}
.gateway-pulse{stroke-width:2.1;stroke-linecap:round;stroke-dasharray:.8 99.2;stroke-dashoffset:100;animation:gateway-travel 12s linear infinite;animation-delay:var(--signal-delay,0s);filter:drop-shadow(0 0 4px #ffb547)}
.gateway-pulse.incoming{stroke:#f5f2eb;opacity:.75}
.gateway-pulse.outgoing{stroke:#ffe5b6;stroke-width:3}
.gateway-rim{stroke:#ffbc64;stroke-width:2.2;opacity:.35;filter:drop-shadow(0 0 7px #ffb547);animation:gateway-energy 12s ease-in-out infinite}
.gateway-reflection{stroke:#ffb547;stroke-width:16;opacity:.12;filter:blur(10px);stroke-dasharray:7 93;animation:gateway-travel 12s linear infinite}
[data-gateway-mode=automate] .branch-1,[data-gateway-mode=automate] .branch-2{opacity:0}
[data-gateway-mode=secure] .gateway-rim{stroke-width:4;animation-duration:8s}
[data-gateway-mode=scale] .outgoing{animation-duration:10s}
.gateway-idle .gateway-signals *{animation-play-state:paused!important}
@keyframes gateway-travel{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes gateway-energy{0%,100%{opacity:.15}45%,60%{opacity:.85}}
.gateway-bar{display:flex;align-items:center;width:min(525px,45%);min-height:59px;background:#151518b8;border:1px solid #88888f;border-radius:10px;position:relative;padding:5px 6px 5px 20px;gap:12px}
.gateway-bar:before{content:"";height:22px;width:2px;flex:none;background:var(--qnn-amber)}
.gateway-bar:focus-within{border-color:var(--qnn-amber)}
.gateway-bar input{width:100%;min-width:0;background:transparent;border:0;color:#fff;font-size:16px;padding:10px 0;outline-offset:0}
.gateway-bar input::placeholder{color:#b1b1ba}
.gateway-bar button{flex:none;border-radius:6px;padding:13px 14px;font-size:14px;color:#ffcd83;min-height:44px}
.gateway-bar button:hover{background:#ffb54718}
.gateway-choices{display:flex;gap:25px;margin-top:12px}
.gateway-choices button{font-size:14px;min-height:44px;padding:8px 0;color:#c8c8ce;border-bottom:1px solid transparent}
.gateway-choices button[aria-pressed=true]{color:var(--qnn-amber);border-color:var(--qnn-amber)}
.gateway-hint{font-size:14px;color:#c8c8ce;max-width:46%;margin:12px 0 8px;min-height:24px}
.gateway-privacy{font-size:12px;line-height:1.6;color:#aaaab2;max-width:45%;margin-bottom:22px}
.cinematic-home .hero-actions{gap:24px}
.gateway-platforms{padding-block:56px;border-bottom:1px solid #ffffff20}
.gateway-platform-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px}
.gateway-platform-heading h2{font-size:clamp(27px,2.6vw,40px);margin:12px 0 0}
.gateway-vendors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;padding:0;margin:0;gap:0}
.gateway-vendors a,.gateway-vendors li{display:flex;align-items:center;justify-content:center;min-height:76px;padding:16px 12px;border-bottom:1px solid #ffffff1c;font-size:clamp(16px,1.5vw,22px);font-weight:500;letter-spacing:-.025em;color:#d7d7df}
.gateway-vendors a:hover{color:var(--qnn-amber);background:#ffb54708}
.gateway-platform-note{font-size:14px;color:#a9a9b4;margin:24px 0 0;line-height:1.7}
/* A single continuous line of locally hosted vendor marks. */
.platform-marquee{--platform-width:230px;--platform-duration:122s}
.platform-viewport{width:100%;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#65656c transparent;mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 20px,#000 calc(100% - 20px),transparent)}
.platform-viewport:focus-visible{outline-offset:-2px;mask-image:none;-webkit-mask-image:none}
.platform-track{display:flex;width:max-content;transform:translateX(0)}
.platform-logo-list{display:flex;flex:none;align-items:center;list-style:none;padding:0;margin:0}
.platform-logo-list .platform-logo{display:flex;flex:0 0 var(--platform-width);width:var(--platform-width);min-height:112px;align-items:center;justify-content:center;padding:20px 22px;margin:0}
.platform-logo-copy{display:none}
.platform-brand{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;min-width:0;color:#eeeef2;font-weight:500}
.platform-brand .platform-logo-image{display:block;object-fit:contain;width:auto;height:36px;max-width:176px;flex:none}
.platform-brand-light .platform-logo-image{filter:brightness(0) invert(1)}
.platform-brand-invert-crop .platform-logo-image{width:176px;object-fit:cover;object-position:center;filter:grayscale(1) invert(1);mix-blend-mode:screen}
.platform-brand-icon .platform-logo-image{width:34px;height:34px;max-width:34px}
.platform-brand .platform-name,.platform-logo>.platform-name{font-size:17px;line-height:1.3;letter-spacing:-.025em;white-space:nowrap}
.platform-brand-wordmark .platform-name{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.platform-brand.logo-failed .platform-logo-image{display:none}
.platform-brand.logo-failed .platform-name{position:static;width:auto;height:auto;clip-path:none;overflow:visible}
.platform-strip-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff1c;padding-top:16px}
.platform-strip-footer .gateway-platform-note{margin:0}
.platform-motion-toggle{display:none;flex:none;min-height:44px;font-size:14px;color:#c8c8ce;border:1px solid #ffffff35;border-radius:999px;background:transparent;padding:9px 16px;cursor:pointer}
.platform-motion-toggle:hover{border-color:var(--qnn-amber);color:var(--qnn-amber)}
.platform-motion-toggle:disabled{cursor:default;opacity:.7}
.platform-marquee[data-ready=true] .platform-motion-toggle{display:block}
.platform-marquee[data-ready=true][data-browsing=false] .platform-viewport{overflow-x:hidden}
.platform-marquee[data-ready=true][data-browsing=false] .platform-track{animation:platform-roll var(--platform-duration) linear infinite;will-change:transform}
.platform-marquee[data-ready=true][data-browsing=false] .platform-logo-copy{display:flex}
.platform-marquee[data-paused=true] .platform-track,.platform-marquee[data-visible=false] .platform-track{animation-play-state:paused!important}
@media(hover:hover){.platform-viewport:hover .platform-track{animation-play-state:paused}}
@keyframes platform-roll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.technology-group li:has(.platform-brand){display:flex;align-items:center;min-height:82px}
.technology-group .platform-brand{justify-content:flex-start;gap:10px}
.technology-group .platform-brand-wordmark .platform-logo-image{max-width:150px;height:30px}
.technology-group .platform-brand-icon .platform-logo-image{width:28px;height:28px}
.technology-group .platform-brand-icon .platform-name{white-space:normal;font-size:16px}
@media(max-width:600px){.platform-marquee{--platform-width:196px;--platform-duration:104s}.platform-logo-list .platform-logo{padding:16px 18px;min-height:104px}.platform-brand .platform-logo-image{max-width:158px;height:32px}.platform-brand-icon .platform-logo-image{width:28px;height:28px;max-width:28px}.platform-brand{gap:9px}.platform-brand .platform-name,.platform-logo>.platform-name{font-size:16px}.platform-strip-footer{align-items:flex-start}.platform-strip-footer .gateway-platform-note{font-size:13px}.platform-motion-toggle{font-size:12px;padding-inline:12px}.technology-group .platform-brand-wordmark .platform-logo-image{max-width:130px;height:28px}.technology-group .platform-brand-icon .platform-name{font-size:14px}}
@media(prefers-reduced-motion:reduce){.platform-marquee .platform-track{animation:none!important;transform:none!important}.platform-marquee .platform-logo-copy{display:none!important}.platform-marquee .platform-viewport{overflow-x:auto!important}.platform-marquee .platform-motion-toggle{display:none!important}}
.technology-directory{padding-bottom:90px}
.technology-group{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:68px 0;border-bottom:1px solid #ffffff24;scroll-margin-top:120px}
.technology-group h2{font-size:clamp(27px,3vw,43px);margin:16px 0 22px}.technology-group p{font-size:16px;line-height:1.8;color:#b7b7c0}.technology-group .eyebrow{color:var(--qnn-amber-soft)}
.technology-group ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:0;padding:0;align-content:start}.technology-group li{font-size:16px;padding:20px 0;border-bottom:1px solid #ffffff18;color:#e9e9ef}
.technology-disclosure{font-size:14px;line-height:1.8;color:#adadb7;max-width:900px;margin:35px 0 0}
.client-proof{width:90%;max-width:1600px;margin-inline:auto;padding-block:90px}.client-proof h2{margin:18px 0 32px}.client-quotes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}.client-quotes figure{margin:0;padding:28px 0;border-top:1px solid #ffb54755}.client-quotes blockquote{font-size:22px;line-height:1.6;margin:0 0 20px}.client-quotes figcaption{font-size:14px;color:#b9b9c3}
/* Interior pages use the same stationary artwork, not a new layout. */
.nx-legacy-art img{filter:none;animation:none!important;transform:none!important}.nx-legacy-art{opacity:.42}.nx-legacy-hero:after{background:linear-gradient(90deg,#050505 8%,#050505b8 48%,#05050530)}
.nx-legacy-hero .nx-eyebrow,.phero .eyebrow{color:var(--qnn-amber-soft)}
html.motion-paused *,html.no-motion *,body.motion-paused *,html.gateway-sleep *,html.motion-paused *:before,html.no-motion *:before,body.motion-paused *:before,html.gateway-sleep *:before{animation-play-state:paused!important}
.motion-paused .gateway-signals,.no-motion .gateway-signals{display:none}
.motion-paused .hero-enter,.no-motion .hero-enter{animation:none;opacity:1;transform:none}
@media(max-width:1200px){.nav-links{gap:5px}.nav-links>a:not(.btn),.mega-btn{font-size:13px}.nav>.wrap{gap:12px}.nav .logo{min-width:140px}.cinematic-home .hero h1{font-size:clamp(43px,4.7vw,62px)}.gateway-bar{width:47%}.gateway-bar button{padding-inline:9px}}
@media(max-width:980px){.nav .logo{min-width:120px}.nav .qnn-cinematic-wordmark{font-size:21px}.nav>.wrap{padding-inline:3%;gap:8px}.nav-links>a:not(.btn),.mega-btn{font-size:12px}.nav .nav-cta{padding-inline:12px}.gateway-bar{width:52%}.gateway-privacy,.gateway-hint{max-width:52%}}
@media(max-width:800px){.cinematic-home .hero{height:auto;min-height:1140px;max-height:none}.cinematic-home .hero-content{padding-top:145px;padding-bottom:510px}.cinematic-home .hero h1{max-width:100%;font-size:clamp(38px,6.7vw,56px)}.cinematic-home .hero-description{max-width:100%}.gateway-bar{width:min(540px,100%)}.gateway-hint,.gateway-privacy{max-width:100%}.cinematic-home .gateway-visual{inset:auto auto 105px -55%;width:155%;height:auto;aspect-ratio:1672/941}.cinematic-home .hero-image{object-fit:fill}.cinematic-home .hero-shade{background:linear-gradient(0deg,#050505 0%,transparent 23%,transparent 48%,#050505 67%)}.cinematic-home .hero-bottom{bottom:25px}.cinematic-home .capability-strip{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gateway-platform-heading{align-items:start;flex-direction:column}.technology-group{grid-template-columns:1fr;gap:28px;padding-block:48px}.client-quotes{grid-template-columns:1fr}.gateway-reflection,.gateway-pulse.incoming:nth-child(2),.gateway-pulse.incoming:nth-child(3){display:none}.gateway-platforms{padding-block:42px}}
@media(max-width:520px){.cinematic-home .hero-content{padding-top:132px;padding-bottom:420px}.cinematic-home .hero{min-height:1100px}.cinematic-home .hero h1{font-size:clamp(33px,8.7vw,45px)}.cinematic-home .hero-actions{flex-wrap:wrap;gap:18px}.cinematic-home .hero-actions .button{min-width:0;padding-inline:18px}.gateway-vendors{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-bar{padding-left:12px;gap:8px}.gateway-bar input{font-size:16px}.gateway-bar button{font-size:13px;padding-inline:7px}.gateway-choices{gap:28px}.gateway-privacy{font-size:12px}.gateway-hint{min-height:42px}.technology-group ul{gap:0 15px}.technology-group li{font-size:15px}.cinematic-home .hero-bottom-line{flex-wrap:wrap}.cinematic-home .scroll-link{max-width:52%}}
@media(prefers-reduced-motion:reduce){.gateway-signals{display:none}.hero-enter{animation:none!important;opacity:1;transform:none}.gateway-bar,.gateway-vendors a{transition:none}}