.motion-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:16px}.motion-toolbar>span{font-size:9px;letter-spacing:1.5px;color:#607087}.motion-toolbar button{font:inherit;font-size:11px;background:transparent;border:1px solid #dce4ef;border-radius:30px;padding:7px 12px;color:#607087;cursor:pointer}.motion-toolbar button:disabled{cursor:default}.scene{margin-bottom:25px}.scene .web-art,.scene .ai-art{margin-bottom:0;position:relative;height:235px}.scene-caption{display:flex;align-items:center;justify-content:space-between;gap:8px;height:35px;font-size:10px;color:var(--blue)}.scene-dots{display:flex;gap:4px;flex-shrink:0}.scene-dots i{width:5px;height:5px;background:#d8deea;border-radius:50%;transition:background .4s,width .4s}.scene[data-phase="0"] .scene-dots i:nth-child(1),.scene[data-phase="1"] .scene-dots i:nth-child(2),.scene[data-phase="2"] .scene-dots i:nth-child(3){background:var(--blue);width:16px}.scene-web .mockbody{transition:opacity .8s,filter .8s}.scene-web .mockshape{transition:transform 1s,background .8s,border-radius .8s}.scene-web .mockbody strong,.scene-web .mockbody b,.scene-web .mockshape span{transition:opacity .7s,transform .7s}.scene-web[data-phase="0"] .mockbody strong{opacity:.23}.scene-web[data-phase="0"] .mockbody b{opacity:.2}.scene-web[data-phase="0"] .mockshape{transform:rotate(0) scale(.9);border-radius:5px;background:#e4eaf3}.scene-web[data-phase="0"] .mockshape span{opacity:0}.scene-web[data-phase="1"] .mockshape{transform:rotate(-5deg) scale(1.02)}.scene-web[data-phase="2"] .mockshape{transform:rotate(0)}.design-cursor{position:absolute;left:61%;top:120px;color:#315fa9;font-size:28px;line-height:1;filter:drop-shadow(0 2px 2px #ffffff);transition:transform 1.1s,opacity .5s;pointer-events:none}.design-cursor small{display:block;margin-left:13px;margin-top:-4px;font-size:8px;padding:6px 8px;background:#315fa9;color:#fff;border-radius:4px;white-space:nowrap}.scene-web[data-phase="0"] .design-cursor{transform:translate(-110px,32px)}.scene-web[data-phase="1"] .design-cursor{transform:translate(0,-18px)}.scene-web[data-phase="2"] .design-cursor{transform:translate(12px,20px);opacity:0}.design-ready{position:absolute;right:13px;bottom:10px;background:#fff;color:#315fa9;border:1px solid #d6e3f5;box-shadow:0 4px 15px #20375e09;font-size:10px;padding:6px 10px;border-radius:20px;opacity:0;transform:translateY(10px);transition:opacity .5s,transform .5s}.scene-web[data-phase="2"] .design-ready{opacity:1;transform:none}.scene-ai .flow-note,.scene-ai .flow-core{transition:opacity .65s,transform .65s,box-shadow .65s}.scene-ai .flow-result{opacity:.35;transform:translateY(8px)}.scene-ai[data-phase="0"] .flow-core{opacity:.5;transform:scale(.96)}.scene-ai[data-phase="1"] .flow-core{opacity:1;transform:scale(1);box-shadow:0 0 0 5px #7857780c,0 10px 24px #78577819}.scene-ai[data-phase="2"] .flow-result{opacity:1;transform:none;box-shadow:0 5px 16px #7857780c}.flow-particle{position:absolute;width:6px;height:6px;background:#a25d80;border-radius:50%;left:32px;top:24px;box-shadow:0 0 0 4px #a25d8012;transition:transform 1.3s cubic-bezier(.4,0,.2,1)}.scene-ai[data-phase="1"] .flow-particle{transform:translateY(85px)}.scene-ai[data-phase="2"] .flow-particle{transform:translateY(178px)}.scene-active .flow-core>span{animation:hub-turn 9s ease-in-out infinite}.hero{position:relative;isolation:isolate}.hero:after{content:'';position:absolute;z-index:-1;right:5%;top:0;width:300px;height:260px;background:radial-gradient(ellipse,#d5e4f970,transparent 68%);pointer-events:none;animation:hero-drift 12s ease-in-out infinite alternate}.hero .eyebrow>span{box-shadow:0 0 0 5px #315fa909}.round-link b{transition:transform .25s,background .25s}.round-link:hover b{transform:translateY(4px);background:#eaf1fc}.path{transition:box-shadow .3s,border-color .3s}.path:hover{box-shadow:0 14px 35px #233b6110;border-color:#b8cbe7}.path-ai:hover{border-color:#ccb5ca;box-shadow:0 14px 35px #78577810}.button{transition:transform .22s,box-shadow .22s,background .22s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #192b4614}.button:active{transform:translateY(0)}dialog[open]{animation:modal-in .25s ease-out}#formBody{animation:modal-in .25s ease-out}.motion-paused .scene *,.motion-paused .hero:after{animation-play-state:paused!important}.scene:not(.scene-active) *{animation-play-state:paused!important}@keyframes hub-turn{0%,40%{transform:rotate(0)}60%,100%{transform:rotate(90deg)}}@keyframes hero-drift{from{transform:translate(-30px,0);opacity:.45}to{transform:translate(20px,25px);opacity:1}}@keyframes modal-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:640px){.motion-toolbar>span{font-size:7px;letter-spacing:.7px}.motion-toolbar button{font-size:9px;padding:7px 9px}.scene .web-art,.scene .ai-art{height:225px}.scene-caption{font-size:9px}.scene-ai[data-phase="2"] .flow-particle{transform:translateY(168px)}.hero:after{width:190px;height:220px;right:0}}@media(prefers-reduced-motion:reduce){.scene *,.hero:after,dialog[open],#formBody{animation:none!important;transition:none!important}.button:hover,.round-link:hover b{transform:none}.hero:after{opacity:.5}}

@media(max-width:900px){.scene-web .mockshape{flex-shrink:0;font-size:15px}.scene-web .mockbody>div:first-child{min-width:0}.scene-web .mockbody strong{font-size:18px}}

/* Cursor anchored to the actual contact button; design label occupies clear top-right space. */
.scene-web .design-cursor{left:0;top:0;transform:translate(var(--cursor-x,0px),var(--cursor-y,0px));font-size:0}
.design-cursor>svg{display:block;width:24px;height:24px;overflow:visible}
.design-cursor small{margin-top:0;margin-left:12px;line-height:1.2}
.scene-web[data-phase="0"] .design-cursor,.scene-web[data-phase="1"] .design-cursor,.scene-web[data-phase="2"] .design-cursor{transform:translate(var(--cursor-x,0px),var(--cursor-y,0px))}