.xq-ai-showcase{--xq-text:#edf5ff;--xq-muted:#91a9c5;--xq-cyan:#70dfff;position:relative;padding:30px;border-radius:22px;background:radial-gradient(ellipse at 45% 20%,#143755 0,transparent 55%),#071322;color:var(--xq-text);overflow:hidden;font-family:inherit;isolation:isolate}
.xq-ai-showcase *{box-sizing:border-box}.xq-ai-showcase h1,.xq-ai-showcase h2,.xq-ai-showcase strong,.xq-ai-showcase p,.xq-ai-showcase small,.xq-ai-showcase span{color:inherit}.xq-ai-showcase button{font-family:inherit;cursor:pointer}.xq-ai-showcase button:focus-visible,.xq-ai-showcase a:focus-visible{outline:2px solid #70dfff;outline-offset:4px}.xq-ai-showcase p{line-height:1.8;margin:8px 0 0;color:var(--xq-muted);font-size:14px}.xq-ai-showcase h2{font-size:19px;margin:8px 0 16px}.xq-eyebrow{font-size:10px;letter-spacing:2px;color:var(--xq-cyan)!important}.xq-intro{display:flex;justify-content:space-between;align-items:center;gap:20px}.xq-intro h1{font-size:36px;margin:10px 0 0;font-weight:650;letter-spacing:1px}.xq-intro h1>span{color:#70dfff;margin-left:6px}.xq-intro h1 small{font-size:16px;font-weight:400;letter-spacing:2px;display:inline-block;margin-left:12px;color:#b8cce2}.xq-display-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.xq-demo-badge{font-size:11px;line-height:1.8;border:1px solid #294965;border-radius:30px;padding:8px 12px;color:#b2cce3!important}.xq-demo-badge i{display:inline-block;width:6px;height:6px;margin-right:7px;background:#7dbbff;border-radius:50%;box-shadow:0 0 10px #7dbbff}.xq-ai-showcase .xq-display-controls button{background:#122a41;color:#cfeaff;border:1px solid #355575;font-size:12px;border-radius:8px;padding:9px 12px}.xq-stage{position:relative;display:grid;grid-template-columns:minmax(210px,1fr) minmax(280px,1.4fr) minmax(210px,1fr);gap:24px;min-height:490px;margin-top:28px;border:1px solid #243d55;border-radius:18px;background:linear-gradient(180deg,#0c1b2a99,#081726aa);overflow:hidden;padding:70px 26px 28px}.xq-stage:before,.xq-stage:after{content:'';position:absolute;width:55px;height:14px;border-top:2px solid #78d9ff;top:0;opacity:.6}.xq-stage:before{left:0;border-left:2px solid #78d9ff}.xq-stage:after{right:0;border-right:2px solid #78d9ff}.xq-stage-label{position:absolute;top:22px;left:26px;right:26px;text-align:center;font-size:11px;letter-spacing:3px;color:#a2bdd8}.xq-stage-label span{color:#60d9ff;margin:0 18px}.xq-grid-floor{position:absolute;inset:60% -30% -80%;background-image:linear-gradient(#37648840 1px,transparent 1px),linear-gradient(90deg,#37648840 1px,transparent 1px);background-size:42px 42px;transform:perspective(320px) rotateX(55deg);mask-image:linear-gradient(transparent,#000 25%,transparent 85%);pointer-events:none}.xq-sensor-stack,.xq-context-stack{z-index:1;align-self:center}.xq-panel-label{font-size:9px;letter-spacing:1.5px;color:#73c2f2;display:flex;justify-content:space-between;gap:8px;margin-bottom:17px}.xq-panel-label span{font-size:12px;letter-spacing:0;color:#bad3eb}.xq-signal{display:flex;align-items:center;gap:11px;margin-bottom:12px;padding:15px 12px;border:1px solid #284a65;border-radius:12px;background:linear-gradient(110deg,#142e46cc,#0b1c2ddd);position:relative}.xq-signal:after{content:'';position:absolute;right:-24px;top:50%;height:1px;width:24px;background:linear-gradient(90deg,#69d7ff,transparent)}.xq-signal-icon{width:30px;flex-shrink:0;color:#78d9ff!important}.xq-ai-showcase svg{width:100%;display:block}.xq-signal strong,.xq-context strong{font-size:14px;font-weight:500}.xq-signal p,.xq-context p{font-size:11px;margin:5px 0 0;line-height:1.5}.xq-wave{margin-left:auto;display:flex;align-items:center;gap:3px;height:22px}.xq-wave i{width:2px;height:12px;background:#7ddaff;animation:xq-wave 1.7s infinite ease-in-out}.xq-wave i:nth-child(2n){height:21px;animation-delay:-.5s}.xq-wave i:nth-child(3n){animation-delay:-1s}.xq-mini-chart{padding:10px 4px}.xq-mini-chart span{font-size:10px;color:#91a9c5}.xq-mini-chart svg{height:60px;margin-top:8px;overflow:visible}.xq-mini-chart path{fill:none;stroke:#79d4ff;stroke-width:2;stroke-dasharray:400;animation:xq-line 5s ease-in-out infinite}.xq-mini-chart path:nth-child(2){stroke:#a599ec;opacity:.65;animation-delay:-2s}.xq-twin{position:relative;min-height:360px;display:flex;align-items:center;justify-content:center;flex-direction:column}.xq-robot-wrap{position:relative;width:min(100%,280px);z-index:2;animation:xq-float 5s ease-in-out infinite;mask-image:radial-gradient(ellipse,#000 45%,transparent 74%)}.xq-robot{width:100%;display:block;filter:saturate(.75) brightness(1.1);mix-blend-mode:screen}.xq-scan{position:absolute;inset:0;background:linear-gradient(transparent 46%,#85dfff50 49%,#c6f7ffcc 50%,transparent 52%);background-size:100% 210%;animation:xq-scan 5s linear infinite;pointer-events:none;mix-blend-mode:screen}.xq-halo{position:absolute;top:35px;width:280px;height:280px;border-radius:50%;background:radial-gradient(#49adff24,transparent 70%);box-shadow:0 0 70px #59d4ff13}.xq-orbit{position:absolute;top:28px;width:290px;height:290px;border:1px solid #58c9ff33;border-radius:50%;animation:xq-orbit 22s linear infinite}.xq-orbit:after{content:'';position:absolute;inset:15px;border-radius:50%;border:1px dashed #5ebde62b}.xq-orbit i{position:absolute;top:20px;left:55px;width:7px;height:7px;background:#96e7ff;border-radius:50%;box-shadow:0 0 18px #70dfff}.xq-orbit-two{width:330px;height:330px;top:8px;border-color:#96a7fa22;animation-direction:reverse;animation-duration:35s}.xq-orbit-two i{background:#adabf0;left:95px;top:11px}.xq-platform{position:absolute;top:267px;width:260px;height:55px;border:1px solid #8ad7ff99;border-radius:50%;box-shadow:0 0 30px #58caff33,inset 0 0 28px #58caff33}.xq-platform:after{content:'';position:absolute;inset:8px;border:1px dashed #5fb8ed88;border-radius:50%}.xq-core-tag{z-index:3;margin-top:8px;padding:7px 17px;border:1px solid #42759b;border-radius:30px;font-size:13px;background:#0c2336;color:#b9e8ff!important}.xq-core-caption{font-size:12px;letter-spacing:5px;color:#98bdd8;margin-top:13px}.xq-coordinate{font-size:8px;letter-spacing:2px;margin-top:14px;color:#60809e!important}.xq-context{display:flex;gap:13px;align-items:center;padding:14px 8px;border-bottom:1px solid #29415a80}.xq-context b{color:#83d4ff;font-size:12px;font-weight:400;border:1px solid #3b627e;border-radius:8px;padding:9px 7px}.xq-fusion{padding:18px 8px 0;color:#8eafd0;font-size:11px}.xq-fusion>div{display:flex;gap:5px;margin:12px 0}.xq-fusion i{height:8px;flex:1;background:#286594;animation:xq-pulse 3s ease-in-out infinite}.xq-fusion i:nth-child(3n){animation-delay:-1s}.xq-fusion i:nth-child(2n){animation-delay:-2s}.xq-fusion small{font-size:10px;color:#8299b2}.xq-data-section{margin-top:32px}.xq-section-heading{display:flex;justify-content:space-between;align-items:end;gap:20px}.xq-section-heading>span{font-size:11px;color:#91a9c5;margin-bottom:17px}.xq-channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.xq-ai-showcase .xq-channel{display:grid;grid-template-columns:30px 1fr 14px;gap:10px 12px;text-align:left;padding:17px 14px;border:1px solid #29415a;background:#112237aa;border-radius:12px;color:#c2d5e9;transition:background .25s,border-color .25s,transform .25s;min-width:0}.xq-ai-showcase .xq-channel:hover{transform:translateY(-3px);border-color:#6aa4cb;background:#17344c}.xq-ai-showcase .xq-channel.selected{border-color:#66cfff;background:linear-gradient(115deg,#1b4561aa,#12293c);box-shadow:inset 0 0 20px #5dcaff0a}.xq-channel>span{grid-row:1/3;width:28px;color:#80cfff!important;align-self:center}.xq-channel strong{font-size:14px;font-weight:500}.xq-channel small{font-size:10px;line-height:1.7;color:#91a9c5;grid-column:2/4}.xq-channel>i{font-size:13px;font-style:normal;color:#6f9ab8}.xq-channel-detail{display:flex;align-items:center;gap:18px;margin-top:13px;min-height:60px;padding:14px 18px;border-left:2px solid #6bd6ff;background:#13293b66;border-radius:0 9px 9px 0}.xq-channel-detail>span{font-size:13px;white-space:nowrap;color:#8edfff}.xq-channel-detail p{margin:0;flex:1;font-size:12px}.xq-channel-detail small{font-size:10px;color:#748fa9;white-space:nowrap}.xq-principles{margin-top:30px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.xq-principles>article{border:1px solid #293e53;border-radius:14px;padding:22px;background:linear-gradient(140deg,#13273b,#0c1d2e)}.xq-principles h2{font-size:16px;margin:12px 0 15px}.xq-principles p,.xq-principles li{font-size:12px;color:#91a9c5;line-height:1.9}.xq-principles ul{padding-left:16px;margin:0}.xq-knowledge-tags{display:flex;flex-wrap:wrap;gap:6px}.xq-knowledge-tags span{padding:5px 8px;border:1px solid #35506a;border-radius:6px;font-size:10px;color:#a5c7e8}.xq-principles a{display:flex;justify-content:space-between;font-size:12px;color:#acd8ff;text-decoration:none;padding:12px 0;border-bottom:1px solid #2b4055}.xq-principles a:hover{color:#fff}.xq-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #283c50;margin-top:28px;padding-top:18px;font-size:10px;color:#7490a9}.xq-paused *,.xq-paused *:before,.xq-paused *:after{animation-play-state:paused!important}
@keyframes xq-float{50%{transform:translateY(-10px)}}@keyframes xq-orbit{to{transform:rotate(360deg)}}@keyframes xq-scan{to{background-position:0 210%}}@keyframes xq-wave{50%{transform:scaleY(.35);opacity:.4}}@keyframes xq-line{0%,100%{stroke-dashoffset:0;opacity:.9}50%{stroke-dashoffset:60;opacity:.5}}@keyframes xq-pulse{50%{background:#7fdfff;box-shadow:0 0 10px #7fdfff55}}
@media(min-width:1500px){.xq-stage{min-height:530px}.xq-twin{transform:scale(1.1)}}@media(max-width:1200px){.xq-ai-showcase{padding:24px}.xq-stage{gap:16px;padding:65px 16px 25px;grid-template-columns:minmax(165px,1fr) minmax(230px,1.25fr) minmax(165px,1fr)}.xq-panel-label{flex-direction:column;gap:4px}.xq-signal{padding:12px 9px;gap:8px}.xq-wave{display:none}.xq-orbit-two{width:280px;height:280px;top:32px}.xq-orbit-one{width:260px;height:260px;top:42px}.xq-stage .xq-robot-wrap{width:245px}.xq-platform{top:245px;width:220px}.xq-stage .xq-halo{width:240px;height:240px}.xq-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.xq-channel small{font-size:10px}.xq-channel-detail small{display:none}.xq-intro h1 small{display:block;margin:8px 0 0;font-size:14px}}
@media(max-width:1000px){.xq-intro{align-items:start}.xq-display-controls{max-width:210px}.xq-stage{grid-template-columns:1fr 1fr;min-height:0}.xq-twin{grid-column:1/3;grid-row:1;min-height:365px}.xq-stage .xq-platform{top:258px}.xq-stage .xq-robot-wrap{width:270px}.xq-sensor-stack,.xq-context-stack{align-self:start}.xq-channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.xq-principles{grid-template-columns:1fr}.xq-principles article{padding:20px}.xq-footer{flex-direction:column;gap:7px}}
@media(max-width:600px){.xq-ai-showcase{padding:18px 14px;border-radius:14px}.xq-intro{display:block}.xq-intro h1{font-size:30px}.xq-intro p{font-size:12px}.xq-display-controls{max-width:none;margin-top:17px;justify-content:flex-start}.xq-stage{padding:54px 13px 20px;gap:15px 12px}.xq-stage-label{left:5px;right:5px;font-size:9px;letter-spacing:1px}.xq-stage-label span{margin:0 7px}.xq-stage .xq-twin{min-height:350px}.xq-sensor-stack,.xq-context-stack{grid-column:1/3}.xq-panel-label{flex-direction:row}.xq-stage .xq-signal:after{display:none}.xq-context{padding:12px 8px}.xq-section-heading{display:block}.xq-section-heading>span{display:block;margin-bottom:15px}.xq-ai-showcase .xq-channel{padding:13px 10px;gap:8px;grid-template-columns:23px 1fr 10px}.xq-channel>span{width:22px}.xq-channel small{grid-column:1/4}.xq-channel-detail{display:block;padding:12px}.xq-channel-detail p{margin-top:5px}.xq-eyebrow{font-size:9px;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){.xq-ai-showcase *,.xq-ai-showcase *:before,.xq-ai-showcase *:after{animation:none!important;transition:none!important}}