.demo-section{background:linear-gradient(180deg,var(--background) 0,#0a0a0b 100%);position:relative}.demo-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 0,hsla(0,0%,100%,.02) 0,transparent 70%);pointer-events:none}.demo-container{position:relative;transition:all .5s ease}.demo-container:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(180deg,hsla(0,0%,100%,.1),transparent);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.demo-container.speaking:before{background:linear-gradient(180deg,rgba(56,189,248,.2),transparent);animation:borderPulse 2s ease-in-out infinite}.demo-container.processing:before{background:linear-gradient(180deg,rgba(168,85,247,.2),transparent);animation:borderRotate 2s linear infinite}@keyframes borderPulse{0%,to{opacity:.3}50%{opacity:1}}@keyframes borderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes energyWave{0%{transform:scale(1);opacity:.5}to{transform:scale(2);opacity:0}}.elvian-circle-enhanced{background:hsla(0,0%,6%,.4);border:1px solid hsla(0,0%,100%,.1);box-shadow:0 8px 32px rgba(0,0,0,.3);backdrop-filter:blur(20px)}.elvian-circle-enhanced.speaking{border-color:rgba(59,130,246,.3);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 50px rgba(59,130,246,.3),inset 0 0 32px rgba(59,130,246,.2)}.elvian-circle-enhanced.processing{border-color:rgba(168,85,247,.3);box-shadow:0 8px 32px rgba(0,0,0,.4),0 0 50px rgba(168,85,247,.3),inset 0 0 32px rgba(168,85,247,.2)}.particle{position:absolute;width:4px;height:4px;background:hsla(0,0%,100%,.15);border-radius:50%;pointer-events:none}.demo-circle{background:linear-gradient(180deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.01));border:1px solid var(--premium-border-light);backdrop-filter:var(--premium-blur);box-shadow:var(--premium-shadow)}@keyframes elvianScale{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.elvian-scale{animation:elvianScale .8s cubic-bezier(.4,0,.2,1) infinite;animation-play-state:paused}.elvian-scale.active{animation-play-state:running}@media (prefers-reduced-motion:reduce){.elvian-scale{animation:none;transition:opacity .3s ease}}.elvian-scale{will-change:transform;transform:translateZ(0);backface-visibility:hidden}@keyframes orbitRotate{0%{transform:rotate(0deg) translateX(var(--orbit-radius)) rotate(0deg)}to{transform:rotate(1turn) translateX(var(--orbit-radius)) rotate(-1turn)}}.orbital-particle{--orbit-radius:120px;position:absolute;width:4px;height:4px;border-radius:50%;top:50%;left:50%;transform-origin:center;pointer-events:none;will-change:transform;backface-visibility:hidden}.orbital-particle-inner{width:100%;height:100%;background:hsla(0,0%,100%,.6);border-radius:inherit;transform-origin:center;animation:particlePulse 2s ease-in-out infinite}@keyframes particlePulse{0%,to{opacity:.2}50%{opacity:.8}}.orbit-trail{position:absolute;inset:-120px;border:1px dashed hsla(0,0%,100%,.1);border-radius:50%;animation:trailRotate 20s linear infinite}@keyframes trailRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.elvian-interactive{transition:all .2s cubic-bezier(.4,0,.2,1);transform:translateZ(0);will-change:transform,box-shadow}.elvian-interactive:hover{transform:scale(1.01) translateZ(0);box-shadow:0 0 0 1px hsla(0,0%,100%,.1),0 0 30px hsla(0,0%,100%,.1)}.elvian-interactive:active{transform:scale(.98) translateZ(0);transition:all .15s ease}.ripple-effect{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.4);transform:scale(0);animation:rippleEffect .6s linear}@keyframes rippleEffect{to{transform:scale(4);opacity:0}}.state-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.state-transition:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease}.state-transition:hover:before{opacity:1;background:radial-gradient(circle at center,hsla(0,0%,100%,.1) 0,transparent 70%)}@keyframes metricPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.metric-update{animation:metricPulse .4s cubic-bezier(.4,0,.2,1)}.activity-enter{transform:translateY(-20px);opacity:0}.activity-enter-active{transform:translateY(0);opacity:1;transition:all .3s ease-out}.activity-exit{opacity:1}.activity-exit-active{opacity:0;height:0;margin:0;padding:0;transition:all .3s ease-in}@keyframes shine{0%{transform:translateX(-100%) skewX(45deg)}to{transform:translateX(200%) skewX(45deg)}}.animate-shine{animation:shine 1.5s ease-in-out}@keyframes glow{0%,to{opacity:.5;box-shadow:0 0 20px currentColor}50%{opacity:1;box-shadow:0 0 30px currentColor}}.animate-glow{animation:glow 2s ease-in-out infinite}.timeline-progress{animation:timelineProgress 3s cubic-bezier(.4,0,.2,1) forwards;background-size:200% auto;animation:timelineProgress 3s cubic-bezier(.4,0,.2,1) forwards,gradient 8s linear infinite}@keyframes timelineProgress{0%{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}.timeline-progress{transform-origin:left;animation:timelineProgress 2s ease-out forwards}