/* KitzLabs NOVA AI – V13 motion system.
 * Existing design, content and business components are preserved.
 * Motion is additive, one-time and completely disabled for reduced-motion users.
 */
:root{--nova-motion-curve:cubic-bezier(.22,.72,.22,1)}
.nova-scroll-progress{
  position:fixed;top:0;left:0;width:100%;height:3px;z-index:130;
  pointer-events:none;transform:scaleX(0);transform-origin:left center;
  background:linear-gradient(90deg,#9defff 0%,#62cfff 37%,#8d97ff 74%,#d991ef 100%);
  box-shadow:0 0 10px rgba(138,207,255,.40);
  will-change:transform;
}
html.nova-scroll-motion-ready [data-nova-reveal="pending"]{
  opacity:0;transform:translate3d(0,24px,0);
  filter:blur(.85px);
}
html.nova-scroll-motion-ready [data-nova-reveal="pending"][data-nova-visual="true"]{
  opacity:.18;transform:translate3d(0,15px,0) scale(1.025);
}
html.nova-scroll-motion-ready [data-nova-reveal="shown"]{
  opacity:1;transform:translate3d(0,0,0);
  filter:blur(0);
  transition:opacity .72s var(--nova-motion-curve),
    transform .8s var(--nova-motion-curve),
    filter .65s var(--nova-motion-curve);
  transition-delay:var(--nova-reveal-delay,0ms);
  will-change:opacity,transform;
}
html.nova-scroll-motion-ready [data-nova-reveal="shown"][data-nova-visual="true"]{
  transform:translate3d(0,0,0) scale(1);
}
.nova-original-capture-note{
  font:450 .68rem/1.65 "Sora",system-ui,sans-serif;
  color:#9bbad6;margin:15px 0 0;
  padding:11px 14px;border-left:2px solid rgba(145,207,247,.52);
  background:rgba(16,43,77,.3);border-radius:0 9px 9px 0;
}
.kl10-hero-copy [data-nova-product-signature]{
  display:inline-flex;letter-spacing:.09em;
  border:1px solid rgba(129,219,254,.48);
  color:#c2f1ff;
  background:linear-gradient(110deg,rgba(25,74,113,.32),rgba(82,50,125,.16));
}
.kl10-hero-copy h1{overflow-wrap:break-word}
.kl10-main.kl12-product .kl10-hero-copy h1{
  font-size:clamp(2.25rem,4.35vw,4.7rem)!important;
  line-height:1.085!important;
  letter-spacing:-.052em!important;
}
/* Slightly deeper visual response for primary product CTA, no persistent motion. */
.kl10-main.kl12-product .kl10-btn-primary:hover{
  box-shadow:0 15px 40px rgba(78,145,236,.26),0 0 0 1px rgba(198,224,254,.12);
}
@media(max-width:760px){
 .nova-scroll-progress{height:2px}
 html.nova-scroll-motion-ready [data-nova-reveal="pending"]{
   transform:translate3d(0,13px,0);filter:blur(1px)
 }
 .kl10-main.kl12-product .kl10-hero-copy h1{font-size:clamp(2.1rem,7.5vw,3.15rem)!important}
}
/* Critical accessibility: zero opacity hiding NEVER applies with reduced motion. */
@media(prefers-reduced-motion:reduce){
 .nova-scroll-progress{display:none!important}
 [data-nova-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important;animation:none!important}
}

/* NOVA AI original WORDMARK in navigation: full 'NOVA AI by kitzlabs.ai'.
   Keep visual cap height close to the adjacent 13px menu labels.
   No box, glow, or extra CTA; retain accessible link on mobile. */
header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto;
  min-width:0!important;
  min-height:40px;
  padding:2px 4px!important;
  line-height:1!important;
  vertical-align:middle;
  white-space:nowrap;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark img{
  display:block;
  width:107px!important;
  height:auto!important;
  aspect-ratio:610 / 204;
  max-width:none!important;
  max-height:none!important;
  object-fit:contain;
  border-radius:0;
  background:none;
  border:0;
  box-shadow:none!important;
  filter:none!important;
  transition:opacity .18s ease;
}
header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark:is(:hover,:focus-visible) img{
  opacity:.82;
  transform:none!important;
  filter:none!important;
}
header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark:focus-visible{
  outline:2px solid #9aeaff!important;
  outline-offset:2px!important;
}
@media(min-width:901px) and (max-width:1150px){
  header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark img{
    width:90px!important;
  }
}
@media(max-width:900px){
  header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark{
    justify-content:flex-start!important;
    width:100%;
    min-height:48px;
    padding:7px 18px!important;
  }
  header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark img{
    width:125px!important;
  }
}
@media(prefers-reduced-motion:reduce){
  header.kitz-global-header nav.kitz-header-nav > a.nova-ai-nav-mark img{
    transition:none!important;
  }
}
