.demo-stage{height:760px}.interactive-demo{padding:24px}.interactive-demo .demo-reset{background:#fff;border:1px solid #c8cec5;align-items:center;gap:6px;padding:8px 11px;font-size:10px;display:flex}.interactive-demo .demo-reset svg{width:13px}.demo-primary{background:#c7ff3e;border:1px solid #111;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 14px;font-weight:750;display:flex}.demo-primary svg{width:15px}.demo-primary:disabled{opacity:.45}.demo-success{color:#111;background:#e9f7c7;border:1px solid #b8d875;align-items:center;gap:9px;padding:13px;display:flex}.demo-success>svg{color:#73931f;width:18px}.demo-success span{flex-direction:column;display:flex}.demo-success small{color:#60704c;font-size:8px}.dispatch-workspace{grid-template-columns:1fr 315px;gap:16px;height:580px;margin-top:16px;display:grid}.dispatch-board{min-width:0}.dispatch-workspace .demo-map{isolation:isolate;background:#dfe7db;height:315px;margin:0 0 12px}.dispatch-workspace .demo-map:before{z-index:-5;background-image:linear-gradient(#b9c5b62b 1px,#0000 1px),linear-gradient(90deg,#b9c5b62b 1px,#0000 1px);background-size:28px 28px}.map-water{z-index:-4;background:#cbdad7;border-left:7px solid #f6f7f2;width:42%;height:150%;position:absolute;top:-35%;right:-12%;transform:rotate(10deg)}.map-road{z-index:-2;background:#f8f8f3;border:1px solid #cbd2c8;height:13px;position:absolute;box-shadow:0 0 0 3px #eef1eb}.road-one{width:72%;top:45%;left:-7%;transform:rotate(-13deg)}.road-two{width:70%;top:68%;left:13%;transform:rotate(21deg)}.road-three{width:58%;top:27%;left:31%;transform:rotate(-38deg)}.road-four{width:48%;top:16%;left:3%;transform:rotate(28deg)}.map-block{z-index:-3;background:#d3ddcf;border:1px solid #bdcab9;position:absolute}.block-one{width:105px;height:54px;top:22%;left:8%;transform:rotate(-13deg)}.block-two{width:82px;height:64px;top:39%;left:42%;transform:rotate(8deg)}.block-three{width:120px;height:52px;top:69%;left:58%;transform:rotate(-7deg)}.block-four{width:62px;height:75px;top:68%;left:26%;transform:rotate(19deg)}.map-label{letter-spacing:.14em;color:#718071;z-index:-1;font-size:6px;position:absolute}.label-north{top:7%;left:18%}.label-central{top:53%;left:48%}.label-south{bottom:7%;left:65%}.active-route{z-index:0;filter:drop-shadow(0 2px 2px #51671f33);width:100%;height:100%;position:absolute;inset:0}.active-route path{fill:none;stroke:#83a91f;stroke-width:6px;stroke-linecap:round;stroke-dasharray:10 7;animation:9s linear infinite routeFlow}.tech-vehicle{z-index:3;color:#fff;background:#111713;align-items:center;gap:6px;padding:7px 9px;display:flex;position:absolute;top:76%;left:14%;box-shadow:0 7px 18px #1a251a35}.tech-vehicle svg{color:#c7ff3e;width:15px}.tech-vehicle small{white-space:nowrap;font-size:7px}.map-route-card{z-index:4;background:#fff;border:1px solid #c3ccc0;width:156px;padding:12px;position:absolute;top:14px;right:14px;box-shadow:0 12px 28px #1c291c24}.map-route-card>small{letter-spacing:.12em;color:#768076;font-size:6px}.map-route-card>b{margin:5px 0 9px;font-size:12px;display:block}.map-route-card>span{gap:5px;display:flex}.map-route-card i{background:#edf2e9;padding:4px;font-size:6px;font-style:normal}.map-route-card i:last-child{color:#567315;background:#e7f6c7}.map-job{transition:all .25s}.map-job:hover{transform:translateY(-3px)}@keyframes routeFlow{to{stroke-dashoffset:-170px}}.map-job{z-index:2;background:0 0;border:0;align-items:center;gap:3px;display:flex}.map-job svg{fill:#c7ff3e;width:29px}.map-job small{color:#fff;background:#111;padding:3px 5px}.map-job.selected svg{filter:drop-shadow(0 0 7px #92c31e);transform:scale(1.25)}.dispatch-list{gap:5px}.dispatch-list>button{color:#111;text-align:left;background:#fff;border:1px solid #dce1d9;grid-template-columns:50px 1fr 75px 80px;align-items:center;padding:10px;display:grid}.dispatch-list>button.selected{background:#f1fbd9;border-color:#87ac26}.dispatch-list span{flex-direction:column;display:flex}.dispatch-list small{color:#717971;font-size:8px}.dispatch-list em,.dispatch-list i{font-size:9px;font-style:normal}.dispatch-list i{text-align:center;background:#edf1e9;padding:6px}.demo-control-panel,.review-panel,.purchase-order{color:#fff;background:#111713;padding:22px;overflow:auto}.demo-control-panel>small,.review-panel>small,.purchase-order>small{letter-spacing:.14em;color:#c7ff3e;font-size:8px}.demo-control-panel h4,.review-panel h4,.purchase-order h4{margin:10px 0 4px;font-size:25px}.demo-control-panel>p,.review-panel>p,.purchase-order>p{color:#aeb6ae;font-size:10px;line-height:1.5}.demo-control-panel>label,.review-panel>label{letter-spacing:.1em;margin:20px 0 8px;font-size:8px;display:block}.tech-options{gap:6px;margin-bottom:12px;display:grid}.tech-options>button{text-align:left;color:#fff;background:#1c241e;border:1px solid #303a32;grid-template-columns:30px 1fr 16px;align-items:center;padding:9px;display:grid}.tech-options>button.selected{background:#27311f;border-color:#c7ff3e}.tech-options>button>i{color:#111;background:#c7ff3e;border-radius:50%;place-items:center;width:25px;height:25px;font-style:normal;display:grid}.tech-options span{flex-direction:column;display:flex}.tech-options small{color:#aeb6ae;font-size:8px}.tech-options svg{opacity:0;width:13px}.tech-options .selected svg{opacity:1;color:#c7ff3e}.activity-log{border-top:1px solid #ffffff20;margin-top:22px;padding-top:14px}.activity-log>b{color:#8e978f;font-size:8px}.activity-log p{gap:8px;margin:11px 0;font-size:9px;display:flex}.activity-log p>i{background:#c7ff3e;border-radius:50%;width:6px;height:6px;margin-top:3px}.activity-log p span{flex-direction:column;display:flex}.activity-log p small{color:#788079;margin-top:2px;font-size:7px}.portal-demo>header{align-items:center}.portal-demo>header>.demo-reset{margin-left:auto}.portal-demo>header>small{margin-left:16px}.portal-workspace{grid-template-columns:1fr 330px;gap:16px;height:420px;display:grid}.deliverable-preview{background:#dce5d8;border:1px solid #c2cbc0;place-items:center;display:grid;position:relative;overflow:hidden}.preview-nav{background:#fff;align-items:center;gap:5px;height:30px;padding:0 10px;display:flex;position:absolute;inset:0 0 auto}.preview-nav i{background:#a8b0a6;border-radius:50%;width:5px;height:5px}.preview-nav span{margin-left:5px;font-size:7px}.phone-preview{background:#f6f1e8;border:7px solid #111;border-radius:22px;width:185px;height:330px;overflow:hidden;transform:rotate(-3deg);box-shadow:20px 25px 45px #2733272d}.phone-preview>header{border-bottom:1px solid #d3cec5;align-items:center;height:45px;padding:12px;display:flex}.phone-preview>header b{font:12px Newsreader}.phone-preview>header i{background:#111;width:12px;height:1px;margin-left:auto}.phone-preview>header i+i{margin-left:3px}.phone-preview>main{background:radial-gradient(circle at 70% 30%,#c7ff3e 0 18%,#0000 19%);padding:38px 16px}.phone-preview main small{font-size:6px}.phone-preview h4{margin:15px 0 50px;font:34px/1 Newsreader}.phone-preview button{color:#fff;background:#111;border:1px solid #111;padding:8px 14px;font-size:8px}.deliverable-preview>span{font-size:7px;position:absolute;bottom:12px;left:14px}.review-actions button{color:#fff;background:#202a22;border:1px solid #526052;align-items:center;gap:7px;width:100%;padding:10px;display:flex}.review-actions button.selected{color:#111;background:#c7ff3e}.review-actions svg{width:14px}.comment-box{grid-template-columns:1fr 38px;display:grid}.comment-box textarea{resize:none;border:0;min-height:65px;padding:9px;font:10px Instrument Sans}.comment-box button{background:#c7ff3e;border:0}.comment-box svg{width:14px}.client-comment{background:#202a22;gap:8px;display:flex;padding:9px!important}.client-comment>svg{color:#c7ff3e;width:14px}.client-comment span{flex-direction:column;font-size:9px;display:flex}.client-comment b{color:#aeb6ae;font-size:7px}.review-panel>.demo-primary,.review-panel>.demo-success{margin-top:12px}.inventory-workspace{grid-template-columns:1fr 320px;gap:16px;display:grid}.inventory-workspace .inventory-table>div,.inventory-workspace .inventory-table>article{grid-template-columns:42px 1.4fr .5fr .6fr}.inventory-workspace .inventory-table>article.selected{background:#f0f9dc}.inventory-table article input[type=checkbox]{accent-color:#8eb722}.inventory-table article input[type=number]{border:1px solid #cbd2c8;width:70px;padding:8px}.inventory-table article span b{flex-direction:column;display:flex}.inventory-table article span small{color:#747c74;font-size:7px}.purchase-order{min-height:330px}.purchase-order>div{border-top:1px solid #ffffff20;margin-top:18px}.purchase-order>div>span{border-bottom:1px solid #ffffff18;justify-content:space-between;padding:11px 0;font-size:9px;display:flex}.purchase-order>div em{color:#c7ff3e;font-style:normal}.purchase-order>footer{grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;display:grid}.purchase-order>footer>span{background:#202a22;flex-direction:column;padding:10px;display:flex}.purchase-order footer small{color:#9fa79f;font-size:7px}.purchase-order footer b{margin-top:3px;font-size:15px}@media (max-width:900px){.demo-stage{height:auto;min-height:760px}.dispatch-workspace,.portal-workspace,.inventory-workspace{grid-template-columns:1fr;height:auto}.dispatch-workspace .demo-map{height:260px}.demo-control-panel,.review-panel,.purchase-order{min-height:330px}.deliverable-preview{min-height:420px}}@media (max-width:600px){.demo-stage{height:auto;min-height:0}.interactive-demo{height:auto;padding:12px;overflow:visible}.dispatch-workspace .demo-map{height:220px}.dispatch-list>button{grid-template-columns:42px 1fr 64px}.dispatch-list>button i{display:none}.dispatch-workspace,.portal-workspace,.inventory-workspace{display:block}.demo-control-panel,.review-panel,.purchase-order{min-height:0;margin-top:10px}.portal-demo-head{margin-top:20px}.portal-workspace .deliverable-preview{min-height:380px}.inventory-kpis{display:grid}.inventory-kpis article:nth-child(3){display:flex}.inventory-workspace .inventory-table>div,.inventory-workspace .inventory-table>article{grid-template-columns:30px 1fr 45px 60px}.inventory-table article input[type=number]{width:52px}.demo-lab>nav small{display:block}}