@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--ink:#17263c;--muted:#758094;--pink:#e62c60;--pink-light:#fff0f4;--green:#21816a;--green-light:#e7f4ef;--line:#e5e9ef;--blue:#4a729c;--orange:#bd7e22;--paper:#f6f7fa;--shadow:0 15px 45px #23384c0c}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',system-ui,sans-serif;font-size:14px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #e62c6080;outline-offset:4px}button{transition:background .2s,transform .2s,border-color .2s}button:hover:not(:disabled){filter:brightness(.97)}button:active:not(:disabled){transform:translateY(1px)}.topbar{height:74px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.4%;gap:20px}.komete-logo{font-family:Manrope,sans-serif;display:flex;align-items:center;gap:8px;font-size:31px;font-weight:500;letter-spacing:-1.1px;text-decoration:none;color:#3f4145}.k-mark{display:inline-block;position:relative;width:25px;height:25px;background:linear-gradient(45deg,#c4c7cb 49%,transparent 50%);flex:none}.k-mark:after{content:'';position:absolute;inset:0;background:var(--pink);clip-path:polygon(0 0,100% 0,50% 50%)}.brand-separator{color:#c7ccd3;font-size:22px;margin:0 15px}.komete-logo img{width:94px;max-height:39px;object-fit:contain}.top-tools{display:flex;align-items:center;gap:16px}.demo-badge{font-size:10px;letter-spacing:1.2px;font-weight:700;display:flex;align-items:center;gap:8px;color:#778194}.demo-badge i{width:6px;height:6px;background:var(--pink);border-radius:50%}.outline-button,.icon-button{border:1px solid #dde2e9;border-radius:7px;padding:9px 14px;background:#fff;font-size:12px;font-weight:650;color:var(--ink)}.icon-button{font-size:23px;line-height:18px;width:38px;height:35px;padding:0}.outline-button.playing{background:var(--ink);border-color:var(--ink);color:white}main{max-width:1740px;padding:28px 3.4% 14px;margin:auto}.intro{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.5px;color:#8390a2}.intro .eyebrow{color:var(--pink);margin-bottom:7px}h1,h2,p{margin:0}h1{font-family:Manrope,sans-serif;font-size:clamp(23px,2.25vw,36px);font-weight:800;letter-spacing:-1.35px;line-height:1.3}h1 span{font-weight:500;color:#768195}.intro p{color:#718095;margin-top:9px;font-size:13px}.product-reference{display:flex;align-items:center;gap:12px;padding-right:10px;flex:none}.product-reference>img{height:90px;width:57px;object-fit:contain;mix-blend-mode:multiply}.product-reference span{font-size:9px;color:#91a0af;font-weight:700;letter-spacing:1.3px}.product-reference strong{display:block;font-family:Manrope,sans-serif;font-size:14px;margin:5px 0}.product-reference small{font-size:11px;color:#8893a2}.mobile-only{display:none}.step-navigation{display:flex;align-items:center;margin:0 0 24px;gap:0}.step-navigation button{position:relative;flex:1;display:flex;gap:9px;align-items:center;justify-content:center;background:transparent;border:0;border-bottom:2px solid #e0e5ed;padding:9px 6px 13px;color:#8b95a4;font-size:12px;font-weight:600;white-space:nowrap}.step-navigation button:first-child{justify-content:flex-start}.step-navigation button:last-child{justify-content:flex-end}.step-navigation button b{font-size:10px;border:1px solid #dbe1e8;width:23px;height:23px;display:grid;place-items:center;border-radius:50%;font-weight:700;flex:none}.step-navigation button.active{color:var(--pink);border-bottom-color:var(--pink)}.step-navigation button.active b{background:var(--pink);border-color:var(--pink);color:white;box-shadow:0 0 0 4px #fce8ef}.step-navigation button.done{color:#57697c;border-bottom-color:#b7c7cc}.step-navigation button.done b{color:var(--green);background:var(--green-light);border-color:transparent}.workspace{display:grid;grid-template-columns:1.14fr 1fr;gap:30px;align-items:start}.factory-panel{background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow);overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 8px;gap:12px}.panel-heading .eyebrow{font-size:9px;letter-spacing:1.3px}.panel-heading h2{font-family:Manrope,sans-serif;font-size:17px;letter-spacing:-.5px;margin-top:5px}.time-pill{display:flex;align-items:center;gap:5px;background:#f5f7f9;border:1px solid #edf0f5;border-radius:6px;padding:7px 8px;font-family:Manrope,sans-serif;font-size:12px;font-weight:750}.time-pill small{font-family:'DM Sans',sans-serif;font-size:8px;color:#8d97a6;margin-left:3px;font-weight:500}.live-dot{display:inline-block;width:6px;height:6px;border-radius:100%;background:#51a78e;flex:none}.factory-stage{position:relative;padding:0 10px;isolation:isolate}.factory-stage>svg{width:100%;display:block;overflow:visible}.factory-bottom{padding:0 22px 16px}.tag-key{display:flex;align-items:center;gap:5px;color:#7c8899;font-size:10px;white-space:nowrap}.tag-key strong{color:#4f5f72;font-weight:600}.tag-key-dot{height:10px;width:14px;background:var(--pink);border:2px solid #fff;box-shadow:0 0 0 1px #f3b4c6;border-radius:3px;margin-right:2px}.key-divider{color:#c2c9d2;margin:0 8px}.qr-mini{font-size:15px;color:#536377}.factory-caption{font-size:11px;color:#63748b;line-height:1.5;margin-top:10px;padding-top:10px;border-top:1px solid #eef1f5;min-height:28px}.computer-area{padding-top:5px}.screen-label{display:flex;align-items:center;gap:7px;color:#758497;font-size:9px;letter-spacing:1.1px;font-weight:650;margin:0 7px 10px;white-space:nowrap}.connection-line{height:1px;background:#dee4ec;flex:1;margin-left:8px}.monitor{position:relative;background:linear-gradient(130deg,#344355,#162031 60%,#2a3544);border-radius:14px 14px 12px 12px;padding:19px 13px 0;box-shadow:0 22px 35px #18283e18,0 2px 3px #18283e20;z-index:1}.webcam{position:absolute;top:7px;left:50%;width:4px;height:4px;border-radius:50%;background:#090f1a;box-shadow:inset 0 0 0 1px #47556c}.screen{background:#fff;border-radius:3px;overflow:hidden;display:flex;flex-direction:column;height:clamp(400px,31vw,495px)}.software-header{display:flex;align-items:center;height:49px;min-height:49px;border-bottom:1px solid #eff1f5;padding:0 16px;gap:12px}.software-brand{font-size:21px;letter-spacing:-.7px;font-weight:500;display:flex;align-items:center;gap:5px;color:#474d55}.software-brand .k-mark{width:17px;height:17px}.plant-label{font-size:10px;font-weight:700;letter-spacing:1px;margin-left:auto;color:#637083}.plant-label span{font-size:14px;color:#a0a9b5;margin-left:6px}.avatar{width:25px;height:25px;border-radius:50%;background:#edf0f5;color:#69788b;display:grid;place-items:center;font-size:9px;font-weight:700}.software-tabs{display:flex;gap:18px;padding:0 16px;min-height:40px;border-bottom:1px solid #e7ebf1;flex-shrink:0}.software-tabs button{border:0;border-bottom:2px solid transparent;background:white;font-size:11px;font-weight:650;color:#8290a0;padding:0 0 8px;margin-top:10px;white-space:nowrap}.software-tabs button.active{color:var(--pink);border-bottom-color:var(--pink)}.sparkle{font-size:13px}.software-content{padding:16px;overflow:auto;flex:1;scrollbar-width:thin;scrollbar-color:#d6dce5 transparent}.software-status{border-top:1px solid #edf0f4;display:flex;justify-content:space-between;gap:10px;padding:7px 12px;color:#93a0ae;font-size:8px;background:#fafbfd;flex-shrink:0}.software-status>span:first-child{display:flex;align-items:center;gap:5px}.software-status i{width:4px;height:4px}.monitor-chin{height:26px;display:flex;align-items:center;justify-content:center;position:relative}.monitor-logo{font-size:7px;letter-spacing:3px;color:#758397}.monitor-chin>i{position:absolute;right:6px;width:3px;height:3px;background:#7fc5ae;border-radius:50%}.monitor-neck{width:83px;height:27px;margin:auto;background:linear-gradient(90deg,#a3adb9,#dae0e7 60%,#a9b5c3);position:relative;z-index:0;transform:perspective(70px) rotateX(12deg);transform-origin:top}.monitor-foot{width:180px;height:9px;margin:-1px auto 0;background:linear-gradient(#dbe1e8,#aeb7c3);border-radius:30px 30px 5px 5px;box-shadow:0 7px 15px #23364e15}.guide{margin-top:24px;background:#fff;border:1px solid #e3e7ee;border-left:3px solid var(--pink);border-radius:10px;display:flex;align-items:center;gap:21px;padding:22px 25px;box-shadow:0 8px 28px #24384e04;min-height:125px}.guide-counter{display:flex;flex-direction:column;align-items:center;border-right:1px solid #e7ebf2;padding-right:20px;min-width:51px}.guide-counter>span{font-family:Manrope,sans-serif;color:var(--pink);font-size:28px;line-height:1.2;font-weight:750;letter-spacing:-1px}.guide-counter small{font-size:10px;color:#a2acbb;margin-top:5px}.guide-copy{flex:1}.guide-copy>.eyebrow{font-size:8px;color:#aa7182;letter-spacing:1.2px;margin-bottom:5px}.guide-copy h2{font-family:Manrope,sans-serif;font-size:18px;font-weight:750;letter-spacing:-.4px;margin-bottom:5px}.guide-copy p{font-size:12px;line-height:1.65;color:#718094;max-width:720px}.guide-actions{display:flex;align-items:center;gap:10px;flex:none}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;background:var(--pink);color:white;border:0;border-radius:7px;padding:14px 17px;font-size:12px;font-weight:700;box-shadow:0 5px 12px #e62c6018;min-height:44px;white-space:nowrap}.primary-button:disabled{opacity:.55}.back-button{border:1px solid #e2e6ee;width:42px;height:43px;background:#fff;border-radius:7px;color:#8090a2}.back-button:disabled{opacity:.35}footer{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#8a95a4;font-size:10px;margin:16px 2px 0}footer strong{font-weight:500;color:#6f7f92}footer button{border:0;background:transparent;color:#8390a1;font-size:10px;padding:5px 0;text-decoration:underline;text-decoration-color:#c8d0da;text-underline-offset:3px}dialog{border:0;border-radius:18px;box-shadow:0 25px 90px #17263c40;max-width:590px;width:calc(100% - 30px);padding:35px;color:var(--ink)}dialog::backdrop{background:#12223c70;backdrop-filter:blur(3px)}dialog h2{font-family:Manrope,sans-serif;font-size:24px;margin:12px 0 18px;letter-spacing:-.6px}dialog p{font-size:13px;line-height:1.8;color:#718094;margin-bottom:14px}dialog a{color:var(--pink)}dialog .primary-button{margin-top:10px}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:#f4f6f8;color:#69778a;border-radius:50%;width:28px;height:28px;font-size:20px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Komete application */
.view-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px;gap:9px}.view-heading h3{font-family:Manrope,sans-serif;font-size:14px;margin:0;font-weight:800;letter-spacing:-.4px}.view-heading small{font-size:9px;color:#8a96a5}.soft-pill{display:inline-flex;align-items:center;gap:5px;font-size:9px;color:var(--green);padding:4px 6px;background:var(--green-light);border-radius:4px;font-weight:600;white-space:nowrap}.soft-pill.wait{color:#ae772e;background:#fff4e1}.soft-pill.gray{color:#7b8899;background:#f2f4f7}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 12px}.metric{background:#f6f8fa;border:1px solid #eef1f5;padding:10px;border-radius:6px}.metric label{display:block;font-size:8px;color:#8793a3;margin-bottom:5px}.metric strong{font-family:Manrope,sans-serif;font-size:20px;letter-spacing:-.7px;font-weight:800}.metric strong small{font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:0;font-weight:500;color:#8291a4;margin-left:3px}.metric em{font-style:normal;font-size:8px;color:var(--green);display:block;margin-top:4px}.order-card{border:1px solid #e2e8ef;border-radius:7px;padding:12px;background:#fff}.order-top{display:flex;justify-content:space-between;align-items:center}.order-id{font-size:12px;font-weight:750}.order-id small{font-size:9px;color:#8b96a4;font-weight:500;display:block;margin-top:4px}.order-product{color:#63768a;font-size:10px;margin-top:9px}.order-route{display:flex;gap:5px;margin-top:12px}.route-stop{font-size:8px;flex:1;line-height:1.2;color:#a6b0bd}.route-stop i{display:block;background:#e9edf2;height:4px;border-radius:3px;margin-bottom:6px}.route-stop.done{color:#728796}.route-stop.done i{background:#6fae98}.route-stop.current{color:var(--pink);font-weight:700}.route-stop.current i{background:var(--pink)}.event-section{margin-top:13px}.tiny-label{font-size:8px;letter-spacing:1px;color:#8b97a7;font-weight:700;text-transform:uppercase}.event{display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-bottom:1px solid #f0f3f7;font-size:10px;animation:fadeUp .4s ease both}.event time{font-size:9px;color:#92a0ae;font-variant-numeric:tabular-nums;min-width:30px;padding-top:1px}.event-dot{width:6px;height:6px;background:var(--green);border-radius:50%;margin-top:4px}.event>div{flex:1}.event strong{font-size:10px;font-weight:600;display:block}.event small{font-size:9px;color:#99a2af;display:block;margin-top:3px}.event-auto{font-size:7px;letter-spacing:.5px;color:#438f78;background:#edf7f3;padding:3px 4px;border-radius:3px;white-space:nowrap}.notice{font-size:10px;line-height:1.55;border:1px solid #f0e3c8;background:#fffaf0;border-radius:6px;padding:9px 10px;color:#9c792e;margin:9px 0}.notice.green{color:#3f8672;background:#eff8f4;border-color:#d9eee5}.notice.pink{background:#fff3f7;border-color:#f8dbe6;color:#b04b6c}.data-table{width:100%;border-collapse:collapse;text-align:left;font-size:10px}.data-table th{font-size:8px;color:#9aa5b2;text-transform:uppercase;letter-spacing:.5px;font-weight:500;padding:8px 5px;border-bottom:1px solid #e5eaf0}.data-table td{padding:10px 5px;border-bottom:1px solid #f0f2f7}.data-table td:last-child,.data-table th:last-child{text-align:right}.data-table tr.selected{background:#fff4f7}.data-table small{display:block;font-size:8px;color:#98a2b0;margin-top:3px}.data-table b{font-weight:700}.timeline{margin:12px 0 10px}.timeline-title{display:flex;justify-content:space-between;font-size:9px;color:#8c99a9;margin-bottom:7px}.timeline-bar{display:flex;height:20px;border-radius:4px;overflow:hidden;gap:2px;background:#f1f4f8}.timeline-bar span{background:#67a78f;min-width:3px;display:grid;place-items:center;font-size:8px;color:white}.timeline-bar span.idle{background:#e8c17b;color:#816021}.timeline-legend{display:flex;gap:12px;font-size:8px;color:#8593a3;margin-top:7px}.timeline-legend i{display:inline-block;width:6px;height:6px;border-radius:2px;background:#67a78f;margin-right:3px}.timeline-legend i.amber{background:#e8c17b}.compact-button{background:#fff;border:1px solid #e2e6ee;border-radius:5px;color:#52677b;font-size:9px;font-weight:650;padding:7px 9px}.compact-button.pink{color:var(--pink);border-color:#f4c5d4;background:#fff5f8}.times-note{margin:12px 0 0;color:#8e9aaa;font-size:9px;line-height:1.6}.source-row{display:flex;align-items:center;justify-content:space-between;gap:5px;padding-top:7px}.source-row .tiny-label{letter-spacing:.5px}.sensor-state{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 10px;border:1px solid #e3e9f0;border-radius:6px;margin-bottom:10px}.sensor-state strong{font-size:10px}.sensor-state small{font-size:8px;display:block;color:#8c99a8;margin-top:3px}.mini-progress{height:4px;background:#edf1f5;border-radius:3px;overflow:hidden;margin-top:7px}.mini-progress>span{height:100%;display:block;background:var(--pink)}.ai-intro{display:flex;gap:10px;align-items:center;margin-bottom:14px}.ai-icon{background:#23354b;color:#fff;width:30px;height:30px;display:grid;place-items:center;font-size:19px;border-radius:9px}.ai-intro h3{font-size:13px;margin:0;font-weight:750}.ai-intro p{font-size:9px;margin-top:4px;color:#96a1af}.ai-prompts{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.ai-prompts button{background:#f7f9fb;border:1px solid #e5eaf1;border-radius:6px;font-size:9px;color:#718094;padding:7px 9px}.ai-prompts button.active{background:#fff0f5;border-color:#efc3d2;color:#bf466a}.ai-question{background:#f1f4f8;color:#60748a;font-size:10px;padding:9px 12px;border-radius:9px 9px 2px 9px;margin-left:25px;margin-bottom:11px;line-height:1.5}.ai-answer{animation:fadeUp .4s ease;font-size:10px;line-height:1.7;color:#64788b}.ai-answer strong{color:#283f55}.ai-answer h4{margin:0 0 8px;font-family:Manrope,sans-serif;font-size:12px;color:#273e55}.ai-answer p+p{margin-top:9px}.insight{padding:11px;background:#fff9ee;border-left:2px solid #d9a856;border-radius:2px 6px 6px 2px;margin:10px 0}.insight.positive{background:#f0f7f3;border-color:#71a58d}.ai-evidence{display:flex;align-items:center;gap:5px;margin:10px 0 0;font-size:8px;color:#9ba5b3}.ai-evidence span{padding:3px 5px;border:1px solid #e6ebf0;border-radius:3px}.ai-form{display:flex;margin-top:15px;border:1px solid #e0e6ed;border-radius:7px;overflow:hidden;background:white}.ai-form input{min-width:0;flex:1;border:0;font:inherit;font-size:10px;padding:10px;outline:none;background:none;color:var(--ink)}.ai-form:focus-within{border-color:#dda6b9;box-shadow:0 0 0 2px #fff0f5}.ai-form button{width:32px;border:0;background:#23354b;color:white;margin:5px;border-radius:4px;font-size:14px}.ai-disclaimer{color:#a1abb8;font-size:8px;margin-top:7px}.ai-mini-chart{display:flex;gap:5px;align-items:flex-end;height:65px;margin:12px 0 17px;border-bottom:1px solid #e6ebf0}.ai-mini-chart>div{flex:1;background:#b8d2d5;border-radius:3px 3px 0 0;position:relative;min-height:10px}.ai-mini-chart>div.alert{background:#eac182}.ai-mini-chart span{position:absolute;bottom:-14px;left:0;width:100%;text-align:center;font-size:8px;white-space:nowrap;color:#8a98a7}.ai-mini-chart b{position:absolute;top:2px;left:0;text-align:center;width:100%;font-size:9px;color:#456376;font-weight:600}
/* Factory interactions */
.factory-svg{font-family:'DM Sans',sans-serif}.factory-svg .room{cursor:pointer}.factory-svg .room-floor{transition:fill .5s,stroke .5s}.factory-svg .room.active .room-floor{fill:#fdf0f5;stroke:#edb5c9;stroke-width:1.7}.factory-svg .room-label{font-size:14px;fill:#40536c;font-weight:700}.factory-svg .room-count{font-size:9px;fill:#94a2b1}.factory-svg .station-label{font-size:9px;fill:#8797a9;font-weight:600}.factory-svg .station-sub{font-size:8px;fill:#9ba6b4}.factory-svg .gateway-label{font-size:8px;fill:#8d9eaf}.factory-svg .warehouse-label{font-size:9px;fill:#9aa8b8;letter-spacing:1.5px}.factory-svg .kit-label{font-size:10px;font-weight:700;fill:#fff}.factory-svg .tag-pulse{fill:none;stroke:#e62c60;stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}.factory-svg .gateway-ring{fill:none;stroke:#e62c60;opacity:0;stroke-width:1.4}.factory-svg .room.active .gateway-ring{animation:radio 2.7s infinite}.factory-svg .room.active .gateway-ring.second{animation-delay:1.2s}.factory-svg .tag-pulse{animation:radio 2.7s infinite}.factory-svg .machine-light{fill:#8da1b8}.factory-svg .running .machine-light{fill:#5bc39e;filter:drop-shadow(0 0 3px #53d8a0)}.factory-svg .running .spindle{animation:spindle .5s infinite alternate}.factory-svg .spark{opacity:0}.factory-svg .running .spark{animation:spark 1s infinite}.factory-svg .kit-route{stroke:#d1dae4;stroke-width:2;fill:none;stroke-dasharray:5 7}.factory-svg .product-glow{opacity:0;transition:opacity 1s}.factory-svg .finished .product-glow{opacity:.6}.scene-toast{position:absolute;left:50%;top:17px;transform:translateX(-50%);border:1px solid #dbece5;border-radius:6px;background:#fff;box-shadow:0 6px 22px #243b5215;padding:9px 12px;color:#408c73;z-index:3;font-size:11px;white-space:nowrap;animation:toastIn .5s ease;display:flex;align-items:center;gap:7px}.phone{position:absolute;bottom:34px;left:39%;width:166px;min-height:235px;background:#1c2b3f;padding:8px;border-radius:21px;box-shadow:0 13px 35px #25364d35;z-index:4;transform:rotate(-3deg);animation:phoneIn .5s ease}.phone-inner{border-radius:14px;background:#fff;overflow:hidden;padding:18px 11px 12px}.phone-notch{position:absolute;top:11px;left:57px;width:53px;height:8px;border-radius:0 0 7px 7px;background:#1c2b3f}.phone-label{font-size:9px;color:#65778c;font-weight:700;text-align:center;margin-bottom:9px}.phone-scan-area{height:83px;background:#f1f4f6;border-radius:5px;display:grid;place-items:center;position:relative;overflow:hidden;margin-bottom:10px}.scan-line{position:absolute;top:8px;left:5px;right:5px;height:2px;background:var(--pink);box-shadow:0 0 7px #ee91af;animation:scan 2.5s infinite}.phone-code{font-size:9px;text-align:center;color:#65798f}.phone-code strong{display:block;font-size:11px;color:#314860;margin:3px 0}.phone button{border:0;background:var(--pink);border-radius:5px;padding:9px 2px;color:white;font-size:9px;font-weight:700;width:100%;margin-top:10px}.phone-confirm{font-size:9px;color:#39896e;line-height:1.5;text-align:center;margin-top:8px}.phone-hint{font-size:8px;color:#9aa5b3;text-align:center;margin-top:7px}.scene-summary{position:absolute;left:19px;bottom:21px;background:white;border:1px solid #e3e9ef;border-radius:6px;padding:9px 11px;box-shadow:0 5px 16px #233b5110;max-width:200px;animation:fadeUp .4s ease}.scene-summary strong{display:block;font-size:10px;color:#3b546a}.scene-summary small{display:block;font-size:9px;color:#91a0af;margin-top:3px}.scene-summary .live-dot{margin-right:5px}.order-floating{pointer-events:none}.qrcode-svg{width:51px;height:51px;background:#fff;padding:2px}.moving{pointer-events:none}.flash-update{animation:flash .9s ease}
@keyframes radio{0%{opacity:0;transform:scale(.65)}20%{opacity:.5}100%{opacity:0;transform:scale(1.65)}}@keyframes spindle{to{transform:translateY(2px)}}@keyframes spark{0%,45%,100%{opacity:0}48%,58%,80%{opacity:1}}@keyframes scan{50%{top:73px}}@keyframes phoneIn{from{opacity:0;transform:translateY(12px) rotate(-3deg)}}@keyframes toastIn{from{opacity:0;transform:translate(-50%,-6px)}}@keyframes fadeUp{from{opacity:0;transform:translateY(5px)}}@keyframes flash{50%{background:#fff0f5}}@media(min-width:1600px){.workspace{gap:45px}.screen{height:495px}.factory-stage{max-height:470px}.factory-stage>svg{max-height:470px}.guide{margin-top:22px}.software-content{padding:20px}.data-table{font-size:11px}.guide-copy p{max-width:800px}}@media(max-width:1200px){main{padding:22px 25px 14px}.topbar{padding:0 25px}.workspace{gap:20px;grid-template-columns:1.03fr 1fr}.factory-stage{padding:0 3px}.panel-heading{padding:17px 15px 6px}.factory-bottom{padding:0 15px 13px}.product-reference{display:none}.guide{padding:18px;gap:15px}.guide-copy h2{font-size:16px}.guide-copy p{font-size:11px}.primary-button{font-size:11px;padding:12px}.screen{height:401px}.factory-caption{font-size:10px}.time-pill small{display:none}.phone{left:36%;width:148px;bottom:25px}.phone-notch{left:48px}.software-tabs{gap:14px;padding:0 13px}.software-content{padding:13px}.guide-actions{gap:6px}.step-navigation button{font-size:11px}.guide-counter{padding-right:14px}.tag-key{font-size:9px}.tag-key .key-divider{margin:0 3px}.screen-label{font-size:8px;letter-spacing:.7px}.metric{padding:8px}.metric strong{font-size:19px}}@media(max-width:920px){.workspace{grid-template-columns:1fr;gap:20px}.factory-stage{max-width:660px;margin:0 auto}.factory-stage>svg{max-height:380px}.computer-area{max-width:700px;width:100%;margin:auto}.screen{height:450px}.factory-bottom{display:flex;gap:15px;align-items:center;justify-content:space-between}.factory-caption{border-top:0;margin:0;padding:0;min-height:0;text-align:right;max-width:260px}.guide{position:sticky;bottom:12px;z-index:6;box-shadow:0 10px 35px #17263c23;margin-top:20px;background:#fffffffa;backdrop-filter:blur(10px)}.guide-copy p{font-size:11px}.guide-copy h2{font-size:15px}.guide-counter{display:none}.topbar{height:65px}.demo-badge{display:none}.intro{margin-bottom:20px}.intro p{font-size:12px}.step-navigation button{font-size:10px;gap:6px}.step-navigation button b{width:20px;height:20px;font-size:9px}.step-navigation{margin-bottom:18px}.software-content{padding:18px}.software-header{padding:0 18px}.metric strong{font-size:24px}.metric label{font-size:9px}.software-tabs button{font-size:12px}.data-table{font-size:12px}.data-table th{font-size:9px}.event strong{font-size:11px}.ai-answer{font-size:12px}.ai-prompts button{font-size:11px}.phone{bottom:25px;left:41%}}@media(max-width:600px){.topbar{padding:0 16px;height:60px}.komete-logo{font-size:24px;gap:5px}.komete-logo>.k-mark{width:20px;height:20px}.brand-separator{font-size:17px;margin:0 5px}.komete-logo img{width:65px}.top-tools{gap:7px}.outline-button{font-size:10px;padding:8px}.icon-button{width:28px;height:30px;font-size:20px}.intro{display:block}.intro h1{font-size:27px;letter-spacing:-1px}.intro p{max-width:350px;line-height:1.6;font-size:11px}.intro .eyebrow{font-size:9px}.mobile-only{display:block}main{padding:21px 13px 13px}.step-navigation{gap:2px;margin-bottom:17px;align-items:stretch}.step-navigation button,.step-navigation button:first-child,.step-navigation button:last-child{flex-direction:column;justify-content:flex-start;padding:5px 1px 10px;white-space:normal;line-height:1.3;font-size:8px;gap:7px;text-align:center}.panel-heading h2{font-size:15px}.panel-heading .eyebrow{font-size:8px}.factory-stage>svg{min-height:252px}.factory-stage{padding:0}.factory-bottom{display:block}.factory-caption{max-width:none;text-align:left;margin-top:7px;font-size:9px;padding-top:8px;border-top:1px solid #eef1f5}.tag-key{font-size:9px}.factory-panel{border-radius:10px}.time-pill{font-size:11px;padding:6px}.workspace{gap:20px}.screen-label{font-size:7px;margin-bottom:8px;letter-spacing:.5px}.monitor{padding:17px 8px 0;border-radius:12px}.screen{height:425px}.software-header{height:43px;min-height:43px;padding:0 12px}.software-brand{font-size:19px}.software-tabs{gap:16px;padding:0 12px;min-height:39px}.software-tabs button{font-size:10px}.software-content{padding:12px}.metric{padding:8px}.metric strong{font-size:19px}.metric label{font-size:8px}.data-table{font-size:10px}.data-table th{font-size:8px}.event strong{font-size:10px}.ai-answer{font-size:10px}.ai-prompts button{font-size:9px}.software-status{font-size:7px}.guide{flex-wrap:wrap;padding:14px;gap:12px;bottom:8px;margin-top:15px;border-radius:8px;min-height:0}.guide-copy{flex-basis:100%}.guide-copy .eyebrow{font-size:7px}.guide-copy h2{font-size:15px}.guide-copy p{font-size:10px;line-height:1.55}.guide-actions{width:100%;justify-content:flex-end}.guide-actions .primary-button{flex:1;padding:11px;font-size:11px}.back-button{height:37px;width:37px}.guide-copy p{max-width:none}footer{font-size:8px;align-items:flex-start;line-height:1.6;margin-bottom:7px}footer>span{max-width:190px}footer button{font-size:8px;white-space:nowrap}.phone{width:125px;left:39%;bottom:10px;padding:6px;border-radius:15px;min-height:0}.phone-inner{padding:13px 8px 8px;border-radius:10px}.phone-notch{top:8px;left:43px;width:39px;height:6px}.phone-label{font-size:7px;margin-bottom:6px}.phone-scan-area{height:60px;margin-bottom:6px}.phone-code{font-size:7px}.phone-code strong{font-size:9px}.phone button{font-size:8px;padding:7px;margin-top:6px}.phone-hint,.phone-confirm{font-size:7px;margin-top:5px}.qrcode-svg{width:42px;height:42px}.scene-toast{font-size:8px;padding:6px 8px;top:5px}.scene-summary{left:10px;bottom:10px;padding:6px 8px;max-width:140px}.scene-summary strong{font-size:8px}.scene-summary small{font-size:7px}.monitor-foot{height:7px;width:160px}.monitor-neck{height:22px}.monitor-chin{height:23px}dialog{padding:25px}dialog h2{font-size:22px}}
@media(min-width:921px){.topbar{height:65px}main{padding-top:20px}.intro{margin-bottom:16px}.product-reference>img{height:77px}.step-navigation{margin-bottom:18px}.guide{margin-top:18px;padding-top:17px;padding-bottom:17px;min-height:110px}.factory-bottom{padding-bottom:13px}.panel-heading{padding-top:16px}.metric{padding:8px 10px}.metric em{font-size:7px}.order-card{padding:10px}.event{padding:6px 0}.event-section{margin-top:10px}.screen{height:clamp(390px,30vw,480px)}}
.drag-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:5px 19px 7px;border-radius:6px;background:#f8f2f5;padding:8px 10px;color:#a25770;font-size:10px}.drag-toolbar>span:before{content:'↔';font-size:14px;font-weight:700;margin-right:7px}.drag-toolbar button{border:0;background:transparent;color:#a34e69;font-size:9px;font-weight:700;text-decoration:underline;text-underline-offset:3px;padding:2px;white-space:nowrap}.factory-svg.topdown{user-select:none;-webkit-user-select:none;overflow:visible}.topdown .room{cursor:default}.floor-station{cursor:pointer;outline:none}.station-target{transition:fill .18s,stroke .18s}.floor-station:hover .station-target,.floor-station.inspected .station-target{fill:#fff6;stroke:#b7c8d6}.floor-station.current .station-target{fill:#fff7fb;stroke:#e9a8c0;stroke-width:1.6}.floor-station.drop-hover .station-target,.floor-station:focus-visible .station-target{fill:#f9dfe9;stroke:#e62c60;stroke-width:2.5}.picking .station-target{stroke:#bf8ea0;stroke-dasharray:4 3;fill:#fff8}.floor-station-label{font-size:10px;fill:#5b7085;font-weight:650;letter-spacing:.2px}.topdown .room-label{font-size:16px;font-weight:750}.topdown .room-count{font-size:11px;letter-spacing:.6px;fill:#8396a8}.topdown .entry-label{font-size:9px;fill:#869aac;font-weight:650;letter-spacing:.5px}.topdown .warehouse-label{font-size:10px}.topdown .weld-spark{opacity:.35}.topdown .running .weld-spark{opacity:1;animation:spark 1.5s infinite}.topdown .running .station-led{fill:#31b88a}.topdown #moving-kit{cursor:grab;touch-action:none;outline:none}.topdown #moving-kit.grabbed{cursor:grabbing}.topdown #moving-kit:focus-visible .kit-halo,.picking .kit-halo{stroke-width:3;fill:#e62c6035}.dragging-kit .phone,.dragging-kit .scene-summary{visibility:hidden}.compact-phone{left:10px;bottom:25px;width:142px;min-height:0;transform:rotate(-2deg)}.compact-phone .phone-notch{left:47px;width:48px}.compact-phone .phone-inner{padding:17px 9px 10px}.compact-phone .phone-label{font-size:8px}.compact-phone .phone-scan-area{height:65px}.compact-phone.phone-right{left:auto;right:9px}.phone .phone-close{position:absolute;top:-8px;right:-8px;z-index:5;width:24px;height:24px;border-radius:50%;background:#fff;border:1px solid #d4dde5;color:#536b82;margin:0;padding:0;font-size:18px;font-weight:400;box-shadow:0 3px 9px #34495e1a}.software-map{display:block;width:100%;max-height:244px;margin:7px 0;overflow:hidden}.map-room-name{font-size:17px;font-weight:700;fill:#4c637b}.map-room-count{font-size:13px;fill:#91a0af}.map-station{cursor:pointer;outline:none}.map-station rect{fill:#e1e9ef;stroke:#b8c9d6;stroke-width:1.5}.map-station text{fill:#6e8398;font-size:16px;font-weight:650}.map-station .map-press-label{font-size:11px;font-weight:500;fill:#788ea1}.map-station.current rect{fill:#fde4ed;stroke:#e62c60;stroke-width:2}.map-station.current text{fill:#c83e68}.map-station.inspected rect,.map-station:focus-visible rect{stroke:#6f91ad;stroke-width:2.5}.map-station.current.inspected rect{stroke:#e62c60}.map-station:hover rect{fill:#d2e1eb}.map-order-strip{display:flex;align-items:center;justify-content:space-between;gap:5px;border:1px solid #e9edf3;background:#f8fafc;border-radius:5px;padding:7px 9px}.map-order-strip strong{font-size:10px;white-space:nowrap}.map-order-strip small{color:#8a9cad;font-weight:400;margin-left:8px;font-size:8px}.map-sync{font-size:8px;color:#418d75;white-space:nowrap}.map-detail{border:1px solid #e5ebf2;border-left:2px solid var(--pink);border-radius:4px;padding:8px 9px;display:flex;flex-direction:column;gap:4px}.map-detail .tiny-label{font-size:7px;letter-spacing:.7px}.map-detail strong{font-size:10px;color:#3f5871}.map-detail>span:last-child{font-size:9px;line-height:1.5;color:#91a0af}.map-history{display:flex;flex-direction:column;gap:5px;font-size:8px;color:#8397aa;margin-top:9px}.map-history b{font-weight:550;color:#a0acb7;margin-right:7px}.map-legend{display:flex;align-items:center;gap:4px;color:#98a6b4;font-size:7px;margin-top:9px}.map-legend i{width:5px;height:5px;background:var(--pink);border-radius:100%}.map-legend span{margin-left:auto}.software-tabs{gap:16px}.software-tabs button{font-size:10px}.scene-summary{bottom:10px;left:15px;pointer-events:none}.topdown #software-kit{pointer-events:none}
@media(min-width:921px){.screen{height:clamp(430px,33vw,520px)}.factory-stage{padding:0 12px}.panel-heading{padding-top:14px}.factory-caption{margin-top:7px;padding-top:7px;font-size:10px}.factory-bottom{padding-bottom:11px}.guide{margin-top:16px}.software-content:has(.software-map){padding-top:12px}.software-content:has(.software-map) .view-heading{margin-bottom:9px}}
@media(max-width:600px){.drag-toolbar{margin:4px 11px 3px;padding:7px;font-size:8px}.drag-toolbar button{font-size:8px}.drag-toolbar>span:before{font-size:11px;margin-right:4px}.factory-stage>.topdown{min-height:225px}.floor-station-label{font-size:11px}.compact-phone{width:115px;left:6px;bottom:4px}.compact-phone.phone-right{right:6px}.compact-phone .phone-notch{left:39px;width:38px}.compact-phone .phone-inner{padding:14px 7px 8px}.compact-phone .phone-scan-area{height:47px}.compact-phone .phone-label{font-size:7px}.compact-phone .qrcode-svg{width:37px;height:37px}.phone .phone-close{width:21px;height:21px;right:-4px;top:-6px}.map-order-strip{padding:7px}.map-order-strip small{margin-left:4px;font-size:7px}.map-sync{font-size:7px}.software-map{max-height:211px}.software-tabs{gap:13px}.software-tabs button{font-size:9px}.map-detail strong{font-size:10px}.map-detail>span:last-child{font-size:8px}.map-legend{font-size:7px}.map-legend span{max-width:135px;text-align:right}.scene-summary{bottom:7px;max-width:130px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Detailed departmental plans */
.floor-controls{display:flex;flex-direction:column;align-items:flex-end;gap:5px;flex:none}.floor-controls label{font-size:8px;font-weight:700;letter-spacing:1.2px;color:#90a096}.floor-controls select{appearance:none;background:#f5f7f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%235c726a' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E") no-repeat right 9px center;border:1px solid #d9e2dd;border-radius:7px;padding:9px 31px 9px 12px;color:#344e45;font:600 12px 'DM Sans',sans-serif;cursor:pointer;min-width:153px}.floor-controls select:focus-visible{outline:3px solid #e62c6055;outline-offset:2px}.floor-context{display:flex;align-items:center;gap:10px;padding:8px 21px 3px;font-size:9px;color:#7c8d85;min-height:32px;line-height:1.6}.view-location{white-space:nowrap;color:#526e63}.view-location:before{content:'';display:inline-block;height:5px;width:5px;border-radius:50%;background:#6b9e87;margin-right:5px}.floor-context>span+span{border-left:1px solid #dfe5e0;padding-left:10px}.floor-legend-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.floor-legend-row .time-pill{font-size:10px;padding:5px 7px;background:#f6f8f6}.floor-legend-row .time-pill small{font-size:7px}.realistic-floor{background:#fff;border-radius:8px}.factory-stage>.realistic-floor{min-height:0;max-height:none;margin:4px 0 9px}.realistic-floor .floor-room-title{font-size:17px;font-weight:750;fill:#536b60;letter-spacing:1px}.realistic-floor .floor-room-meta{font-size:11px;font-weight:600;fill:#8b9c90;letter-spacing:1px}.realistic-floor .floor-caption{font-size:11px;font-weight:650;fill:#809389;letter-spacing:1.4px}.realistic-floor .floor-small-label{font-size:11px;fill:#85988c;letter-spacing:.65px}.realistic-floor .floor-station-label{font-size:13px;fill:#536c60;letter-spacing:.5px;font-weight:700}.realistic-floor .overview-station .floor-station-label{font-size:11px;font-weight:650}.realistic-floor .floor-station.current .station-target{fill:#fce4ee55;stroke:#df5984;stroke-width:2}.realistic-floor .floor-station:hover .station-target{fill:#ffffff35;stroke:#8fa9a0;stroke-width:1.5}.realistic-floor .floor-station.drop-hover .station-target{fill:#fce3ec77;stroke:#df386d;stroke-width:3}.realistic-floor .floor-station.inspected .station-target{stroke:#88a198}.realistic-floor .overview-room{cursor:zoom-in}.realistic-floor .overview-room:hover>rect:first-child{stroke:#829d8d}.overview-room-title{font-size:16px;font-weight:700;fill:#5b7064}.overview-room-count{font-size:14px;font-weight:700;fill:#8c9f93}.picking .realistic-floor .station-target{stroke:#cf8ba2;stroke-dasharray:5 5;fill:#ffffff33}.realistic-floor .kit-label{font-size:12px;font-weight:700}.software-map .map-room-name{font-size:19px}.software-map .map-room-count{font-size:16px}.software-map .map-station text{font-size:19px}.software-map{max-height:245px}.factory-panel .drag-toolbar{margin-top:5px;background:#f6f2f4}.factory-panel .panel-heading{padding-bottom:3px}.factory-caption{font-size:10px}.factory-panel:has(.department-floor) .compact-phone{bottom:34px;left:9px;transform:rotate(-2deg);width:128px}.factory-panel:has(.department-floor) .phone-right{left:auto;right:9px}.factory-panel:has(.department-floor) .scene-summary{bottom:17px;left:auto;right:18px}.factory-panel:has(.department-floor) .compact-phone .phone-notch{left:42px;width:44px}.factory-panel:has(.department-floor) .compact-phone .phone-label{font-size:7px}
@media(max-width:600px){.floor-controls select{font-size:10px;min-width:133px;padding:8px 28px 8px 9px}.floor-controls label{font-size:7px;letter-spacing:.8px}.floor-context{padding:7px 12px 2px;font-size:8px;gap:7px;align-items:flex-start}.floor-context>span+span{padding-left:7px}.floor-legend-row{flex-wrap:wrap;gap:5px}.floor-legend-row .time-pill{font-size:8px;padding:3px 5px}.factory-panel .panel-heading h2{font-size:14px}.factory-panel .panel-heading{gap:5px}.factory-panel:has(.department-floor) .compact-phone{width:108px;bottom:8px}.factory-panel:has(.department-floor) .compact-phone .phone-notch{left:35px;width:35px}.realistic-floor .floor-station-label{font-size:16px}.realistic-floor .overview-station .floor-station-label{font-size:14px}.realistic-floor .floor-small-label{font-size:12px}.software-map{max-height:210px}.floor-context .view-location{white-space:normal;min-width:85px}}
/* Keep the demo focused on the factory, the kit and its data. */
.demo-badge,.intro .eyebrow,.intro p,.product-reference,.panel-heading .eyebrow,.floor-controls label,.floor-context,.factory-caption,.screen-label,.guide-copy>.eyebrow,.guide-counter,.software-status,.monitor-logo,footer>span,.time-pill small{display:none!important}.realistic-floor .floor-room-title,.realistic-floor .floor-room-meta,.realistic-floor .floor-caption,.realistic-floor .floor-small-label,.map-sync,.map-legend{display:none!important}.intro{margin-bottom:16px}.panel-heading{padding-top:18px!important;padding-bottom:10px!important}.drag-toolbar{background:transparent!important;margin-top:0!important;padding-top:0;padding-bottom:4px}.guide{padding:18px 22px;min-height:0}.guide h2{font-size:19px}.guide-copy p{font-size:12px}.software-map .map-room-count{display:none}.factory-bottom{padding-top:3px}footer{justify-content:flex-end}.computer-area{padding-top:0}.floor-controls select{background-color:#fff}.floor-legend-row .tag-key{font-size:9px}.intro h1{font-size:26px}.guide-actions{margin-left:auto}
.presence-summary{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;border:1px solid #dce8f5;background:#f1f6fc;border-radius:6px;color:#496889;padding:10px;margin-top:9px;font-size:10px}.presence-summary strong{font-size:14px}.presence-summary strong span{font-size:12px;margin-left:7px}.presence-gantt{margin:13px 0 17px}.presence-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.presence-heading strong{font-size:13px}.presence-heading>span{font-size:9px;color:#6e8194}.presence-explanation{font-size:10px;line-height:1.5;color:#7c8c9c;margin:6px 0 12px}.gantt-axis,.gantt-row{display:grid;grid-template-columns:63px 1fr 85px;gap:8px;align-items:center}.gantt-axis{font-size:8px;color:#8a99a8;margin-bottom:5px}.gantt-axis>div{display:flex;justify-content:space-between}.gantt-axis i{font-style:normal}.gantt-axis>span:last-child{text-align:right}.gantt-row{min-height:44px;border-top:1px solid #edf0f5}.gantt-label b{font-size:10px}.gantt-label small{display:block;font-size:8px;color:#91a0af;margin-top:3px}.gantt-track{height:28px;position:relative;border-left:1px solid #dce4ee;border-right:1px solid #dce4ee;background:repeating-linear-gradient(to right,transparent 0,transparent calc(25% - 1px),#e8edf4 calc(25% - 1px),#e8edf4 25%)}.presence-bar{position:absolute;top:6px;height:16px;background:#7396bd;border-radius:3px;max-width:100%;transition:width .35s}.presence-bar.open{background:#4779ab;border-right:3px solid #244f7f}.gantt-values{text-align:right}.gantt-values b{display:block;font-size:11px;color:#41688e}.gantt-values small{font-size:8px;color:#47836d}.gantt-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:8px;gap:5px;font-size:8px;color:#8697a9}.gantt-bottom i{display:inline-block;width:8px;height:8px;background:#7396bd;margin-right:3px;border-radius:2px}.gantt-bottom button{font-size:9px;padding:6px 8px;color:#41688e;border:1px solid #d7e2ee;border-radius:4px;background:#f5f8fc}.gantt-empty{padding:20px 8px;color:#8a99aa;font-size:11px}.presence-gantt+.data-table{margin-top:14px}@media(max-width:600px){.gantt-axis,.gantt-row{grid-template-columns:47px 1fr 68px;gap:5px}.gantt-axis{font-size:7px}.presence-heading strong{font-size:12px}.presence-heading>span{font-size:8px}.gantt-bottom button{font-size:8px}}