.avelo-live-demo{background:radial-gradient(circle at 75% 20%,#38296a,#151936 70%);color:#fff;padding:90px 0}.avelo-live-demo .container{max-width:1180px}.avelo-demo-head{text-align:center;max-width:750px;margin:0 auto 35px}.avelo-demo-head h2{color:#fff;font-size:clamp(32px,5vw,58px)}.avelo-demo-head em{color:#b7a4ff}.avelo-demo-head p{color:#c5c9ed}.avelo-demo-shell{background:#141a38;border:1px solid #66609b;border-radius:24px;overflow:hidden;box-shadow:0 35px 90px #080a2099}.avelo-demo-toolbar,.avelo-demo-bottom{padding:18px 25px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;background:#ffffff0a;font-size:12px;letter-spacing:.06em}.avelo-demo-status{color:#aaf3d1}.avelo-demo-status i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#69eaaa;box-shadow:0 0 15px #69eaaa;margin-right:8px;animation:av-pulse 2s infinite}.avelo-demo-scenarios{display:flex;flex-wrap:wrap;gap:10px;padding:23px}.avelo-scenario{border:1px solid #5b568b;border-radius:30px;background:#25294d;color:white;padding:10px 15px;cursor:pointer;font-weight:700}.avelo-scenario.is-active,.avelo-scenario:hover{background:#ddd2ff;color:#26214b}.avelo-scenario:focus-visible{outline:3px solid #86ddff}.avelo-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:22px}.avelo-demo-visual{position:relative;min-height:370px;border:1px solid #454c81;border-radius:20px;overflow:hidden;background:radial-gradient(circle,#48368a,#1c2149 48%,#10182e)}.avelo-demo-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:28px 28px}.avelo-demo-orbit{position:absolute;inset:15%;border:1px dashed #9480b766;border-radius:50%;animation:av-spin 22s linear infinite}.orbit-b{inset:29%;animation-direction:reverse}.avelo-demo-node{z-index:2;position:absolute;padding:15px;border-radius:15px;border:1px solid #9b8ae9;background:#29285a;font-size:11px;font-weight:800;letter-spacing:.1em}.demo-input{left:6%;top:15%}.demo-output{right:6%;bottom:15%}.demo-core{left:50%;top:50%;transform:translate(-50%,-50%);width:116px;height:116px;border-radius:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(130deg,#9d5cef,#4036a0);box-shadow:0 0 48px #8767ff99;animation:av-glow 3s infinite}.demo-core strong{font-size:30px}.avelo-demo-beam{position:absolute;width:38%;height:3px;background:linear-gradient(90deg,transparent,#98e7ff,transparent);box-shadow:0 0 15px #98e7ff;transform:rotate(30deg);left:14%;top:32%;animation:av-pulse 2s infinite}.beam-b{left:52%;top:66%}.avelo-demo-feed{padding:12px}.avelo-feed-eyebrow{color:#baaaff;font-size:11px;letter-spacing:.12em}.avelo-demo-feed h3{color:white;margin:14px 0;font-size:28px}.avelo-demo-feed p{color:#c5c8e4}.avelo-demo-feed ol{list-style:none;padding:0;display:grid;gap:8px;counter-reset:steps}.avelo-demo-feed li{counter-increment:steps;position:relative;padding:11px 12px 11px 48px;background:#ffffff0c;border:1px solid #ffffff16;border-radius:12px;display:grid;gap:3px}.avelo-demo-feed li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:12px;top:14px;color:#9de7fc}.avelo-demo-feed li span{color:#c6cae8;font-size:12px}.avelo-demo-result{color:#9feeca;font-size:12px;margin-top:18px}.avelo-demo-bottom a{padding:12px 16px;background:#7145dc;color:#fff;border-radius:10px;text-decoration:none;font-weight:750}.avelo-demo-bottom b{color:#92eaca;padding:0 6px}.avelo-demo-bottom a:hover{background:#8f67ec;transform:translateY(-2px)}@keyframes av-spin{to{transform:rotate(360deg)}}@keyframes av-pulse{50%{opacity:.3}}@keyframes av-glow{50%{box-shadow:0 0 85px #8767ff}}@media(max-width:820px){.avelo-demo-grid{grid-template-columns:1fr}.avelo-live-demo{padding:60px 0}.avelo-demo-visual{min-height:300px}}@media(max-width:500px){.avelo-demo-grid{padding:12px}.avelo-demo-scenarios{padding:13px}.avelo-demo-visual{min-height:270px}.avelo-demo-bottom a{width:100%;text-align:center}}@media(prefers-reduced-motion:reduce){.avelo-demo-orbit,.demo-core,.avelo-demo-beam,.avelo-demo-status i{animation:none!important}}