/* BKN Hero Motion — capa de movimiento sutil, aislada y reversible. */
.hero-visual[data-hero-scene]{--visual-x:0px;--visual-y:0px;--orbit-x:0px;--orbit-y:0px;--community-x:0px;--community-y:0px;--code-x:0px;--code-y:0px;--spark-one-x:0px;--spark-one-y:0px;--spark-two-x:0px;--spark-two-y:0px;--panel-x:0px;--panel-y:0px;perspective:1000px}.hero-visual[data-hero-scene]:after{content:"";position:absolute;z-index:-2;inset:8% 1% 3%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(99,225,255,.07),transparent 59%);filter:blur(12px);opacity:.8;transition:opacity .5s}.hero-visual[data-hero-scene]:hover:after{opacity:1}.hero-visual[data-hero-scene] .orbit-one{translate:calc(-50% + var(--orbit-x)) calc(-50% + var(--orbit-y));transition:translate .55s cubic-bezier(.2,.7,.2,1)}.hero-visual[data-hero-scene] .orbit-two{translate:calc(-50% + var(--orbit-x)) calc(-50% + var(--orbit-y));transition:translate .7s cubic-bezier(.2,.7,.2,1)}.hero-visual[data-hero-scene] .visual-main{transform:translate3d(var(--visual-x),var(--visual-y),0) rotate(-5deg);will-change:transform;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.hero-visual[data-hero-scene]:hover .visual-main{transform:translate3d(var(--visual-x),var(--visual-y),0) rotate(-1.5deg) scale(1.025);box-shadow:0 32px 86px rgba(0,0,0,.55),0 0 45px rgba(139,92,246,.13)}.hero-visual[data-hero-scene] .community{transform:translate3d(var(--community-x),var(--community-y),0);will-change:transform}.hero-visual[data-hero-scene] .code{transform:translate3d(var(--code-x),var(--code-y),0);will-change:transform}.hero-visual[data-hero-scene] .spark-one{transform:translate3d(var(--spark-one-x),var(--spark-one-y),0);transition:transform .5s ease}.hero-visual[data-hero-scene] .spark-two{transform:translate3d(var(--spark-two-x),var(--spark-two-y),0);transition:transform .5s ease}.hero-visual[data-hero-scene] .status b{font-weight:600}.hero-constellation{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-constellation i{position:absolute;width:3px;height:3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px currentColor;opacity:.6;animation:star-drift 6s ease-in-out infinite}.hero-constellation i:nth-child(1){left:13%;top:19%;animation-delay:-2s}.hero-constellation i:nth-child(2){left:85%;top:15%;width:4px;height:4px;color:#beaaff;animation-delay:-5s}.hero-constellation i:nth-child(3){left:17%;top:74%;width:2px;height:2px;animation-delay:-1s}.hero-constellation i:nth-child(4){left:78%;top:85%;width:2px;height:2px;color:#beaaff;animation-delay:-3.5s}.hero-constellation i:nth-child(5){left:91%;top:49%;width:4px;height:4px;animation-delay:-4s}.hero-constellation i:nth-child(6){left:39%;top:8%;width:2px;height:2px;animation-delay:-1.5s}.hero-constellation i:nth-child(7){left:6%;top:48%;width:2px;height:2px;color:#beaaff;animation-delay:-5.3s}.hero-constellation i:nth-child(8){left:57%;top:92%;width:3px;height:3px;animation-delay:-.8s}.hero-constellation i:nth-child(9){left:67%;top:24%;width:2px;height:2px;color:#beaaff;animation-delay:-4.8s}@keyframes star-drift{50%{translate:0 -13px;opacity:1}}.hero-live-panel{position:absolute;right:37px;bottom:24px;display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid rgba(255,255,255,.12);border-radius:6px;background:rgba(13,13,22,.58);box-shadow:0 10px 28px rgba(0,0,0,.25);backdrop-filter:blur(9px);font:8px 'DM Mono',monospace;letter-spacing:.08em;color:#c7c7d2;transform:translate3d(var(--panel-x),var(--panel-y),0);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.hero-live-panel .live-dot{width:6px;height:6px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:live-pulse 1.8s ease-in-out infinite}.hero-live-panel i{margin-left:5px;color:var(--cyan);font-style:normal}@keyframes live-pulse{50%{opacity:.4;box-shadow:0 0 2px var(--lime)}}.hero-visual.hero-scrolled .visual-main{filter:saturate(1.06)}@media(max-width:620px){.hero-live-panel{right:11px;bottom:2px;scale:.88;transform-origin:right bottom}.hero-constellation i:nth-child(2),.hero-constellation i:nth-child(5),.hero-constellation i:nth-child(9){display:none}}@media(prefers-reduced-motion:reduce){.hero-visual[data-hero-scene] .visual-main,.hero-visual[data-hero-scene] .community,.hero-visual[data-hero-scene] .code,.hero-visual[data-hero-scene] .spark-one,.hero-visual[data-hero-scene] .spark-two,.hero-live-panel{transform:none!important;transition:none}.hero-constellation i,.hero-live-panel .live-dot{animation:none}}