/* Flow films stay decorative; the real product demos retain their controls. */
.background-film{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#061724}
.background-film>:is(img,video){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.background-film>video{opacity:0;z-index:1}
.background-film.is-playing>video.is-current{opacity:1}
.background-film>video.is-incoming{z-index:2;opacity:0;transition:opacity .8s linear}
.background-film.is-blending>video.is-incoming{opacity:1}
.op-hero-film>.background-film,.op-nova-film>.background-film{position:relative;aspect-ratio:16/9}
.op-process-banner{position:relative;isolation:isolate;overflow:hidden;background:#061724;border:1px solid #294a59;border-radius:16px;padding:44px;min-height:330px;gap:46px;align-items:center}
.op-process-banner>.background-film::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(90deg,rgba(4,18,29,.85),rgba(4,18,29,.68) 55%,rgba(4,18,29,.62))}
.op-process-banner>.op-process-copy{position:relative;z-index:1;color:#d5e4e9}
.op-process-banner h2{color:#fff}
.op-process-banner .op-eyebrow,.op-process-banner .op-link{color:#a6eddc}
.op-process-banner .op-link:hover{color:#fff}
.op-process-banner :focus-visible{outline-color:#a6eddc}
.op-film-pause{display:block;width:fit-content;margin-top:24px;min-height:44px;padding:8px 14px;border:1px solid #7898a5;border-radius:7px;color:white;background:#102a3799;font:500 .8125rem/1.4 var(--ff);cursor:pointer}
.op-film-pause:hover{background:#234656}
.op-film-pause:disabled{cursor:default;opacity:.8}
@media(max-width:768px){.background-film>video{display:none}}
@media(max-width:720px){.op-process-banner{padding:28px 24px;min-height:0;gap:25px}.op-process-banner .background-film>:is(img,video){object-position:66% center}.op-process-banner>.background-film::after{background:rgba(4,18,29,.8)}}
@media(prefers-reduced-motion:reduce){.background-film>video{display:none}}
@media(forced-colors:active){.background-film{display:none}.op-process-banner,.op-process-banner h2,.op-process-banner>.op-process-copy,.op-process-banner .op-link,.op-process-banner .op-eyebrow{color:CanvasText;background:Canvas}}
@media print{.background-film,.op-film-pause{display:none}}

/* The original robot introduces the live assistant below Power Platform. */
.op-nova-feature{padding:72px 0;background:#0b202c;color:#d2e1e7}
.op-nova-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.op-nova-grid>*{min-width:0}
.op-nova-film{border:1px solid #31515f;box-shadow:0 20px 55px #0003}
.op-nova-feature .op-eyebrow{color:#a6eddc;margin-bottom:18px}
.op-nova-copy h2{font:700 clamp(2rem,3.1vw,3rem)/1.12 var(--ffd);letter-spacing:-.045em;color:#fff;margin:0 0 24px}
.op-nova-copy>p:not(.op-eyebrow){font-size:1rem;line-height:1.85;margin:0 0 28px;max-width:51ch}
.op-nova-feature .op-primary{background:#a6eddc;color:#103a37}
.op-nova-feature .op-primary:hover{background:#c1f6e8}
.op-nova-link{color:#c3e7e0;font-size:.9375rem;text-decoration:underline;text-underline-offset:5px;padding-block:12px}
.op-nova-feature :focus-visible{outline-color:#a6eddc}
.op-nova-visual .op-film-pause{margin-top:16px}
@media(max-width:1000px){.op-nova-grid{gap:32px}}
@media(max-width:720px){.op-nova-feature{padding:48px 0}.op-nova-grid{grid-template-columns:1fr;gap:32px}.op-nova-copy h2{font-size:2.15rem}.op-nova-feature .op-actions{align-items:flex-start;flex-direction:column}.op-nova-feature .op-actions>a{flex:none}.op-nova-copy{order:-1}}