#orbit-control::before,#orbit-control::after{content:none!important;display:none!important}#orbit-control{font-size:11px!important;display:inline-flex;gap:8px;align-items:center}#orbit-control span{display:inline!important}
.capabilities{gap:18px;border:0;align-items:start}.capabilities article{padding:26px;border:1px solid #adcddd30!important;border-radius:18px;background:linear-gradient(150deg,#18314480,#091621);position:relative;box-shadow:0 14px 38px #0002;transition:background .4s,border-color .4s}.capabilities article h3{margin-top:14px}.capabilities article>p{min-height:120px}.capabilities article:hover,.capabilities article.motion-engaged{border-color:#c5e6f478!important;background:linear-gradient(150deg,#24465b88,#091621)}
.live-scene{height:225px;position:relative;overflow:hidden;margin:20px -12px 4px;perspective:700px;isolation:isolate;--glow:#b9e4f4}.scene-grid{position:absolute;inset:20px;background:radial-gradient(ellipse,#3f8ba130,transparent 65%),linear-gradient(#91bccc0b 1px,transparent 1px),linear-gradient(90deg,#91bccc0b 1px,transparent 1px);background-size:auto,24px 24px,24px 24px;mask-image:radial-gradient(ellipse,#000,transparent 75%);transform:rotateX(45deg);animation:grid-drift 10s linear infinite}.visual-caption{position:absolute;bottom:7px;left:0;right:0;text-align:center;letter-spacing:2px;font-size:8px;color:#91b8cd}.catalog-sheet{position:absolute;left:50%;top:25px;width:108px;height:135px;border:1px solid #b9e0ef66;border-radius:8px;background:linear-gradient(140deg,#466879a0,#102231);box-shadow:0 10px 25px #0005;transform-style:preserve-3d}.sheet-front{margin-left:-37px;animation:sheet-float 6s ease-in-out infinite}.sheet-back{margin-left:-78px;top:35px;opacity:.6;transform:rotateY(20deg) rotateZ(-14deg);animation:sheet-back 6s ease-in-out infinite}.catalog-sheet span{font-size:6px;letter-spacing:1px;display:block;margin:12px}.catalog-sheet b{display:block;height:2px;margin:9px 14px;background:#afdbeb55}.catalog-sheet b:last-child{width:40%}.mini-product{width:33px;height:33px;margin:18px auto;background:linear-gradient(135deg,#c2e5f183,#315a70);border:1px solid #bde1ee;transform:rotate(-25deg) skew(10deg);box-shadow:8px 8px 0 #6e9aac44}.scan-line{position:absolute;left:0;right:0;height:1px;background:#dcf6ff;box-shadow:0 0 15px 3px #97dcff66;animation:scan-product 3.4s ease-in-out infinite}.catalog-orbit{position:absolute;left:50%;top:44px;width:190px;height:110px;margin-left:-95px;border:1px solid #8ab8ce33;border-radius:50%;transform:rotate(-22deg)}.catalog-orbit i{position:absolute;width:5px;height:5px;background:#c1e9ff;border-radius:50%;left:10px;top:24px;box-shadow:0 0 12px #a5deff;animation:node-pulse 2s infinite}.catalog-orbit i+ i{left:auto;right:10px;top:auto;bottom:24px;animation-delay:1s}
.channel-core{position:absolute;left:50%;top:90px;transform:translate(-50%,-50%);width:55px;height:55px;display:grid;place-items:center;background:radial-gradient(circle at 30% 20%,#91c8dd,#173c51 70%);border:1px solid #b7deec88;border-radius:50%;box-shadow:0 0 36px #81bcd33d;font-size:16px;letter-spacing:-1px;animation:core-breathe 4s ease-in-out infinite}.channel-orbit{position:absolute;width:175px;height:175px;left:50%;top:4px;margin-left:-87.5px;border:1px solid #7eafc549;border-radius:50%;animation:channel-orbit 14s linear infinite;transform-style:preserve-3d}.channel-orbit i{position:absolute;left:13px;top:13px;width:23px;height:23px;border:1px solid #c6e9f3;background:linear-gradient(140deg,#c0dfed,#234a61);box-shadow:0 0 19px #95ddff55;border-radius:5px}.orbit-b{width:130px;height:130px;margin-left:-65px;top:26px;animation-duration:10s;animation-direction:reverse}.orbit-b i{width:16px;height:16px;left:10px;top:8px}.orbit-c{width:210px;height:95px;margin-left:-105px;top:44px;animation-name:orbit-ellipse;animation-duration:9s}.orbit-c i{width:8px;height:8px;left:22px;top:10px;border-radius:50%}.channel-label{position:absolute;font-size:7px;letter-spacing:1.7px;color:#9dc2d7;top:174px}.l1{left:15%}.l2{right:15%}
.connection-lines{position:absolute;width:100%;height:180px;inset:0;fill:none;stroke:#779eb23b;stroke-width:1}.connection-lines .live-beam{stroke:#c2e9fc;stroke-width:2;stroke-dasharray:32 245;animation:beam-flow 3s linear infinite;filter:drop-shadow(0 0 4px #95d5fa)}.connection-lines .reverse{animation-direction:reverse;animation-delay:-1.5s}.partner-node{position:absolute;top:67px;width:68px;height:48px;border-radius:10px;border:1px solid #b2d9e56b;background:linear-gradient(145deg,#426476,#102331);display:grid;place-items:center;font-size:7px;letter-spacing:1px;box-shadow:0 0 25px #84c0de22;animation:partner-float 5s ease-in-out infinite}.supplier-node{left:5%}.apex-node{right:5%;animation-delay:-2.5s}.connection-pulse{position:absolute;width:10px;height:10px;left:calc(50% - 5px);top:86px;background:#d0effe;border-radius:50%;box-shadow:0 0 24px #87d8ff;animation:node-pulse 2s infinite}
.opportunity-art{height:390px;border:0;background:radial-gradient(ellipse,#28516b33,transparent 70%)}.product-model{display:none}.product-sculpture{width:100%;height:280px;position:relative;perspective:850px;transform-style:preserve-3d}.sculpture-spin{position:absolute;left:50%;top:48%;width:0;height:0;transform-style:preserve-3d;animation:sculpture-float 7s ease-in-out infinite}.product-cube{width:90px;height:90px;position:absolute;left:-45px;top:-45px;transform-style:preserve-3d;animation:cube-turn 20s linear infinite}.product-cube i{position:absolute;inset:0;border:1px solid #c9e8f17a;background:linear-gradient(140deg,#78a9c166,#16394bd9);backface-visibility:visible;display:grid;place-items:center;font-style:normal;font-size:22px;color:#d7f2fa;box-shadow:inset 0 0 26px #b9e8fa12}.cube-front{transform:translateZ(45px)}.cube-back{transform:rotateY(180deg) translateZ(45px)}.cube-left{transform:rotateY(-90deg) translateZ(45px)}.cube-right{transform:rotateY(90deg) translateZ(45px)}.cube-top{transform:rotateX(90deg) translateZ(45px)}.cube-bottom{transform:rotateX(-90deg) translateZ(45px)}.sculpture-ring{position:absolute;width:245px;height:245px;left:calc(50% - 122px);top:12px;border:1px solid #a7d3e84d;border-radius:50%;transform:rotateX(65deg) rotateZ(-25deg);animation:sculpture-ring 12s linear infinite}.sculpture-ring:before{content:'';position:absolute;left:31px;top:31px;width:10px;height:10px;background:#c5ecff;border-radius:50%;box-shadow:0 0 20px #8cd9ff}.ring-two{width:185px;height:185px;left:calc(50% - 92px);top:40px;animation-direction:reverse;animation-duration:8s;opacity:.6}.sculpture-shadow{position:absolute;left:calc(50% - 70px);bottom:15px;width:140px;height:20px;background:#7fc4e425;filter:blur(14px);border-radius:50%;animation:core-breathe 7s infinite}.opportunity-art[data-selection='1'] .product-cube{animation-duration:12s}.opportunity-art[data-selection='2'] .product-cube{animation-direction:reverse}.opportunity-art[data-selection='1'] .product-cube i{background:linear-gradient(140deg,#a2c8cc88,#214751cc)}.opportunity-art[data-selection='2'] .product-cube i{background:linear-gradient(140deg,#c3d5e377,#2e3659cc)}.motion-engaged .sheet-front{animation-duration:2s}.motion-engaged .channel-orbit{animation-duration:4s}.motion-engaged .live-beam{animation-duration:1s}
.steps article{position:relative;overflow:hidden}.steps article:after{content:'';position:absolute;left:0;top:0;width:2px;height:55px;background:linear-gradient(transparent,#d3efff,transparent);animation:timeline-flow 4s linear infinite}.steps article:nth-child(2):after{animation-delay:-1.3s}.steps article:nth-child(3):after{animation-delay:-2.6s}.contact-card{position:relative;overflow:hidden}.contact-card:before{content:'';position:absolute;top:-1px;left:0;width:35%;height:1px;background:linear-gradient(90deg,transparent,#c7eafa,transparent);animation:contact-beam 7s linear infinite}
.live-scene:not(.motion-visible) *,.product-sculpture:not(.motion-visible) *{animation-play-state:paused!important}html[data-motion='paused'] *{animation-play-state:paused!important}
@keyframes grid-drift{to{background-position:0 0,24px 24px,24px 24px}}@keyframes sheet-float{0%,100%{transform:rotateY(-18deg) rotateX(10deg) rotateZ(8deg) translateY(0)}50%{transform:rotateY(18deg) rotateX(-7deg) rotateZ(2deg) translateY(-14px)}}@keyframes sheet-back{50%{transform:rotateY(-10deg) rotateZ(-20deg) translate(-8px,8px)}}@keyframes scan-product{0%,100%{top:25%;opacity:0}20%,80%{opacity:1}50%{top:85%}}@keyframes node-pulse{50%{opacity:.3;transform:scale(.7)}}@keyframes channel-orbit{to{transform:rotate(360deg)}}@keyframes orbit-ellipse{50%{transform:rotate(-30deg)}100%{transform:rotate(0)}}@keyframes core-breathe{50%{filter:brightness(1.35)}}@keyframes beam-flow{to{stroke-dashoffset:-277}}@keyframes partner-float{50%{transform:translateY(-8px)}}@keyframes cube-turn{from{transform:rotateX(-20deg) rotateY(25deg)}to{transform:rotateX(-20deg) rotateY(385deg)}}@keyframes sculpture-float{50%{transform:translateY(-15px) rotateZ(5deg)}}@keyframes sculpture-ring{from{transform:rotateX(65deg) rotateY(-15deg) rotateZ(0)}to{transform:rotateX(65deg) rotateY(-15deg) rotateZ(360deg)}}@keyframes timeline-flow{from{top:-60px}to{top:100%}}@keyframes contact-beam{from{left:-35%}to{left:100%}}
@media(max-width:800px){.capabilities{display:grid;gap:16px}.capabilities article{padding:22px!important}.capabilities article>p{min-height:0}.live-scene{height:215px;margin-top:12px}.opportunity-art{height:350px}.product-sculpture{height:255px}.evaluation-labels{gap:20px}}
