.ops-demo{--ops-ink:#142548;--ops-blue:#2449c8;--ops-clay:#9b452c;--ops-line:#c8d2e7;color:var(--ops-ink);overflow:clip}.ops-demo .ops-eyebrow{font:600 .7rem/1.6 var(--font-mono,monospace);text-transform:uppercase;letter-spacing:.095em;display:block}.ops-demo h4{margin:0 0 .55rem;font-size:1.1rem}.ops-demo button,.ops-demo select,.ops-demo input{font:inherit}.ops-demo input,.ops-demo select{max-width:100%;min-height:44px}.ops-demo button{min-height:44px}.ops-demo button:disabled{cursor:not-allowed;opacity:.55}.ops-demo :is(button,input,select,a):focus-visible{outline:3px solid var(--ops-blue);outline-offset:4px}.ops-demo p{line-height:1.65}.ops-demo .demo-field{align-content:start;gap:.4rem;display:grid}.ops-demo .demo-field :is(select,input){border:1px solid var(--control-line);color:var(--ops-ink);background:#fff;border-radius:8px;width:100%;padding:.6rem .65rem}.ops-demo .demo-field{margin-bottom:.9rem}.ops-demo .demo-controls{flex-wrap:wrap;gap:.5rem;display:flex}.ops-demo .demo-button{border:1px solid var(--ops-blue);color:var(--ops-blue);cursor:pointer;background:#fff;border-radius:7px;padding:.6rem .85rem}.ops-demo .demo-button:hover:not(:disabled){background:#edf1ff}.ops-demo .demo-result{margin-top:1.2rem}.ops-demo .demo-status{font-size:.75rem;line-height:1.5}.ops-demo .ops-export{margin-top:1.3rem}.ops-demo .ops-export-status{min-height:1.2em;margin:.5rem 0 0;font-size:.82rem}.ops-demo[data-ready=false] .ops-interactive,.ops-demo[data-ready=true] .ops-static-value{display:none}.ops-two-inputs,.ops-plan-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.ops-plan-inputs{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-ledger-pair{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:1.2rem;margin:1.8rem 0;display:grid}.ops-payment-receipt{border:1px solid var(--ops-line);clip-path:polygon(0 0,100% 0,100% 97%,95% 100%,90% 97%,85% 100%,80% 97%,75% 100%,70% 97%,65% 100%,60% 97%,55% 100%,50% 97%,45% 100%,40% 97%,35% 100%,30% 97%,25% 100%,20% 97%,15% 100%,10% 97%,5% 100%,0 97%);background:#fff;gap:.8rem;padding:1.5rem 1.25rem 2rem;display:grid}.ops-payment-receipt strong{font:500 2.2rem/1.2 var(--font-mono,monospace)}.ops-receipt-rule{border-top:2px dashed var(--ops-line)}.ops-order-slip{background:var(--ops-ink);color:#fff;border-radius:12px;gap:.6rem;padding:1.5rem;display:grid;box-shadow:7px 7px #d8e1f5}.ops-demo .ops-order-slip p,.ops-demo .ops-import-receipt p{color:#e5ebfa}.ops-demo :is(.ops-order-slip,.ops-import-receipt,.ops-count-comparison,.ops-file-tab) strong{color:#fff}.ops-order-slip strong{font-size:1.7rem;line-height:1.2}.ops-order-slip span:last-child{font:.8rem/1.5 var(--font-mono,monospace);color:#d5def7}.ops-event-tape{gap:0;display:grid;margin:1.4rem 0!important;padding:0!important;list-style:none!important}.ops-event-tape li{border-top:1px solid var(--ops-line);grid-template-columns:2rem 1fr;align-items:center;gap:.8rem;padding:.9rem .2rem;display:grid;margin:0!important}.ops-event-tape li>span{border:1px solid var(--ops-blue);aspect-ratio:1;font:.8rem var(--font-mono,monospace);border-radius:50%;place-items:center;display:grid}.ops-calendar{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem;display:grid;margin:1.5rem 0!important;padding:0!important;list-style:none!important}.ops-calendar li{border:1px solid var(--ops-line);border-top:5px solid var(--ops-blue);background:#fff;border-radius:4px;align-content:start;gap:.6rem;padding:1rem;display:grid;margin:0!important}.ops-calendar li strong{font-size:1.5rem}.ops-calendar-index{font:.7rem var(--font-mono,monospace);color:var(--ops-blue)}.ops-calendar li[data-state^=Failed],.ops-calendar li[data-state=Refunded]{border-top-color:var(--ops-clay);background:#fff5ef}.ops-calendar li.ops-calendar-end{border:1px dashed var(--ops-blue);background:0 0}.ops-calendar-end svg{width:2rem;height:2rem}.ops-identity-files{grid-template-columns:1fr 1fr;gap:.8rem;margin:1.5rem 0;display:grid}.ops-identity-files>div{border:1px solid var(--ops-line);background:#fff;border-radius:0 10px 10px;overflow:hidden}.ops-file-tab{background:var(--ops-ink);color:#fff;font:.75rem/1.5 var(--font-mono,monospace);padding:.65rem 1rem;display:block}.ops-identity-files ul{padding:.5rem 1rem!important;list-style:none!important}.ops-identity-files li{border-bottom:1px solid var(--ops-line);padding:.6rem 0;font-size:.85rem}.ops-sync-history{grid-template-columns:1.1fr .9fr;gap:1.2rem;margin:1.5rem 0;display:grid}.ops-sync-history ol{margin:.8rem 0 0!important;padding:0!important;list-style:none!important}.ops-sync-history li{border-left:2px solid var(--ops-line);gap:.25rem;padding:.4rem 0 .7rem 1rem;display:grid}.ops-sync-history time{font:.7rem var(--font-mono,monospace);color:var(--ops-blue)}.ops-sync-pending{border:1px dashed var(--ops-clay);background:#fff5ef;border-radius:10px;align-content:center;gap:.65rem;padding:1rem;display:grid}.ops-sync-pending svg{width:2.5rem;height:2.5rem}.ops-sync-verdict{border:1px solid var(--ops-blue);border-left:5px solid var(--ops-blue);background:#fff;gap:.5rem;padding:1.4rem;display:grid}.ops-sync-verdict strong{font-size:1.3rem}.ops-sync-verdict>span:last-child{font:.75rem/1.5 var(--font-mono,monospace)}.ops-portal-journey{margin:1.5rem 0!important;padding:0!important;list-style:none!important}.ops-portal-journey>li{grid-template-columns:2.6rem 1fr;gap:1rem;padding:0 0 1.5rem;display:grid;margin:0!important}.ops-portal-stop{border:1px solid var(--ops-line);width:2.6rem;height:2.6rem;font:1rem var(--font-mono,monospace);border-radius:50%;place-items:center;display:grid}.ops-portal-journey>li[data-needed=true] .ops-portal-stop{background:var(--ops-blue);color:#fff;border-color:var(--ops-blue);box-shadow:0 0 0 5px #e3eaff}.ops-portal-journey p{font-size:.9rem;margin:.4rem 0!important}.ops-check{align-items:center;gap:.7rem;font-size:.9rem;line-height:1.5;display:flex}.ops-check input{width:1.15rem;height:1.15rem;min-height:1.15rem;accent-color:var(--ops-blue);flex:none}.ops-count-comparison{background:var(--ops-ink);color:#fff;border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;margin:1.5rem 0;padding:1.5rem;display:grid}.ops-count-comparison>div{gap:1rem;display:grid}.ops-count-comparison strong{font:500 clamp(2.5rem,6vw,4rem)/1 var(--font-mono,monospace)}.ops-count-comparison span{font-size:.78rem;line-height:1.5}.ops-count-comparison .ops-count-divider{color:#b6c8ff;font-size:1.5rem}.ops-action-ledger{border-block:1px solid var(--ops-line);margin:1.4rem 0}.ops-action-row{border-bottom:1px solid var(--ops-line);grid-template-columns:1fr 5rem;gap:1.2rem;padding:1rem 0;display:grid}.ops-action-row:last-child{border:0}.ops-action-row strong{font-size:.9rem}.ops-action-row p{font-size:.8rem;margin:.3rem 0 0!important}.ops-action-measure{font:1.4rem var(--font-mono,monospace);flex-direction:column;justify-content:center;align-items:flex-end;gap:.7rem;display:flex}.ops-action-bar{background:var(--ops-blue);border-radius:3px;height:.55rem}.ops-controls-box{border:1px solid var(--ops-line);border-radius:10px;gap:.9rem;min-width:0;margin:1.2rem 0;padding:1rem;display:grid}.ops-controls-box legend{padding:0 .5rem;font-size:.85rem;font-weight:600}.ops-quality-board{grid-template-columns:1.2fr .8fr;gap:1rem;margin:1.5rem 0;display:grid}.ops-rubric{border:1px solid var(--ops-line);background:#fff;border-radius:8px;overflow:hidden}.ops-rubric>.demo-field,.ops-rubric>.ops-check{margin:1rem}.ops-rubric>.demo-field{font-size:.85rem}.ops-stage-passport{border:2px solid var(--ops-blue);border-radius:12px;align-content:center;gap:.75rem;padding:1.3rem;display:grid}.ops-stage-passport>strong{font-size:1.5rem;line-height:1.2}.ops-stage-passport>svg{width:3rem;height:3rem;color:var(--ops-blue)}.ops-stage-passport>p{font-size:.85rem}.ops-import-receipt{background:var(--ops-ink);color:#fff;border-radius:10px;padding:1.3rem}.ops-import-receipt code{color:#cbd7ff;overflow-wrap:anywhere;background:0 0;margin:.5rem 0;font-size:.85rem;display:block}.ops-import-receipt p{margin-bottom:0}@media (prefers-reduced-motion:no-preference){.ops-demo[data-motion-active=true] .ops-event-tape li{animation:.5s both ops-arrive}.ops-demo[data-motion-active=true] .ops-event-tape li:nth-child(2){animation-delay:.15s}.ops-demo[data-motion-active=true] .ops-event-tape li:nth-child(3){animation-delay:.3s}.ops-demo[data-motion-active=true] .ops-action-bar{transform-origin:0;transition:width .35s;animation:.65s both ops-measure}.ops-demo[data-motion-active=true] .ops-calendar>li,.ops-demo[data-motion-active=true] .ops-identity-files>div,.ops-demo[data-motion-active=true] .ops-portal-journey>li{animation:.45s both ops-arrive}.ops-demo[data-motion-active=true] :is(.ops-calendar,.ops-identity-files,.ops-portal-journey)>:nth-child(2){animation-delay:.1s}.ops-demo[data-motion-active=true] :is(.ops-calendar,.ops-portal-journey)>:nth-child(3){animation-delay:.2s}.ops-demo[data-motion-active=true] :is(.ops-calendar,.ops-portal-journey)>:nth-child(n+4){animation-delay:.3s}.ops-demo[data-motion-active=true] .ops-portal-stop{transition:background .25s,box-shadow .25s}.ops-demo[data-motion-active=true] .ops-sync-pending svg{animation:5s ease-in-out infinite ops-breathe}.ops-demo[data-motion-active=true] .ops-stage-passport>svg{animation:6s ease-in-out infinite ops-breathe}}html[data-motion=paused] .ops-demo *{transition:none!important;animation:none!important}@keyframes ops-arrive{0%{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ops-measure{0%{transform:scaleX(.35)}to{transform:scaleX(1)}}@keyframes ops-breathe{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (max-width:600px){.ops-ledger-pair,.ops-identity-files,.ops-sync-history,.ops-quality-board,.ops-two-inputs{grid-template-columns:1fr}.ops-plan-inputs{grid-template-columns:1fr;gap:0}.ops-calendar{grid-template-columns:1fr}.ops-count-comparison{gap:.6rem;padding:1rem}.ops-count-comparison span{font-size:.7rem}.ops-action-row{grid-template-columns:1fr 2.5rem;gap:.6rem}.ops-export .demo-button{flex:8rem}}@media print{.ops-demo{color:#000;overflow:visible;break-inside:auto!important;box-shadow:none!important;border:1px solid #777!important}.ops-demo .ops-interactive,.ops-export{display:none!important}.ops-demo .ops-static-value{display:block!important}.ops-demo *{box-shadow:none!important;color:#000!important;transition:none!important;animation:none!important}.ops-demo :is(.ops-order-slip,.ops-count-comparison,.ops-file-tab,.ops-import-receipt,.ops-calendar li,.ops-payment-receipt){clip-path:none;border:1px solid #777;background:#fff!important}.ops-demo :is(.ops-ledger-pair,.ops-identity-files,.ops-sync-history,.ops-quality-board,.ops-count-comparison,.ops-sync-verdict,.ops-import-receipt,.ops-calendar li,.ops-event-tape li,.ops-portal-journey>li,.ops-action-row){break-inside:avoid}.ops-demo .ops-calendar{grid-template-columns:1fr 1fr}.ops-demo .ops-order-slip span:last-child{color:#000}}