/* Original UI concepts, drawn with HTML/CSS. All content scales with the illustration. */
.pv-figure{margin:0;width:100%;min-width:0;color:#182342;font-family:Inter,Arial,sans-serif;text-align:left;container-type:inline-size}
.pv-stage{position:relative;aspect-ratio:1.22;background:radial-gradient(ellipse at 80% 0,#dce5ff,transparent 65%),linear-gradient(145deg,#f2f5ff,#e8edff);border-radius:22px;overflow:hidden;font-size:clamp(5px,2.1cqw,14px);line-height:1.4}
.pv-art{position:absolute;inset:0;overflow:hidden}
.pv-art *{box-sizing:border-box}
.pv-art h4{font-size:1.65em;line-height:1.22;letter-spacing:-.03em;margin:.5em 0;color:#111b35;font-weight:650}
.pv-art p{font-size:1em;line-height:1.5;margin:.65em 0;color:#536079}
.pv-art small{display:block;font-size:.85em;line-height:1.4;color:#536079}
.pv-card{background:white;border:1px solid #e4e8f5;border-radius:1.1em;padding:1.5em;box-shadow:0 1.4em 3em #2740910e;position:absolute}
.pv-card-head{display:flex;align-items:center;gap:.6em;margin-bottom:1.5em;color:#192440;font-size:.94em}
.pv-card-head strong{font-weight:600;line-height:1.3}
.pv-app-icon{display:flex;padding:.4em;background:#eff2ff;border-radius:.5em;color:#405df6}
.pv-app-icon svg{width:1.3em;height:1.3em}
.pv-dots{margin-left:auto;color:#939cae;font-size:.8em;letter-spacing:.2em}
.pv-main{left:5%;top:11%;width:76%;min-height:65%}
.pv-badge{display:inline-block;padding:.35em .7em;border-radius:.45em;font-size:.75em;font-weight:550;line-height:1.4}
.pv-blue{background:#eef1ff;color:#3650d2}.pv-green{background:#e9f7ef;color:#297753}.pv-amber{background:#fff4db;color:#896222}
.pv-row{display:flex;align-items:center;gap:.75em;padding:1em 0;border-bottom:1px solid #edf0f7;font-size:.95em}
.pv-row:last-child{border:0}.pv-row strong{font-weight:550;display:block;margin-bottom:.25em}
.pv-row-mark{flex:none;display:grid;place-items:center;width:2em;height:2em;border-radius:.5em;background:#edf7f1;color:#379270;font-size:.8em}
.pv-row-arrow{margin-left:auto;color:#8190ad}.pv-row small{font-size:.84em}
.pv-floating{position:absolute;display:flex;align-items:center;gap:1em;bottom:8%;left:10%;padding:1em 1.3em;background:white;box-shadow:0 .8em 2em #2d43881a;border:1px solid #e6eaf5;border-radius:.8em;max-width:84%;font-size:.9em}
.pv-floating strong,.pv-review-note strong{display:block;font-weight:600;margin-bottom:.2em}.pv-float-icon{padding:.6em;display:grid;place-items:center;border-radius:.6em}.pv-float-icon svg{width:1.6em;height:1.6em}
.pv-board-labels,.pv-board-columns{display:grid;grid-template-columns:1fr 1fr;gap:1em}.pv-board-labels{font-size:.85em;color:#536079;margin-bottom:1em}.pv-board-labels span:before{content:'';display:inline-block;width:.5em;height:.5em;background:#92a2cf;border-radius:50%;margin-right:.6em}
.pv-mini-task{padding:1.1em .9em;border:1px solid #e7ebf7;border-radius:.6em;margin-bottom:.8em;background:white}.pv-mini-task>strong{display:block;font-size:1.05em;margin:.7em 0}.pv-muted-task{background:#f6f8fc;border-style:dashed}
.pv-task-foot{display:flex;justify-content:space-between;align-items:center;margin-top:1.1em;font-size:.8em;color:#536079}.pv-avatar{display:grid;place-items:center;width:2.1em;height:2.1em;background:#d8e8ff;color:#3d5c9b;border-radius:50%}.pv-lilac{background:#eee1ff;color:#76419a}
.pv-phone{right:4%;top:27%;width:35%;border:4px solid #1d294c;border-radius:1.7em;padding:1.3em 1em;font-size:.9em;box-shadow:0 2em 4em #26316c26}.pv-phone:before{content:'';display:block;width:33%;height:.45em;border-radius:2em;margin:-.5em auto 1.1em;background:#1d294c}.pv-phone .pv-card-head{font-size:.82em;margin-bottom:.8em}.pv-phone-title{font-size:1.45em;font-weight:650;line-height:1.2;margin-bottom:.75em}.pv-solid-label{background:#405df6;color:white;text-align:center;padding:.75em .5em;border-radius:.4em;margin-top:1em;font-size:.85em;font-weight:600}
.pv-capture{top:9%;left:6%;width:53%}.pv-capture h4{font-size:1.5em}.pv-scan{position:relative;background:#f2f5ff;height:9em;border-radius:.7em;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.6em}.pv-scan>svg{width:3em;height:3em;color:#6d81e4}.pv-scan>span{position:absolute;inset:17% 29%;border:2px dashed #9aaaf4;border-radius:.7em}.pv-scan small{margin-top:.2em;font-size:.8em}
.pv-response{right:4%;top:32%;width:48%;font-size:.92em}.pv-faults .pv-floating{bottom:7%;left:12%}.pv-asset-path{font-size:.75em;color:#536079}.pv-equipment{height:9em;display:grid;place-items:center;background:#f5f7ff;border-radius:.7em;margin:1em 0}.pv-equipment svg{width:83%;height:100%}.pv-micro-tabs{display:flex;gap:1.8em;font-size:.77em;color:#536079;border-bottom:1px solid #e8edf7;padding-bottom:.8em}.pv-micro-tabs b{color:#405df6}.pv-assets .pv-main{top:6%;width:78%;padding-bottom:1em}.pv-assets .pv-row{padding:.65em 0}.pv-history{right:4%;bottom:9%;width:52%;font-size:.85em}.pv-history .pv-card-head{margin-bottom:.4em}
.pv-calendar-card{top:10%;left:4%;width:68%}.pv-calendar-heading{display:flex;justify-content:space-between;font-size:1.15em;margin-bottom:1em}.pv-calendar-heading strong{font-weight:600}.pv-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:.65em .35em;text-align:center;font-size:.85em;align-items:center}.pv-calendar>span{padding:.5em 0}.pv-calendar>span:nth-child(-n+7){color:#536079;font-size:.8em}.pv-date-selected{background:#405df6;border-radius:.5em;color:white}.pv-calendar-legend{font-size:.8em;color:#536079;margin-top:1.4em;display:flex;align-items:center;gap:.7em}.pv-calendar-legend i{width:.7em;height:.7em;border-radius:50%;background:#405df6}.pv-schedule{width:46%;right:4%;top:33%;font-size:.88em}.pv-preventive .pv-floating{bottom:7%;left:7%}
.pv-search{padding:.75em 1em;background:#f5f7fc;color:#536079;font-size:.85em;border-radius:.5em;margin-bottom:1em}.pv-part-detail{right:4%;top:29%;width:42%;text-align:center}.pv-part-detail .pv-card-head{margin-bottom:1em}.pv-part-detail h4{font-size:1.3em}.pv-bearing{width:7.5em;height:7.5em;margin:.8em auto;border-radius:50%;background:conic-gradient(#d0d7e7,#f8faff,#aab9d4,#eaf0ff,#d0d7e7);box-shadow:inset 0 0 0 .4em #899ab6,inset 0 0 0 .65em #edf2ff;display:grid;place-items:center;transform:rotate(-20deg)}.pv-bearing span{width:4em;height:4em;border-radius:50%;background:#eaf0ff;box-shadow:0 0 0 .5em #7285a5,0 0 0 .85em #dfe6f5,inset 0 .3em .3em #7b8aa950}.pv-part-meta{display:flex;justify-content:center;gap:2em;margin:1.2em 0;font-size:.8em;color:#536079}.pv-part-meta b{display:block;color:#25344f;font-size:1.5em;margin-top:.25em}.pv-parts .pv-floating{bottom:7%;left:7%}
.pv-reading>strong{display:block;font-size:3.7em;line-height:1.2;letter-spacing:-.05em;font-weight:650;margin:.1em 0}.pv-reading>strong span{font-size:.5em;font-weight:400;color:#536079}.pv-line-chart{width:100%;height:9em;margin-top:2em}.pv-chart-labels{display:flex;justify-content:space-between;font-size:.7em;color:#536079}.pv-meter-detail{right:4%;top:32%;width:36%;text-align:center}.pv-meter-detail .pv-card-head{margin-bottom:.8em}.pv-meter-ring{margin:1em auto;width:8em;height:8em;display:grid;place-items:center;border-radius:50%;background:conic-gradient(#405df6 0 280deg,#eef1fb 280deg)}.pv-meter-ring>span{width:6.7em;height:6.7em;display:flex;align-items:center;justify-content:center;gap:.3em;background:white;border-radius:50%;font-weight:600}.pv-meter-ring small{font-weight:400}.pv-meter-detail>strong{font-size:.9em}.pv-meters .pv-floating{bottom:7%}
.pv-report-top{display:flex;align-items:center;justify-content:space-between;padding:.6em 0}.pv-report-top strong{display:block;font-size:3.8em;line-height:1.1;letter-spacing:-.06em;font-weight:600;margin:.15em 0}.pv-report-top div>span{font-size:.75em;color:#536079}.pv-donut{width:8em;height:8em;border-radius:50%;background:conic-gradient(#405df6 0 230deg,#9daeff 230deg 320deg,#e5ebff 320deg);display:grid;place-items:center}.pv-donut>span{display:grid;place-items:center;background:white;width:5.5em;height:5.5em;border-radius:50%;font-size:1em!important;color:#405df6!important}.pv-bars{display:flex;align-items:end;gap:1.6em;height:7em;padding:0 .5em;border-bottom:1px solid #dfe5f5;margin:1.5em 0 .6em}.pv-bars span{height:var(--bar);background:#d6deff;flex:1;border-radius:.4em .4em 0 0}.pv-bars span:last-child{background:#405df6}.pv-reports .pv-history{bottom:23%}.pv-reports .pv-floating{bottom:7%;left:7%}
.pv-copilot .pv-stage{background:radial-gradient(ellipse at 80% 0,#bbceff,transparent 65%),linear-gradient(150deg,#e9edff,#dce4ff)}.pv-chat{left:9%;top:9%;width:82%;font-size:1em}.pv-chat-question{margin:1em 0 1.8em auto;border-radius:1em 1em 0 1em;background:#f0f3ff;padding:1em 1.4em;width:80%;font-size:.92em}.pv-chat-answer{display:flex;gap:1em;margin-bottom:2em;font-size:.9em}.pv-ai-star{flex:none;background:#edf0ff;color:#4963f5;font-size:1.8em;border-radius:.4em;width:1.4em;height:1.4em;display:grid;place-items:center}.pv-chat-answer p{color:#536079}.pv-source{font-size:.8em;border:1px solid #dee5ff;border-radius:.4em;padding:.7em;color:#4860cd;display:inline-block}.pv-chat-input{border:1px solid #e1e6f3;border-radius:.6em;padding:1em;display:flex;align-items:center;justify-content:space-between;font-size:.85em;color:#536079}.pv-chat-input b{background:#405df6;color:white;border-radius:.4em;padding:.3em .7em}.pv-review-note{position:absolute;left:19%;bottom:8%;display:flex;align-items:center;gap:1em;padding:1em 1.6em;background:#fff;border-radius:.8em;border:1px solid #dee5f6;box-shadow:0 1em 2em #20317316;font-size:.9em}.pv-review-note>span{background:#ebf7f0;color:#398262;border-radius:50%;padding:.5em .8em}
.pv-network-center{position:absolute;left:37%;top:35%;width:26%;aspect-ratio:1;background:#405df6;color:white;border-radius:1.4em;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 1em 3em #405df632}.pv-network-center>svg{width:2.7em;height:2.7em;margin-bottom:.8em}.pv-network-center strong{font-size:1.55em;letter-spacing:.13em}.pv-network-center small{color:#d8e0ff;font-size:.7em;margin-top:.5em}.pv-network-node{padding:1.2em;width:38%;font-size:.88em}.pv-network-node .pv-card-head{margin-bottom:1em}.pv-node-one{left:4%;top:8%}.pv-node-two{right:4%;top:8%}.pv-node-three{left:33%;bottom:6%;width:49%}.pv-network-line{position:absolute;border:2px dashed #afbeef;border-radius:2em}.pv-line-one{left:22%;top:23%;width:28%;height:25%}.pv-line-two{right:22%;top:23%;width:28%;height:25%}.pv-line-three{left:50%;top:55%;height:24%;border-width:0 0 0 2px}
.pv-rollout-step{position:absolute;display:flex;align-items:center;gap:1.2em;width:74%;background:#fff;border:1px solid #e0e6f8;border-radius:.9em;padding:1.2em;box-shadow:0 .5em 2em #405df60c}.pv-rollout-step>span{font-size:1.25em;color:#405df6;background:#eef1ff;padding:.6em;border-radius:.55em;font-weight:500}.pv-rollout-step strong{font-size:1.1em;display:block;font-weight:550;margin-bottom:.3em}.pv-rollout-step svg{width:1.7em;height:1.7em;margin-left:auto;color:#94a7e1}.pv-rollout-0{top:7%;left:5%}.pv-rollout-1{top:28%;left:10%}.pv-rollout-2{top:49%;left:15%}.pv-rollout-3{top:70%;left:20%}.pv-rollout-line{position:absolute;left:30%;top:16%;height:60%;border-left:2px dashed #a4b3e6;transform:rotate(-15deg)}
.pv-mission-core{position:absolute;inset:28% 20%;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.pv-mission-core small{letter-spacing:.15em;color:#405df6;font-size:.8em}.pv-mission-core strong{font-size:4em;line-height:1.05;letter-spacing:-.06em;margin-top:.25em;color:#243770}.pv-mission-orbit{position:absolute;inset:12% 17%;border:1px solid #b8c5f4;border-radius:50%}.pv-value{position:absolute;background:white;border:1px solid #e2e7f7;box-shadow:0 1em 3em #2740910c;display:flex;align-items:center;gap:1em;padding:1em 1.5em;border-radius:1em}.pv-value svg{width:2em;height:2em;color:#405df6}.pv-value strong{font-size:1em;font-weight:550}.pv-value-one{top:9%;left:8%}.pv-value-two{top:23%;right:4%}.pv-value-three{bottom:13%;left:19%}
.pv-figure figcaption{display:block;font-size:11px;line-height:1.5;text-align:center;color:#536079;margin-top:12px;padding:0 10px}
/* The same illustrations replace legacy screenshots in existing showcase panels. */
/* Enterprise capability concepts. Relative units keep the full interface intact on mobile. */
.pv-planning .pv-stage,.pv-purchasing .pv-stage{aspect-ratio:1.06}
.pv-review-board{left:6%;top:8%;width:78%;min-height:73%}.pv-review-summary{border-bottom:1px solid #e7ecf7;padding-bottom:1.2em}.pv-review-summary h4{font-size:1.6em}.pv-approval-queue{width:55%;margin-top:1em}.pv-approval-item{display:flex;align-items:center;gap:.7em;padding:.85em .6em;border-radius:.5em;margin:.2em 0;font-size:.88em}.pv-approval-item>span{color:#729489}.pv-approval-item strong{font-weight:550;display:block}.pv-selected{background:#f0f3ff}.pv-selected>span{color:#405df6}.pv-approval-detail{right:4%;top:39%;width:45%;padding:1.3em}.pv-approval-detail .pv-card-head{margin-bottom:.7em}.pv-approval-detail .pv-row{font-size:.85em;padding:.85em 0}.pv-approval-detail .pv-solid-label{font-size:.85em;margin-top:1em}.pv-approvals .pv-floating{bottom:6%;left:9%;font-size:.83em}
.pv-route-board{left:7%;top:9%;width:86%;min-height:71%}.pv-route-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:1.2em;border-bottom:1px solid #e6ebf8}.pv-route-top>strong{font-size:1.5em;letter-spacing:-.03em}.pv-route-top>span{font-size:.78em;color:#536079}.pv-route-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.3em;margin-top:1.3em}.pv-route-track{position:relative;padding-left:.25em}.pv-route-track:before{content:'';position:absolute;top:2em;bottom:2em;left:1.5em;border-left:2px dashed #b1bfea}.pv-route-stop{display:flex;align-items:center;gap:.8em;min-height:5.1em;position:relative;font-size:.93em}.pv-route-stop>span{display:grid;place-items:center;width:2.7em;height:2.7em;flex:none;border:1px solid #dce4fa;border-radius:50%;background:#f3f6ff;color:#6e82c1;font-size:.86em}.pv-route-active>span{background:#405df6;border-color:#405df6;color:white}.pv-route-stop strong{display:block;font-size:.94em;font-weight:550}.pv-route-stop small{margin-top:.3em}.pv-stop-ticket{padding:1.2em;background:#f6f8ff;border:1px solid #e2e8fa;border-radius:.8em}.pv-stop-ticket>small{font-size:.65em;letter-spacing:.1em}.pv-stop-ticket>svg{display:block;width:2.8em;height:2.8em;margin:1.1em 0 .8em;color:#637deb}.pv-stop-ticket h4{font-size:1.25em}.pv-stop-ticket p{font-size:.85em}.pv-stop-note{font-size:.74em;line-height:1.5;margin-top:1.4em;padding-top:1em;border-top:1px solid #dce3f4;color:#687796}.pv-routes .pv-floating{bottom:6%;left:10%;font-size:.85em}
.pv-planning-board{left:5%;top:10%;width:90%;min-height:58%}.pv-plan-day{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5em}.pv-plan-day>strong{font-size:1.5em}.pv-plan-hours{display:grid;grid-template-columns:7em repeat(4,1fr);font-size:.78em;color:#536079;border-bottom:1px solid #e1e7f6;padding-bottom:1em}.pv-plan-hours>span:not(:first-child){text-align:center}.pv-plan-row{display:flex;min-height:4.2em;border-bottom:1px solid #edf0f8;align-items:center}.pv-plan-row:last-child{border:0}.pv-plan-person{display:flex;gap:.7em;align-items:center;flex:none;width:5.46em;flex-direction:column;padding:.6em .5em .6em 0}.pv-plan-person small{font-size:.6em;text-align:center}.pv-plan-person .pv-avatar{font-size:.8em}.pv-plan-lane{flex:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));height:3.2em;align-items:center;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#edf0f8 calc(25% - 1px),#edf0f8 25%)}.pv-plan-job{grid-column:var(--start)/span var(--span);border-radius:.45em;padding:.7em .8em;background:#e8edff;color:#3c55b4;border-left:3px solid #405df6;margin-right:.7em;font-size:.79em;line-height:1.35}.pv-plan-job-1{background:#e9f5ef;color:#36785a;border-color:#5b9f80}.pv-plan-job-2{background:#f1eaff;color:#704a94;border-color:#9f7ac3}.pv-plan-free{background:#f6f8fc;color:#536079;border:1px dashed #c7d3ed}.pv-assignment{left:24%;bottom:7%;width:70%;padding:1.4em}.pv-assignment .pv-card-head{margin-bottom:1em}.pv-assignment h4{font-size:1.4em}.pv-plan-assignment{display:flex;align-items:center;gap:1em;font-size:.85em;margin-top:1em}.pv-plan-assignment .pv-badge{margin-left:auto}
.pv-sites-board{left:6%;top:9%;width:88%;min-height:71%}.pv-sites-heading{display:flex;align-items:center;justify-content:space-between}.pv-sites-heading small{font-size:.65em;letter-spacing:.08em}.pv-site-network{width:80%;margin:1.8em auto 0;display:flex;align-items:center;flex-direction:column}.pv-site-network>span{display:flex;align-items:center;gap:.65em;color:white;background:#405df6;padding:.7em 1.1em;border-radius:.7em;font-size:.85em;letter-spacing:.08em}.pv-site-network svg{width:1.7em;height:1.7em}.pv-site-network>i{height:1.8em;border-left:1px solid #bac8f0}.pv-site-network>div{width:100%;display:flex;justify-content:space-between;position:relative;border-top:1px solid #bac8f0;padding-top:1em}.pv-site-network b{font-size:.65em;background:#eef2ff;color:#637bbe;border-radius:50%;width:2.5em;height:2.5em;display:grid;place-items:center;font-weight:500;position:relative}.pv-site-network b:before{content:'';position:absolute;height:1.5em;bottom:100%;border-left:1px solid #bac8f0}.pv-site-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65em;margin-top:.6em}.pv-site-tiles>div{border:1px solid #e1e7f5;border-radius:.7em;padding:1em .8em;background:#fbfcff}.pv-site-tiles small{font-size:.59em;letter-spacing:.02em}.pv-site-tiles strong{display:block;font-size:.88em;margin:.8em 0;font-weight:550;min-height:2.8em}.pv-site-tiles span{font-size:.64em;color:#536079;display:block}.pv-multisite .pv-floating{left:12%;bottom:6%;font-size:.87em}
.pv-purchase-board{left:6%;top:7%;width:82%;min-height:68%}.pv-po-title{display:flex;justify-content:space-between;gap:1em;align-items:center;margin-bottom:1.5em}.pv-po-title small{font-size:.61em;letter-spacing:.06em}.pv-po-title h4{font-size:2em}.pv-po-columns{display:flex;justify-content:space-between;color:#536079;font-size:.65em;padding:.8em 0;border-top:1px solid #e1e7f5;border-bottom:1px solid #e1e7f5;letter-spacing:.06em}.pv-po-line{display:flex;gap:.8em;align-items:center;padding:1.1em 0;border-bottom:1px solid #edf0f8;font-size:.9em}.pv-po-line strong{display:block;font-size:1em;font-weight:550}.pv-po-line b{margin-left:auto;font-size:1em;font-weight:550}.pv-po-part{display:flex;padding:.65em;background:#f0f3ff;color:#6980d3;border-radius:.55em}.pv-po-part svg{width:1.3em;height:1.3em}.pv-purchase-status{right:4%;bottom:6%;width:57%;padding:1.3em}.pv-purchase-status .pv-card-head{margin-bottom:.9em}.pv-purchase-status h4{font-size:1.3em}.pv-po-progress{display:flex;align-items:center;margin-top:1.1em}.pv-po-progress>span{display:grid;place-items:center;width:2em;height:2em;background:#f1f4fb;color:#93a0b8;border-radius:50%;font-size:.7em;flex:none}.pv-po-progress>i{height:1px;background:#d6dff2;flex:1}.pv-po-progress .pv-complete{background:#e7f5ee;color:#408866}.pv-po-labels{display:flex;justify-content:space-between;font-size:.62em;color:#536079;margin-top:.6em}
.mx-front-visual:has(.pv-figure){background:transparent;min-height:0;padding:0;max-width:950px;margin:50px auto 0;height:auto;overflow:visible}.mx-front-visual>.pv-figure{max-width:790px;margin:auto}.mx-front-visual .pv-stage{aspect-ratio:1.55}.mx-front-visual .pv-figure{container-type:inline-size}.mx-front-visual .pv-stage{font-size:clamp(8px,1.8cqw,14px)}
.mx-feature-visual:has(.pv-figure){background:transparent;padding:0;height:auto;min-height:0}.mx-feature-visual .pv-figure figcaption{color:#fff}.ent-workflow-media:has(.pv-figure){background:none;padding:0}.ent-workflow-media>.pv-figure{width:100%}
@media(max-width:600px){.pv-stage{border-radius:14px}.pv-figure figcaption{font-size:10px}.mx-front-visual .pv-stage{aspect-ratio:1.22;font-size:2.1cqw}}