@font-face{font-family:Geist;src:url('/_next/static/media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#162b29;--muted:#5e6d67;--paper:#f5f6f0;--line:#d8ddd3;--green:#c6ee8e;--forest:#122c29;--white:#fff;--radius:4px;font-family:Geist,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}p{line-height:1.65;text-wrap:pretty}h1,h2,h3,p{margin-top:0}h1,h2,h3{text-wrap:balance}h1,h2{font-weight:520;letter-spacing:-.055em;line-height:1.06}h2{font-size:clamp(36px,4.5vw,62px);margin-bottom:24px}h3{letter-spacing:-.025em}em{font-style:normal;color:#57774b}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #6d9b45;outline-offset:5px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 100px));margin-inline:auto}.section{padding-block:112px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:.14em;text-transform:uppercase;margin-bottom:25px;display:flex;align-items:center;gap:10px}.mono{font-family:monospace;font-size:10px;letter-spacing:.08em}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #c6ee8e18;display:inline-block}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:17px 23px;background:var(--green);color:#172d20;border:1px solid transparent;border-radius:var(--radius);font-size:14px;font-weight:650;line-height:1.25;transition:background .2s,transform .2s}.button:hover{background:#dcffad;transform:translateY(-2px)}.button:active{transform:translateY(1px)}.button span{font-size:21px;line-height:1}.button.small{min-height:44px;padding:12px 17px;font-size:12px}.text-link{display:inline-flex;align-items:center;gap:17px;font-size:13px;font-weight:600;padding-block:8px;border-bottom:1px solid currentColor;transition:opacity .2s}.text-link:hover{opacity:.7}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--green);z-index:20}.skip:focus{top:10px}.header{position:sticky;top:0;z-index:10;background:#112824;border-bottom:1px solid #ffffff17;color:#fff}.nav{display:flex;align-items:center;height:82px;gap:40px}.brand{flex:none}.brand img{width:122px;height:42px;object-fit:contain}.nav nav{display:flex;gap:30px;margin:auto;font-size:12px;color:#d4ddd7}.nav nav a:hover{color:var(--green)}.menu-toggle{display:none}.hero{position:relative;isolation:isolate;background:#132923;color:#fff;min-height:760px;overflow:hidden}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 45%;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,31,26,.97) 0%,rgba(10,31,26,.86) 35%,rgba(10,31,26,.27) 80%),linear-gradient(0deg,rgba(10,31,26,.87),transparent 45%);z-index:-2}.hero-content{padding-block:82px 123px}.hero .eyebrow{color:#d6e2cf}.hero h1{font-size:clamp(46px,4.6vw,68px);margin-bottom:24px;max-width:600px}.hero h1 em{color:var(--green)}.hero-intro{max-width:470px;font-size:18px;color:#e3e9e1;margin-bottom:16px}.hero-detail{max-width:450px;color:#b4c5b8;font-size:14px;margin-bottom:28px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:13px}.hero-actions .text-link{font-size:12px;border:0;color:#e4ecdf}.micro{font-size:10px;color:#adc0ae;margin:18px 0 0}.job-slip{position:absolute;right:max(50px,calc((100vw - 1280px)/2));bottom:118px;width:460px;background:#f6f7efeF;backdrop-filter:blur(16px);padding:22px 24px 0;color:var(--ink);border:1px solid #ffffff7a;box-shadow:0 22px 80px #071a2140;transform:rotate(-1.2deg);transition:transform .5s}.slip-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:27px;font-family:monospace;font-size:10px}.sample{font-size:9px;color:#66766b;letter-spacing:0;font-family:Geist,Arial,sans-serif}.job-slip h2{font-size:20px;letter-spacing:-.04em;margin-bottom:18px}.slip-row{display:flex;align-items:center;gap:10px;font-size:11px;padding:13px 0;border-top:1px solid #ccd5c8}.slip-row small{margin-left:auto;color:#6a796c;font-size:9px}.check{display:grid;place-items:center;width:21px;height:21px;background:#e4ecd8;border-radius:50%;color:#41603d;font-weight:bold}.current .check{background:#254b35;color:var(--green)}.slip-bottom{margin:10px -24px 0;padding:13px 24px;font-size:10px;background:#e3eadb}.hero-bottom{position:absolute;bottom:27px;left:0;right:0;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff2b;padding-top:22px;font-size:11px;color:#b9c8bc}.industry-strip{background:#e7ecdf;border-bottom:1px solid var(--line)}.industry-strip .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-block:25px}.industry-strip span{font-size:9px;letter-spacing:.12em;font-weight:650}.industry-strip p{margin:0;font-size:13px;font-weight:550}.industry-strip i{padding:0 18px;font-style:normal;color:#78906c}.pain{display:grid;grid-template-columns:.85fr 1.3fr;gap:100px}.section-heading>p:not(.eyebrow){max-width:310px;color:var(--muted);font-size:15px}.section-heading .text-link{margin-top:10px}.pain-list article{display:flex;align-items:flex-start;gap:19px;border-top:1px solid var(--line);padding:27px 0}.pain-list article:last-child{border-bottom:1px solid var(--line)}.row-number{font-family:monospace;font-size:11px;color:#829079;padding-top:5px}.pain-list h3{font-size:21px;font-weight:560;margin-bottom:12px}.pain-list p{font-size:13px;color:var(--muted);max-width:380px;margin:0}.row-tag{white-space:nowrap;font-size:9px;color:#617452;border:1px solid #d8dfcd;padding:6px 8px;margin-left:auto}.workflow{background:#e9ede3;border-block:1px solid var(--line)}.section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-bottom:46px}.section-top h2{margin-bottom:0}.section-top>p{font-size:14px;color:var(--muted);max-width:330px;margin:0 0 4px}.workflow-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center}.workflow-tabs{display:grid}.workflow-tabs button{border:0;border-bottom:1px solid #cdd7c7;padding:25px 18px;background:transparent;display:flex;gap:20px;align-items:center;text-align:left;color:#5e6d59;transition:background .2s,color .2s}.workflow-tabs button:first-child{border-top:1px solid #cdd7c7}.workflow-tabs button[aria-selected=true]{background:#d9e5cd;color:#17362a;box-shadow:inset 3px 0 #436b3b}.workflow-tabs button>span{font-family:monospace;font-size:11px;align-self:flex-start;margin-top:4px}.workflow-tabs strong{display:block;font-size:17px;font-weight:570;margin-bottom:10px;letter-spacing:-.03em}.workflow-tabs small{font-size:12px;line-height:1.5;display:block}.workflow-tabs b{margin-left:auto;font-size:21px;font-weight:400}.workflow-screen{background:#fcfdf9;border:1px solid #ccd4c5;border-radius:7px;box-shadow:0 12px 35px #283d2410;padding:0 28px 25px;min-height:420px}.screen-bar{margin:0 -28px 25px;padding:16px 23px;border-bottom:1px solid #e1e6db;display:flex;justify-content:space-between;align-items:center}.mini-brand{font-weight:800;letter-spacing:-.04em;font-size:19px}.mini-brand>span{font-size:10px;font-weight:400;letter-spacing:0;margin-left:8px;color:#6d7b66}.screen-title{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:23px}.screen-title small{font-family:monospace;font-size:9px;letter-spacing:.1em;color:#7a8774}.screen-title h3{font-size:20px;font-weight:570;margin:7px 0 0}.badge{font-size:9px;color:#47613c;background:#e5eedb;padding:7px 8px;border-radius:3px;white-space:nowrap}.record{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-top:1px solid #e5e9df;font-size:11px}.record span{color:#74816d}.record strong{font-weight:520;text-align:right}.screen-note{display:flex;align-items:center;gap:14px;padding:14px;background:#eff3e9;margin-top:14px}.screen-note>span{font-size:24px;color:#577945}.screen-note p{font-size:11px;color:#64725c;margin:0}.screen-note strong{color:#3b5133}.workflow-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #cfd8c8;margin-top:44px;padding-top:24px;font-size:12px}.workflow-foot p{margin:0;color:#687760}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.industry-grid article{padding:32px 30px 30px 0;display:flex;flex-direction:column}.industry-grid article+article{border-left:1px solid var(--line);padding-left:35px}.industry-code{font-family:monospace;font-size:10px;color:#7d8c70;margin-bottom:37px}.industry-grid h3{font-size:30px;font-weight:500;line-height:1.12;margin-bottom:20px}.industry-grid p{font-size:13px;color:var(--muted);max-width:280px;margin-bottom:30px}.industry-grid a{font-size:12px;font-weight:600;margin-top:auto;display:flex;justify-content:space-between;gap:15px}.industry-grid a:hover{color:#587843}.integration{display:grid;grid-template-columns:1.3fr 1fr;gap:100px;padding:55px 60px;background:#e8eddf;margin-bottom:110px;border-radius:6px;align-items:center}.integration h2{font-size:33px;letter-spacing:-.045em;line-height:1.18}.integration p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:440px}.system-map{text-align:center;display:flex;flex-direction:column;align-items:center;gap:9px;font-size:10px}.system-map>span,.system-map>div span{border:1px solid #c1cdb5;padding:12px 20px;background:#f1f4eb}.system-map strong{background:#274633;color:#fff;width:100%;max-width:290px;font-size:31px;letter-spacing:-.05em;padding:17px}.system-map strong span{display:block;color:#c5d5ba;font-size:10px;font-weight:400;letter-spacing:0;margin-top:5px}.system-map i{font-style:normal;color:#7f9670}.system-map>div{display:flex;gap:12px}.demo{background:#16352c;color:#f5f7ef;position:relative;isolation:isolate;overflow:hidden}.demo:before{content:'';position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:70px 70px}.demo-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:start}.demo h2{font-size:clamp(40px,4.5vw,63px)}.demo h2 em{color:var(--green)}.demo-copy>p:not(.eyebrow){font-size:15px;color:#bbcdba;max-width:375px}.demo ol{list-style:none;padding:0;margin:35px 0;display:grid;gap:22px}.demo li{display:flex;gap:17px}.demo li>span{font-size:10px;font-family:monospace;color:#a3bd91;border:1px solid #47664d;width:27px;height:27px;display:grid;place-items:center;flex:none}.demo li strong{font-size:13px;font-weight:550}.demo li p{font-size:11px;color:#adc1ad;margin:5px 0 0}.phone{display:inline-block;font-size:20px;letter-spacing:-.025em;border-top:1px solid #ffffff25;padding-top:22px}.phone>span{display:block;font-size:11px;color:#aec2ac;letter-spacing:0;margin-bottom:9px}.booking{background:#f8faf3;color:var(--ink);padding:35px;border-radius:6px;box-shadow:0 20px 55px #071d2820}.booking .eyebrow{font-size:9px;color:#65805b;margin-bottom:14px}.booking h3{font-size:29px;font-weight:540;margin:0 0 12px}.booking-head>p{font-size:12px;color:var(--muted);margin-bottom:25px}.booking label{display:block;font-size:11px;font-weight:600;margin:0 0 8px}.booking label>span{font-weight:400;color:#819078;margin-left:5px}.booking input,.booking select{width:100%;min-height:46px;background:#fff;border:1px solid #cdd7c6;border-radius:3px;color:var(--ink);padding:11px;font-size:12px;margin:0 0 18px}.booking input::placeholder{color:#829077}.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-pair>div{min-width:0}.booking select{padding-right:24px}.booking .form-note{font-size:10px;line-height:1.55;color:#73816b;margin:0 0 16px}.form-note a{text-decoration:underline}.booking .submit{width:100%;margin:0 0 14px;background:#234b33;color:#eff8e8}.booking .submit:hover{background:#326442}.booking .submit:disabled{opacity:.55;cursor:not-allowed;transform:none}.booking #booking-status{font-size:12px;margin:0 0 12px;color:#a43727}.booking-alternative{border-top:1px solid #d7dfce;display:block;padding-top:19px;font-size:11px;font-weight:500;margin-top:15px}.trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.success-mark{display:inline-grid;place-items:center;font-size:36px;background:var(--green);width:64px;height:64px;border-radius:50%;margin-bottom:22px}#booking-success{padding-block:25px}#booking-success p{font-size:14px;color:var(--muted)}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.questions h2{font-size:42px}.answers{display:grid;gap:24px}.answers article{border-top:1px solid var(--line);padding-top:23px}.answers h3{font-size:17px;font-weight:570;margin-bottom:10px}.answers p{font-size:13px;color:var(--muted);margin:0}.footer{background:#112824;color:#e3eadd;padding:55px 0 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid #ffffff20}.footer-top p{font-size:22px;letter-spacing:-.035em;line-height:1.2;margin:0}.footer nav{display:flex;gap:25px;flex-wrap:wrap;font-size:11px;color:#b1c2ad;padding-block:30px}.footer nav a:last-child{margin-left:auto}.footer-bottom{border-top:1px solid #ffffff20;padding-top:20px;display:flex;justify-content:space-between;font-size:9px;color:#94ab92;gap:20px}.mobile-cta{display:none}
@media(min-width:1500px){.hero{min-height:825px}.hero-content{padding-top:95px}.hero h1{font-size:72px}.job-slip{bottom:120px;width:500px}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{gap:20px}.nav nav{gap:20px}.hero h1{font-size:54px}.hero-intro{max-width:420px}.job-slip{right:32px;width:400px;bottom:110px}.pain{gap:45px;grid-template-columns:.8fr 1.2fr}.row-tag{display:none}.workflow-layout{gap:30px}.demo-layout{gap:45px}.booking{padding:27px}.integration{gap:50px;padding:45px}.record{font-size:10px}.screen-title h3{font-size:18px}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.section{padding-block:75px}.nav{height:72px;gap:17px}.brand img{width:108px;height:36px}.nav-cta{margin-left:auto}.menu-toggle{display:flex;align-items:center;gap:10px;background:none;border:0;color:#dfe8d9;font-size:12px;padding:10px;order:3}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#16352c;padding:22px;flex-direction:column;gap:0;border-bottom:1px solid #466447}.nav nav.open{display:flex}.nav nav a{padding:14px}.hero{min-height:0}.hero-content{padding-block:63px 34px}.hero h1{font-size:clamp(40px,8.5vw,56px)}.hero-intro{font-size:17px;max-width:480px}.hero-detail{max-width:440px}.hero-photo{object-position:65% center}.hero-shade{background:linear-gradient(90deg,#0a1f1aee,#0a1f1a80),linear-gradient(0deg,#0a1f1aee,transparent 75%)}.job-slip{position:relative;width:calc(100% - 44px);max-width:445px;right:auto;bottom:auto;margin:14px 22px 35px;transform:none}.slip-top{margin-bottom:20px}.hero-bottom{position:relative;bottom:auto;padding-block:22px;flex-direction:column;gap:12px}.industry-strip .wrap{flex-direction:column;align-items:flex-start;gap:10px;padding-block:23px}.industry-strip p{font-size:12px;line-height:1.9}.industry-strip i{padding-inline:7px}.pain{grid-template-columns:1fr;gap:35px}.section-heading>p:not(.eyebrow){max-width:490px}.pain-list h3{font-size:23px}.pain-list p{max-width:550px}.section-top{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:30px}.section-top>p{max-width:520px}.workflow-layout{grid-template-columns:1fr;gap:28px}.workflow-tabs button{padding:19px 16px}.workflow-tabs strong{margin-bottom:6px}.workflow-screen{min-height:0}.workflow-foot{align-items:flex-start;flex-direction:column;gap:15px}.industry-grid{grid-template-columns:1fr}.industry-grid article,.industry-grid article+article{padding:28px 0;border-left:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 25px}.industry-grid article+article{border-top:1px solid var(--line)}.industry-code{grid-column:1/-1;margin-bottom:7px}.industry-grid h3{font-size:29px;margin:0;grid-row:2/4}.industry-grid p{margin:0}.industry-grid a{grid-column:2;margin-top:9px}.integration{grid-template-columns:1fr;gap:40px;padding:30px;margin-bottom:75px}.integration h2{font-size:31px}.system-map{max-width:340px;width:100%;margin-inline:auto}.demo-layout{grid-template-columns:1fr;gap:40px}.demo h2{font-size:53px}.demo-copy>p:not(.eyebrow){max-width:480px}.demo ol{grid-template-columns:1fr;gap:23px}.booking{padding:30px;max-width:580px;width:100%;margin-inline:auto}.questions{grid-template-columns:1fr;gap:20px}.questions h2{font-size:37px}.footer-top{flex-wrap:wrap}.footer-top p{font-size:19px}.footer-top>.text-link{width:fit-content}.footer nav a:last-child{margin-left:0}.footer-bottom{flex-direction:column;gap:10px}.footer{padding-bottom:95px}.mobile-cta{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:9;align-items:center;justify-content:space-between;gap:15px;padding:10px 20px calc(10px + env(safe-area-inset-bottom));background:#112824f5;backdrop-filter:blur(12px);border-top:1px solid #ffffff25;color:#d7e4cf;font-size:12px}.mobile-cta.hidden{display:none}}
@media(max-width:420px){.wrap{width:calc(100% - 32px)}.nav-cta{font-size:10px!important;padding:10px!important;gap:10px}.nav{gap:8px}.menu-toggle{padding:8px;font-size:11px}.menu-toggle span{display:none}.brand img{width:95px}.hero h1{font-size:53px}.hero-intro{font-size:16px}.hero .button{font-size:12px;gap:15px}.industry-grid article,.industry-grid article+article{grid-template-columns:1fr}.industry-grid h3{grid-row:auto}.industry-grid a{grid-column:auto}.industry-grid p{max-width:none}.industry-grid h3 br{display:none}.booking{padding:24px 20px}.form-pair{grid-template-columns:1fr;gap:0}.screen-bar{align-items:flex-start;gap:9px;flex-direction:column}.screen-title{align-items:flex-start;flex-direction:column}.record{flex-direction:column;gap:6px}.record strong{text-align:left}.demo h2{font-size:44px}.hero-bottom .mono{font-size:9px}.system-map>div{gap:6px}.system-map>div span{padding:10px}.footer-top{align-items:flex-start;flex-direction:column}}
.brand{display:flex;align-items:center;gap:6px}.brand img{filter:brightness(0) invert(1);width:110px;height:35px}.brand img.brand-icon{width:29px;height:29px}@media(max-width:420px){.brand{gap:4px}.brand img{width:78px;height:28px}.brand img.brand-icon{width:23px;height:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Live job slip (2026-09-30): animated dispatch -> invoice ticket, driven by opsflo-home-20260928.js */
.job-slip.live{padding:24px 28px 0}.job-slip.live:hover{transform:rotate(0)}.job-slip.live .slip-top{margin-bottom:18px}
.live-tag{display:inline-flex;align-items:center;gap:7px;font-family:Geist,Arial,sans-serif;font-size:10px;color:#4c6444;letter-spacing:0}.live-tag i{width:7px;height:7px;border-radius:50%;background:#5e9a3a;animation:slipPulse 1.6s infinite}
@keyframes slipPulse{0%{box-shadow:0 0 0 0 #5e9a3a80}70%{box-shadow:0 0 0 7px #5e9a3a00}100%{box-shadow:0 0 0 0 #5e9a3a00}}
.slip-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;transition:opacity .4s}.slip-id{font-family:monospace;font-size:10px;color:#6a796c;letter-spacing:.08em}.job-slip .slip-title{font-size:24px;margin:5px 0 4px}.slip-meta{font-size:11px;color:#5e6d67;margin:0}
.slip-status{flex:none;font-size:10px;font-weight:650;padding:7px 10px;border-radius:3px;background:#e4ecd8;color:#35532f;transition:background .3s,color .3s}.slip-status[data-s="4"]{background:#254b35;color:var(--green)}
.slip-rail{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:0 0 16px;padding:0;position:relative;font-size:9px;color:#8a978b;text-align:center}.slip-rail:before,.slip-rail:after{content:'';position:absolute;top:6px;left:10%;right:10%;height:2px;background:#d3dccd}.slip-rail:after{right:auto;width:calc(80% * var(--p,0));background:#3f6b3a;transition:width .6s ease}
.slip-rail li{position:relative;z-index:1;padding-top:19px;transition:color .3s}.slip-rail li:before{content:'';position:absolute;top:0;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:#f6f7ef;border:2px solid #c6d0c1;box-sizing:border-box;transition:all .3s}
.slip-rail li.done{color:#3b5133}.slip-rail li.done:before{background:#3f6b3a;border-color:#3f6b3a}.slip-rail li.now{color:var(--ink);font-weight:650}.slip-rail li.now:before{border-color:#3f6b3a;background:var(--green);box-shadow:0 0 0 4px #c6ee8e70}
.slip-feed{min-height:24px;font-size:11px;color:#4f5f55;border-top:1px solid #ccd5c8;padding-top:10px}.slip-feed p{margin:0;display:flex;gap:10px;animation:slipIn .45s both}.slip-feed b{font-family:monospace;font-weight:400;color:#7a8774}
.slip-lines{min-height:96px;padding:6px 0 0}.slip-line{display:flex;justify-content:space-between;gap:12px;font-size:11.5px;padding:7px 0;border-bottom:1px dashed #d3dccd;animation:slipIn .45s both}.slip-line span{color:#4f5f55}.slip-line strong{font-weight:560;font-variant-numeric:tabular-nums}
@keyframes slipIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.slip-sign{display:flex;align-items:center;gap:12px;height:44px;margin:4px 0 2px;opacity:.35;transition:opacity .3s}.slip-sign.on{opacity:1}.slip-sign svg{width:150px;height:34px;flex:none;border-bottom:1px solid #b9c5b3}.slip-sign path{fill:none;stroke:#1f3d33;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420}.slip-sign.on path{transition:stroke-dashoffset 1.3s ease-in-out;stroke-dashoffset:0}.slip-sign span{font-size:9px;color:#6a796c}
.slip-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0 14px;border-top:1px solid #ccd5c8}.slip-total small{display:block;font-size:9px;color:#6a796c;letter-spacing:.08em;text-transform:uppercase}.slip-amt{font-size:28px;font-weight:560;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.slip-stamp{font-size:11px;font-weight:700;color:#254b35;border:2px solid #3f6b3a;padding:6px 10px;border-radius:3px;transform:rotate(-6deg) scale(1.6);opacity:0;transition:transform .35s cubic-bezier(.3,1.6,.5,1),opacity .2s}.slip-stamp.on{transform:rotate(-6deg) scale(1);opacity:1}
.job-slip.live .slip-bottom{margin:0 -28px;padding:13px 28px;display:flex;gap:12px;align-items:center;font-size:11px}.slip-clock{font-family:monospace;font-size:11px;background:#254b35;color:var(--green);padding:3px 7px;border-radius:3px;font-variant-numeric:tabular-nums}
.job-slip.fade .slip-head,.job-slip.fade .slip-lines,.job-slip.fade .slip-total,.job-slip.fade .slip-feed{opacity:0;transition:opacity .35s}
@media(max-width:800px){.job-slip.live{transform:none;width:calc(100% - 40px);max-width:500px;margin:14px 20px 35px;padding:20px 20px 0}.job-slip.live .slip-bottom{margin:0 -20px;padding:12px 20px}.job-slip .slip-title{font-size:21px}}
@media(prefers-reduced-motion:reduce){.live-tag i{animation:none}.slip-line,.slip-feed p{animation:none}.slip-sign path,.slip-stamp,.slip-rail:after{transition:none}}
@media(min-width:801px) and (max-width:1000px){.hero-content{padding-bottom:40px}.job-slip.live{position:relative;right:auto;bottom:auto;width:460px;margin:0 0 110px 32px;transform:none}}
/* Live product dashboard in "Close the loop" (2026-09-30). Colors mirror the real OpsFlo app UI, scaled from a 1320px base by opsflo-home-20260928.js */
.workflow-layout.flow-live{display:block}.flow-live .workflow-tabs{grid-template-columns:repeat(3,1fr);margin-bottom:26px}.flow-live .workflow-tabs button{position:relative;border-top:1px solid #cdd7c7;border-bottom:1px solid #cdd7c7;padding:22px 18px 24px}.flow-live .workflow-tabs button+button{border-left:1px solid #cdd7c7}.flow-live .workflow-tabs button[aria-selected=true]{box-shadow:inset 0 3px #436b3b}
.tab-timer{position:absolute;left:0;bottom:-1px;height:2px;width:0;background:#436b3b}.flow-live.auto .workflow-tabs button[aria-selected=true] .tab-timer{animation:tabTimer var(--tt,9s) linear forwards}@keyframes tabTimer{to{width:100%}}
.flow-caps{display:flex;justify-content:space-between;margin-top:22px}.flow-cap{display:grid;grid-template-columns:auto 1fr;gap:4px 30px;align-items:baseline;width:100%}.flow-cap small{font-family:monospace;font-size:10px;letter-spacing:.1em;color:#6f7d69}.flow-cap h3{font-size:22px;font-weight:570;margin:0;grid-row:2}.flow-cap p{grid-row:1/3;grid-column:2;font-size:13px;color:#5e6d59;margin:0;max-width:520px;justify-self:end}.flow-cap p strong{color:#2d4527}
.dash-frame{position:relative;overflow:hidden;border-radius:10px;border:1px solid #cfd6ca;box-shadow:0 30px 70px #1b2e2322,0 4px 14px #1b2e2310;background:#fff}
.dash{--k:1;width:1320px;transform:scale(var(--k));transform-origin:0 0;background:#fff;color:#1f2937;font:13px/1.35 Inter,"Segoe UI",system-ui,-apple-system,Arial,sans-serif;letter-spacing:0;position:relative;user-select:none}
.dash b{font-weight:600}.dash small{font-size:11px;color:#6b7280}.di{width:17px;height:17px;flex:none}.di.sm{width:12px;height:12px}
.d-top{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e5e7eb}.d-top img{height:36px;width:auto}.d-topr{display:flex;align-items:center;gap:22px;color:#4b5563}.d-topr .di{width:20px;height:20px}.d-bell{position:relative;display:flex}.d-ping{position:absolute;top:-1px;right:-1px;width:7px;height:7px;border-radius:50%;background:#ef4444;transform:scale(0);transition:transform .3s}.d-ping.on{transform:scale(1)}
.d-me{width:34px;height:34px;border-radius:50%;background:#f39a4a;color:#fff;display:grid;place-items:center;font-size:13px;position:relative}.d-me i{position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#22c55e;border:2px solid #fff}
.d-body{display:flex}.d-side{width:66px;border-right:1px solid #eef0f3;display:flex;flex-direction:column;align-items:center;gap:22px;padding:16px 0}.d-side span{width:46px;height:36px;display:grid;place-items:center;border-radius:8px;color:#6b7280}.d-side span.on{background:#e8eef6;color:#3b4b63}
.d-work{flex:1;min-width:0;background:#fbfbfc}.d-nav{height:52px;display:flex;align-items:center;gap:30px;padding:0 24px;border-bottom:1px solid #e5e7eb;background:#fff;color:#374151;white-space:nowrap}.d-nav span{display:flex;align-items:center;gap:8px}.d-nav .sm{color:#9ca3af}
.d-main{display:flex;gap:14px;padding:14px}.d-colL{width:470px;flex:none;display:flex;flex-direction:column;gap:14px}.d-colR{flex:1;min-width:0;display:flex;flex-direction:column;gap:14px}
.d-cardbox{background:#fff;border:1px solid #e8eaee;border-radius:6px;box-shadow:0 1px 2px #1118270a}
.d-resbox{padding:12px 0 6px}.d-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 12px}.d-field small{display:block;font-size:9.5px;letter-spacing:.02em;color:#4b5563;margin-bottom:5px}.d-select{display:flex;align-items:center;justify-content:space-between;border:1px solid #e1e4e8;border-radius:4px;padding:6px 9px;font-size:12px;color:#374151;background:#fff}.d-select .di{width:13px;height:13px;color:#6b7280}
.d-date{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0;color:#4b5563}.d-date b{font-weight:600;font-size:13px}.d-date .di{width:19px;height:19px}
.d-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:0 8px}.d-tile{display:flex;align-items:center;gap:9px;border:1px solid #e8eaee;border-radius:5px;padding:10px 8px}.d-tile b{display:block;font-size:13px;font-variant-numeric:tabular-nums;transition:color .3s}.d-tile small{font-size:11px;color:#4b5563}.d-tile .di{width:30px;height:30px;padding:6px;border-radius:50%}
.t1 .di{background:#eef2ff;color:#6b7fd7}.t2 .di{background:#e8f0fe;color:#3b6fd9}.t2 b{color:#3b6fd9}.t3 .di{background:#fff4e0;color:#f0a01e}.t4 .di{background:#fdecec;color:#e05252}.d-tile b.bump{animation:dBump .6s}@keyframes dBump{40%{transform:scale(1.35);color:#22a35a}}
.d-rtabs{display:flex;align-items:center;gap:26px;padding:0 14px;margin:14px 0 4px;border-bottom:1px solid #eef0f3;font-size:12px;color:#374151}.d-rtabs>span:not(.d-search):not(.d-fbtn){padding:8px 2px}.d-rtabs .on{color:#3b6fd9;border-bottom:2px solid #3b6fd9}.d-search{margin-left:auto;display:flex;align-items:center;gap:30px;border:1px solid #e1e4e8;border-radius:4px;padding:5px 8px;color:#9ca3af;font-size:11px}.d-search .di{width:14px;height:14px;color:#4b5563}.d-fbtn{border:1px solid #e1e4e8;border-radius:4px;padding:4px 5px;display:flex}.d-fbtn .di{width:14px;height:14px}
.d-res{display:grid;grid-template-columns:30px 1fr 110px 100px 16px;align-items:center;gap:10px;padding:6px 14px;font-size:12px;border-bottom:1px solid #f3f4f6;transition:background .4s}.d-res.hl{background:#eef4ff}.d-av{width:28px;height:28px;border-radius:50%;background:#e7ecf6;color:#5b6b8c;display:grid;place-items:center;font-size:10px;font-weight:600}.d-name{color:#1f2937}.d-role{color:#4b5563}.d-st{display:flex;align-items:center;gap:6px;font-size:11px}.d-st i{width:7px;height:7px;border-radius:50%}.d-st em{font-style:normal}.d-st.prog i,.d-st.avail i{background:#22c55e}.d-st.prog em,.d-st.avail em{color:#16a34a}.d-st.break i{background:#f59e0b;animation:dBlink 2s infinite}.d-st.break em{color:#d97706}.d-st.flip{animation:dFlip .5s}@keyframes dFlip{50%{transform:scale(1.15)}}@keyframes dBlink{50%{opacity:.35}}
.d-res .di{color:#6b7280}.d-viewall{margin:8px 0 2px;text-align:center;color:#3b6fd9;font-size:12px;display:flex;justify-content:center;gap:8px;align-items:center}
.d-over{padding:16px 20px}.d-overh{display:flex;justify-content:space-between;align-items:center}.d-overh b{font-size:15px}.d-overh .d-select{width:92px}.d-overb{display:flex;align-items:center;gap:40px;padding:14px 0 4px}
.d-donut{position:relative;width:150px;height:150px;flex:none}.d-donut svg{width:100%;height:100%;transform:rotate(-90deg)}.d-donut .seg{fill:none;stroke-width:6.2;transition:stroke-dasharray .8s ease,stroke-dashoffset .8s ease}.d-donut>div{position:absolute;inset:0;display:grid;place-content:center;text-align:center}.d-donut b{font-size:22px}.d-donut small{font-size:11px;color:#374151}
.d-legend{list-style:none;margin:0;padding:0;flex:1;display:grid;gap:15px;font-size:12px;color:#374151}.d-legend li{display:flex;align-items:center;gap:10px}.d-legend i{width:8px;height:8px;border-radius:50%}.d-legend em{margin-left:auto;font-style:normal;font-variant-numeric:tabular-nums}
.d-jf{display:flex;gap:26px;padding:12px 14px}.d-jfl{display:flex;flex-direction:column;gap:12px;padding-top:4px}.d-jfl .d-date{margin:0}.d-dbox{border:1px solid #e1e4e8;border-radius:4px;padding:6px 26px;font-size:12px}.d-seg{display:flex;border:1px solid #e1e4e8;border-radius:4px;overflow:hidden;font-size:12px}.d-seg span{padding:6px 16px;color:#374151;border-left:1px solid #e1e4e8}.d-seg span:first-child{border:0}.d-seg .on{background:#3f4b5b;color:#fff}
.d-jfr{flex:1;display:grid;grid-template-columns:repeat(3,1fr) 58px;gap:8px 8px;align-items:end}.d-jfr .d-field:nth-child(n+4){grid-row:2}.d-apply{grid-row:2;grid-column:4;background:#3b82f6;color:#fff;border-radius:4px;padding:7px 0;text-align:center;font-size:12px;font-weight:500}
.d-board{position:relative;flex:1;display:flex;flex-direction:column;overflow:hidden}.d-scale{position:relative;display:flex;gap:70px;padding:10px 0 10px 285px;background:#f4f7fb;font-size:11px;color:#374151;border-bottom:1px solid #e8eaee}.d-now{position:absolute;top:0;bottom:-2px;left:350px;width:2px;background:#ef4444;transition:left 1s linear}.d-now:before{content:'';position:absolute;top:-1px;left:-3px;width:8px;height:8px;border-radius:50%;background:#ef4444}
.d-jobs{flex:1}.d-job{display:grid;grid-template-columns:26px 210px 142px 128px 118px 14px;gap:10px;align-items:center;padding:9px 14px;border-bottom:1px solid #eef0f3;transition:background .5s}.d-job.hl{background:#f5f9ff}.d-job.done-flash{background:#f0fbf3}
.d-jst{display:flex}.d-jst .di{width:24px;height:24px}.d-jst.done{color:#22c55e}.d-jst.prog{color:#3b82f6}.d-jst.pend{color:#f59e0b}.d-jst.late{color:#ef4444}.d-jst.idle{color:#9ca3af}.d-jst.pop{animation:dFlip .5s}
.d-jinfo{display:flex;flex-direction:column;font-size:11.5px;color:#374151;min-width:0}.d-jinfo span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-jinfo b{font-weight:500;font-size:11.5px;color:#111827}
.d-chips{display:flex;gap:5px;flex-wrap:wrap}.d-chips:empty{display:none}.d-chips span{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;padding:2px 6px;border-radius:10px;background:#ecfdf3;color:#15803d;margin-top:4px;animation:dIn .4s both}.d-chips .di{width:10px;height:10px}@keyframes dIn{from{opacity:0;transform:translateY(4px) scale(.9)}}
.d-time{display:flex;flex-direction:column;align-items:center;gap:5px}.d-tb{position:relative;overflow:hidden;width:100%;display:flex;justify-content:space-between;padding:12px 10px;border-radius:3px;font-size:11px;transition:background .5s,color .5s}.d-tb span{position:relative;z-index:1}.d-bar{position:absolute;left:0;bottom:0;height:3px;width:0;transition:width 2.4s ease}
.d-time.done .d-tb{background:#dcf7e3;color:#15803d}.d-time.prog .d-tb{background:#e1ebfd;color:#1d4ed8}.d-time.prog .d-bar{background:#3b82f6}.d-time.pend .d-tb{background:#fdefcf;color:#b45309}.d-time.late .d-tb{background:#fde3e3;color:#dc2626}.d-time.idle .d-tb{background:#f3f4f6;color:#374151}.d-time.done .d-bar{background:#22c55e}
.d-overdue{font-style:normal;font-size:10px;background:#fde3e3;color:#dc2626;padding:2px 7px;border-radius:3px;animation:dBlink 1.6s infinite}
.d-card{display:flex;align-items:center;gap:8px;border:1px solid #e8eaee;border-radius:4px;padding:7px 8px;box-shadow:0 1px 2px #1118270d;min-width:0;transition:border-color .4s,box-shadow .4s,opacity .4s}.d-card .di{width:26px;height:26px;padding:4px;border-radius:50%;border:1px solid #d6dbe3;color:#4b5563}.d-card b{display:block;font-weight:500;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.d-card small{font-size:10px}.d-card>div{min-width:0}
.d-card.empty{border-style:dashed;box-shadow:none;opacity:.8}.d-card.empty b{color:#9ca3af;font-weight:400}.d-card.empty small{color:#c0c5cc}.d-card.drop{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.d-card.filled{animation:dFlip .5s}
.d-job>.di.kb{width:18px;height:18px;color:#374151}
.d-actions{display:flex;align-items:center;gap:14px;padding:14px;border-top:1px solid #eef0f3}.d-actions>span{display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:3px;font-size:12px;transition:transform .15s,filter .15s}.d-actions .di{width:15px;height:15px}.d-actions .pressed{transform:scale(.92);filter:brightness(.92)}
.a-create{background:#e7f8ec;color:#16a34a}.a-sel{background:#eef0f3;color:#4b5563;min-width:70px;justify-content:space-between}.a-assign{background:#e6eefc;color:#2563eb}.a-recall{background:#fde8e8;color:#dc2626}.a-warn{background:#fff3d6;color:#d97706}.a-pick,.a-sum{background:#eef0f3;color:#374151}.a-gear{margin-left:auto;background:#3b82f6;color:#fff;padding:10px!important;border-radius:6px!important}.a-gear .di{width:20px;height:20px}
.d-drawer{position:absolute;top:0;right:0;bottom:0;width:330px;background:#fff;border-left:1px solid #e5e7eb;box-shadow:-18px 0 40px #11182718;padding:20px;transform:translateX(105%);transition:transform .5s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;gap:2px}.d-drawer.on{transform:none}
.d-drh{display:grid;grid-template-columns:1fr auto;align-items:center;margin-bottom:14px}.d-drh small{grid-column:1/-1;font-size:10px;letter-spacing:.08em}.d-drh b{font-size:17px}.d-ready{font-size:10.5px;padding:4px 8px;border-radius:3px;background:#dcf7e3;color:#15803d;font-weight:600}
.d-drl{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid #f0f1f4;font-size:12px;color:#374151}.d-drl b{font-variant-numeric:tabular-nums;color:#111827}.d-drt{border-bottom:0;font-size:14px}.d-drt b{font-size:18px}
.d-drev{display:flex;align-items:center;gap:6px;font-size:11px;color:#15803d;background:#ecfdf3;padding:8px 10px;border-radius:4px;margin:6px 0 14px}.d-drev .di{margin-left:6px}.d-drev .di:first-child{margin-left:0}
.d-drbtn{background:#3b82f6;color:#fff;text-align:center;padding:10px;border-radius:4px;font-size:13px;font-weight:600;transition:transform .15s,background .3s}.d-drbtn.pressed{transform:scale(.96)}.d-drbtn.ok{background:#22c55e}
.d-toast{position:absolute;right:24px;top:72px;display:flex;align-items:center;gap:10px;background:#1f2937;color:#fff;font-size:13px;padding:12px 16px;border-radius:6px;box-shadow:0 12px 30px #11182740;transform:translateY(-12px);opacity:0;transition:all .35s;z-index:5}.d-toast.on{transform:none;opacity:1}.d-toast .di{color:#4ade80;width:18px;height:18px}
.d-ghost{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid #3b82f6;border-radius:5px;padding:5px 10px 5px 5px;font-size:12px;box-shadow:0 10px 24px #1d4ed833;opacity:0;pointer-events:none;z-index:6;transition:opacity .2s}.d-ghost.on{opacity:.95}
.d-cursor{position:absolute;left:0;top:0;width:26px;height:26px;z-index:7;pointer-events:none;opacity:0;transition:opacity .3s;filter:drop-shadow(0 2px 3px #0004)}.d-cursor.on{opacity:1}.d-cursor.click{animation:dClick .3s}@keyframes dClick{50%{transform:scale(.8)}}
.dash.compact{width:760px}.dash.compact .d-side,.dash.compact .d-colL,.dash.compact .d-jf,.dash.compact .d-nav,.dash.compact .d-topr .di:not(.d-bell .di){display:none}.dash.compact .d-job{grid-template-columns:26px 1fr 130px 150px}.dash.compact .d-unit,.dash.compact .d-job>.di.kb{display:none}.dash.compact .d-scale{padding-left:290px}.dash.compact .a-pick,.dash.compact .a-sel,.dash.compact .a-warn{display:none}.dash.compact{font-size:14px}
@media(max-width:800px){.flow-live .workflow-tabs{grid-template-columns:1fr}.flow-live .workflow-tabs button+button{border-left:0;border-top:0}.flow-cap{grid-template-columns:1fr}.flow-cap p{grid-row:auto;grid-column:auto;justify-self:start}.flow-cap h3{grid-row:auto;font-size:20px}.flow-caps{margin-top:18px}}
@media(prefers-reduced-motion:reduce){.dash *{animation:none!important;transition:none!important}}
.d-colL{width:440px}.d-tile{gap:7px;padding:9px 7px}.d-tile .di{width:28px;height:28px}.d-tile small{font-size:10.5px;white-space:nowrap}.d-rtabs{gap:18px}.d-search{gap:12px;flex:1;justify-content:space-between;max-width:150px}.d-select{white-space:nowrap;overflow:hidden;font-size:11.5px}.d-jf{gap:18px}.d-res{grid-template-columns:30px 1fr 96px 96px 14px}
.d-actions>span,.d-search{white-space:nowrap}
.d-colL{width:456px}.d-tiles{gap:6px}.d-tile{padding:8px 6px;gap:6px}.d-tile .di{width:25px;height:25px;padding:5px}.d-job{grid-template-columns:26px 200px 138px 124px 114px 14px}.d-actions{gap:9px}.d-actions>span{padding:7px 10px}
.d-rtabs{gap:14px;padding:0 12px}.d-search{max-width:128px;gap:6px}
.d-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.system-map strong .map-logo{display:block;width:178px;height:auto;margin:2px auto 4px;filter:brightness(0) invert(1)}