/* AiBoss Future Business OS v2.6.0 - Stage 2 / Immersive Motion */
:root{
  --ab260-cyan:#3cecff;--ab260-blue:#3b78ff;--ab260-violet:#805cff;--ab260-pink:#ff3bd4;
  --ab260-white:#f8fbff;--ab260-muted:#9eb5d7;--ab260-line:rgba(76,215,255,.24);
  --ab260-ease:cubic-bezier(.18,.84,.25,1);
}
body.aixdv260-immersive-os{--ab260-scroll:0;--ab260-active:0;position:relative}
body.aixdv260-immersive-os .aixdv252-site{position:relative;isolation:isolate}
body.aixdv260-immersive-os .aixdv252-site:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:
  radial-gradient(44vw 44vw at calc(12% + var(--ab260-scroll)*8%) 18%,rgba(38,214,255,.075),transparent 70%),
  radial-gradient(38vw 38vw at 86% 58%,rgba(131,73,255,.085),transparent 72%),
  radial-gradient(32vw 32vw at 42% 92%,rgba(255,54,208,.065),transparent 72%);filter:saturate(120%)}

/* Desktop pointer light: premium, quiet, never blocks clicks. */
#aixdv260-cursor-light{position:fixed;z-index:9997;width:420px;height:420px;border-radius:50%;pointer-events:none;left:0;top:0;opacity:.34;transform:translate3d(calc(var(--x, -600px) - 210px),calc(var(--y, -600px) - 210px),0);background:radial-gradient(circle,rgba(72,232,255,.16),rgba(105,91,255,.08) 32%,rgba(255,62,215,.035) 50%,transparent 70%);filter:blur(10px);mix-blend-mode:screen;transition:opacity .35s ease}

