/* =========================================================
   NovaKit V20.16.2 — UltraLite Motion
   Premium presentation with near-zero continuous animation cost.
   ========================================================= */

html.nk-ultralite-ready{
  background:#05070d;
}

body.nk-ultralite-motion{
  isolation:isolate;
  background:
    radial-gradient(circle at 14% 8%,rgba(216,177,94,.12),transparent 28rem),
    radial-gradient(circle at 88% 22%,rgba(142,116,255,.09),transparent 30rem),
    linear-gradient(180deg,#05070d 0%,#070910 48%,#04060b 100%)!important;
}

/* The biggest performance win: remove every old infinite animation on the
   public landing pages. Motion is reintroduced only as one-time transitions. */
body.nk-ultralite-motion *,
body.nk-ultralite-motion *::before,
body.nk-ultralite-motion *::after{
  animation:none!important;
}

/* Expensive glass and blur effects are replaced with solid translucent layers. */
body.nk-ultralite-motion header,
body.nk-ultralite-motion .card,
body.nk-ultralite-motion .trial-card,
body.nk-ultralite-motion .trial-mini-card,
body.nk-ultralite-motion .cloud-card,
body.nk-ultralite-motion .cloud-mock,
body.nk-ultralite-motion .plan-card-v2,
body.nk-ultralite-motion .capability-card,
body.nk-ultralite-motion .audience-card,
body.nk-ultralite-motion .method-step,
body.nk-ultralite-motion .v11-panel,
body.nk-ultralite-motion .v11-security-card,
body.nk-ultralite-motion .email-box,
body.nk-ultralite-motion .license-box,
body.nk-ultralite-motion .compare{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Reduce huge paint areas while preserving premium depth. */
body.nk-ultralite-motion .card,
body.nk-ultralite-motion .trial-card,
body.nk-ultralite-motion .trial-mini-card,
body.nk-ultralite-motion .cloud-card,
body.nk-ultralite-motion .cloud-mock,
body.nk-ultralite-motion .plan-card-v2,
body.nk-ultralite-motion .capability-card,
body.nk-ultralite-motion .audience-card,
body.nk-ultralite-motion .method-step,
body.nk-ultralite-motion .v11-panel,
body.nk-ultralite-motion .v11-security-card,
body.nk-ultralite-motion .email-box,
body.nk-ultralite-motion .license-box{
  box-shadow:0 18px 46px rgba(0,0,0,.24)!important;
  contain:layout paint style;
}

body.nk-ultralite-motion main>section:not(.hero){
  content-visibility:auto;
  contain-intrinsic-size:auto 820px;
}

/* One premium hero entrance, then the page becomes completely still. */
.nk-lite-hero-item{
  opacity:0;
  transform:translate3d(0,22px,0) scale(.99)!important;
  transition:
    opacity .62s cubic-bezier(.16,.84,.24,1) var(--nk-lite-delay,0ms),
    transform .72s cubic-bezier(.16,.84,.24,1) var(--nk-lite-delay,0ms)!important;
  will-change:opacity,transform;
}
.nk-lite-hero-visible .nk-lite-hero-item{
  opacity:1;
  transform:translate3d(0,0,0) scale(1)!important;
  will-change:auto;
}
.nk-lite-hero-item.final-product-mockup{
  transform:translate3d(34px,18px,0) scale(.975)!important;
}
.nk-lite-hero-visible .nk-lite-hero-item.final-product-mockup{
  transform:translate3d(0,0,0) scale(1)!important;
}

/* Section-level reveal: one observer per section, not one per card. */
.nk-lite-stage{
  opacity:0;
  transform:translate3d(0,28px,0);
  transition:opacity .58s cubic-bezier(.16,.84,.24,1),transform .68s cubic-bezier(.16,.84,.24,1);
  will-change:opacity,transform;
}
.nk-lite-section.nk-in-view .nk-lite-stage{
  opacity:1;
  transform:translate3d(0,0,0);
  will-change:auto;
}

/* Stagger selected grids through CSS only after the section is visible. */
.nk-lite-section .plan-card-v2,
.nk-lite-section .capability-card,
.nk-lite-section .audience-card,
.nk-lite-section .method-step,
.nk-lite-section .trial-card,
.nk-lite-section .trial-mini-card,
.nk-lite-section .cloud-card,
.nk-lite-section .pro-v11-item{
  opacity:.001;
  transform:translate3d(0,16px,0)!important;
  transition:opacity .44s ease,transform .52s cubic-bezier(.16,.84,.24,1)!important;
}
.nk-lite-section.nk-in-view .plan-card-v2,
.nk-lite-section.nk-in-view .capability-card,
.nk-lite-section.nk-in-view .audience-card,
.nk-lite-section.nk-in-view .method-step,
.nk-lite-section.nk-in-view .trial-card,
.nk-lite-section.nk-in-view .trial-mini-card,
.nk-lite-section.nk-in-view .cloud-card,
.nk-lite-section.nk-in-view .pro-v11-item{
  opacity:1;
  transform:translate3d(0,0,0)!important;
}
.nk-lite-section.nk-in-view :is(.plan-card-v2,.capability-card,.audience-card,.method-step,.trial-card,.trial-mini-card,.cloud-card,.pro-v11-item):nth-child(2){transition-delay:55ms!important}
.nk-lite-section.nk-in-view :is(.plan-card-v2,.capability-card,.audience-card,.method-step,.trial-card,.trial-mini-card,.cloud-card,.pro-v11-item):nth-child(3){transition-delay:105ms!important}
.nk-lite-section.nk-in-view :is(.plan-card-v2,.capability-card,.audience-card,.method-step,.trial-card,.trial-mini-card,.cloud-card,.pro-v11-item):nth-child(4){transition-delay:150ms!important}

/* Premium interactions without moving lights or pointer tracking. */
body.nk-ultralite-motion :is(.card,.trial-card,.trial-mini-card,.cloud-card,.plan-card-v2,.capability-card,.audience-card,.method-step,.v11-panel,.v11-security-card){
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
@media (hover:hover) and (pointer:fine){
  body.nk-ultralite-motion :is(.card,.trial-card,.trial-mini-card,.cloud-card,.plan-card-v2,.capability-card,.audience-card,.method-step,.v11-panel,.v11-security-card):hover{
    transform:translate3d(0,-4px,0)!important;
    box-shadow:0 22px 52px rgba(0,0,0,.30)!important;
  }
}

/* A static highlight gives the hero a flagship-product feel at no runtime cost. */
body.nk-ultralite-motion .hero{
  position:relative;
  isolation:isolate;
}
body.nk-ultralite-motion .hero::before{
  content:"";
  position:absolute;
  z-index:-1;
  width:min(860px,78vw);
  height:min(860px,78vw);
  right:-24vw;
  top:-30vw;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,220,150,.16),rgba(142,116,255,.055) 42%,transparent 70%);
  pointer-events:none;
}
body.nk-ultralite-motion .hero h1{
  text-wrap:balance;
  text-shadow:0 10px 36px rgba(0,0,0,.28);
}
body.nk-ultralite-motion .hero .btn.gold,
body.nk-ultralite-motion .top-buy-pulse{
  box-shadow:0 14px 34px rgba(183,127,39,.22)!important;
}

/* Remove the previous cinematic runtime if stale markup is still cached. */
#nk-cinematic-scene,
#nk-cinematic-progress,
#nk-cinematic-comet,
.nk-section-sweep,
.nk-card-light,
.nk-click-ripple{
  display:none!important;
}

@media(max-width:980px){
  body.nk-ultralite-motion main>section:not(.hero){contain-intrinsic-size:auto 720px}
  .nk-lite-hero-item.final-product-mockup{
    transform:translate3d(0,18px,0) scale(.985)!important;
  }
  .nk-lite-hero-visible .nk-lite-hero-item.final-product-mockup{
    transform:none!important;
  }
}

@media(max-width:760px){
  body.nk-ultralite-motion{
    background:linear-gradient(180deg,#05070d,#070910 55%,#04060b)!important;
  }
  body.nk-ultralite-motion .hero::before{
    width:115vw;height:115vw;right:-58vw;top:-45vw;opacity:.72;
  }
  .nk-lite-stage{transform:translate3d(0,18px,0);transition-duration:.48s,.56s}
  .nk-lite-section .plan-card-v2,
  .nk-lite-section .capability-card,
  .nk-lite-section .audience-card,
  .nk-lite-section .method-step,
  .nk-lite-section .trial-card,
  .nk-lite-section .trial-mini-card,
  .nk-lite-section .cloud-card,
  .nk-lite-section .pro-v11-item{
    transform:translate3d(0,10px,0)!important;
    transition-duration:.34s,.42s!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .nk-lite-hero-item,
  .nk-lite-stage,
  .nk-lite-section :is(.plan-card-v2,.capability-card,.audience-card,.method-step,.trial-card,.trial-mini-card,.cloud-card,.pro-v11-item){
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    will-change:auto!important;
  }
}
