.hero-operations-demo{--hod-ink: #0d1728;--hod-muted: #64748b;--hod-line: #e2e8f0;--hod-soft-line: #edf2f7;--hod-blue: #2563eb;--hod-blue-soft: #eff6ff;--hod-teal: #0f9f89;--hod-green: #16815e;--hod-green-soft: #edf9f4;--hod-orange: #d97706;--hod-orange-soft: #fff8eb;display:block;position:relative;z-index:1;width:100%;max-width:1180px;margin:5rem auto 0;color:var(--hod-ink);opacity:1;visibility:visible;isolation:isolate}.hero-operations-demo *,.hero-operations-demo *:before,.hero-operations-demo *:after{box-sizing:border-box}.hero-operations-demo button,.hero-operations-demo input{font:inherit}.hero-operations-demo button{color:inherit}.hod-demo-label{display:flex;align-items:center;justify-content:space-between;width:72%;margin:0 auto 12px;padding:0 4px;color:var(--hod-muted);font-size:10px;line-height:1.4;letter-spacing:.02em}.hod-demo-label>span{font-weight:700;text-transform:uppercase;letter-spacing:.13em}.hod-stage{--demo-x: 0px;--demo-y: 0px;--demo-rx: 0deg;--demo-ry: 0deg;position:relative;display:block;width:100%;height:535px;perspective:1600px;transform:translate3d(var(--demo-x),var(--demo-y),0) rotateX(var(--demo-rx)) rotateY(var(--demo-ry));transform-style:preserve-3d;transition:transform .28s ease-out}.hod-app-window{position:absolute;z-index:2;top:50px;left:14%;display:block;width:72%;height:426px;overflow:hidden;border:1px solid #dce5ef;border-radius:17px;background:#fff;box-shadow:0 32px 70px #1c2f4a1a,0 6px 20px #1c2f4a0d}.hod-app-header{display:grid;grid-template-columns:1fr minmax(180px,280px) 1fr;align-items:center;height:50px;padding:0 14px;border-bottom:1px solid var(--hod-soft-line);background:#fbfcfe}.hod-app-brand,.hod-app-utilities,.hod-search,.hod-sidebar>span,.hod-panel-header,.hod-panel-header>span,.hod-system-list button>span,.hod-system-detail,.hod-live-state,.hod-phase-status{display:flex;align-items:center}.hod-app-brand{gap:8px;min-width:0}.hod-app-brand>span{display:grid;width:25px;height:25px;place-items:center;overflow:hidden;border-radius:6px;background:#101827}.hod-app-brand img{width:19px;height:auto;filter:brightness(0) invert(1)}.hod-app-brand strong{overflow:hidden;color:#263348;font-size:11px;font-weight:650;white-space:nowrap;text-overflow:ellipsis}.hod-search{gap:7px;height:29px;padding:0 9px;border:1px solid #e3e9f0;border-radius:7px;background:#fff;color:#8b98aa}.hod-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#5d6b7d;font-size:10px}.hod-search input::-moz-placeholder{color:#a0abba}.hod-search input::placeholder{color:#a0abba}.hod-search kbd{padding:1px 5px;border:1px solid #e5eaf0;border-radius:4px;background:#f8fafc;color:#9aa5b4;font-family:inherit;font-size:8px}.hod-app-utilities{justify-self:end;gap:8px;color:#8b98aa}.hod-avatar{display:grid;width:25px;height:25px;place-items:center;border:2px solid #fff;border-radius:50%;background:#dce8ff;box-shadow:0 0 0 1px #cbd8eb;color:#315eac;font-size:8px;font-weight:800}.hod-app-body{display:grid;grid-template-columns:132px minmax(0,1fr);height:calc(100% - 50px)}.hod-sidebar{display:flex;flex-direction:column;gap:2px;padding:15px 10px;border-right:1px solid var(--hod-soft-line);background:#fbfcfe}.hod-sidebar-label{margin:0 7px 6px;color:#9aa6b5!important;font-size:8px!important;font-weight:700!important;text-transform:uppercase;letter-spacing:.12em}.hod-sidebar>span{gap:8px;height:28px;padding:0 8px;border-radius:6px;color:#718096;font-size:9.5px;font-weight:550}.hod-sidebar>span.is-active{background:#eef4ff;color:#2458ad;font-weight:700}.hod-app-main{min-width:0;padding:17px 20px 18px;background:#fff}.hod-app-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.hod-app-heading small{display:block;margin-bottom:4px;color:#93a0b1;font-size:8.5px;font-weight:600}.hod-app-heading h2{margin:0;color:var(--hod-ink);font-size:19px;font-weight:700;line-height:1.15;letter-spacing:-.03em}.hod-app-heading p{margin:4px 0 0;color:var(--hod-muted);font-size:9.5px;line-height:1.4}.hod-live-state{flex:0 0 auto;gap:6px;margin-top:5px;padding:5px 8px;border:1px solid #dfe7ef;border-radius:999px;color:#69778a;font-size:8px;font-weight:650}.hod-live-state i{width:5px;height:5px;border-radius:50%;background:var(--hod-green);box-shadow:0 0 0 3px #16815e1a}.hod-order-workflow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:17px;padding:13px 10px 11px;border:1px solid var(--hod-soft-line);border-radius:10px;background:#fbfcfe}.hod-workflow-step{position:relative;display:flex;min-width:0;align-items:center;gap:7px;padding:0 7px;border:0;background:transparent;text-align:left;cursor:pointer}.hod-workflow-step:focus-visible,.hod-workflow-rows button:focus-visible,.hod-review-actions button:focus-visible,.hod-system-list button:focus-visible{outline:2px solid rgba(37,99,235,.7);outline-offset:2px}.hod-workflow-icon{position:relative;z-index:2;display:grid;width:27px;height:27px;flex:0 0 27px;place-items:center;border:1px solid #dce4ed;border-radius:8px;background:#fff;color:#94a0b0;transition:border-color .22s ease,background-color .22s ease,color .22s ease,transform .22s ease}.hod-workflow-step.is-completed .hod-workflow-icon{border-color:#bee4d5;background:var(--hod-green-soft);color:var(--hod-green)}.hod-workflow-step.is-current .hod-workflow-icon{border-color:#87aeef;background:var(--hod-blue);color:#fff;box-shadow:0 4px 10px #2563eb2e;transform:translateY(-1px)}.hod-workflow-label{display:flex;min-width:0;flex-direction:column}.hod-workflow-label strong{overflow:hidden;color:#576578;font-size:8.5px;font-weight:650;line-height:1.2;white-space:nowrap;text-overflow:ellipsis}.hod-workflow-step.is-current .hod-workflow-label strong{color:#1d4f9c}.hod-workflow-label small{margin-top:2px;color:#9aa6b5;font-size:7.5px;text-transform:capitalize}.hod-label-short{display:none}.hod-workflow-line{position:absolute;z-index:1;top:13px;right:-8px;width:22px;height:1px;background:#dfe5ec}.hod-workflow-step.is-completed .hod-workflow-line{background:#82c9b0}.hod-phase-status{justify-content:space-between;min-height:25px;margin-top:10px;padding:0 9px;border-radius:6px;background:#f5f8fc;color:#45617e;font-size:8.5px;transition:color .3s ease,background-color .3s ease}.hod-phase-status span:before{display:inline-block;width:5px;height:5px;margin-right:6px;border-radius:50%;background:var(--hod-blue);content:"";vertical-align:1px}.hod-phase-status small{color:#9aa6b5;font-size:7.5px}.hod-orders{margin-top:11px;overflow:hidden;border:1px solid var(--hod-soft-line);border-radius:9px}.hod-table-title{display:flex;align-items:center;justify-content:space-between;height:31px;padding:0 11px;border-bottom:1px solid var(--hod-soft-line)}.hod-table-title span{color:#435168;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.09em}.hod-table-title small{color:#a0aab8;font-size:7.5px}.hod-table-scroll{overflow:hidden}.hod-orders table{width:100%;border-collapse:collapse;table-layout:fixed}.hod-orders th,.hod-orders td{height:28px;padding:0 8px;overflow:hidden;border-bottom:1px solid #f0f3f7;color:#667488;font-size:7.7px;text-align:left;white-space:nowrap;text-overflow:ellipsis}.hod-orders th{height:25px;background:#fbfcfd;color:#99a4b3;font-size:7px;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hod-orders th:nth-child(1){width:14%}.hod-orders th:nth-child(2){width:30%}.hod-orders th:nth-child(3){width:14%}.hod-orders th:nth-child(4){width:27%}.hod-orders th:nth-child(5){width:15%}.hod-orders tbody tr:last-child td{border-bottom:0}.hod-orders td strong{color:#344258;font-weight:700}.hod-primary-order{background:#fbfdff}.hod-order-status{display:inline-flex;max-width:100%;align-items:center;gap:4px;overflow:hidden;color:#617085;text-overflow:ellipsis}.hod-order-status:before{width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:#a8b2bf;content:""}.hod-order-status.is-phase-0:before,.hod-order-status.is-phase-1:before,.hod-order-status.is-phase-2:before{background:var(--hod-blue)}.hod-order-status.is-phase-3:before,.hod-order-status.is-phase-4:before{background:var(--hod-green)}.hod-panel{position:absolute;z-index:4;display:block;border:1px solid #dce5ef;border-radius:12px;background:#fff;box-shadow:0 15px 35px #1a2d461f,0 3px 10px #1a2d460d}.hod-panel-header{justify-content:space-between;gap:10px;margin-bottom:11px;color:#59687c;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.08em}.hod-panel-header>span{gap:5px}.hod-panel-header small{color:#9ba6b4;font-size:7.5px;font-weight:550;text-transform:none;letter-spacing:0}.hod-ai-review{top:9px;left:3px;width:232px;min-height:168px;padding:14px;border-left:3px solid #cbd7e5}.hod-ai-review.is-active{border-color:#f1bd70;border-left-color:var(--hod-orange);background:#fffefd;box-shadow:0 18px 40px #573b1124,0 3px 10px #1a2d460f}.hod-ai-review .hod-panel-header>span{color:#4e5f75}.hod-ai-review.is-active .hod-panel-header>span{color:#9a5a05}.hod-ai-review>strong{display:block;color:#27364b;font-size:10px;font-weight:720;line-height:1.35}.hod-ai-review>p{margin:7px 0 12px;color:#728095;font-size:8.5px;line-height:1.5}.hod-review-actions{display:flex;justify-content:flex-end;gap:6px}.hod-review-actions button{display:inline-flex;height:25px;align-items:center;justify-content:center;gap:4px;padding:0 10px;border:1px solid #dce3ec;border-radius:6px;background:#fff;color:#59687c;font-size:8px;font-weight:650;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,color .18s ease}.hod-review-actions button:last-child{border-color:#315fa9;background:#173b72;color:#fff}.hod-review-actions button:hover{border-color:#9cacbe}.hod-review-actions button:last-child:hover{background:#102f5e}.hod-workflow-card{top:8px;right:3px;width:226px;padding:14px}.hod-workflow-rows{display:flex;flex-direction:column;gap:2px}.hod-workflow-rows button{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;min-height:24px;padding:0 4px;border:0;border-radius:5px;background:transparent;color:#566579;font-size:8.3px;text-align:left;cursor:pointer}.hod-workflow-rows button:hover{background:#f6f8fb}.hod-workflow-rows button>small{color:#9aa6b5;font-size:7px;text-transform:capitalize}.hod-status-mark{display:grid;width:15px;height:15px;place-items:center;border-radius:50%;color:#a3adba}.hod-status-mark.is-completed{background:var(--hod-green-soft);color:var(--hod-green)}.hod-status-mark.is-current{border:1px solid #abc5ef;background:var(--hod-blue-soft)}.hod-status-mark.is-current i{width:5px;height:5px;border-radius:50%;background:var(--hod-blue)}.hod-analytics-card{bottom:10px;left:19px;width:207px;height:132px;padding:13px 14px}.hod-analytics-value{display:flex;align-items:baseline;gap:8px}.hod-analytics-value strong{color:#1f2d41;font-size:20px;font-weight:700;letter-spacing:-.04em}.hod-analytics-value span{padding:2px 5px;border-radius:999px;background:var(--hod-green-soft);color:var(--hod-green);font-size:7px;font-weight:700}.hod-bars{display:flex;height:53px;align-items:flex-end;gap:8px;margin-top:6px;padding:0 2px}.hod-bars i{width:14px;max-height:53px;border-radius:3px 3px 1px 1px;background:#c9daf6}.hod-bars i:last-child{background:var(--hod-blue)}.hod-systems-card{right:15px;bottom:0;width:230px;padding:13px 13px 11px}.hod-system-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.hod-system-list button{position:relative;min-width:0;padding:7px 7px 6px;overflow:hidden;border:1px solid #e7ebf0;border-radius:7px;background:#fbfcfd;text-align:left;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.hod-system-list button>span{min-width:0;gap:5px;color:#4f5e73}.hod-system-list button strong{overflow:hidden;font-size:8px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.hod-system-list button small{display:block;margin-top:3px;overflow:hidden;color:#98a3b1;font-size:6.8px;white-space:nowrap;text-overflow:ellipsis}.hod-system-list button>i{position:absolute;top:6px;right:6px;width:4px;height:4px;border-radius:50%;background:#a7b1bd}.hod-system-list button.is-live>i{background:var(--hod-green);box-shadow:0 0 0 3px #16815e14}.hod-system-list button.is-selected{border-color:#adc7ec;background:#f4f8ff}.hod-system-detail{gap:5px;min-height:19px;margin:8px 0 0;padding-top:7px;border-top:1px solid var(--hod-soft-line);color:#617187;font-size:7.8px}.hod-bottom-caption{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:15px;color:#8995a6;font-size:9px;font-weight:650;text-transform:uppercase;letter-spacing:.1em}.hod-bottom-caption strong{color:#33445e;font-weight:750}.hod-bottom-caption i{position:relative;width:32px;height:1px;background:#cbd5e1}.hod-bottom-caption i:after{position:absolute;top:-2px;right:0;width:5px;height:5px;border-top:1px solid #9aa8b9;border-right:1px solid #9aa8b9;content:"";transform:rotate(45deg)}@media(max-width:1199px){.hero-operations-demo{margin-top:4.5rem}.hod-demo-label{width:76%}.hod-app-window{left:12%;width:76%}.hod-ai-review{left:0}.hod-workflow-card{right:0}.hod-analytics-card{left:3px}.hod-systems-card{right:3px}}@media(max-width:1023px){.hod-stage{height:548px}.hod-demo-label{width:82%}.hod-app-window{top:58px;left:9%;width:82%}.hod-ai-review{width:218px}.hod-workflow-card{width:215px}.hod-analytics-card{display:none}.hod-systems-card{right:9px;bottom:0}.hod-workflow-label strong{font-size:8px}.hod-label-full{display:none}.hod-label-short{display:block}}@media(max-width:820px){.hod-app-window{left:5%;width:90%}.hod-app-body{grid-template-columns:1fr}.hod-sidebar{display:none}.hod-demo-label{width:90%}}@media(max-width:767px){.hero-operations-demo{margin-top:3.5rem}.hod-demo-label{width:100%;margin-bottom:10px}.hod-demo-label>small{text-align:right}.hod-stage{display:flex;height:auto;flex-direction:column;gap:12px;perspective:none;transform:none!important}.hod-app-window,.hod-panel{position:relative;inset:auto;width:100%;transform:none!important}.hod-app-window{order:1;height:400px;border-radius:14px}.hod-workflow-card{order:2}.hod-ai-review{order:3;min-height:0}.hod-systems-card{order:4}.hod-analytics-card{display:none}.hod-app-main{padding:15px 13px}.hod-order-workflow{padding-right:4px;padding-left:4px}.hod-workflow-step{justify-content:center;gap:4px;padding:0 3px}.hod-workflow-label small{display:none}.hod-workflow-line{right:-5px;width:13px}.hod-workflow-card,.hod-ai-review,.hod-systems-card{padding:15px;box-shadow:0 8px 22px #1a2d4614}.hod-workflow-rows button{min-height:30px;font-size:9px}.hod-system-list button{min-height:47px}.hod-bottom-caption{display:grid;grid-template-columns:1fr auto 1fr;gap:7px 8px;margin-top:20px;font-size:8px;text-align:center}.hod-bottom-caption i{width:18px}.hod-bottom-caption i:nth-of-type(3){display:none}.hod-bottom-caption strong{grid-column:2 / 4}}@media(max-width:520px){.hod-demo-label{align-items:flex-start;gap:12px}.hod-app-header{grid-template-columns:1fr auto;padding:0 11px}.hod-search{display:none}.hod-app-window{height:425px}.hod-app-heading h2{font-size:18px}.hod-app-heading p{max-width:210px}.hod-live-state{padding:5px 7px}.hod-workflow-icon{width:25px;height:25px;flex-basis:25px}.hod-workflow-label{display:none}.hod-workflow-line{top:12px;right:-9px;width:18px}.hod-orders th:nth-child(2),.hod-orders td:nth-child(2),.hod-orders th:nth-child(5),.hod-orders td:nth-child(5){display:none}.hod-orders th:nth-child(1){width:25%}.hod-orders th:nth-child(3){width:24%}.hod-orders th:nth-child(4){width:51%}.hod-orders th,.hod-orders td{font-size:7.5px}.hod-table-title small{font-size:7px}.hod-system-list{grid-template-columns:1fr 1fr}.hod-bottom-caption{grid-template-columns:1fr;line-height:1.45}.hod-bottom-caption i{width:1px;height:12px;justify-self:center}.hod-bottom-caption i:after{top:auto;right:-2px;bottom:0;transform:rotate(135deg)}.hod-bottom-caption i:nth-of-type(3){display:block}.hod-bottom-caption strong{grid-column:auto}}@media(prefers-reduced-motion:reduce){.hero-operations-demo *,.hero-operations-demo *:before,.hero-operations-demo *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.hod-stage,.hod-ai-review{transform:none!important}}.hero-gradient{background:linear-gradient(95deg,#8ff0e4,#b6aaff,#e2b8ff);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-demo-dark .hod-demo-label,.hero-demo-dark .hod-bottom-caption{color:#ffffff6b}.hero-demo-dark .hod-bottom-caption strong{color:#ffffffd9}.hero-demo-dark .hod-bottom-caption i{background:#fff3}.hero-demo-dark .hod-bottom-caption i:after{border-color:#ffffff59}@media(max-width:767px){.hero-demo-dark .hero-operations-demo{margin-top:2.75rem}.hero-demo-dark .hod-app-window{height:340px}.hero-demo-dark .hod-workflow-card,.hero-demo-dark .hod-systems-card,.hero-demo-dark .hod-bottom-caption{display:none}.hero-demo-dark .hod-ai-review{width:88%;margin:-64px 0 0 auto;z-index:3;box-shadow:0 20px 40px -12px #0000008c}}.hero-demo-dark .hod-app-window{border-color:#fff9;box-shadow:0 0 0 6px #ffffff0a,0 40px 90px -30px #0009}