html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
  body{margin:0;background:#0B1020;color:#EDEFF7;font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:17px;line-height:1.6;text-wrap:pretty;-webkit-font-smoothing:antialiased;overflow-x:hidden}
  *{box-sizing:border-box}
  img{display:block;max-width:100%}
  a{color:#8F87FF;text-decoration:none}
  a:hover{color:#B3AEFF}
  button,input,select,textarea{font:inherit;color:inherit}
  :focus-visible{outline:2px solid #8F87FF;outline-offset:3px;border-radius:6px}
  @keyframes jf-drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(48px,-40px,0)}}
  @keyframes jf-breathe{0%,100%{transform:scale(1);opacity:.30}50%{transform:scale(1.14);opacity:.46}}
  @keyframes jf-sweep{0%,100%{transform:translateY(-80px);opacity:.15}50%{transform:translateY(100px);opacity:.5}}
  @keyframes jf-scan{0%{transform:translateY(-10%);opacity:0}12%{opacity:.9}88%{opacity:.9}100%{transform:translateY(1100%);opacity:0}}
  @keyframes jf-live{0%,100%{box-shadow:0 0 0 3px rgba(98,91,255,.22)}50%{box-shadow:0 0 0 9px rgba(98,91,255,.02)}}
  @keyframes jf-spin{to{transform:rotate(360deg)}}
  @keyframes jf-shift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
  @media (max-width:1060px){
    [data-desk]{display:none!important}
    [data-mob]{display:flex!important}
  }
  @media (max-width:900px){
    [data-stack]{grid-template-columns:minmax(0,1fr)!important}
  }
  @media (prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *{animation:none!important;transition-duration:1ms!important}
  }