/* Fixed body + independently cropped task/eyelid raster layers. Never wobble the entire image. */
.ms-scene{margin:0;min-width:0;width:100%;color:#3e6572;contain:layout style}
.ms-stage{position:relative;isolation:isolate;width:100%;aspect-ratio:3/2;overflow:hidden;border-radius:24px;background:#fff}
.ms-stage img{display:block;border:0;border-radius:0;box-shadow:none;max-width:none;padding:0}
.ms-stage>.ms-static{width:100%;height:100%;object-fit:contain}
.ms-scene[data-static-error=true] .ms-stage>*:not(.ms-missing){display:none!important}.ms-missing{display:grid;place-items:center;height:100%;padding:28px;font-size:14px;color:#567087;text-align:center}
.ms-layer{position:absolute;inset:0;overflow:hidden;pointer-events:none;display:none}
.ms-layer>img{position:absolute!important;width:200%!important;height:200%!important;left:0;top:0}
.ms-scene[data-motion-state=playing] .ms-task-layer{display:block}
.ms-scene[data-motion-ready=true][data-motion-state=paused] .ms-task-layer{display:block}
.ms-scene[data-frame="1"] .ms-task-layer>img{left:-100%}
.ms-scene[data-frame="2"] .ms-task-layer>img{top:-100%}
.ms-scene[data-frame="3"] .ms-task-layer>img{left:-100%;top:-100%}
.ms-scene[data-blinking=true] .ms-eye-layer{display:block}
.ms-scene[data-blink-frame="2"] .ms-eye-layer>img{top:-100%}
.ms-scene[data-blink-frame="3"] .ms-eye-layer>img{left:-100%;top:-100%}
/* Generous task region includes the vacated space: no amputated arms or duplicate props. */
.ms-home .ms-task-layer{clip-path:polygon(8% 2%,35% 2%,35% 54%,8% 54%)}
.ms-integration .ms-task-layer{clip-path:inset(51% 6% 2% 6%)}
.ms-support .ms-task-layer{clip-path:inset(8% 0 10% 62%)}
.ms-marketplace .ms-task-layer{clip-path:inset(57% 0 0 0)}
.ms-backup .ms-task-layer{clip-path:inset(48% 0 0 0)}
.ms-reporting .ms-task-layer{clip-path:polygon(0 28%,37% 28%,37% 52%,48% 58%,48% 96%,0 96%)}
.ms-hosting .ms-task-layer{clip-path:inset(40% 0 2% 58%)}
.ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 39% 35%,#000 72%,transparent 100%),radial-gradient(ellipse 6% 9% at 54% 35%,#000 72%,transparent 100%)}
.ms-integration .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 42% 32%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 56% 32%,#000 72%,transparent 100%)}
.ms-support .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 41% 37%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 56% 37%,#000 72%,transparent 100%)}
.ms-marketplace .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 8% at 40% 46%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 8% at 51% 46%,#000 72%,transparent 100%)}
.ms-reporting .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 44% 36%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 58% 36%,#000 72%,transparent 100%)}
.ms-backup .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 39% 33%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 55% 33%,#000 72%,transparent 100%)}
.ms-hosting .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 33% 38%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 47% 38%,#000 72%,transparent 100%)}
.ms-empty .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 35% 37%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 50% 37%,#000 72%,transparent 100%)}
.ms-warning .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 39% 32%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 54% 32%,#000 72%,transparent 100%)}
.ms-success .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 40% 31%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 55% 31%,#000 72%,transparent 100%)}
.ms-processing .ms-eye-layer{mask-image:radial-gradient(ellipse 5% 9% at 39% 36%,#000 72%,transparent 100%),radial-gradient(ellipse 5% 9% at 55% 36%,#000 72%,transparent 100%)}
.ms-brand-badge{position:absolute;left:47.5%;top:55%;width:4%;aspect-ratio:1;display:grid;place-items:center;pointer-events:none}
.ms-brand-badge img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}
.ms-integration .ms-brand-badge{left:47.5%;top:52%}
.ms-marketplace .ms-brand-badge{left:46.8%;top:63.5%}.ms-marketplace[data-frame="1"] .ms-brand-badge{visibility:hidden}
.ms-reporting .ms-brand-badge{left:49%;top:58%}.ms-backup .ms-brand-badge{left:45.5%;top:53%}.ms-hosting .ms-brand-badge{left:40%;top:60%}
.ms-empty .ms-task-layer,.ms-warning .ms-task-layer,.ms-success .ms-task-layer{clip-path:inset(8% 0 0 58%)}
.ms-processing .ms-task-layer{clip-path:inset(43% 0 0 58%)}
.ms-empty .ms-brand-badge{left:42%;top:59%}.ms-warning .ms-brand-badge{left:46.5%;top:53%}.ms-success .ms-brand-badge{left:46%;top:53%}.ms-processing .ms-brand-badge{left:47.5%;top:60%}
.ms-headset-cover{display:none;position:absolute;background:#153348;border-radius:50%;pointer-events:none}
/* Integration v3 has a clean earcup; never cover the rendered headset with a flat patch. */
.ms-scene figcaption{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;font:11px/1.5 Inter,"Segoe UI",Arial,sans-serif;padding:8px 2px}
.ms-controls{display:inline-flex;gap:6px;flex-wrap:wrap}
.ms-controls button{min-height:44px;padding:8px 12px;background:#fff;border:1px solid #c4dfdc;color:#17655e;font:inherit;border-radius:12px;cursor:pointer}
.ms-controls button[hidden]{display:none}.ms-controls button:disabled{cursor:default;color:#597178}.ms-controls button:focus-visible{outline:3px solid #1677b9;outline-offset:3px}
.ms-scene.ms-size-compact{max-width:560px;margin-inline:auto}
.ms-feature-split{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:38px;max-width:1360px;margin:40px auto;padding:24px 32px;background:linear-gradient(125deg,#f3faf9,#fff);border:1px solid #e2eeeb;border-radius:24px}
.ms-feature-split h2{font-size:clamp(26px,3vw,36px);line-height:1.2;letter-spacing:-1px;margin:12px 0 18px;color:#102e4d}.ms-feature-split p{font-size:16px;line-height:1.7;color:#567087}.ms-feature-split .ec-eyebrow{font-size:11px}
.ms-support-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:32px}.ms-support-intro .section-heading{text-align:left!important}.ms-support-intro .section-heading p{margin-inline:0!important}
.ec-scene:has(.ms-scene){height:auto;min-height:490px;display:flex;align-items:center}.ec-scene>.ms-scene{position:relative;z-index:0;padding-top:50px}.ec-scene:has(.ms-scene) .ec-task{display:none}.ec-scene:has(.ms-scene) .ms-stage{border-radius:32px}
.product-hero-visual>.ms-scene{margin-bottom:28px}.product-hero-visual:has(.ms-scene)>.product-media,.product-hero-visual:has(.ms-scene)>.product-console{max-width:420px;margin:0 auto}
.ms-package-intro{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.ms-package-intro .hero{background:none!important;padding:0!important}
@media(max-width:760px){.ms-feature-split{grid-template-columns:1fr;margin:24px 16px;padding:22px;gap:12px}.ms-support-intro,.ms-package-intro{grid-template-columns:1fr;gap:12px}.ec-scene:has(.ms-scene){min-height:0;margin-top:18px}.ec-scene>.ms-scene{padding-top:0}.ms-scene figcaption{font-size:10px}.ms-stage{border-radius:18px}}
@media(prefers-reduced-motion:reduce){.ms-scene .ms-layer{display:none!important}}

/* Layered raster rig: continuous browser interpolation, not sprite swapping. */
.ms-layered .ms-stage{background:radial-gradient(ellipse at 50% 58%,#edf9f6 0,#fff 70%)}
.ms-rig{position:absolute;inset:0;display:none;clip-path:inset(0);pointer-events:none}
.ms-layered .ms-task-layer{clip-path:inset(0)}
.ms-scene[data-motion-state=review-hold] .ms-task-layer,.ms-scene[data-motion-state=review-hold] .ms-eye-layer{display:none!important}
.ms-scene[data-motion-state=review-hold] .ms-static{visibility:visible!important}
.ms-rig>span{position:absolute;inset:0;display:block}
.ms-rig>span>img{width:100%!important;height:100%!important;position:absolute;inset:0;object-fit:contain}
.ms-layered[data-layered-ready=true] .ms-rig{display:block}
.ms-layered[data-layered-ready=true] .ms-static{visibility:hidden}
.ms-layered .ms-rig-blink{opacity:0;mask-image:radial-gradient(ellipse 7.6% 12% at 42% 38%,#000 76%,transparent 100%),radial-gradient(ellipse 7.6% 12% at 56.5% 38%,#000 76%,transparent 100%)}
.ms-layered .ms-brand-badge{left:48.7%;top:54.7%;width:3.7%}
.ms-layered.ms-marketplace[data-frame="1"] .ms-brand-badge{visibility:visible}
.ms-layered[data-motion-state=reduced] .ms-rig,.ms-layered[data-motion-state=unavailable] .ms-rig{display:none}
.ms-layered[data-motion-state=reduced] .ms-static,.ms-layered[data-motion-state=unavailable] .ms-static{visibility:visible}
@media(prefers-reduced-motion:reduce){.ms-layered .ms-rig{display:none!important}.ms-layered .ms-static{visibility:visible!important}}
.ms-organic .ms-stage>canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.ms-organic .ms-stage>[hidden]{display:none!important}
@media(prefers-reduced-motion:reduce){.ms-organic .ms-stage>canvas{display:none!important}.ms-organic .ms-stage>.ms-static{display:block!important;visibility:visible!important}}
.ms-organic .ms-brand-badge{left:3%!important;top:auto!important;bottom:4%;width:5%!important;height:auto!important;background:transparent!important;transform:none!important}
.ms-organic.ms-backup .ms-brand-badge{left:44.05%!important;top:52.6%!important;bottom:auto;width:2.7%!important}