.workflow .wf-phone-step { scroll-margin-top:96px; }
.workflow .wf-demo-video { display:block; width:100%; height:auto; aspect-ratio:590/1278; object-fit:contain; border-radius:calc(var(--device-width)*.113); background:#080d10; box-shadow:0 0 0 calc(var(--device-width)*.013) #080d10; }
.workflow .wf-demo-controls { display:flex; justify-content:center; margin-top:16px; }
.workflow .wf-demo-toggle { min-width:112px; min-height:44px; padding:10px 16px; border:1px solid #687174; border-radius:6px; background:transparent; color:#f0efed; font:400 13px/1.4 var(--sans); touch-action:manipulation; }
.workflow .wf-demo-toggle:focus-visible { outline:2px solid #f0efed; outline-offset:4px; }
.workflow .wf-demo-toggle[hidden] { display:none; }
@media(hover:hover) { .workflow .wf-demo-toggle:hover { background:#263136; } }