/* Interactive AI / SEO / CRO pointer + reactive hero background */
@media (pointer:fine){
  html.scal-ai-cursor-enabled body,
  html.scal-ai-cursor-enabled a,
  html.scal-ai-cursor-enabled button,
  html.scal-ai-cursor-enabled summary,
  html.scal-ai-cursor-enabled [role="button"]{
    cursor:none!important;
  }

  .ai-signal-cursor{
    position:fixed;
    left:0;
    top:0;
    z-index:9999999;
    width:42px;
    height:42px;
    margin:-21px 0 0 -21px;
    border:1.5px solid rgba(83,119,255,.96);
    border-radius:50%;
    pointer-events:none;
    opacity:0;
    transform:translate3d(-100px,-100px,0);
    will-change:transform,width,height,margin,border-color,box-shadow,opacity;
    transition:
      width .18s ease,
      height .18s ease,
      margin .18s ease,
      border-color .18s ease,
      box-shadow .18s ease,
      opacity .15s ease;
    box-shadow:
      0 0 0 1px rgba(45,216,255,.08) inset,
      0 0 18px rgba(39,198,255,.22),
      0 0 34px rgba(88,72,255,.13);
  }
  .ai-signal-cursor.is-visible{opacity:1}

  .ai-cursor-core{
    position:absolute;
    left:50%;
    top:50%;
    width:7px;
    height:7px;
    margin:-3.5px 0 0 -3.5px;
    border-radius:50%;
    background:#35e1ff;
    box-shadow:
      0 0 8px #35e1ff,
      0 0 18px rgba(47,113,255,.9);
  }

  .ai-cursor-cross{
    position:absolute;
    inset:7px;
    border-radius:50%;
    opacity:.55;
  }
  .ai-cursor-cross::before,
  .ai-cursor-cross::after{
    content:"";
    position:absolute;
    left:50%;
    top:50%;
    background:rgba(117,190,255,.34);
    transform:translate(-50%,-50%);
  }
  .ai-cursor-cross::before{width:1px;height:100%}
  .ai-cursor-cross::after{height:1px;width:100%}

  .ai-cursor-orbit{
    position:absolute;
    inset:-5px;
    border-radius:50%;
    animation:aiCursorOrbit 4.8s linear infinite;
  }
  .ai-cursor-orbit i{
    position:absolute;
    width:4px;
    height:4px;
    border-radius:50%;
    box-shadow:0 0 8px currentColor;
  }
  .ai-cursor-orbit i:nth-child(1){
    left:50%;top:0;transform:translate(-50%,-50%);
    color:#31d9ff;background:currentColor;
  }
  .ai-cursor-orbit i:nth-child(2){
    right:3px;bottom:8px;
    color:#8d73ff;background:currentColor;
  }
  .ai-cursor-orbit i:nth-child(3){
    left:3px;bottom:8px;
    color:#43e7ab;background:currentColor;
  }

  .ai-signal-cursor.is-action{
    width:58px;height:58px;margin:-29px 0 0 -29px;
    border-color:#34ddff;
    box-shadow:
      0 0 0 1px rgba(49,221,255,.12) inset,
      0 0 26px rgba(49,221,255,.34),
      0 0 52px rgba(105,73,255,.2);
  }
  .ai-signal-cursor.is-card{
    width:48px;height:48px;margin:-24px 0 0 -24px;
    border-color:#9b7bff;
    box-shadow:
      0 0 22px rgba(107,80,255,.30),
      0 0 40px rgba(29,201,255,.12);
  }
  .ai-signal-cursor.is-text{
    width:28px;height:28px;margin:-14px 0 0 -14px;
    border-color:rgba(49,217,255,.85);
  }

  .ai-page-spotlight{
    position:fixed;
    inset:0;
    z-index:999999;
    pointer-events:none;
    opacity:0;
    transition:opacity .18s ease;
    background:
      radial-gradient(circle 180px at var(--page-x,50%) var(--page-y,50%),
        rgba(40,215,255,.075) 0,
        rgba(73,91,255,.04) 38%,
        transparent 72%);
    mix-blend-mode:screen;
  }
  html.scal-ai-cursor-enabled .ai-page-spotlight{opacity:1}

  .scal-hero-native{
    --ai-x:72%;
    --ai-y:44%;
    --ai-shift-x:0px;
    --ai-shift-y:0px;
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:
      radial-gradient(circle at 78% 24%, rgba(62,104,255,.15), transparent 30%),
      radial-gradient(circle at 18% 76%, rgba(15,210,255,.11), transparent 34%);
  }

  .scal-hero-native::before{
    content:"";
    position:absolute;
    inset:-8%;
    z-index:0;
    pointer-events:none;
    background-image:
      linear-gradient(rgba(45,142,224,.14) 1px, transparent 1px),
      linear-gradient(90deg, rgba(45,142,224,.14) 1px, transparent 1px);
    background-size:42px 42px;
    background-position:var(--ai-shift-x) var(--ai-shift-y);
    mask-image:linear-gradient(to bottom, rgba(0,0,0,1), rgba(0,0,0,.58) 78%, transparent);
    transition:background-position .06s linear;
    opacity:.86;
  }

  .scal-hero-native::after{
    content:"";
    position:absolute;
    inset:0;
    z-index:0;
    pointer-events:none;
    background:
      radial-gradient(circle 390px at var(--ai-x) var(--ai-y),
        rgba(33,225,255,.23) 0,
        rgba(45,133,255,.13) 28%,
        rgba(116,76,255,.07) 50%,
        transparent 73%);
    mix-blend-mode:screen;
  }

  .scal-hero-native > .scal-shell{
    position:relative;
    z-index:3;
  }

  .ai-hero-nodes{
    position:absolute;
    inset:-2%;
    z-index:1;
    pointer-events:none;
    overflow:hidden;
    will-change:transform;
    transition:transform .08s linear;
  }

  .ai-hero-node{
    --node-a:.25;
    position:absolute;
    width:4px;
    height:4px;
    border-radius:1px;
    background:#37d8ff;
    opacity:var(--node-a);
    box-shadow:
      0 0 0 1px rgba(66,135,255,.12),
      0 0 12px rgba(41,201,255,.14);
    transform:translate3d(var(--node-x,0),var(--node-y,0),0) scale(var(--node-s,1));
    will-change:transform,opacity,box-shadow;
    transition:opacity .12s linear,box-shadow .12s linear;
  }

  .ai-hero-node.is-hot{
    opacity:1;
    box-shadow:
      0 0 7px #58e9ff,
      0 0 18px rgba(73,122,255,.95),
      0 0 34px rgba(113,73,255,.46);
  }

  .scal-dashboard-native,
  .scal-btn-native,
  .scal-chip-native,
  .scal-glass{
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
  }

  .scal-dashboard-native.ai-hover-panel{
    transform:translate3d(0,-4px,0);
    border-color:rgba(73,179,255,.56)!important;
    box-shadow:
      0 28px 68px rgba(0,49,117,.34),
      0 0 42px rgba(30,162,255,.12);
  }

  .scal-glass.ai-hover-card{
    transform:translateY(-2px);
    border-color:rgba(93,128,255,.46)!important;
  }
}

@keyframes aiCursorOrbit{
  to{transform:rotate(360deg)}
}

@media (hover:hover) and (pointer:fine) and (max-width:991px){
  .ai-signal-cursor,
  .ai-page-spotlight,
  .ai-hero-nodes{display:none!important}

  .scal-hero-native{
    --ai-x:70%;
    --ai-y:34%;
    position:relative;
    overflow:hidden;
    isolation:isolate;
  }

  .scal-hero-native::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
    background:
      radial-gradient(circle 250px at var(--ai-x) var(--ai-y),
      rgba(35,199,255,.11),
      rgba(77,79,255,.05) 42%,
      transparent 72%);
  }
}

@media (prefers-reduced-motion:reduce){
  .ai-signal-cursor,
  .ai-page-spotlight,
  .ai-hero-nodes{display:none!important}

  html.scal-ai-cursor-enabled body,
  html.scal-ai-cursor-enabled a,
  html.scal-ai-cursor-enabled button,
  html.scal-ai-cursor-enabled summary,
  html.scal-ai-cursor-enabled [role="button"]{
    cursor:auto!important;
  }

  .scal-hero-native::before{transition:none!important}
}