/* Keep the portal canvas centred above its controls; depth lives inside the scene. */
.spot-demo{perspective:none;min-width:0}
.motion-enabled .portal-model{transform:none;transform-origin:50% 50%;transition:none;flex:none;align-self:center;max-width:100%;overflow:hidden}
.portal-model canvas{position:absolute;inset:0;width:100%;height:100%}
/* The source banner charges on intent, while the logo and link keep their place. */
.spot-copy .un-source{position:relative;isolation:isolate;overflow:hidden;transition:box-shadow .4s,border-color .4s,opacity .65s,transform .65s}
.un-source>img,.un-source>div,.un-source>.un-arrow{position:relative;z-index:1}
.un-source:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#48bf9124 44%,#ffffffcf 49%,#7e94f44a 54%,transparent 69%);background-size:300% 100%;background-position:150% 0;opacity:0}
.un-source:after{content:'';position:absolute;inset:0;z-index:2;padding:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#48bf91,#a2f1d0,#7e94f4,#48bf91);background-size:220% 100%;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0}
@keyframes un-charge-sweep{0%{background-position:150% 0;opacity:0}14%{opacity:1}70%{background-position:-50% 0;opacity:.9}100%{background-position:-50% 0;opacity:0}}
@keyframes un-energy-edge{0%{opacity:.15;background-position:0 0}30%{opacity:1}65%{opacity:.65}100%{opacity:1;background-position:100% 0}}
@keyframes un-energy-pulse{0%{box-shadow:0 0 0 1px #48bf9110,0 0 0 #7e94f400}45%{box-shadow:0 0 0 1px #48bf9180,0 0 26px #48bf914d,0 0 48px #7e94f433}100%{box-shadow:0 0 0 1px #7e94f445,0 0 14px #7e94f436}}
.un-source:focus-visible{animation:un-energy-pulse 2.2s ease-in-out infinite alternate}
.un-source:focus-visible:before{animation:un-charge-sweep 2.8s ease-in-out infinite}
.un-source:focus-visible:after{animation:un-energy-edge 2.2s ease-in-out infinite alternate}
@media(hover:hover) and (pointer:fine){.un-source:hover{animation:un-energy-pulse 2.2s ease-in-out infinite alternate}.un-source:hover:before{animation:un-charge-sweep 2.8s ease-in-out infinite}.un-source:hover:after{animation:un-energy-edge 2.2s ease-in-out infinite alternate}}
@media(hover:none){.un-source:active{box-shadow:0 0 0 2px #48bf91,0 0 22px #7e94f459}.un-source:active:after{opacity:1}}
@media(prefers-reduced-motion:reduce){.un-source:before{display:none}.un-source:is(:hover,:focus-visible){animation:none;box-shadow:0 0 0 2px #48bf91}.un-source:is(:hover,:focus-visible):after{animation:none;opacity:1}}
.page-paused .un-source,.page-paused .un-source:before,.page-paused .un-source:after,.spotlight.motion-paused .un-source,.spotlight.motion-paused .un-source:before,.spotlight.motion-paused .un-source:after{animation-play-state:paused!important}