/* Live product demonstrations. Clear titles, compact content, meaningful motion. */
.live-hero-columns{display:grid;grid-template-columns:.88fr 1.2fr 1fr;padding:21px 0 17px;min-height:303px}.live-hero-card{padding:0 17px;min-width:0}.live-hero-card+.live-hero-card{border-left:1px solid #ffffff0c}.live-hero-card h3{font:700 14px/1.4 var(--heading);letter-spacing:-.35px;color:#f0f0f0;margin-bottom:17px;white-space:nowrap}.memory-source-list{display:flex;flex-direction:column;gap:5px}.memory-source{display:flex;gap:9px;align-items:center;font-size:10px;color:#c9c9c9;padding:7px 8px;border:1px solid transparent;border-radius:6px;transition:background .35s,border-color .35s,color .35s}.load-state{display:inline-grid;place-items:center;width:14px;height:14px;position:relative;flex-shrink:0;color:#c9c9c9}.load-state>i{position:absolute;inset:1px;border:1px solid #6c6c6c66;border-radius:50%;transition:border-color .25s}.load-state>svg{width:12px;height:12px;stroke-width:2;opacity:0;transform:scale(.4);transition:opacity .25s,transform .3s}.is-loading .load-state>i{border-color:#aaaaaa transparent #4a4a4a #4a4a4a;animation:load-turn .75s linear infinite}.is-complete .load-state>i{opacity:0}.is-complete .load-state>svg{opacity:1;transform:scale(1)}.memory-source.is-loading{background:#95959512;border-color:#95959533;color:#e6e6e6}.memory-source.is-pending{color:#6f6f6f}.memory-sync{display:flex;align-items:center;gap:6px;font-size:8px;color:#9b9b9b;margin:12px 7px 0}.memory-sync svg{width:12px;height:12px}.rep-next-list{display:flex;flex-direction:column;gap:8px}.rep-next{padding:9px 10px;border-radius:7px;background:linear-gradient(110deg,#9f9f9f10,#ffffff03);border:1px solid #9e9e9e29;transition:opacity .5s,transform .5s,visibility .5s}.rep-next>div{display:flex;justify-content:space-between;gap:7px;align-items:center}.rep-next b{font-size:10px;font-weight:650;color:#e7e7e7}.rep-next>div>span{font-size:7px;color:#a8a8a8}.rep-next p{font-size:9px;line-height:1.65;margin-top:4px;color:#a7a7a7}.agent-recipient{display:flex;align-items:center;gap:7px;margin-bottom:12px}.agent-recipient b{font-size:10px;display:block;font-weight:600;color:#dddddd}.agent-recipient div>span{font-size:7px;display:block;color:#8e8e8e;margin-top:2px}.agent-recipient>svg{width:13px;height:13px;margin-left:auto;color:#8a8a8a}.live-agent-message{background:linear-gradient(125deg,#313131,#252525);border:1px solid #9a9a9a3b;border-radius:8px 8px 2px 8px;padding:10px 12px}.live-agent-message>span{font-size:6px;letter-spacing:.8px;color:#aeaeae}.live-agent-message p{font-size:10px;line-height:1.7;min-height:68px;color:#dedede;margin-top:5px}.live-agent-message small{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:7px;color:#a3a3a3;margin-top:6px;min-height:12px}.live-agent-message small svg{width:10px;height:10px;color:#c4c4c4}.live-agent-reply{border:1px solid #ffffff0b;border-radius:7px 7px 7px 2px;background:#ffffff05;padding:8px 10px;margin-top:9px}.live-agent-reply>span{font-size:6px;color:#919191;letter-spacing:.6px}.live-agent-reply p{font-size:10px;line-height:1.6;margin-top:3px;color:#c8c8c8}.live-agent-result{display:flex;align-items:center;gap:7px;font-size:8px;line-height:1.7;color:#d2d2d2;margin-top:12px}.live-agent-result svg{width:15px;height:15px}.reveal-item{transition:opacity .45s,transform .45s,visibility .45s}.showcase-motion .reveal-item:not(.is-visible){opacity:0;visibility:hidden;transform:translateY(9px)}.is-typing:after{content:'';display:inline-block;width:1px;height:1em;background:#bfbfbf;margin-left:2px;vertical-align:-1px;animation:typing-caret .7s step-end infinite}.live-hero .flow-footer{font-size:8px}.live-hero .flow-card:after{display:none}
/* Analyze: software sources feeding a living memory. No screen chrome. */
.engine-frame{min-height:448px}.engine-visual{max-width:430px;position:relative;margin:auto;height:385px;min-width:0;outline-offset:5px}.engine-visual[hidden]{display:none}.source-network{position:absolute;inset:0;isolation:isolate}.network-lines{position:absolute;left:0;top:13px;width:100%;height:350px;overflow:visible;stroke-linecap:round;fill:none;stroke-width:1.5;z-index:-1}.network-track{stroke:#74747466}.network-packets{stroke:url(#network-gradient);stroke-width:3;stroke-dasharray:7 200;animation:network-flow 3.8s linear infinite}.network-packets path:nth-child(2){stroke-dasharray:7 100;animation:network-center 2.1s linear infinite}.network-packets path:nth-child(3){stroke-dasharray:7 190;animation:network-flow 4.2s linear infinite}.network-output{stroke:#707070;stroke-dasharray:4 6;animation:output-flow 2.5s linear infinite}.network-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:11px}.network-source{padding:13px 5px 11px;text-align:center;background:linear-gradient(145deg,#ffffffea,#f0f0f0e0);border:1px solid #ffffffd9;border-radius:12px;box-shadow:0 5px 13px #53535317;color:#313131;position:relative}.network-source:after{content:'';position:absolute;bottom:-3px;left:calc(50% - 3px);width:6px;height:6px;border-radius:50%;background:#838383;box-shadow:0 0 0 3px #a7a7a726}.network-source>span{display:grid;place-items:center;margin:0 auto 7px;width:29px;height:29px;border-radius:9px;background:#7f7f7f1a;border:1px solid #8b8b8b2b;color:#626262}.network-source svg{width:17px;height:17px}.network-source b{display:block;font-size:11px;font-weight:700;letter-spacing:-.2px}.network-source small{display:block;font-size:7px;color:#7a7a7a;margin-top:3px}.network-token{position:absolute;top:143px;background:#f1f1f1d9;backdrop-filter:blur(8px);border:1px solid #ffffffb3;box-shadow:0 3px 8px #4444440d;border-radius:20px;padding:4px 8px;font-size:7px;color:#5f5f5f;animation:token-hover 4s ease-in-out infinite}.token-left{left:13px}.token-right{right:13px;animation-delay:1.6s}.network-core{position:absolute;top:172px;left:50%;transform:translateX(-50%);width:174px;height:111px;border-radius:17px;background:linear-gradient(135deg,#2f2f2f,#1a1a1a);border:1px solid #b4b4b49e;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 9px 24px #3737374d,0 0 0 6px #ffffff22;color:#ececec;isolation:isolate}.core-aura{position:absolute;inset:-16px;border-radius:29px;border:1px solid #72727239;z-index:-1;animation:core-pulse 3.5s ease infinite}.core-spark{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;border:1px solid #b7b7b742;background:#9b9b9b1f;color:#c6c6c6;margin-bottom:4px}.core-spark svg{width:21px;height:21px}.network-core>b{font:750 19px/1.2 var(--heading);letter-spacing:-.8px}.network-core>small{font-size:7px;color:#afafaf;margin-top:5px}.core-loader{display:flex;gap:4px;align-items:center;height:10px;margin-top:6px}.core-loader i{height:3px;width:3px;background:#c4c4c4;border-radius:50%;animation:core-dot 1.2s infinite}.core-loader i:nth-child(2){animation-delay:.15s}.core-loader i:nth-child(3){animation-delay:.3s}.core-loader i:nth-child(4){animation-delay:.45s}.core-loader i:nth-child(5){animation-delay:.6s}.network-memory{position:absolute;top:330px;left:50%;transform:translateX(-50%);width:268px;border:1px solid #ffffffd9;border-radius:10px;background:#f6f6f6db;box-shadow:0 6px 18px #4d4d4d1a;padding:10px 13px;display:flex;align-items:center;gap:10px}.network-memory>svg{width:16px;height:16px;color:#737373}.network-memory b{font-size:11px;color:#424242;display:block;font-weight:650}.network-memory span{font-size:8px;color:#757575;display:block;margin-top:2px}.engine-frame[data-active="0"]{background:radial-gradient(ellipse at 6% 5%,#dfdfdf,transparent 65%),radial-gradient(ellipse at 100% 100%,#9d9d9d,transparent 70%),linear-gradient(145deg,#dfdfdf,#cdcdcd)}
/* Score: lines populate, a reply arrives, the next move changes. */
.live-score,.live-action{height:385px;min-height:385px;max-width:430px}.score-body{padding:14px 17px}.score-person{display:flex;align-items:center;gap:8px;margin-bottom:12px}.score-person h4{font-size:12px;font-weight:650;color:#e7e7e7}.score-person small{display:block;font-size:7px;color:#919191}.score-person>span:last-child{margin-left:auto;font-size:7px;background:#9191911a;border:1px solid #8d8d8d3d;color:#bebebe;padding:3px 7px;border-radius:4px;transition:background .5s}.score-downloads{display:flex;flex-direction:column;gap:3px}.score-download{display:flex;align-items:center;gap:8px;border-bottom:1px solid #ffffff08;padding:6px 0;min-height:41px;transition:opacity .3s}.score-download small{font-size:6px;letter-spacing:.6px;color:#929292;display:block}.score-download p{font-size:10px;line-height:1.5;color:#c3c3c3;margin-top:2px;min-height:15px;transition:opacity .3s,transform .3s}.score-download.is-pending{opacity:.35}.score-download.is-pending p{opacity:0;transform:translateY(3px)}.score-download.is-loading p{opacity:.55}.score-alert{border:1px solid #9b9b9b59;background:#96969618;padding:9px 10px;border-radius:7px;margin-top:12px;box-shadow:0 0 20px #9b9b9b00}.score-alert>span{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.6px;color:#c2c2c2}.score-alert>span>i{width:4px;height:4px;background:#b3b3b3;border-radius:50%;box-shadow:0 0 8px #b3b3b3}.score-alert svg{width:10px;height:10px}.score-alert small{margin-left:auto;font-size:6px;letter-spacing:0;color:#9e9e9e}.score-alert p{font-size:10px;color:#d8d8d8;line-height:1.6;margin-top:5px;min-height:16px}.score-alert.is-fresh{animation:reply-flash .8s ease}.score-next{padding:10px 11px;margin-top:10px;background:linear-gradient(110deg,#95959523,#ffffff03);border:1px solid #98989842;border-radius:7px}.score-next>span{display:flex;align-items:center;gap:5px;font-size:6px;letter-spacing:.6px;color:#a7a7a7}.score-next>span svg{width:10px;height:10px}.score-next h4{font-size:12px;color:#e7e7e7;line-height:1.4;font-weight:650;margin:4px 0}.score-next p{font-size:9px;line-height:1.6;color:#a8a8a8;max-width:39ch}.score-next small{display:flex;align-items:center;justify-content:space-between;font-size:7px;color:#cccccc;margin-top:7px}.score-next small svg{width:10px;height:10px}.score-current .score-person>span:last-child{background:#a6a6a631}.score-current .score-download p{color:#dddddd}
/* Action: an actual growing queue, not a static summary. */
.dispatch-body{padding:14px}.dispatch-agent{display:flex;align-items:center;gap:8px;background:#bcbcbc0c;border:1px solid #bababa25;border-radius:7px;padding:9px 10px;margin-bottom:11px;color:#c4c4c4}.dispatch-agent>svg{width:13px;height:13px}.dispatch-agent>svg:last-child{margin-left:auto;width:11px;height:11px}.dispatch-agent b{font-size:9px;font-weight:550;display:block}.dispatch-agent small{font-size:7px;color:#9d9d9d;display:block;margin-top:1px}.dispatch-list{display:flex;flex-direction:column;gap:7px}.dispatch-card{display:flex;gap:8px;padding:10px 9px;background:linear-gradient(110deg,#87878717,#ffffff03);border:1px solid #9595952e;border-radius:7px;min-height:69px}.dispatch-icon{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;border:1px solid #9c9c9c29;background:#88888813;border-radius:6px;color:#aaaaaa}.dispatch-icon svg{width:12px;height:12px}.dispatch-card>div{min-width:0;flex:1}.dispatch-card>div>div{display:flex;gap:7px;align-items:center;justify-content:space-between}.dispatch-card b{font-size:10px;font-weight:600;color:#dedede}.dispatch-card>div>div>span{font-size:6px;white-space:nowrap;color:#a2a2a2}.dispatch-card p{font-size:9px;color:#a6a6a6;line-height:1.65;margin-top:4px}.dispatch-check{width:10px;height:10px;margin-top:3px;color:#b2b2b2}.dispatch-manager{display:flex;gap:7px;align-items:center;border-top:1px solid #ffffff09;margin-top:10px;padding-top:9px;color:#7f7f7f;font-size:7px;line-height:1.6}.dispatch-manager svg{width:12px;height:12px;color:#8e8e8e}.dispatch-manager b{font-weight:500;color:#a2a2a2}.engine-window{animation:window-in .4s ease}.showcase-paused *,.showcase-paused *::before,.showcase-paused *::after{animation-play-state:paused!important}
@keyframes load-turn{to{transform:rotate(360deg)}}@keyframes typing-caret{50%{opacity:0}}@keyframes network-flow{to{stroke-dashoffset:-207}}@keyframes network-center{to{stroke-dashoffset:-107}}@keyframes output-flow{to{stroke-dashoffset:-30}}@keyframes token-hover{50%{transform:translateY(-4px);opacity:.7}}@keyframes core-pulse{50%{transform:scale(1.05);opacity:.5}}@keyframes core-dot{50%{opacity:.3;transform:translateY(-2px)}}@keyframes reply-flash{50%{box-shadow:0 0 24px #9999992b;border-color:#bababaaa}}
@media(min-width:1600px){.live-hero-card{padding-inline:20px}.live-hero-card h3{font-size:16px}.memory-source{font-size:11px;padding-block:8px}.rep-next b{font-size:11px}.rep-next p{font-size:10px}.live-agent-message p{font-size:11px;min-height:74px}.live-agent-reply p{font-size:11px}}
@media(max-width:1050px){.live-hero-card{padding-inline:14px}.engine-frame{padding-inline:23px}.source-network{max-width:430px;margin:auto}}
@media(max-width:820px){.live-hero-columns{grid-template-columns:.9fr 1.2fr 1fr}.live-hero-card{padding-inline:11px}.live-hero-card h3{font-size:12px;letter-spacing:-.2px}.rep-next{padding:8px}.rep-next p{font-size:8px}.memory-source{font-size:9px;padding-inline:5px}.live-agent-message{padding:9px}.live-agent-message p{font-size:9px;min-height:74px}.live-agent-reply p{font-size:9px}.agent-recipient b{font-size:9px}.agent-recipient div>span{font-size:6px}.memory-sync{font-size:7px}.network-sources{gap:7px}.network-source b{font-size:9px}.network-source small{font-size:6px}.network-core{width:150px}.network-token{font-size:6px;padding:3px 6px}.network-memory{width:235px}.score-body{padding:12px}.score-download p{font-size:9px}.score-alert p{font-size:9px}.score-next p{font-size:8px}.dispatch-body{padding:12px}.dispatch-card{padding:8px;gap:6px}.dispatch-card p{font-size:8px}.dispatch-icon{display:none}.dispatch-card>div>div>span{font-size:5px}.dispatch-check{display:none}}
@media(max-width:640px){.live-hero-columns{grid-template-columns:1fr;padding:0 15px 4px;min-height:0}.live-hero-card{padding:15px 0}.live-hero-card+.live-hero-card{border-left:0;border-top:1px solid #ffffff0b}.live-hero-card h3{font-size:13px;letter-spacing:-.3px;margin-bottom:12px}.memory-source-list{display:grid;grid-template-columns:1fr 1fr;gap:3px 7px}.memory-source{font-size:10px;padding:6px;gap:7px}.load-state{width:13px;height:13px}.memory-sync{font-size:7px;margin-top:7px}.rep-next-list{gap:6px}.rep-next{padding:8px 10px}.rep-next b{font-size:10px}.rep-next>div>span{font-size:7px}.rep-next p{font-size:10px;line-height:1.6;margin-top:3px}.agent-column{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.agent-column h3{grid-column:1/-1}.agent-recipient{grid-column:1/-1;margin-bottom:9px}.agent-recipient b{font-size:10px}.agent-recipient div>span{font-size:7px}.agent-recipient .flow-avatar{width:23px;height:23px;font-size:7px}.live-agent-message{grid-column:1/-1;padding:9px 11px}.live-agent-message p{font-size:10px;min-height:48px;line-height:1.65}.live-agent-message small{font-size:7px;margin-top:5px}.live-agent-reply{grid-column:1;padding:7px 9px;min-height:56px}.live-agent-reply>span{font-size:5px}.live-agent-reply p{font-size:9px;line-height:1.5}.live-agent-result{grid-column:2;font-size:8px;margin-top:9px;gap:6px}.live-hero .flow-footer{font-size:7px}.engine-frame{min-height:444px;padding:24px 18px}.engine-visual{height:385px}.network-lines{height:350px}.network-source{padding:11px 3px 9px;border-radius:9px}.network-source b{font-size:9px}.network-source small{font-size:6px}.network-source>span{width:26px;height:26px;margin-bottom:6px}.network-source svg{width:15px;height:15px}.network-sources{gap:8px}.network-core{top:174px;width:158px;height:108px}.network-core>b{font-size:19px}.network-memory{width:245px;top:326px}.network-token{top:142px;font-size:6px}.token-left{left:0}.token-right{right:0}.live-score,.live-action{height:405px;min-height:405px}.score-body{padding:13px}.score-download p{font-size:10px}.score-download small{font-size:6px}.score-download{min-height:43px}.score-alert p{font-size:10px;min-height:30px}.score-next p{font-size:9px;line-height:1.65}.score-next h4{font-size:12px}.score-next small{font-size:7px}.dispatch-body{padding:12px}.dispatch-card{padding:9px;min-height:78px}.dispatch-card p{font-size:10px;line-height:1.6}.dispatch-card b{font-size:10px}.dispatch-card>div>div>span{font-size:6px}.dispatch-agent b{font-size:9px}.dispatch-agent small{font-size:7px}.dispatch-manager{font-size:7px}.dispatch-manager svg{width:12px}.engine-frame:has(.live-action:not([hidden])),.engine-frame:has(.live-score:not([hidden])){min-height:464px}}
@media(max-width:360px){.live-hero-columns{padding-inline:12px}.live-hero-card h3{font-size:12px}.memory-source{font-size:9px;gap:6px}.rep-next p{font-size:9px}.live-agent-message p{font-size:9px;min-height:45px}.live-agent-result{font-size:7px}.engine-frame{padding-inline:12px}.network-source b{font-size:8px}.network-source small{font-size:5px}.network-memory{width:221px}.network-memory span{font-size:7px}.network-core{width:145px}.network-token{font-size:5px}.score-download p{font-size:9px}.score-alert p{font-size:9px}.score-next p{font-size:8px}.dispatch-card p{font-size:9px}.dispatch-agent b{font-size:8px}.dispatch-agent small{font-size:6px}.dispatch-manager{font-size:6px}.live-score,.live-action{height:405px;min-height:405px}}
@media(prefers-reduced-motion:reduce){.load-state>i,.network-packets,.network-packets path,.network-output,.network-token,.core-aura,.core-loader i,.score-alert.is-fresh,.is-typing:after{animation:none!important}.reveal-item,.memory-source,.load-state>svg,.score-download p{transition:none}.is-typing:after{display:none}}

/* Reserve the full finished state so nothing clips or shifts during playback. */
.live-score,.live-action{height:auto;min-height:425px}.engine-frame{min-height:490px}.engine-visual{height:425px}.network-memory{top:337px}.engine-step>i{width:100%;transform-origin:left center;transition:none}
@media(max-width:640px){.live-score,.live-action{height:auto;min-height:445px}.engine-frame,.engine-frame:has(.live-action:not([hidden])),.engine-frame:has(.live-score:not([hidden])){min-height:507px}.engine-visual{height:445px}.network-memory{top:337px}.engine-step>i{width:33.333%}.score-alert p{min-height:32px}}

.network-source{transition:box-shadow .45s,border-color .45s}.network-source.is-streaming{border-color:#858585;box-shadow:0 0 0 3px #96969624,0 8px 22px #6e6e6e31}.network-source.is-streaming:after{background:#595959;box-shadow:0 0 0 4px #8383832b,0 0 14px #686868}.network-memory span{min-height:12px}.score-download.is-updating{background:linear-gradient(90deg,#9696961f,transparent);border-radius:5px}.score-download.is-updating p{color:#e4e4e4}.engine-step h3{color:#6a6a6a;font-weight:700}.engine-step.active h3{color:#272727}.engine-step p{color:#797979}.engine-step.active p{color:#5e5e5e}

.live-agent-message,.live-agent-reply{line-height:1.4}.rep-next>div{line-height:1.4}.agent-recipient{line-height:1.3}.memory-sync{line-height:1.4}
@media(max-width:640px){.showcase-motion .rep-next-list{display:grid;gap:0}.showcase-motion .rep-next{grid-area:1/1;min-height:70px}.live-hero-card{padding-block:13px}.live-hero-card h3{margin-bottom:10px}.memory-source{padding-block:5px;line-height:1.4}.live-agent-message p{min-height:34px}.live-agent-reply{min-height:51px}.live-agent-result{line-height:1.5}.live-hero .flow-footer{padding-block:5px}.network-memory span{font-size:7px}}