html{color-scheme:light}
*{box-sizing:border-box}
html,body{margin:0;padding:0;overflow:hidden;background:transparent}
.film{position:relative;width:100%;aspect-ratio:1440/850;overflow:hidden;border:1px solid #dae3ef;border-radius:14px;background:#f4f7fc}
[data-harness="agentic-commerce"] .film{aspect-ratio:9/16;border-radius:24px}
[data-harness="operations"] .film{aspect-ratio:3/2}
video{display:block;width:100%;height:100%;object-fit:contain}
button{position:absolute;right:16px;bottom:16px;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #d6e1ee;border-radius:50%;background:#ffffffed;color:#345879;box-shadow:0 2px 8px #152b4910;cursor:pointer}
button[hidden]{display:none}
button:hover{background:#edf4fe;color:#125ac1;border-color:#abc6e8}
button:focus-visible{outline:2px solid #157afd;outline-offset:3px}
button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#play svg{fill:currentColor;stroke:none;width:18px;height:18px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:540px){[data-harness="business-pilot"] .film{aspect-ratio:4/5;border-radius:10px}}
@media(max-width:600px){[data-harness="operations"] .film{aspect-ratio:2/3}button{right:10px;bottom:10px}}
/* Leave the signature embedded in the MP4 visible under the controls. */
button{bottom:max(16px,9%)}