/* Scroll energy rail */
.aixdv260-progress{position:fixed;z-index:9996;right:20px;top:50%;width:3px;height:160px;transform:translateY(-50%);border-radius:8px;background:rgba(139,179,255,.12);box-shadow:0 0 0 1px rgba(115,215,255,.05);overflow:hidden;pointer-events:none}
.aixdv260-progress i{position:absolute;left:0;right:0;bottom:0;height:calc(var(--ab260-scroll)*100%);background:linear-gradient(180deg,var(--ab260-cyan),var(--ab260-violet),var(--ab260-pink));box-shadow:0 0 15px rgba(69,220,255,.75),0 0 24px rgba(250,56,218,.4);border-radius:8px}
.aixdv260-progress:before,.aixdv260-progress:after{content:"";position:absolute;left:50%;width:7px;height:7px;border-radius:50%;transform:translateX(-50%);background:#8ff6ff;box-shadow:0 0 12px #53dfff}.aixdv260-progress:before{top:0}.aixdv260-progress:after{bottom:0;background:#ff67df;box-shadow:0 0 12px #ff4fd5}

/* Section scene system */
body.aixdv260-immersive-os main>section{position:relative;isolation:isolate}
body.aixdv260-immersive-os main>section:after{content:"";position:absolute;left:5%;right:5%;bottom:-1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(67,222,255,.15),rgba(125,90,255,.14),rgba(255,58,215,.12),transparent);transform:scaleX(.72);opacity:.45;transition:transform .8s var(--ab260-ease),opacity .8s ease}
body.aixdv260-immersive-os main>section.aixdv260-active:after{transform:scaleX(1);opacity:.85}
.aixdv260-scene-label{position:absolute;z-index:4;top:24px;right:clamp(16px,4vw,54px);display:flex;align-items:center;gap:10px;color:#b8c9e7;font:700 10px/1 Poppins,Arial,sans-serif;letter-spacing:.18em;text-transform:uppercase;opacity:.56;pointer-events:none}
.aixdv260-scene-label:before{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,#67eaff)}
.aixdv260-active .aixdv260-scene-label{opacity:.9;color:#dffaff}

/* Living robot visual language. Each role moves differently. */
.aixdv260-robot{position:relative;transform-style:preserve-3d;perspective:1000px}
.aixdv260-robot>img{animation:none!important;transform:translate3d(0,var(--ab260-parallax,0px),0) rotate(var(--ab260-rotate,0deg));transition:filter .5s ease;will-change:transform}
.aixdv260-robot:before{content:"";position:absolute;z-index:-1;width:78%;aspect-ratio:1;left:11%;top:12%;border-radius:50%;background:radial-gradient(circle,rgba(63,226,255,.2),rgba(74,83,255,.095) 38%,rgba(255,60,210,.055) 56%,transparent 72%);filter:blur(20px);animation:ab260CorePulse 4.4s ease-in-out infinite}
.aixdv260-robot:after{content:"";position:absolute;z-index:-1;inset:7%;border-radius:50%;border:1px solid rgba(95,231,255,.18);box-shadow:0 0 40px rgba(58,137,255,.12),inset 0 0 50px rgba(255,55,211,.05);animation:ab260RingTurn 16s linear infinite}
.aixdv260-motion-analyst>img{animation:ab260Analyst 6.8s ease-in-out infinite!important}
.aixdv260-motion-guide>img{animation:ab260Guide 6.1s ease-in-out infinite!important}
.aixdv260-motion-awareness>img{animation:ab260Awareness 7.2s ease-in-out infinite!important}
.aixdv260-motion-ecosystem>img{animation:ab260Ecosystem 6.5s ease-in-out infinite!important}
.aixdv260-motion-automation>img{animation:ab260Automation 5.8s ease-in-out infinite!important}
.aixdv260-motion-community>img{animation:ab260Community 6.4s ease-in-out infinite!important}
.aixdv260-motion-support>img{animation:ab260Support 6.0s ease-in-out infinite!important}
.aixdv260-motion-launch>img{animation:ab260Launch 5.2s ease-in-out infinite!important}

/* Holographic visual panel effects */
.aixdv259-neon-stage,.aixdv260-holo-card{overflow:hidden;position:relative}
.aixdv259-neon-stage .aixdv260-scan,.aixdv260-holo-card .aixdv260-scan{position:absolute;z-index:5;left:0;right:0;height:34%;top:-40%;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(82,230,255,.055),rgba(255,255,255,.08),rgba(120,91,255,.045),transparent);mix-blend-mode:screen;animation:ab260Scan 7.5s linear infinite}
.aixdv259-neon-stage .aixdv260-corners{position:absolute;inset:10px;z-index:6;pointer-events:none;border-radius:24px;background:linear-gradient(var(--ab260-cyan),var(--ab260-cyan)) left top/18px 1px no-repeat,linear-gradient(var(--ab260-cyan),var(--ab260-cyan)) left top/1px 18px no-repeat,linear-gradient(var(--ab260-pink),var(--ab260-pink)) right bottom/18px 1px no-repeat,linear-gradient(var(--ab260-pink),var(--ab260-pink)) right bottom/1px 18px no-repeat;opacity:.36}

/* CTA system: image remains the exact visual asset; interaction happens around it. */
body.aixdv260-immersive-os .aixdv256-img-cta{position:relative;display:inline-block;isolation:isolate;border-radius:999px;transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);transition:transform .32s var(--ab260-ease),filter .28s ease!important;will-change:transform}
body.aixdv260-immersive-os .aixdv256-img-cta:before{content:"";position:absolute;z-index:-1;inset:6% 4%;border-radius:999px;background:linear-gradient(90deg,rgba(39,223,255,.22),rgba(91,71,255,.16),rgba(255,54,207,.22));filter:blur(18px);opacity:.55;animation:ab260CtaBreath 3.2s ease-in-out infinite}
body.aixdv260-immersive-os .aixdv256-img-cta:after{content:"";position:absolute;z-index:2;inset:8% 8%;border-radius:999px;pointer-events:none;background:linear-gradient(110deg,transparent 0 34%,rgba(255,255,255,.3) 45%,transparent 58%);transform:translateX(-150%);animation:ab260CtaSheen 4.6s ease-in-out infinite}
body.aixdv260-immersive-os .aixdv256-img-cta img{position:relative;z-index:1;display:block;filter:drop-shadow(0 14px 22px rgba(0,0,0,.3)) drop-shadow(0 0 18px rgba(57,212,255,.15));transition:filter .28s ease,transform .28s var(--ab260-ease)}
body.aixdv260-immersive-os .aixdv256-img-cta:hover img{filter:drop-shadow(0 18px 28px rgba(0,0,0,.34)) drop-shadow(0 0 26px rgba(72,218,255,.27));transform:scale(1.015)}

/* Elevated content cards */
body.aixdv260-immersive-os :is(.aixdv256-card-grid article,.aixdv256-benefit-grid article,.aixdv256-program-grid article,.aixdv259-awareness-copy .aixdv259-point){position:relative;overflow:hidden;transition:transform .36s var(--ab260-ease),border-color .36s ease,box-shadow .36s ease,background .36s ease}
body.aixdv260-immersive-os :is(.aixdv256-card-grid article,.aixdv256-benefit-grid article,.aixdv256-program-grid article,.aixdv259-awareness-copy .aixdv259-point):before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(220px circle at var(--card-x,50%) var(--card-y,50%),rgba(88,229,255,.095),transparent 66%);opacity:0;transition:opacity .32s ease}
body.aixdv260-immersive-os :is(.aixdv256-card-grid article,.aixdv256-benefit-grid article,.aixdv256-program-grid article,.aixdv259-awareness-copy .aixdv259-point):hover{transform:translateY(-5px);border-color:rgba(90,225,255,.32)!important;box-shadow:0 22px 48px rgba(0,0,0,.34),0 0 35px rgba(73,119,255,.08)}
body.aixdv260-immersive-os :is(.aixdv256-card-grid article,.aixdv256-benefit-grid article,.aixdv256-program-grid article,.aixdv259-awareness-copy .aixdv259-point):hover:before{opacity:1}

