#app>.ovs-motion-field{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none;mix-blend-mode:screen}
#app>.ovs-motion-atmosphere{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden;opacity:.4}
#app>.ovs-team-matrix{display:none!important}
#app[data-motion-scene=ovs]{background:#070a15}
#app[data-motion-scene=matrix]{background:#020704}
#app[data-motion-scene=ornecta]{background:#061313}
#app .motion-neural-art,#app .motion-matrix-art{position:absolute;inset:-2%;background-repeat:no-repeat;background-size:auto min(75vh,720px);background-position:92% 45%;opacity:0;transform:translate3d(var(--motion-look-x,0px),var(--motion-look-y,0px),0);transition:opacity .65s,transform .55s ease-out;mask-image:linear-gradient(90deg,transparent 30%,#000 78%)}
#app[data-motion-scene=ovs] .motion-neural-art{background-image:url('/landing-assets/ovs-neural-reference.jpg');opacity:.24;mix-blend-mode:screen}
#app[data-motion-scene=matrix] .motion-matrix-art{background-image:url('/landing-assets/matrix-dna-reference.jpg'),url('/landing-assets/matrix-eye-reference.jpg');background-position:95% 50%,10% 50%;background-size:auto 90vh,auto 72vh;opacity:.17;filter:saturate(.8);mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000,transparent 45%,#000)}
#app[data-motion-scene=gold]>.ovs-motion-atmosphere,#app[data-motion-scene=ornecta]>.ovs-motion-atmosphere{opacity:0}
#app .motion-pointer-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 60% 50%,#8ecaff0a,transparent 60%)}
#app #ovs-motion-intensity,#app .motion-preview-trigger{font:inherit;font-size:11px;min-height:40px;border:1px solid var(--border-soft);border-radius:8px;padding:8px;background:var(--bg);color:var(--text);cursor:pointer;max-width:140px}
#app[data-motion-scene]>.main{position:relative;z-index:1}
#app[data-motion-scene] .topbar{backdrop-filter:blur(16px)}
#app[data-motion-scene] .card{background:color-mix(in srgb,var(--team-panel,var(--panel)) 96%,transparent)!important}
#app[data-motion-intensity=still] .ovs-motion-atmosphere *{transition:none;transform:none}
#app[data-motion-intensity=still] .ovs-team-gold-scene *{animation-play-state:paused!important}
#app .agent-portrait{width:190px;height:190px;align-self:center;position:relative;display:grid;place-items:center;color:var(--agent-color);isolation:isolate;margin:6px 0}
#app .agent-portrait:before{content:'';position:absolute;inset:-12%;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--agent-color) 10%,transparent),transparent 70%);animation:agent-breathe 7s ease-in-out infinite}
#app .agent-portrait svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--agent-color) 12%,transparent))}
#app .portrait-spin{stroke-dasharray:40 3;animation:agent-code-flow 8s linear infinite}
#app .portrait-signal{stroke-dasharray:6 5;animation:agent-code-flow 3s linear infinite}
#app .portrait-neural{stroke-dasharray:8 4;animation:agent-code-flow 9s linear infinite}
#app .portrait-neural circle{fill:var(--agent-color);stroke:none;animation:agent-breathe 4s ease-in-out infinite}
#app .portrait-orbits{transform-origin:120px 120px;animation:agent-orbit-turn 28s linear infinite}
#app .portrait-sun{fill:var(--agent-color);stroke:none;opacity:.9;filter:drop-shadow(0 0 13px var(--agent-color))}
#app .portrait-growth path{stroke-dasharray:12 6;animation:agent-code-flow 5s linear infinite}
#app .portrait-growth circle{fill:var(--panel);stroke-width:2}
#app .agent-live-state{align-self:center;font-size:10px;color:var(--text-dim);border:1px solid var(--border-soft);padding:7px 12px;border-radius:20px;margin-top:-16px}
#app .agent-detail{gap:24px;animation:agent-detail-enter .35s ease-out}
#app .agent-profile{transition:border-color .25s,background .25s,box-shadow .25s}
#app .agent-profile:hover{box-shadow:inset 0 -2px var(--agent-color)}
#app .ornecta-room>header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--border-soft);padding:8px 0 24px}
#app .ornecta-room h2{font:600 clamp(26px,3vw,40px)/1.15 var(--font-display);margin:12px 0}
#app .ornecta-room p{font-size:13px;line-height:1.7;color:var(--text-dim);max-width:65ch}
#app .ornecta-orbit{position:relative;width:145px;height:145px;flex-shrink:0}
#app .ornecta-orbit span{position:absolute;inset:40%;border-radius:50%;background:#8ce2d1;box-shadow:0 0 24px #8ce2d144}
#app .ornecta-orbit i,#app .ornecta-orbit b{position:absolute;inset:12%;border:1px solid #8ce2d155;border-radius:50%;animation:agent-orbit-turn 20s linear infinite}
#app .ornecta-orbit i:after,#app .ornecta-orbit b:after{content:'';position:absolute;left:49%;top:-3px;width:6px;height:6px;background:#b6e4c6;border-radius:50%}
#app .ornecta-orbit b{inset:26%;animation-direction:reverse;animation-duration:14s}
#app .ornecta-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:24px 0}
#app .ornecta-stats>div{padding:16px 0;border-bottom:1px solid var(--border-soft)}
#app .ornecta-stats strong{display:block;font-family:var(--font-display);font-size:34px;font-variant-numeric:tabular-nums}
#app .ornecta-stats span{font-size:12px;color:var(--text-dim)}
#app .ornecta-instruments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:26px}
#app .ornecta-instruments button{position:relative;text-align:left;background:var(--panel);border:1px solid var(--border-soft);color:var(--text);padding:24px;border-radius:12px;cursor:pointer;transition:border-color .25s,background .25s}
#app .ornecta-instruments strong{display:block;font:600 19px var(--font-display);margin:0 0 10px}
#app .ornecta-instruments span:not(.instrument-light){display:block;color:var(--text-dim);font-size:13px;line-height:1.6;margin-bottom:18px}
#app .ornecta-instruments small{color:#a2e1d4;font-size:11px}
#app .ornecta-instruments button:hover:not(:disabled){border-color:#8ce2d1;background:var(--panel-2)}
#app .ornecta-instruments button:disabled{opacity:.5;cursor:default}
#app .instrument-light{position:absolute;right:18px;top:24px;width:5px;height:5px;background:#8ce2d1;border-radius:50%}
#app .ornecta-routine{padding:20px 24px;border:1px solid var(--border-soft);border-radius:12px;margin-bottom:24px;background:var(--panel)}
#app .ornecta-routine h3{font-size:16px;margin-bottom:8px}
.ovs-motion-preview{inset:0;width:100vw;max-width:100vw;height:100svh;max-height:100svh;border:0;margin:0;padding:0;background:#03060d;color:#f0f5ff;overflow:hidden}
.ovs-motion-preview::backdrop{background:#03060d}
.ovs-motion-preview>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.ovs-motion-preview>header{position:absolute;top:0;left:0;right:0;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#02040dd9,transparent);z-index:2}
.ovs-motion-preview header strong,.ovs-motion-preview header span{display:block}
.ovs-motion-preview header strong{font:600 18px OVSSpace,sans-serif;margin-bottom:6px}
.ovs-motion-preview header span{font:12px sans-serif;color:#c1cede}
.ovs-motion-preview header>div:last-child{display:flex;gap:10px}
.ovs-motion-preview button{background:#0b1021d9;border:1px solid #c4d8ef4d;border-radius:8px;color:#fff;font:13px sans-serif;padding:12px;min-height:44px;cursor:pointer}
.ovs-motion-preview button:focus-visible{outline:2px solid #c2efff;outline-offset:3px}
.ovs-motion-preview>p{position:absolute;bottom:18px;left:24px;right:24px;text-align:center;font:11px/1.6 sans-serif;color:#bcc8da;pointer-events:none}
@keyframes agent-breathe{50%{opacity:.55;transform:scale(1.035)}}
@keyframes agent-code-flow{to{stroke-dashoffset:-120}}
@keyframes agent-orbit-turn{to{transform:rotate(360deg)}}
@keyframes agent-detail-enter{from{opacity:.4}to{opacity:1}}
#app.team-motion-off .agent-portrait *,#app.team-motion-off .agent-portrait:before,#app.team-motion-off .ornecta-orbit *{animation-play-state:paused!important}
@media(max-width:760px){#app .agent-portrait{width:150px;height:150px}#app .ornecta-room>header{align-items:flex-start}#app .ornecta-orbit{width:85px;height:85px}#app .ornecta-instruments{grid-template-columns:1fr}#app .ornecta-instruments button{padding:20px}#app #ovs-motion-intensity,#app .motion-preview-trigger{font-size:10px;max-width:132px}#app .ovs-motion-atmosphere{opacity:.22}.ovs-motion-preview>header{padding:16px;align-items:flex-start;flex-wrap:wrap}.ovs-motion-preview header strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){#app .agent-portrait *,#app .agent-portrait:before,#app .ornecta-orbit *{animation:none!important}#app .agent-detail{animation:none}#app .motion-neural-art,#app .motion-matrix-art{transform:none!important;transition:none!important}}
#app[data-motion-intensity=still] .agent-portrait *,#app[data-motion-intensity=still] .agent-portrait:before,#app[data-motion-intensity=still] .ornecta-orbit *{animation-play-state:paused!important}
#app[data-motion-intensity=still] .ovs-team-gold-scene{transform:none!important;transition:none!important}
.ovs-motion-preview[data-scene=gold]{background:#08090c url('/landing-assets/gold-celestial.jpg') center 47%/cover no-repeat}
.ovs-motion-preview[data-scene=gold]>canvas{opacity:.65;mix-blend-mode:screen}
#app:not([data-motion-scene])>.ovs-motion-field,#app:not([data-motion-scene])>.ovs-motion-atmosphere{display:none}
.motion-cinematic{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none;opacity:.32;mix-blend-mode:screen}
.motion-cinematic[hidden]{display:none}
#app[data-motion-intensity=immersive] .motion-cinematic{opacity:.62}
#app[data-motion-scene=ornecta]>.ovs-motion-atmosphere{opacity:.3}
#app[data-motion-scene=ornecta] .motion-cinematic{opacity:.22;filter:saturate(.5)}
.ovs-motion-preview>.motion-cinematic{opacity:.92;mix-blend-mode:normal}
.ovs-motion-preview.has-motion-film>canvas{mix-blend-mode:screen;opacity:.58}
.ovs-motion-preview>header,.ovs-motion-preview>p{z-index:2}
@media(max-width:760px){#app .motion-cinematic{opacity:.2}}
#app[data-motion-scene]:not([data-motion-scene=gold])>.ovs-team-gold-scene{display:none!important}