.ops-demo{--od-surface:var(--sheet,#fff);--od-ink:var(--ink,#182731);--od-line:var(--line,#d7e0e7);--od-accent:var(--accent,#294cde);--od-wash:var(--wash,#edf1fc);--od-muted:var(--stone,#637582);margin:34px 0 48px;font:16px/1.7 var(--body,sans-serif);color:var(--od-ink);min-width:0;max-width:100%}.ops-demo *{box-sizing:border-box}.ops-demo p,.ops-demo h3,.ops-demo h4,.ops-demo h5{margin:0;white-space:normal}.ops-demo h3{font:500 clamp(25px,2.2vw,34px)/1.45 var(--display,sans-serif);letter-spacing:-.025em}.ops-demo h4{font-size:20px;line-height:1.5;font-weight:550}.ops-demo h5{font-size:18px;line-height:1.55;font-weight:500}.ops-demo button{font:16px/1.5 var(--body,sans-serif);cursor:pointer}.ops-demo button:focus-visible,.ops-demo input:focus-visible,.ops-demo summary:focus-visible{outline:2px solid var(--od-accent);outline-offset:4px}.od-intro{display:flex;justify-content:space-between;align-items:end;gap:38px;margin-bottom:24px}.od-intro>div{max-width:54em}.od-eyebrow{display:block;font-size:14px;line-height:1.6;color:var(--od-accent);margin-bottom:8px}.od-intro>p{flex:0 1 370px;max-width:32em;font-size:14px;line-height:1.8;color:var(--od-muted)}.od-controls{position:sticky;top:var(--header,78px);z-index:12;display:flex;align-items:center;gap:10px;margin:0 0 16px;padding:10px 0;background:var(--paper,#f6f8fa);border-bottom:1px solid var(--od-line)}.od-controls button{padding:9px 13px;min-height:44px;min-width:44px;border:1px solid var(--od-line);background:var(--od-surface);border-radius:3px}.od-controls button:first-child{background:var(--od-accent);color:var(--od-surface);border-color:var(--od-accent);min-width:80px}.od-controls input{flex:1;min-width:60px;height:36px;margin:0;accent-color:var(--od-accent);cursor:pointer}.od-controls output{font:14px/1.5 var(--mono,monospace);color:var(--od-muted);white-space:nowrap}.od-app{background:var(--od-surface);border:1px solid var(--od-line);border-radius:5px;overflow:hidden}.od-appbar{display:flex;align-items:center;gap:22px;padding:18px 26px;border-bottom:1px solid var(--od-line);background:linear-gradient(110deg,var(--od-surface),var(--paper2,#eef2f6))}.od-product{font:24px/1.3 var(--latin,Georgia);white-space:nowrap}.od-product>span{font:14px/1.5 var(--body,sans-serif);color:var(--od-accent);margin-left:7px}.od-object{font-size:16px;color:var(--od-muted);margin-left:auto;text-align:right}.od-workspace{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(290px,1fr);min-width:0}.od-analysis{grid-column:1;grid-row:1;padding:27px 30px 30px;min-width:0}.od-inputs{grid-column:2;grid-row:1;padding:27px 24px;border-left:1px solid var(--od-line);background:color-mix(in srgb,var(--paper,#f6f8fa) 45%,var(--od-surface));min-width:0}.od-pane-label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:21px;font-size:16px;color:var(--od-muted)}.od-pane-label>span{font-size:14px;line-height:1.6;text-align:right}.od-primary{padding:0 0 24px;margin-bottom:24px;border-bottom:1px solid var(--od-line)}.od-key-metric{display:block;font:500 clamp(25px,2.3vw,34px)/1.4 var(--mono,monospace);letter-spacing:-.8px;color:var(--od-accent);overflow-wrap:anywhere}.od-insight{font-size:18px;line-height:1.85;color:var(--od-ink);margin-top:12px!important;max-width:48em}.od-chart-head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:13px}.od-chart-head>span{font-size:14px;color:var(--od-muted);white-space:nowrap;padding-top:4px}.od-chart{height:270px;width:100%;min-width:0}.od-chart svg{width:100%;height:100%;display:block;overflow:visible}.od-chart svg text{font:14px/1.4 var(--mono,monospace);fill:var(--od-muted)}.od-chart .od-value{fill:var(--od-accent);font-size:16px}.od-axis{stroke:var(--od-line);stroke-width:1}.od-reference{stroke:var(--od-muted);stroke-width:1.6;fill:none;opacity:.75}.od-recorded{stroke:var(--od-accent);stroke-width:2.6;fill:none}.od-recorded-fill{fill:var(--od-accent);opacity:.09}.od-point{fill:var(--od-surface);stroke:var(--od-accent);stroke-width:2}.od-bar{fill:var(--od-accent);opacity:.85}.od-bar-ref{fill:var(--od-muted);opacity:.25}.od-follow{stroke:var(--ember,#a6532c);stroke-width:2.6;fill:none}.od-follow-point{fill:var(--od-surface);stroke:var(--ember,#a6532c);stroke-width:2}.od-mode{fill:var(--od-accent);opacity:.09}.od-chart-legend{display:flex;flex-wrap:wrap;gap:10px 20px;margin:14px 0 22px;font-size:14px;color:var(--od-muted)}.od-chart-legend>span{display:flex;align-items:center;gap:7px}.od-chart-legend i{width:18px;height:2px;background:var(--od-accent)}.od-chart-legend>span:nth-child(2) i{background:var(--od-muted)}.od-chart-legend>span:last-child:before{content:'';width:18px;height:2px;background:var(--ember,#a6532c)}.od-chart-legend>span:last-child{color:var(--ember,#a6532c)}.od-calculation{padding-top:20px;border-top:1px solid var(--od-line)}.od-calculation>span{display:block;font-size:14px;color:var(--od-muted);margin-bottom:7px}.od-formula{display:block;font:500 22px/1.6 var(--mono,monospace);color:var(--od-accent);white-space:normal;overflow-wrap:anywhere}.od-conditions{margin-top:13px}.od-conditions p{font-size:14px;line-height:1.8;color:var(--od-muted);padding-left:12px;position:relative;margin:6px 0}.od-conditions p:before{content:'·';position:absolute;left:0}.od-tool-log{margin-top:24px;border-top:1px solid var(--od-line);padding-top:20px}.od-tool-log>div{display:flex;justify-content:space-between;gap:15px;font-size:14px;color:var(--od-muted);margin-bottom:12px}.od-tool-log>p{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:4px 13px;margin:13px 0;padding-left:12px;border-left:2px solid var(--od-line)}.od-tool-log strong{font-size:16px;font-weight:500;line-height:1.7}.od-tool-log p>span{grid-column:1;font-size:14px;color:var(--od-muted);line-height:1.8}.od-tool-log p>b{grid-column:2;grid-row:1/3;color:var(--od-accent);font-size:16px;font-weight:400}.od-stream{border-bottom:1px solid var(--od-line);margin-bottom:18px;padding-bottom:18px}.od-stream-name{display:flex;justify-content:space-between;gap:14px;align-items:baseline}.od-stream-name>strong{font-size:16px;font-weight:500}.od-stream-name>b{font-size:14px;font-weight:400;color:var(--od-muted)}.od-field{display:block;font-size:14px;color:var(--od-muted);line-height:1.7;margin:5px 0}.od-raw{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}.od-raw strong{font:500 24px/1.6 var(--mono,monospace);letter-spacing:-.4px}.od-raw strong small{font-size:14px;font-weight:400;letter-spacing:0}.od-raw time{font:14px/1.6 var(--mono,monospace);color:var(--od-muted)}.od-map{font-size:14px;line-height:1.8;color:var(--od-accent);margin-top:9px}.od-object-note{padding-left:13px;margin:24px 0;border-left:2px solid var(--od-accent)}.od-object-note>span{display:block;font-size:14px;color:var(--od-muted)}.od-object-note>strong{display:block;font-size:16px;font-weight:500;line-height:1.7;margin:5px 0}.od-sync{font-size:14px;line-height:1.75;color:var(--od-accent)}.od-table-wrap{overflow-x:auto;max-width:100%}.od-record-table,.od-static-table{border-collapse:collapse;width:100%;text-align:left;font:14px/1.7 var(--mono,monospace);font-variant-numeric:tabular-nums}.od-record-table th,.od-record-table td,.od-static-table th,.od-static-table td{padding:9px 6px;border-bottom:1px solid var(--od-line);vertical-align:top;text-align:right}.od-record-table th,.od-static-table th{font:400 14px/1.7 var(--body,sans-serif);color:var(--od-muted)}.od-record-table th:first-child,.od-record-table td:first-child,.od-static-table th:first-child,.od-static-table td:first-child{text-align:left}.od-record-table td{white-space:nowrap}.od-task{grid-column:1/-1;grid-row:2;border-top:1px solid var(--od-line);padding:26px 30px 30px;min-width:0}.od-task>h4{max-width:52em;margin:0 0 23px}.od-task-flow{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px 48px}.od-decision,.od-followthrough{min-width:0}.od-options>h5{margin-bottom:14px}.od-option{padding:13px 0;border-bottom:1px solid var(--od-line)}.od-option strong{font-size:16px;font-weight:500;line-height:1.7}.od-option p{font-size:14px;line-height:1.8;color:var(--od-muted);margin-top:5px}.od-option:last-of-type{padding:13px 16px;border-left:2px solid var(--od-accent);background:var(--od-wash)}.od-approval{margin-top:24px}.od-approval>span,.od-work-order>span,.od-feedback>span{display:block;font-size:14px;line-height:1.7;color:var(--od-muted);margin-bottom:7px}.od-approval>strong{display:block;font-size:18px;font-weight:500;margin-bottom:12px}.od-approval button{display:block;max-width:100%;min-height:46px;padding:10px 16px;border:1px solid var(--od-accent);border-radius:3px;color:var(--od-accent);background:var(--od-surface)}.od-approval p{font-size:14px;line-height:1.85;margin-top:9px;color:var(--od-muted)}.od-work-order{padding:0 0 22px;border-bottom:1px solid var(--od-line)}.od-work-order p{font-size:18px;line-height:1.85;color:var(--od-ink)}.od-work-order>b{display:block;font-size:14px;font-weight:400;color:var(--od-accent);margin-top:11px}.od-feedback{margin-top:23px}.od-feedback>strong{display:block;font:500 26px/1.5 var(--mono,monospace);color:var(--od-accent);overflow-wrap:anywhere}.od-feedback p{font-size:16px;line-height:1.85;margin-top:11px;color:var(--od-ink)}.od-preparation{display:flex;gap:25px;flex-wrap:wrap;padding:0 0 20px;margin-bottom:20px;border-bottom:1px solid var(--od-line)}.od-preparation p{flex:1;min-width:180px;font-size:16px;line-height:1.7}.od-preparation p>span{display:block;font-size:14px;color:var(--od-muted);margin-bottom:5px}.od-preparation strong{flex-basis:100%;font-size:16px;font-weight:500;color:var(--od-accent)}.od-feature{padding:15px 16px;margin:16px 0;border-left:2px solid var(--od-accent);background:var(--od-wash)}.od-feature>span{display:block;font-size:14px;color:var(--od-muted);margin-bottom:8px}.od-feature>div{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 15px;font-size:16px}.od-feature time{font:14px/1.7 var(--mono,monospace);color:var(--od-muted)}.od-feature strong{font-size:20px;color:var(--od-accent);font-weight:500}.od-feature small{font-size:14px}.od-site-rollout{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}.od-site-rollout>span{padding:10px 15px;background:var(--od-wash);color:var(--od-accent);font-size:16px;line-height:1.7}.od-site-rollout>span:last-child{background:var(--paper2);color:var(--od-muted)}.od-cycle{border-left:2px solid var(--od-accent);padding:17px 18px;background:var(--od-wash);margin-top:23px}.od-cycle>div:first-child{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.od-cycle strong{font-size:18px;font-weight:500}.od-cycle>div:first-child>span{font-size:14px;color:var(--od-muted)}.od-cycle>p{font-size:16px;line-height:1.8;margin:10px 0 7px}.od-cycle>small{display:block;font-size:14px;line-height:1.8;color:var(--od-muted)}.od-cycle-reading{font-size:16px;line-height:1.8;margin:12px 0 8px}.od-cycle>b{font:500 22px/1.7 var(--mono,monospace);display:block;color:var(--od-accent);overflow-wrap:anywhere}.od-cycle>time{font-size:14px;line-height:1.7;color:var(--od-muted);display:block;margin-top:7px}.od-statusline{display:flex;gap:11px;align-items:start;justify-content:space-between;padding:16px 25px;background:var(--od-wash);border-top:1px solid var(--od-line)}.od-statusline>i{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--od-accent);margin-top:9px}.od-statusline>strong{flex:1;font-size:16px;font-weight:500;line-height:1.8}.od-statusline>span{font:14px/1.7 var(--mono,monospace);color:var(--od-muted);white-space:nowrap;padding-top:2px}.od-help{font-size:14px;line-height:1.8;color:var(--od-muted);margin-top:12px!important}.od-help span{display:block;color:var(--od-accent);margin-top:5px}.od-dossier{margin-top:26px;padding:17px 0;border-block:1px solid var(--od-line)}.od-dossier summary{font-size:16px;color:var(--od-accent);cursor:pointer;min-height:30px}.od-dossier>p{font-size:16px;line-height:1.9;margin-top:17px;max-width:70em}.od-dossier>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:30px;margin-top:24px}.od-dossier h4{font-size:18px;margin:13px 0 10px}.od-dossier section p{font-size:16px;line-height:1.85;margin:8px 0}.od-dossier .od-static-table{align-self:start}.od-enhanced .od-stream,.od-enhanced [data-od-row]{transition:opacity .25s ease,transform .3s ease}.od-enhanced .od-stream:not(.od-arrived) .od-raw,.od-enhanced .od-map:not(.od-ready),.od-enhanced [data-od-row]:not(.od-ready),.od-enhanced .od-tool-log>p:not(.od-ready),.od-enhanced .od-formula:not(.od-ready),.od-enhanced .od-options:not(.od-ready),.od-enhanced .od-work-order:not(.od-ready),.od-enhanced .od-feedback:not(.od-ready),.od-enhanced .od-feature:not(.od-ready){visibility:hidden}.od-enhanced .od-stream:not(.od-arrived){transform:translateY(6px)}.od-enhanced [data-od-row].od-revised,.od-record-table [data-od-next-row]{color:var(--od-accent);background:var(--od-wash)}.od-enhanced .od-cycle:not(.od-ready){display:none}.od-enhanced .od-cycle>b:not(.od-ready),.od-enhanced .od-cycle>time:not(.od-ready){visibility:hidden}.od-enhanced [data-od-follow-label]:not(.od-ready){visibility:hidden}.ops-demo:not(.od-enhanced) .od-controls{display:none}
@media(max-width:1000px){.od-workspace{display:flex;flex-direction:column}.od-analysis{order:0;padding:25px}.od-inputs{order:1;padding:25px;border-left:0;border-top:1px solid var(--od-line)}.od-task{order:2;padding:25px}.od-task-flow{grid-template-columns:minmax(0,1fr);gap:27px}.od-inputs .od-streams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.od-stream{margin:0}.od-raw{display:block}.od-raw time{display:block;margin-top:6px}.od-object-note{margin-top:27px}.od-record-table{max-width:900px}.od-dossier>div{grid-template-columns:1fr}}
@media(max-width:700px){.ops-demo{margin:27px 0 35px}.od-intro{display:block}.od-intro>p{margin-top:14px;font-size:14px}.ops-demo h3{font-size:27px}.od-controls{gap:7px;flex-wrap:wrap;padding:8px 0}.od-controls button{padding:9px;min-width:40px}.od-controls button:first-child{min-width:66px;font-size:16px}.od-controls output{font-size:14px;min-width:91px}.od-controls input{min-width:55px}.od-appbar{display:block;padding:16px 20px}.od-object{display:block;margin:10px 0 0;text-align:left;font-size:16px}.od-analysis,.od-inputs,.od-task{padding:21px 19px}.od-pane-label{display:block;margin-bottom:20px}.od-pane-label>span{display:block;text-align:left;margin-top:5px}.od-primary{padding-bottom:19px;margin-bottom:20px}.od-key-metric{font-size:26px;line-height:1.5}.od-insight{font-size:16px;line-height:1.85;margin-top:11px!important}.od-chart-head{display:block;margin-bottom:12px}.od-chart-head h4{font-size:18px;line-height:1.6}.od-chart-head>span{display:block;margin-top:5px;padding:0;font-size:14px}.od-chart{height:250px}.od-chart-legend{gap:8px 16px;margin:13px 0 19px;font-size:14px}.od-formula{font-size:20px}.od-cycle{padding:14px 13px}.od-cycle>b{font-size:20px}.od-cycle>div:first-child{display:block}.od-cycle>div:first-child>span{display:block;margin-top:5px}.od-inputs .od-streams{display:block}.od-stream{margin-bottom:20px;padding-bottom:20px}.od-raw{display:flex}.od-raw time{margin:0}.od-raw strong{font-size:24px}.od-table-wrap{overflow-x:auto}.od-record-table,.od-static-table{min-width:290px}.od-task>h4{font-size:20px}.od-preparation{display:block}.od-preparation p{min-width:0}.od-preparation p+p{margin-top:15px}.od-preparation>strong{display:block;margin-top:16px}.od-statusline{padding:15px 18px;flex-wrap:wrap}.od-statusline>strong{min-width:70%;font-size:16px}.od-statusline>span{margin-left:18px}.od-dossier>div{display:block}.od-dossier .od-static-table{margin-bottom:23px}.od-followthrough .od-feedback>strong{font-size:24px}.od-feature>div{display:block}.od-feature>div>*{display:block;margin-top:4px}.ops-demo:not(.od-enhanced) .od-chart svg text{font-size:24px}}
@media(max-width:360px){.od-controls{gap:6px}.od-controls output{min-width:0;font-size:14px;flex-basis:100%;text-align:right}.od-controls input{min-width:70px}.od-key-metric{font-size:24px}.od-analysis,.od-inputs,.od-task{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.ops-demo *{animation:none!important;transition:none!important}}
.od-axis-note{font-size:14px!important;line-height:1.8!important;color:var(--od-muted);margin:0 0 19px!important;max-width:60em}

.od-direction{font-size:16px!important;line-height:1.8!important;margin:11px 0 16px!important;color:var(--od-ink)}
@media(max-width:1000px){.od-task{order:1}.od-inputs{order:2}}
