/* Tenant-scoped motion enhancement. The static content stays readable before JS. */
.ost-flow{background:#102633;color:#f8fbf3;border-block:1px solid #2d4653}
.ost-flow .ost-kicker{margin-bottom:16px}.ost-flow__heading{display:grid;grid-template-columns:1.15fr 1fr;gap:80px;align-items:end;margin-bottom:42px}.ost-flow__heading h2{max-width:17ch}.ost-flow__heading>p{color:#b7cbd4;max-width:420px;font-size:1rem;padding-bottom:3px}
.ost-flow__workspace{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.35fr);gap:28px;align-items:stretch}
.ost-flow__systems{display:grid;grid-template-columns:1fr;gap:10px;align-content:stretch}
.ost-flow-step{appearance:none;display:grid;grid-template-columns:26px minmax(0,1fr) 18px;gap:16px;align-items:start;text-align:left;background:#142d3a;border:1px solid #38515e;border-radius:5px;padding:23px 20px;color:#f4f8ed;min-width:0;cursor:pointer;transition:background .2s,border-color .2s}
.ost-flow-step:disabled{cursor:default;opacity:1}.ost-flow-step:not(:disabled):hover{background:#1c3946;border-color:#759887}.ost-flow-step[aria-pressed=true]{background:#213e3c;border-color:#b4f46e}
.ost-flow-step__number{font:400 .67rem/1.5 'IBM Plex Mono',monospace;color:#a9c1b2;padding-top:2px}.ost-flow-step__copy{display:block;min-width:0}.ost-flow-step__copy>strong{display:block;font-size:1.14rem;line-height:1.2;font-weight:600;letter-spacing:-.015em}.ost-flow-step__copy>span{display:block;margin-top:8px;color:#b7cbd4;font-size:.85rem;line-height:1.55}.ost-flow-step__arrow{color:#92ada9;line-height:1.3}.ost-flow-step:disabled .ost-flow-step__arrow{opacity:0}.ost-flow-step[aria-pressed=true] .ost-flow-step__number,.ost-flow-step[aria-pressed=true] .ost-flow-step__arrow{color:#b4f46e}
.ost-flow__diagram{align-self:stretch;min-width:0;display:flex;flex-direction:column;background:#0d202c;border:1px solid #3b5664;border-radius:6px;overflow:hidden}
.ost-flow__diagram-header{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:17px 21px;border-bottom:1px solid #304b59;font:400 .62rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.07em;text-transform:uppercase;color:#c8dbe4}
.ost-flow__diagram-indicator{display:flex;gap:5px;flex-shrink:0}.ost-flow__diagram-indicator i{display:block;width:15px;height:3px;background:#48616b}.ost-flow[data-ost-flow-active="0"] .ost-flow__diagram-indicator i:nth-child(1),.ost-flow[data-ost-flow-active="1"] .ost-flow__diagram-indicator i:nth-child(2),.ost-flow[data-ost-flow-active="2"] .ost-flow__diagram-indicator i:nth-child(3),.ost-flow[data-ost-flow-active="3"] .ost-flow__diagram-indicator i:nth-child(4){background:#b4f46e}
.ost-flow__svg{display:block;width:100%;height:auto;flex:1;min-height:0;overflow:visible}.ost-flow-wire{stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.ost-flow-wire--base{stroke:#4c6876}.ost-flow-wire--signal{stroke:#b4f46e;stroke-width:3;opacity:0}.ost-flow-node__outline{fill:#16303e;stroke:#557380;stroke-width:1.3;transition:stroke .2s,fill .2s}.ost-flow-node__icon{stroke:#a6c2cc;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;fill:none}.ost-flow-node__label{fill:#bdd0d5;font:500 12px 'IBM Plex Mono',monospace;letter-spacing:1px}.ost-flow-node__label--small{font-size:9px;letter-spacing:.4px}.ost-flow-node__lights{fill:#698f84}.ost-flow-node--compute .ost-flow-node__outline{fill:url(#ost-flow-rack-front)}.ost-flow__drawing-note{fill:#7394a4;font:400 9px 'IBM Plex Mono',monospace;letter-spacing:1.1px}.ost-flow-node.is-active .ost-flow-node__outline{stroke:#b4f46e;stroke-width:2}.ost-flow-node.is-active .ost-flow-node__icon{stroke:#b4f46e}.ost-flow-node.is-active .ost-flow-node__label{fill:#d5ffaf}.ost-flow-node.is-active .ost-flow-node__lights{fill:#b4f46e}
.ost-flow__diagram figcaption{font-size:.7rem;line-height:1.55;color:#91afbd;padding:15px 21px;border-top:1px solid #304b59;background:#102633;min-height:55px}
.ost-flow__controls{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px 18px;padding:12px 20px;border-bottom:1px solid #304b59;background:#102633}.ost-flow__controls[hidden]{display:none}.ost-flow__controls>p{color:#a9c1ca;font-size:.79rem}.ost-flow-play{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 15px;border:1px solid #769286;border-radius:4px;background:transparent;color:#e3f5d6;font-size:.83rem;line-height:1.3;font-weight:500;cursor:pointer}.ost-flow-play:hover{background:#234135;border-color:#b4f46e}.ost-flow-play[hidden]{display:none}.ost-flow-play__icon{width:11px;height:12px;display:block;border-left:2px solid currentColor;border-right:2px solid currentColor}.ost-flow-play:not([data-playing=true]) .ost-flow-play__icon{width:0;height:0;border-left:9px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:0}.ost-flow :where(button):focus-visible{outline:3px solid #b4f46e;outline-offset:4px}.ost-flow__status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(min-width:1450px){.ost-flow__workspace{gap:36px}.ost-flow-step{padding:25px 23px}.ost-flow-step__copy>span{font-size:.89rem}}
@media(max-width:1020px){.ost-flow__heading{gap:45px}.ost-flow__workspace{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.ost-flow-step{padding:19px 17px;gap:12px;grid-template-columns:22px minmax(0,1fr) 14px}.ost-flow-step__copy>strong{font-size:1.1rem}.ost-flow-step__copy>span{font-size:.8rem}.ost-flow__svg{align-self:center;flex:none;margin-block:auto}}
@media(max-width:820px){.ost-flow__heading{grid-template-columns:1fr;gap:21px;margin-bottom:30px}.ost-flow__heading h2{max-width:18ch}.ost-flow__heading>p{max-width:560px;font-size:1rem}.ost-flow__workspace{grid-template-columns:1fr;gap:22px}.ost-flow__diagram{grid-row:1}.ost-flow__svg{width:100%;max-height:520px;margin-block:0}.ost-flow__systems{grid-template-columns:1fr 1fr;gap:12px}.ost-flow-step{padding:22px 20px;grid-template-columns:22px minmax(0,1fr) 12px;gap:12px}.ost-flow-step__copy>strong{font-size:1.14rem}.ost-flow-step__copy>span{font-size:.87rem}.ost-flow__diagram figcaption{font-size:.74rem;min-height:0}.ost-flow__controls{padding:12px 20px}}
@media(max-width:520px){.ost-flow__systems{grid-template-columns:1fr;gap:10px}.ost-flow__heading h2{font-size:2.35rem}.ost-flow__heading>p{font-size:1rem}.ost-flow__diagram-header{padding:15px;font-size:.52rem;gap:12px;letter-spacing:.04em}.ost-flow__diagram-indicator i{width:10px}.ost-flow__svg{width:100%;max-height:none}.ost-flow__diagram figcaption{padding:14px 15px;font-size:.71rem}.ost-flow-step{padding:20px 17px;gap:13px;grid-template-columns:20px minmax(0,1fr) 12px}.ost-flow-step__copy>strong{font-size:1.15rem}.ost-flow-step__copy>span{font-size:.9rem}.ost-flow__controls{align-items:flex-start;gap:10px;padding:12px 15px}.ost-flow__controls>p{flex-basis:100%;font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.ost-flow-step,.ost-flow-node__outline{transition:none}.ost-flow .ost-flow-wire--signal{stroke-dashoffset:0!important}}

.ost-films{margin-top:28px;border:1px solid #3b5664;border-radius:6px;background:#0d202c;overflow:hidden}.ost-films summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:21px 24px;list-style:none;color:#f4f8ed;font-size:1rem;font-weight:500}.ost-films summary::-webkit-details-marker{display:none}.ost-films summary>span:last-child{color:#b7cbd4;font-size:.75rem;font-weight:400}.ost-films summary>span:last-child>span{margin-left:14px;color:#b4f46e}.ost-films[open] summary{border-bottom:1px solid #304b59}.ost-films summary:focus-visible{outline:3px solid #b4f46e;outline-offset:-4px}.ost-films__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:24px;align-items:start}.ost-films__grid figure{margin:0;min-width:0}.ost-films__grid h3{font-size:1.1rem;line-height:1.3;letter-spacing:-.015em;margin-bottom:16px}.ost-films video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#0d202c;border:1px solid #304b59;border-radius:4px}.ost-films figcaption{font-size:.76rem;line-height:1.65;color:#b7cbd4;margin-top:14px}.ost-films figcaption a{display:inline-block;color:#d5ffaf;text-decoration:underline;text-underline-offset:4px;margin-top:5px}
@media(max-width:760px){.ost-films summary{align-items:flex-start;flex-direction:column;gap:8px;padding:20px}.ost-films summary>span:last-child{font-size:.72rem}.ost-films__grid{grid-template-columns:1fr;padding:20px;gap:30px}.ost-films__grid h3{font-size:1.1rem}}