/* Motion accent layer: preserve the approved light visual system. */
.nav{gap:25px}.nav-links{gap:23px}.nav-links a{position:relative}.nav-links a:after{content:"";position:absolute;bottom:4px;left:0;right:0;height:1px;background:#7b7b7b;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links a:hover:after{transform:scaleX(1)}
.character-stage{perspective:1100px}
.character-interaction{position:relative;display:block;width:100%;height:100%;transform:translate3d(var(--pointer-x,0px),calc(var(--pointer-y,0px) + var(--hover-lift,0px)),0) rotateY(var(--pointer-rotate,0deg)) scale(var(--hover-scale,1));transform-origin:50% 80%;transition:transform .42s cubic-bezier(.2,.7,.2,1);outline-offset:-14px!important}
.stage-character:has(.character-interaction:focus-visible){z-index:8;opacity:1}
.character-interaction:focus-visible{--hover-lift:-8px;--hover-scale:1.025}
.character-interaction img{transition:filter .35s;pointer-events:none}.character-interaction:focus-visible img{filter:drop-shadow(0 10px 12px rgba(82,82,82,.1))}
.hero-agent-tag{position:absolute;z-index:12;left:50%;top:63%;display:flex;align-items:center;gap:10px;max-width:290px;width:max-content;padding:12px 14px;border:1px solid white;border-radius:15px;background:rgba(251,251,251,.91);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(35,35,35,.09);transform:translate(-50%,10px);opacity:0;transition:opacity .2s,transform .3s;pointer-events:none;text-align:left}
.hero-agent-tag strong{display:block;font-size:13px;font-weight:550;color:#323232}.hero-agent-tag small{display:block;font-size:10px;color:#707070;margin-top:4px;line-height:1.5;white-space:nowrap}.hero-tag-icon{color:#969696;font-size:23px}.hero-tag-arrow{margin-left:8px;color:#8b8b8b}
.character-interaction:focus-visible .hero-agent-tag{opacity:1;transform:translate(-50%,0)}
@media(hover:hover) and (pointer:fine){.stage-character:has(.character-interaction:hover){z-index:8;opacity:1}.character-interaction:hover{--hover-lift:-8px;--hover-scale:1.025}.character-interaction:hover img{filter:drop-shadow(0 10px 12px rgba(82,82,82,.1))}.character-interaction:hover .hero-agent-tag{opacity:1;transform:translate(-50%,0)}}
.touch-interaction-hint{display:none}.stage-fade{z-index:9}.floating-label{pointer-events:none}
.hero.is-motion-ready .hero-copy>*{animation:hero-copy-in .65s cubic-bezier(.2,.7,.2,1) both}.hero.is-motion-ready .hero-copy h1{animation-delay:70ms}.hero.is-motion-ready .hero-description{animation-delay:140ms}
.hero.is-motion-ready .character-interaction{animation:hero-person-in .75s cubic-bezier(.2,.7,.2,1) var(--enter-delay) backwards}
.hero.is-motion-ready .hero-ribbon{animation:hero-copy-in .65s .45s both}
@keyframes hero-copy-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes hero-person-in{from{opacity:0;translate:0 24px}to{opacity:1;translate:0 0}}
.motion-reveal{opacity:0;translate:0 22px;transition:opacity .65s,translate .65s cubic-bezier(.2,.7,.2,1)}.motion-reveal.is-in-view{opacity:1;translate:0 0}
.product-demo-frame{transform-origin:50% 30%;will-change:transform}.product-motion-wrap{perspective:1400px}
.agent-spotlight{isolation:isolate}.agent-selector{position:relative}.selector-motion-line{position:absolute;height:2px;bottom:-1px;left:0;background:var(--selected-accent);transition:transform .35s cubic-bezier(.2,.7,.2,1),width .35s,background .35s;pointer-events:none}.agent-selector.has-moving-line .option-indicator{visibility:hidden}
.button span,.nav-cta span{transition:transform .2s}.button:hover span,.nav-cta:hover span{transform:translate(3px,-2px)}.nav-cta{transition:box-shadow .2s,transform .2s}.nav-cta:hover{transform:translateY(-2px);box-shadow:0 7px 20px rgba(40,40,40,.15)}
.scene-heading-actions{display:flex;align-items:center;gap:18px}.scene-heading-actions p{font-size:12px;color:#777777}.scene-replay{display:flex;align-items:center;gap:6px;border:1px solid #e3e3e3;background:#fafafa;color:#696969;padding:8px 12px;border-radius:18px;font-size:11px;white-space:nowrap;transition:background .2s}.scene-replay:hover{background:#efefef}.scene-replay span{font-size:16px}
.scene-flow{display:flex;align-items:center;justify-content:center;gap:14px;margin:25px auto 0;max-width:660px;color:#969696;font-size:11px}.scene-flow>span{display:flex;align-items:center;gap:7px;white-space:nowrap;transition:color .3s}.scene-flow>span:before{content:"";width:6px;height:6px;border-radius:50%;background:#dbdbdb;transition:background .3s,box-shadow .3s}.scene-flow>span.is-flow-active{color:#636363}.scene-flow>span.is-flow-active:before{background:#8c8c8c;box-shadow:0 0 0 4px #ececec}.scene-flow>i{height:1px;flex:1;min-width:10px;background:#e5e5e5;position:relative;overflow:hidden}.scene-flow>i.is-flow-active:after{content:"";position:absolute;inset:0;background:#a4a4a4;transform-origin:left;animation:flow-line-in .6s both}
@keyframes flow-line-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.collaboration-map{position:relative}.map-coordinator,.contributor-groups,#contributor-detail{position:relative;z-index:1}.contributor-groups{margin-top:42px}.contributor-group:before{display:none}.collaboration-routes{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:visible}.collaboration-route{fill:none;stroke:#b3b3b3;stroke-width:1.5;stroke-dasharray:var(--route-length);stroke-dashoffset:var(--route-length);animation:draw-route .95s var(--route-delay) cubic-bezier(.2,.6,.3,1) forwards}.collaboration-route-dot{fill:#8b8b8b}.contributor-card{transition:transform .2s,background .2s,border-color .2s,box-shadow .2s}.contributor-card:hover{transform:translateY(-3px)}
@keyframes draw-route{to{stroke-dashoffset:0}}
@media(max-width:900px){.nav{gap:19px}.nav-links{gap:18px}.hero-agent-tag{padding:10px 12px;max-width:245px}.hero-agent-tag small{font-size:9px}.scene-heading-actions{gap:10px}.scene-heading-actions p{font-size:10px}}
@media(max-width:767px){.nav{gap:12px}.desktop-interaction-hint{display:none}.touch-interaction-hint{display:inline}.hero-agent-tag{top:58%;padding:9px 11px;gap:7px;max-width:245px}.hero-agent-tag strong{font-size:11px}.hero-agent-tag small{font-size:8px}.hero-tag-icon{font-size:18px}.hero-tag-arrow{display:none}.selector-motion-line{display:none}.agent-selector.has-moving-line .option-indicator{visibility:visible}.scene-heading-actions{margin-top:14px;justify-content:space-between;gap:10px}.scene-heading-actions p{font-size:10px;line-height:1.7;max-width:170px}.scene-replay{font-size:10px;padding:7px 10px}.scene-flow{gap:8px;font-size:9px;margin-top:22px}.scene-flow>span{gap:5px}.scene-flow>span:before{width:4px;height:4px}.scene-flow>i{min-width:5px}.contributor-groups{margin-top:24px}.collaboration-routes{display:none}}
@media(prefers-reduced-motion:reduce){.character-interaction,.product-demo-frame{transform:none!important;will-change:auto}.motion-reveal{opacity:1;translate:none}.selector-motion-line{transition:none}.collaboration-route{stroke-dashoffset:0}.collaboration-route-dot{display:none}.scene-flow>i.is-flow-active:after{transform:none}}