.feature-motion{position:relative;width:100%;height:360px;border-radius:14px;overflow:hidden;background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.2) 0%,transparent 43%),radial-gradient(circle at 85% 88%,rgba(220,53,69,.22) 0%,transparent 48%),linear-gradient(145deg,#1a3558,#0f2038);color:#e7f2ff;isolation:isolate}.feature-motion:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.32;pointer-events:none}.feature-motion:after{content:"";position:absolute;width:210px;height:210px;right:-70px;top:-80px;border-radius:50%;border:1px solid rgba(255,255,255,.2);animation:orbitPulse 7s ease-in-out infinite;pointer-events:none}.motion-inner{position:relative;z-index:1;width:100%;height:100%;padding:.95rem;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:linear-gradient(160deg,#0b1a2eb8,#0914238f);display:flex;flex-direction:column;gap:.6rem}.motion-head{margin:0;font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;display:flex;align-items:center;gap:.45rem;color:#d7e8fa}.motion-head i{color:#8fc3f4}.template-terminal{position:relative;flex:1;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:#050e1ac7;padding:.52rem;display:flex;flex-direction:column;gap:.5rem;overflow:hidden}.terminal-top{display:flex;gap:.3rem;margin-bottom:.1rem}.terminal-top span{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.terminal-top span:first-child{background:#dc3545}.terminal-top span:nth-child(2){background:#ffb84a}.terminal-top span:nth-child(3){background:#2bd67b}.template-row{display:flex;align-items:center;gap:.45rem;border-radius:8px;border:1px solid rgba(255,255,255,.12);padding:.4rem .48rem;background:#091525b8;animation:rowShift 5s ease-in-out infinite}.template-row:nth-child(3){animation-delay:.8s}.template-row:nth-child(4){animation-delay:1.6s}.template-tag{border-radius:999px;border:1px solid rgba(220,53,69,.55);background:#dc354533;color:#ffd9df;font-size:.61rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:.2rem .45rem;white-space:nowrap}.template-text{font-size:.72rem;color:#d4e8ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.template-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(141,196,244,.95),transparent);box-shadow:0 0 18px #8dc4f4b3;animation:scanSweep 3.5s ease-in-out infinite;pointer-events:none}.motion-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.69rem;color:#a5c4e2}.live-dot{width:9px;height:9px;border-radius:50%;background:#35d27b;box-shadow:0 0 #35d27b99;animation:statusPing 1.8s infinite}.roles-visual{position:relative;flex:1;min-height:214px}.role-orbit{position:absolute;top:50%;left:50%;width:190px;height:190px;transform:translate(-50%,-50%);border-radius:50%;border:1px dashed rgba(255,255,255,.24);animation:spin 17s linear infinite}.role-orbit:after{content:"";position:absolute;top:-5px;left:50%;transform:translate(-50%);width:10px;height:10px;border-radius:50%;background:#8fc3f4}.role-orbit.alt{width:128px;height:128px;opacity:.8;animation-direction:reverse;animation-duration:11s}.role-core{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:1px solid rgba(255,255,255,.34);background:linear-gradient(160deg,#dc354559,#8dc4f461);display:flex;align-items:center;justify-content:center;font-size:1.35rem;animation:corePulse 3s ease-in-out infinite}.role-chip{position:absolute;display:flex;align-items:center;gap:.33rem;border-radius:999px;border:1px solid rgba(255,255,255,.23);background:#091628d1;padding:.3rem .54rem;color:#dcebfb;font-size:.67rem;font-weight:600;animation:chipFloat 5s ease-in-out infinite;white-space:nowrap}.role-chip i{color:#ffb0ba;font-size:.65rem}.chip-admin{top:12%;left:5%}.chip-operator{top:19%;right:6%;animation-delay:.5s}.chip-auditor{bottom:16%;left:8%;animation-delay:1s}.chip-support{bottom:10%;right:10%;animation-delay:1.5s}.filter-visual{flex:1;display:flex;flex-direction:column;gap:.45rem}.filter-field-strip{display:flex;gap:.34rem;overflow-x:auto;padding-bottom:.1rem;scrollbar-width:thin;scrollbar-color:rgba(141,196,244,.42) transparent}.filter-field-strip span{min-width:116px;border-radius:8px;border:1px solid rgba(255,255,255,.24);background:#0b192bc7;color:#d6e8fb;font-size:.62rem;font-weight:600;letter-spacing:.02em;text-align:center;padding:.26rem .42rem;animation:chipFloat 4.8s ease-in-out infinite;white-space:nowrap}.filter-field-strip span:nth-child(2){animation-delay:.2s}.filter-field-strip span:nth-child(3){animation-delay:.4s}.filter-field-strip span:nth-child(4){animation-delay:.6s}.filter-field-strip span:nth-child(5){animation-delay:.8s}.filter-field-strip span:nth-child(6){animation-delay:1s}.filter-field-strip span:nth-child(7){animation-delay:1.2s}.filter-field-strip span:nth-child(8){animation-delay:1.4s}.filter-field-strip span:nth-child(9){animation-delay:1.6s}.filter-funnel{width:62px;height:50px;margin:.25rem auto .1rem;border-radius:10px 10px 14px 14px;border:1px solid rgba(220,53,69,.45);background:linear-gradient(180deg,#dc35453d,#dc354514);display:flex;align-items:center;justify-content:center;color:#ffced5;animation:filterBeat 2.5s ease-in-out infinite}.query-preview{position:relative;display:flex;gap:.34rem;overflow:hidden;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#050e1994;padding:.38rem}.query-preview span{min-width:116px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#0a182ad6;color:#c6ddf6;font-size:.6rem;text-align:center;padding:.22rem .35rem;white-space:nowrap}.query-preview:after{content:"";position:absolute;top:0;bottom:0;width:28%;background:linear-gradient(90deg,#8fc3f400,#8fc3f433,#8fc3f400);animation:feedSlide 2.8s linear infinite;pointer-events:none}.result-list{display:flex;flex-direction:column;gap:.42rem;padding:.55rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#050e1994}.result-list span{height:8px;border-radius:7px;background:linear-gradient(90deg,#dc354580,#8dc4f4f2);transform-origin:left;animation:resultGrow 2.8s ease-in-out infinite}.result-list span:nth-child(1){width:94%}.result-list span:nth-child(2){width:78%;animation-delay:.4s}.result-list span:nth-child(3){width:86%;animation-delay:.8s}.result-list span:nth-child(4){width:69%;animation-delay:1.2s}.stream-visual{flex:1;display:flex;flex-direction:column;gap:.5rem}.stream-badge{display:inline-flex;align-items:center;gap:.36rem;font-size:.67rem;letter-spacing:.05em;text-transform:uppercase;color:#c8dcf3}.stream-bars{height:94px;display:flex;align-items:flex-end;gap:.3rem;padding:.45rem .35rem;border-radius:9px;border:1px solid rgba(255,255,255,.14);background:#060e1a8c}.stream-bars span{flex:1;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#dc3545f0,#8dc4f4e6);transform-origin:bottom;animation:barJump 1.15s ease-in-out infinite}.stream-bars span:nth-child(2){animation-delay:.1s}.stream-bars span:nth-child(3){animation-delay:.2s}.stream-bars span:nth-child(4){animation-delay:.3s}.stream-bars span:nth-child(5){animation-delay:.4s}.stream-bars span:nth-child(6){animation-delay:.5s}.stream-bars span:nth-child(7){animation-delay:.6s}.stream-bars span:nth-child(8){animation-delay:.7s}.alert-strip{border-radius:999px;border:1px solid rgba(220,53,69,.58);background:#dc354538;color:#ffe4e8;padding:.3rem .58rem;font-size:.68rem;animation:alertFlash 2.2s ease-in-out infinite;align-self:flex-start}.stream-feed{display:flex;flex-direction:column;gap:.4rem}.stream-feed div{height:8px;border-radius:7px;background:#ffffff29;overflow:hidden;position:relative}.stream-feed div:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:36%;background:linear-gradient(90deg,#8fc3f414,#8fc3f4f0,#8fc3f414);animation:feedSlide 2.4s linear infinite}.stream-feed div:nth-child(2):after{animation-delay:.45s}.stream-feed div:nth-child(3):after{animation-delay:.9s}.stream-feed div:nth-child(4):after{animation-delay:1.35s}@keyframes orbitPulse{0%,to{transform:scale(1);opacity:.75}50%{transform:scale(1.08);opacity:.4}}@keyframes rowShift{0%,to{transform:translate(0);opacity:.78}50%{transform:translate(7px);opacity:1}}@keyframes scanSweep{0%{top:20%;opacity:0}20%{opacity:.92}80%{opacity:.92}to{top:88%;opacity:0}}@keyframes statusPing{0%{box-shadow:0 0 #35d27b9e}70%{box-shadow:0 0 0 10px #35d27b00}to{box-shadow:0 0 #35d27b00}}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes corePulse{0%,to{box-shadow:0 0 #8fc3f473}55%{box-shadow:0 0 0 14px #8fc3f400}}@keyframes chipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes filterBeat{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes resultGrow{0%,to{transform:scaleX(.55);opacity:.42}45%{transform:scaleX(1);opacity:1}}@keyframes barJump{0%,to{transform:scaleY(.26);opacity:.48}45%{transform:scaleY(1);opacity:1}}@keyframes alertFlash{0%,to{filter:brightness(1)}50%{filter:brightness(1.23)}}@keyframes feedSlide{0%{transform:translate(-120%)}to{transform:translate(320%)}}@media(max-width:992px){.feature-motion{height:300px}.roles-visual{min-height:184px}}@media(max-width:576px){.feature-motion{height:270px}.motion-inner{padding:.75rem}.template-text{font-size:.66rem}.role-chip{font-size:.61rem;padding:.27rem .42rem}.filter-field-strip span,.query-preview span{min-width:98px}.stream-bars{height:72px}}.feature-motion{background:radial-gradient(circle at 12% 14%,rgba(255,255,255,.6) 0%,transparent 43%),radial-gradient(circle at 85% 88%,rgba(182,111,127,.2) 0%,transparent 48%),linear-gradient(145deg,#f8fbff,#eef5fd);color:#2f4963}.feature-motion:before{background-image:linear-gradient(rgba(79,121,163,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(79,121,163,.08) 1px,transparent 1px);opacity:.45}.feature-motion:after{border-color:#4f79a342}.motion-inner{border:1px solid rgba(79,121,163,.22);background:linear-gradient(160deg,#fffffff0,#f3f9ffe6)}.motion-head,.motion-foot,.stream-badge,.template-text,.query-preview span,.filter-field-strip span,.role-chip,.alert-strip,.template-tag{color:#56718c}.role-chip{background:#fffffff5;border-color:#4f79a361;color:#2f4963;font-weight:700}.motion-head i{color:#5f84af}.role-orbit:after{background:#8fb5d8}.template-terminal,.template-row,.query-preview,.result-list,.stream-bars,.stream-feed div,.filter-field-strip span,.query-preview span{border-color:#4f79a333;background:#ffffffe6}.terminal-top span{background:#5f73884d}.terminal-top span:first-child{background:#c98392}.terminal-top span:nth-child(2){background:#d7aa72}.terminal-top span:nth-child(3){background:#84ba9f}.template-tag{border-color:#b66f7f66;background:#b66f7f26}.template-scan,.query-preview:after,.stream-feed div:after{background:linear-gradient(90deg,#5f84af00,#5f84afd1,#5f84af00);box-shadow:0 0 18px #5f84af5c}.live-dot{background:#84ba9f;box-shadow:0 0 #84ba9f8c}.role-orbit,.role-chip,.role-core,.query-preview,.result-list,.stream-bars,.stream-feed div,.alert-strip{border-color:#4f79a33d}.role-core{background:linear-gradient(160deg,#b66f7f33,#5f84af3d);color:#2f4963}.role-chip i{color:#b06a79}.filter-funnel{border-color:#b66f7f66;background:linear-gradient(180deg,#b66f7f33,#b66f7f14);color:#9a5d6b}.result-list span,.stream-bars span{background:linear-gradient(180deg,#b66f7fcc,#5f84afc7)}.alert-strip{background:#b66f7f26;color:#8a5160}@media(prefers-reduced-motion:reduce){.feature-motion *,.feature-motion:after{animation:none!important;transition:none!important}}