/*
Theme Name: Data8X
Theme URI: https://data8x.com
Author: Data8X
Description: Single-page corporate site for Data8X and the Neurava product line. Approved homepage build.
Version: 1.0
*/

  html{scroll-behavior:smooth}
  body{font-family:'Inter',system-ui,sans-serif}
  section[id]{scroll-margin-top:92px}
  .grad-text{background:linear-gradient(120deg,#2F4BFF,#6D4AFF 55%,#9D4EDD);-webkit-background-clip:text;background-clip:text;color:transparent}
  .tab[aria-selected="true"]{background:#2F4BFF;color:#fff}
  .navlink.is-active{color:#2F4BFF;font-weight:600}
  .no-scrollbar{scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
  @keyframes floatMain{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
  .float{animation:float 6s ease-in-out infinite}
  .float-2{animation:float 7s ease-in-out infinite .6s}
  .float-3{animation:float 8s ease-in-out infinite 1.1s}
  .float-main{animation:floatMain 7s ease-in-out infinite}
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}
  .reveal.in{opacity:1;transform:none}
  .reveal:nth-child(2){transition-delay:.06s}.reveal:nth-child(3){transition-delay:.12s}.reveal:nth-child(4){transition-delay:.18s}.reveal:nth-child(5){transition-delay:.24s}.reveal:nth-child(6){transition-delay:.3s}
  .logo-chip{transition:transform .35s ease}
  .logo-chip:hover{transform:translateY(-4px)}
  .logo-chip img{opacity:1;transition:transform .35s ease}
  .logo-chip:hover img{transform:scale(1.04)}
  .blob{position:absolute;border-radius:9999px;filter:blur(70px);pointer-events:none;animation:drift 16s ease-in-out infinite}
  .blob.b2{animation-duration:21s;animation-delay:-5s}
  @keyframes drift{0%,100%{transform:translate(0,0)}50%{transform:translate(26px,-28px)}}
  #progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,#2F4BFF,#6D4AFF,#9D4EDD)}
  .navlink{position:relative}
  .navlink::after{content:"";position:absolute;left:0;bottom:-6px;height:2px;width:0;border-radius:2px;background:#2F4BFF;transition:width .28s ease}
  .navlink:hover::after,.navlink.is-active::after{width:100%}
  .grad-anim{background-size:220% auto;animation:shimmer 7s linear infinite}
  @keyframes shimmer{to{background-position:220% center}}
  .pulse-dot{position:relative}
  .pulse-dot::before{content:"";position:absolute;inset:0;border-radius:9999px;animation:pulse 2.2s ease-out infinite}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(47,75,255,.45)}70%{box-shadow:0 0 0 9px rgba(47,75,255,0)}100%{box-shadow:0 0 0 0 rgba(47,75,255,0)}}
  .magnetic{transition:transform .25s cubic-bezier(.4,0,.2,1)}
  .cap{will-change:transform}
  .cap:hover{border-color:rgba(47,75,255,.35);box-shadow:0 0 0 1px rgba(47,75,255,.22),0 22px 50px rgba(47,75,255,.16)}
  .flow{stroke-dasharray:5 9;animation:flow 2.8s linear infinite}
  @keyframes flow{to{stroke-dashoffset:-28}}
  .npulse{animation:npulse 3.2s ease-in-out infinite}
  @keyframes npulse{0%,100%{opacity:.3}50%{opacity:.9}}
  @media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}