/* Premium section entry motion */
.aixdv260-immersive-os .aixdv259-reveal{opacity:0;filter:blur(7px);transform:translateY(30px) scale(.985);transition:opacity .82s ease,filter .82s ease,transform .82s var(--ab260-ease)}
.aixdv260-immersive-os .aixdv259-reveal.is-visible{opacity:1;filter:none;transform:none}
.aixdv260-immersive-os .aixdv256-section-title,.aixdv260-immersive-os .aixdv259-copy{transition:transform .9s var(--ab260-ease),opacity .8s ease}
.aixdv260-immersive-os section:not(.aixdv260-active) .aixdv256-section-title,.aixdv260-immersive-os section:not(.aixdv260-active) .aixdv259-copy{opacity:.72;transform:translateY(8px)}

/* Final CTA becomes a launch chamber. */
body.aixdv260-immersive-os .aixdv259-final-cta{background:radial-gradient(circle at 74% 38%,rgba(58,230,255,.13),transparent 26%),radial-gradient(circle at 82% 12%,rgba(255,55,212,.16),transparent 34%),linear-gradient(145deg,rgba(4,25,64,.92),rgba(28,7,79,.88));box-shadow:0 40px 110px rgba(0,0,0,.54),0 0 70px rgba(73,105,255,.12),inset 0 1px rgba(255,255,255,.055)}
body.aixdv260-immersive-os .aixdv259-final-cta .aixdv259-visual:before{width:92%;left:4%;top:2%;background:radial-gradient(circle,rgba(65,230,255,.2),rgba(94,69,255,.1) 42%,rgba(255,55,211,.055) 62%,transparent 76%)}

