.workforce-demo { background: #f7fafc; scroll-margin-top: 6rem; }
.workforce-demo-grid { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 2.5rem; align-items: start; }
.workforce-demo-copy h2 { font-size: clamp(1.8rem, 3vw, 2.7rem); line-height: 1.15; margin: .6rem 0 1.2rem; }
.workforce-demo-copy > p { color: #3c4a5f; }
.workforce-demo-examples { padding-left: 1.25rem; margin: 1.2rem 0 1.7rem; }
.workforce-demo-examples li + li { margin-top: .8rem; }
.workforce-demo .button { max-width: 100%; white-space: normal; text-align: center; }
.workforce-demo .button-primary, .assistant-hero .button-primary { background: #0a2342; color: #fff; }
.workforce-demo .button-primary:hover, .assistant-hero .button-primary:hover { background: #12345b; }
.assistant-hero .hero-actions { flex-wrap: wrap; }
.assistant-hero .button { max-width: 100%; white-space: normal; text-align: center; }
.workforce-demo-player { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #071a33; border-radius: 12px; box-shadow: 0 16px 45px rgba(7,26,51,.14); }
.workforce-demo-player img { width: 100%; height: 100%; object-fit: cover; }
.workforce-demo-load { position: absolute; inset: auto 5% 7%; width: 90%; border: 2px solid #fff; border-radius: 10px; padding: .8rem 1rem; background: #071a33; color: #fff; font: inherit; font-weight: 700; cursor: pointer; box-shadow: 0 3px 12px rgba(0,0,0,.2); }
.workforce-demo-load:hover { background: #12345b; }
.workforce-demo-load:focus-visible { outline: 4px solid #00b4d8; outline-offset: 4px; }
.workforce-demo-load span { margin-right: .5rem; }
.workforce-demo-load small { display: block; font-weight: 400; }
.workforce-demo-player iframe { width: 100%; height: 100%; border: 0; }
.workforce-demo-small { font-size: .88rem; color: #3c4a5f; margin: .85rem 0; }
.workforce-demo-small a { text-decoration: underline; text-underline-offset: .15em; }
.workforce-demo-note { font-size: .85rem; color: #3c4a5f; border-left: 3px solid #00b4d8; padding: .4rem 0 .4rem 1rem; }
@media (max-width: 900px) { .workforce-demo-grid { grid-template-columns: minmax(0, 1fr); gap: 1.8rem; } }
@media (max-width: 420px) { .workforce-demo-load { font-size: .83rem; padding: .5rem; } }