/* Motion stays within the visible capability, and never drives page scrolling. */
.offering-panel{animation:none}
.has-motion-indicator>button[aria-selected=true]::after{transform:scaleX(0)}
.capability-indicator{position:absolute;bottom:0;left:0;height:2px;background:#e2ebd9;pointer-events:none;transition:transform .65s cubic-bezier(.16,1,.3,1),width .65s cubic-bezier(.16,1,.3,1);box-shadow:0 -3px 16px #d4edbb25}
.capability-object{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s cubic-bezier(.22,1,.36,1);animation:capability-float 9s ease-in-out infinite;animation-play-state:paused}
.offering-visual::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 45% 70% at var(--pointer-x,50%) var(--pointer-y,35%),#c4debf14,transparent 75%);opacity:0;transition:opacity .8s}
.offering-visual:hover::before{opacity:1}
.visual-index,.visual-caption{z-index:2;pointer-events:none}
.offering-action>span,.offerings-bottom>a>span{transition:translate .45s cubic-bezier(.16,1,.3,1)}
.offering-action:hover>span,.offerings-bottom>a:hover>span{translate:3px -3px}
.offering-pagination button:active{transform:scale(.92)}
.intelligence-workspace{position:relative}
.intelligence-workspace::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#e8ffe20a 43%,#e8ffe21a 50%,transparent 67%);translate:-125% 0;animation:capability-sheen 9s ease-in-out infinite;animation-play-state:paused}
.intelligence-spark{transform-origin:16px 50%;animation:intelligence-turn 12s cubic-bezier(.65,0,.35,1) infinite;animation-play-state:paused}
.live-dot::before{animation:capability-beacon 3s ease-in-out infinite;animation-play-state:paused}
.intelligence-answer{position:relative}
.intelligence-answer::before{content:'';position:absolute;inset:-7px -9px;border:1px solid #b4cbaa00;border-radius:5px;animation:answer-focus 7s ease-in-out infinite;animation-play-state:paused}
.workflow-track{overflow:visible}
.workflow-track::after{left:0;right:auto;top:-2px;animation:workflow-packet 6s ease-in-out infinite;animation-play-state:paused;box-shadow:0 0 9px #d3ffc5}
.workflow-track:nth-of-type(4)::after{animation-delay:1.5s}
.workflow-node{animation:workflow-focus 6s ease-in-out infinite;animation-play-state:paused}
.workflow-node:nth-of-type(3){animation-delay:1.5s}.workflow-node:nth-of-type(5){animation-delay:3s}
.project-dot{animation:capability-beacon 4s ease-in-out infinite;animation-play-state:paused}.project-dot.mint{animation-delay:1.6s}
.platform-row{position:relative;overflow:hidden}.platform-row::after{content:'';position:absolute;bottom:0;left:0;height:1px;width:100%;background:#70855e;transform:scaleX(0);transform-origin:left;animation:platform-progress 7s ease-in-out infinite;animation-play-state:paused}.platform-row:nth-of-type(3)::after{animation-delay:1.4s}
.network-core{animation:network-heartbeat 5s ease-in-out infinite;animation-play-state:paused}
.network-lines{position:relative}.network-lines::after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#bfdfe9;box-shadow:0 0 13px #a2d3e5;left:-3px;top:0;animation:network-signal 5s linear infinite;animation-play-state:paused}.network-lines.reverse::after{animation-delay:2.5s}
.demo-roadmap>div{position:relative}.demo-roadmap>div::before{content:'';position:absolute;left:-6px;top:20%;bottom:20%;width:2px;background:#c6d5ae;transform:scaleY(0);transform-origin:top;animation:roadmap-step 7.5s ease-in-out infinite;animation-play-state:paused}.demo-roadmap>div:nth-child(2)::before{animation-delay:2.5s}.demo-roadmap>div:nth-child(3)::before{animation-delay:5s}
.offering-visual.is-playing .capability-object,.offering-visual.is-playing .intelligence-workspace::after,.offering-visual.is-playing .intelligence-spark,.offering-visual.is-playing .live-dot::before,.offering-visual.is-playing .intelligence-answer::before,.offering-visual.is-playing .workflow-track::after,.offering-visual.is-playing .workflow-node,.offering-visual.is-playing .project-dot,.offering-visual.is-playing .platform-row::after,.offering-visual.is-playing .network-core,.offering-visual.is-playing .network-lines::after,.offering-visual.is-playing .demo-roadmap>div::before{animation-play-state:running}
@keyframes capability-float{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes capability-sheen{0%,35%{translate:-125% 0}65%,100%{translate:125% 0}}
@keyframes intelligence-turn{0%,30%{rotate:0deg}55%,100%{rotate:180deg}}
@keyframes capability-beacon{0%,100%{opacity:.55;box-shadow:0 0 0 0 #b6d5a500}50%{opacity:1;box-shadow:0 0 0 4px #b6d5a515}}
@keyframes answer-focus{0%,20%,85%,100%{border-color:#b4cbaa00;background:#b4cbaa00}45%,65%{border-color:#b4cbaa25;background:#b4cbaa06}}
@keyframes workflow-packet{0%,10%{left:0;opacity:0}15%{opacity:1}35%{left:100%;opacity:1}40%,100%{left:100%;opacity:0}}
@keyframes workflow-focus{0%,35%,100%{border-color:#63705c}15%,25%{border-color:#cfdfba;box-shadow:0 25px 45px #0004,0 0 22px #c9efaa15}}
@keyframes platform-progress{0%,10%{transform:scaleX(0);opacity:0}20%{opacity:1}60%,75%{transform:scaleX(1);opacity:1}90%,100%{transform:scaleX(1);opacity:0}}
@keyframes network-heartbeat{0%,100%{box-shadow:0 0 25px #83aec115;border-color:#8da5ad}45%,60%{box-shadow:0 0 65px #83aec14a;border-color:#d2e7ec}}
@keyframes network-signal{0%{left:-3px;top:0;opacity:0}8%{opacity:1}30%{left:-3px;top:calc(100% - 5px)}70%{left:calc(100% - 2px);top:calc(100% - 5px);opacity:1}92%{left:calc(100% - 2px);top:0;opacity:1}100%{left:calc(100% - 2px);top:0;opacity:0}}
@keyframes roadmap-step{0%,5%{transform:scaleY(0);opacity:0}12%,28%{transform:scaleY(1);opacity:1}38%,100%{transform:scaleY(1);opacity:0}}
@media(max-width:600px){.workflow-track::after{left:-2px;top:0;animation-name:workflow-packet-mobile}.capability-object{animation-name:none}.intelligence-spark{transform-origin:13px 50%}}
@keyframes workflow-packet-mobile{0%,10%{top:0;opacity:0}15%{opacity:1}35%{top:100%;opacity:1}40%,100%{top:100%;opacity:0}}
@media(prefers-reduced-motion:reduce){.capability-object,.offering-visual *,.offering-visual *::before,.offering-visual *::after{animation:none!important}.capability-object{transform:none!important;translate:none!important}.capability-indicator,.offering-visual::before,.offering-action>span,.offerings-bottom>a>span{transition:none}.offering-visual::before{display:none}.offering-action:hover>span,.offerings-bottom>a:hover>span{translate:none}}