/* Mobile: vivid but controlled. */
@media(max-width:860px){
  .aixdv260-progress{right:7px;height:112px;opacity:.65}
  #aixdv260-cursor-light{display:none}
  .aixdv260-scene-label{top:12px;right:14px;font-size:8px;letter-spacing:.14em;opacity:.42}
  .aixdv260-robot:after{inset:10%}
  body.aixdv260-immersive-os .aixdv256-img-cta{width:min(100%,520px)}
  body.aixdv260-immersive-os .aixdv256-img-cta img{width:100%;height:auto}
}
@media(max-width:600px){
  .aixdv260-progress{display:none}
  body.aixdv260-immersive-os main>section:after{left:10%;right:10%}
  .aixdv260-scene-label{display:none}
  .aixdv259-neon-stage .aixdv260-corners{inset:7px;border-radius:20px}
  .aixdv260-robot>img{filter:drop-shadow(0 20px 34px rgba(0,0,0,.32)) drop-shadow(0 0 18px rgba(58,213,255,.12))}
  body.aixdv260-immersive-os :is(.aixdv256-card-grid article,.aixdv256-benefit-grid article,.aixdv256-program-grid article,.aixdv259-awareness-copy .aixdv259-point):hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .aixdv260-robot>img,.aixdv260-robot:before,.aixdv260-robot:after,.aixdv259-neon-stage .aixdv260-scan,body.aixdv260-immersive-os .aixdv256-img-cta:before,body.aixdv260-immersive-os .aixdv256-img-cta:after{animation:none!important}
  .aixdv260-immersive-os .aixdv259-reveal{opacity:1!important;filter:none!important;transform:none!important;transition:none!important}
}

@keyframes ab260CorePulse{0%,100%{transform:scale(.92);opacity:.58}50%{transform:scale(1.09);opacity:1}}
@keyframes ab260RingTurn{to{transform:rotate(360deg)}}
@keyframes ab260Scan{0%{transform:translateY(-20%);opacity:0}10%{opacity:.7}50%{opacity:.2}75%{opacity:.65}100%{transform:translateY(430%);opacity:0}}
@keyframes ab260CtaBreath{0%,100%{transform:scale(.96);opacity:.4}50%{transform:scale(1.025);opacity:.82}}
@keyframes ab260CtaSheen{0%,60%{transform:translateX(-150%);opacity:0}68%{opacity:.9}86%{transform:translateX(150%);opacity:0}100%{transform:translateX(150%);opacity:0}}
@keyframes ab260Analyst{0%,100%{transform:translate3d(0,0,0) rotate(-.4deg)}35%{transform:translate3d(0,-11px,0) rotate(.5deg)}68%{transform:translate3d(3px,-4px,0) rotate(-.1deg)}}
@keyframes ab260Guide{0%,100%{transform:translate3d(0,0,0) rotate(.2deg)}50%{transform:translate3d(6px,-8px,0) rotate(1deg)}}
@keyframes ab260Awareness{0%,100%{transform:translate3d(0,0,0) scale(1)}46%{transform:translate3d(-4px,-8px,0) scale(1.015)}70%{transform:translate3d(3px,-3px,0) scale(1.006)}}
@keyframes ab260Ecosystem{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-9px) rotate(.65deg)}}
@keyframes ab260Automation{0%,100%{transform:translate3d(0,0,0) rotate(0)}30%{transform:translate3d(5px,-7px,0) rotate(.8deg)}65%{transform:translate3d(-3px,-4px,0) rotate(-.45deg)}}
@keyframes ab260Community{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.012)}}
@keyframes ab260Support{0%,100%{transform:translate3d(0,0,0) rotate(-.3deg)}50%{transform:translate3d(5px,-7px,0) rotate(.55deg)}}
@keyframes ab260Launch{0%,100%{transform:translate3d(0,2px,0) scale(.985)}44%{transform:translate3d(0,-12px,0) scale(1.012)}68%{transform:translate3d(2px,-5px,0) scale(1.003)}}
