:root{color-scheme:light;--green:#278577;--dark:#133f37;--pale:#e7f4ee;--ink:#193b34;--muted:#55746b;--orange:#d79b55;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:#f2f7f4}button,select,input{font:inherit}button,a,select{touch-action:manipulation}a{color:var(--dark)}button{cursor:pointer;border:1px solid #9bbeb0;background:white;color:var(--dark);border-radius:9px;font-weight:600}button:hover:not(:disabled){background:#daeee4}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #d79b55;outline-offset:3px}button:disabled{opacity:.4;cursor:default}.primary{background:var(--green);color:white;border-color:#1e7164}.primary:hover:not(:disabled){background:#1d6f62}.viewer-header{background:var(--green);color:white;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:12px 5%;gap:24px}.viewer-header a{color:white;text-decoration:none}.viewer-brand img{height:76px;width:250px;object-fit:contain}.viewer-header>label{justify-self:end;display:flex;flex-direction:column;gap:6px;font-size:13px}.viewer-header select{width:164px;height:40px;padding:5px 12px;border:1px solid #bfe0d1;border-radius:8px;background:var(--pale);color:var(--dark)}main{max-width:1320px;margin:auto;padding:28px 34px 40px}.viewer-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:22px}.viewer-intro h1{font-size:27px;margin:0;line-height:1.2}.viewer-action{width:210px;height:52px;flex:0 0 210px;padding:10px 14px;display:flex;align-items:center;text-align:center;justify-content:center;border:1px solid #9bbeb0;border-radius:9px;text-decoration:none;background:white;font-weight:600}.fit-label{display:flex;align-items:center;justify-content:center;width:100%;height:100%;line-height:1.15;overflow-wrap:normal;white-space:normal}.media-controls{display:grid;grid-template-columns:240px 140px 190px 190px;gap:10px;margin-bottom:8px}.media-controls button{height:48px;min-height:48px;max-height:48px;padding:8px 12px;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}.media-icon{flex:0 0 20px}#audioStatus{min-height:20px;font-size:14px;margin:6px 0 12px;color:var(--muted)}#slide{background:white;border-top:6px solid var(--green);padding:30px 36px 34px;min-height:540px;box-shadow:0 12px 40px #1748360a;border-radius:0 0 14px 14px}.slide-topline{display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.09em;font-weight:700;color:var(--green);text-transform:uppercase}.slide-title{font-size:37px;line-height:1.17;letter-spacing:-.02em;margin:24px 0 30px;max-width:1120px}.slide-layout{display:flex;align-items:center;min-height:300px}.slide-layout.with-scene{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:34px}.slide-steps{display:grid;gap:14px;max-width:1000px}.slide-step{font-size:23px;line-height:1.45;margin:0;padding:10px 12px 10px 0;display:grid;grid-template-columns:30px 1fr;gap:12px;border-left:3px solid transparent;transition:background .35s,border-color .35s}.slide-step.active-step{background:#f4f9f6;border-left-color:var(--green)}.step-number{font-size:13px;font-weight:700;color:var(--green);padding-top:6px;text-align:center}.with-scene .slide-step{font-size:19px;line-height:1.42;gap:8px}.ending{background:var(--dark)!important;color:white;border-top-color:#5cb49f!important}.ending .slide-topline,.ending .step-number{color:#9bd2bb}.ending .active-step{background:#1b5046}.ending .slide-title{font-size:45px}.audio-strip{margin-top:15px}#audioSeek{display:block;accent-color:var(--green);width:100%;height:16px;margin:0}#captionBox{padding:16px 22px;background:var(--dark);border-radius:8px;color:white;font-size:19px;line-height:1.5;min-height:89px;margin:8px 0 0}.viewer-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:22px}.viewer-controls button{height:54px;min-height:54px;max-height:54px;padding:9px 13px;min-width:0}.viewer-bottom{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-top:20px}.viewer-bottom label{display:grid;gap:8px;font-size:14px;max-width:75%}.viewer-bottom select{height:43px;border:1px solid #a9cabb;border-radius:7px;padding:8px;max-width:650px;width:100%;background:white;color:var(--dark)}#progress{white-space:nowrap;font-weight:700}.keyboard{font-size:13px;color:var(--muted);margin-top:20px}.progress-track{height:5px;background:#d6e7de;border-radius:5px;overflow:hidden}.progress-track div{height:100%;background:var(--green);transition:width .3s}#overview{width:min(1200px,94vw);max-height:90vh;border:1px solid #a9cabb;border-radius:14px;padding:22px;background:#f5faf7}#overview::backdrop{background:#0b2d26b0}.overview-header{display:flex;align-items:center;justify-content:space-between;gap:20px;position:sticky;top:-22px;background:#f5faf7;padding:12px 0;z-index:2}.overview-header h2{font-size:26px;margin:0}.overview-close{height:46px;width:130px;flex:0 0 130px;padding:8px 12px}#overviewGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}.slide-card{height:150px;min-height:150px;max-height:150px;padding:16px;text-align:left;display:flex;flex-direction:column;align-items:start;gap:10px;overflow:hidden}.slide-card strong{font-size:22px;color:var(--green)}.slide-card .fit-label{display:block;height:83px;text-align:left;line-height:1.3}.slide-card.selected{background:#dcefe5;border:2px solid var(--green)}
/* Diagrams use StoreParts' existing artwork and exact fictional balances. */
.story-scene{min-width:0;--story-progress:0;position:relative;min-height:280px}.hero-art{width:100%;height:340px;object-fit:cover;border-radius:10px}.machine-scene{padding-bottom:25px}.conveyor-art{width:100%;height:260px;object-fit:contain}.drive-inset{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--pale);border-radius:12px;padding:8px 16px;font-size:13px;font-weight:700}.gear-pair{position:relative;width:120px;height:66px;flex:0 0 120px}.gear{width:66px;height:66px;position:absolute;transform-origin:center}.gear-a{left:0;animation:gear-turn 8s linear infinite}.gear-b{right:0;animation:gear-turn 8s linear infinite reverse}.belt-motion{width:130px;height:22px;border:4px solid var(--dark);border-radius:15px;overflow:hidden}.belt-motion span{display:block;width:200%;height:100%;background:repeating-linear-gradient(90deg,#a9c2b7 0,#a9c2b7 13px,#e6efea 13px,#e6efea 18px);animation:belt-run 1s linear infinite}.tools-art{width:100%;height:220px;object-fit:contain}.tool-lane{position:relative;display:flex;justify-content:space-between;align-items:center;padding:12px 8px;border-bottom:2px solid #bfd9cc}.tool-end{display:grid;justify-items:center;gap:6px;font-size:14px}.tool-end .scene-icon{height:48px;width:48px}.tool-end strong{height:48px;width:48px;display:grid;place-items:center;border-radius:50%;color:white;background:var(--green);font-size:19px}.moving-tool{position:absolute;left:calc(18% + var(--story-progress) * 48%);width:54px;height:54px;top:8px;transform:rotate(calc(-15deg + var(--story-progress) * 30deg))}.returning .moving-tool{left:calc(66% - var(--story-progress) * 48%)}.tool-balance{text-align:center;font-size:28px;font-weight:700;padding:12px;color:var(--green)}.threshold-row,.availability-row{display:flex;justify-content:space-between;gap:12px}.scene-metric{display:grid;gap:9px;flex:1;min-width:0}.scene-metric strong{font-size:39px;font-weight:700}.scene-metric span{font-size:14px;line-height:1.3;color:var(--muted)}.scene-metric.critical strong{color:#bc3e32}.scene-metric.low strong{color:#b7711a}.scene-metric.good strong{color:#248260}.stock-scene{padding:20px 10px}.stock-track{height:30px;background:linear-gradient(90deg,#f4b1a6 0 25%,#f6db9e 25% 72%,#8fc8b3 72%);margin-top:44px;border-radius:8px;position:relative}.stock-indicator{position:absolute;height:50px;width:8px;top:-10px;background:var(--dark);left:calc(5% + var(--story-progress) * 89%);border-radius:4px}.availability-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:8px;margin-top:32px}.availability-bars i{height:45px;background:#278577;border-radius:4px}.availability-bars .reserved{background:#d79b55}.availability-bars .damaged{background:#bc3e32}.availability-row .scene-metric strong{font-size:35px}.calculation{font-size:24px;padding:30px 0;color:var(--muted)}.stock-scene>.scene-metric:last-child strong{font-size:46px}.scene-caption{font-size:11px;text-transform:uppercase;letter-spacing:.06em;font-weight:700;background:var(--pale);padding:10px 12px}.demo-viewport{width:100%;aspect-ratio:1.35;position:relative;overflow:hidden;border:1px solid #d3e4db;background:#f5faf7;border-radius:0 0 12px 12px}.demo-frame{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.offline-scene{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;align-items:center;min-height:300px}.connection-device{display:grid;justify-items:center;gap:16px}.connection-device img{width:90px;height:90px}.sync-channel{height:3px;background:#bed7cc;position:relative}.sync-packet{position:absolute;top:-6px;width:14px;height:14px;border-radius:4px;background:var(--green);animation:packet-run 3s linear infinite}.sync-packet:nth-child(2){animation-delay:-1s}.sync-packet:nth-child(3){animation-delay:-2s}.sync-status{grid-column:1/-1;text-align:center;color:var(--green);font-size:24px}.story-scene[data-slide="23"] .sync-packet{animation-play-state:paused;background:#d79b55}.location-scene{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;min-height:260px}.location-node{display:grid;gap:12px;justify-items:center}.location-node img{width:65px;height:65px}.location-arrow{font-size:35px;color:#a4c4b5}.location-address{width:100%;text-align:center;font-size:25px;letter-spacing:.04em}.excel-scene{border:1px solid #c5dcce;border-radius:10px;overflow:hidden;background:white}.excel-caption{background:#278577;color:white;padding:14px 18px;font-size:18px;font-weight:700}.excel-table{border-collapse:collapse;width:100%;font-size:12px}.excel-table td,.excel-table th{padding:16px 9px;border:1px solid #dce8e0;text-align:left;overflow-wrap:anywhere}.excel-table th{background:#e7f4ee}.excel-tabs{display:grid;grid-template-columns:repeat(4,1fr);font-size:10px;background:#f5f8f6;border-top:1px solid #c5dcce}.excel-tabs span{padding:14px 7px;border-bottom:4px solid transparent}.excel-tabs span.active{border-color:#278577;color:#17634f;background:#e4f3ea;font-weight:700}.demo-stats{display:flex;gap:16px;padding:30px 10px}.demo-stats .scene-metric strong{font-size:70px}.motion-paused *, .motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}@keyframes gear-turn{to{transform:rotate(360deg)}}@keyframes belt-run{to{transform:translateX(-18px)}}@keyframes packet-run{0%{left:0;opacity:0}15%,85%{opacity:1}100%{left:100%;opacity:0}}
@media(max-width:1000px){.media-controls{grid-template-columns:1.3fr .8fr 1fr 1fr}.slide-layout.with-scene{gap:22px}.slide-title{font-size:32px}.with-scene .slide-step{font-size:18px}.scene-metric strong{font-size:31px}#overviewGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.viewer-header{grid-template-columns:minmax(0,1fr) 130px;padding:12px 18px;gap:8px}.viewer-brand{grid-column:1;grid-row:1}.viewer-brand img{height:60px;width:100%;max-width:190px}.viewer-header>a:first-child{grid-column:1;grid-row:2;font-size:13px}.viewer-header label{grid-column:2;grid-row:1/3}.viewer-header select{width:130px}.viewer-intro{align-items:start;gap:12px}.viewer-intro h1{font-size:21px}.viewer-action{width:145px;flex-basis:145px;height:48px;padding:8px 9px}main{padding:20px 14px}.media-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.media-controls button{height:48px}#slide{padding:22px 20px;min-height:530px}.slide-title{font-size:29px;margin:20px 0 24px}.ending .slide-title{font-size:34px}.slide-layout.with-scene{grid-template-columns:1fr;gap:20px}.story-scene{min-height:200px}.hero-art{height:230px}.conveyor-art{height:210px}.slide-step,.with-scene .slide-step{font-size:18px;grid-template-columns:25px 1fr;gap:7px}.slide-topline{font-size:9px}.viewer-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.viewer-controls button{height:54px}.viewer-bottom{align-items:center;gap:12px}.viewer-bottom label{max-width:75%}.keyboard{font-size:11px}.overview-header h2{font-size:21px}#overviewGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.slide-card{height:150px;padding:12px}.slide-card .fit-label{height:86px}.overview-close{width:95px;flex-basis:95px}#captionBox{font-size:17px;min-height:100px;padding:14px 16px}.demo-viewport{aspect-ratio:1.1}.scene-metric strong{font-size:31px}.drive-inset{gap:6px;padding:8px}.belt-motion{width:90px}.location-node img{width:45px;height:45px}.location-arrow{font-size:28px}.location-scene{gap:8px}.availability-bars{gap:5px}.availability-bars i{height:34px}.excel-table{font-size:11px}.excel-tabs{font-size:9px}.excel-tabs span{padding:12px 4px}}
@media(prefers-reduced-motion:reduce){.progress-track div,.slide-step{transition:none}}

.demo-error{padding:24px;font-size:16px;line-height:1.5;color:var(--muted)}

#audioCoverage{font-size:14px;color:var(--muted);margin:6px 0}#audioCoverage:empty{display:none}
.slide-layout.with-quotation{display:flex;flex-direction:column;align-items:stretch;gap:18px}.with-quotation .story-scene{min-height:0;width:100%}.with-quotation .slide-steps{max-width:none;gap:4px}.with-quotation .slide-step{font-size:17px;line-height:1.4;padding:5px 8px}.quote-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:17px}.quote-table th{background:var(--green);color:white;font-size:14px}.quote-table th,.quote-table td{padding:10px 12px;text-align:right;border-bottom:1px solid #d6e7df;overflow-wrap:break-word;vertical-align:middle}.quote-table th:first-child,.quote-table td:first-child{width:50%;text-align:left}.quote-table th:nth-child(2){width:14%}.quote-table th:nth-child(3),.quote-table th:nth-child(4){width:18%}.quote-line:nth-child(even){background:#f4f9f6}.quote-line.active-quote-line{background:#dcefe5;box-shadow:inset 4px 0 var(--green)}.quote-totals{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:16px;padding:16px 0 8px}.quote-totals>div{display:flex;flex-direction:column;gap:5px}.quote-totals span{font-size:13px;color:var(--muted)}.quote-totals strong{font-size:25px}.quote-grand-total{border-left:3px solid var(--green);padding-left:20px}.quote-grand-total strong{color:var(--green)}.active-quote-total .quote-grand-total{background:var(--pale)}.quote-note{font-size:12px;color:var(--muted);margin:5px 0}.quotation-scene{width:100%}
@media(max-width:700px){.quote-table{font-size:12px}.quote-table th{font-size:11px}.quote-table th,.quote-table td{padding:8px 5px}.quote-table th:first-child,.quote-table td:first-child{width:44%}.quote-table th:nth-child(2){width:16%}.quote-table th:nth-child(3),.quote-table th:nth-child(4){width:20%}.quote-totals{gap:8px}.quote-totals strong{font-size:19px}.quote-totals span{font-size:11px}.quote-grand-total{padding-left:10px}.with-quotation .slide-step{font-size:15px}.quote-note{font-size:11px}}

.valuation-totals{grid-template-columns:1fr 1.6fr}
/* Marketing overview and full feature journey share one accessible player. */
.presentation-paths{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 10px}.presentation-paths a,.presentation-actions a{display:inline-flex;justify-content:center;align-items:center;min-height:46px;padding:10px 16px;border:1px solid #9bbeb0;border-radius:9px;text-decoration:none;font-weight:700;line-height:1.3;text-align:center}.presentation-paths a.selected{background:#dcefe5;box-shadow:inset 0 -3px #278577}.presentation-paths .primary,.presentation-actions .presentation-contact{background:#278577;color:#fff}.presentation-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px;border-top:1px solid #d6e7df;padding-top:18px}#pathDescription{font-size:14px;color:var(--muted);margin:8px 0 18px}.marketing-scene{width:100%;align-self:center;min-height:230px;display:flex;flex-direction:column;justify-content:center;gap:20px}.marketing-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.marketing-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid #bed8cc;border-radius:12px;padding:22px 12px;min-height:130px;background:#edf7f2;text-align:center}.marketing-card span{font-size:16px;line-height:1.4}.marketing-symbol{font-size:28px;color:#17634f;overflow-wrap:anywhere;max-width:100%}.marketing-story{font-size:24px;font-weight:700;text-align:center;margin:0}.language-chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.language-chips span{background:#278577;color:white;padding:13px 18px;border-radius:30px;font-weight:700}.marketing-brand{width:100%;max-height:210px;object-fit:contain;background:#278577;padding:24px;border-radius:14px}.marketing-domain{text-align:center;font-size:26px;color:#17634f;font-weight:700}.slide-step{transition:background .25s}.presentation-paths a:focus-visible,.presentation-actions a:focus-visible{outline:3px solid #d79b55;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){.marketing-scene{min-height:170px}.marketing-cards{gap:8px}.marketing-card{padding:16px 8px;min-height:110px}.marketing-symbol{font-size:23px}.marketing-card span{font-size:14px}.presentation-paths a{flex:1 1 140px;font-size:14px}.presentation-actions a{width:100%}.marketing-brand{max-height:140px;padding:14px}.marketing-story{font-size:21px}}
.viewer-brand{display:flex;align-items:center;gap:12px}.viewer-brand img.viewer-logo{width:64px;height:64px;flex:0 0 64px}.viewer-brand img:not(.viewer-logo){width:250px;height:76px}@media(max-width:700px){.viewer-brand{gap:8px}.viewer-brand img.viewer-logo{width:40px;height:40px;flex-basis:40px}.viewer-brand img:not(.viewer-logo){width:140px;height:55px}}
.viewer-controls{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:700px){.viewer-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.viewer-controls button{font-size:13px;padding:8px 6px}}
#presentationChoice{max-width:980px;margin:35px auto 80px}#choiceTitle{text-align:center;font-size:34px;margin:0 0 30px}.presentation-choice-cards{display:grid;grid-template-columns:1fr 1fr;gap:24px}.presentation-choice-cards a{display:flex;flex-direction:column;justify-content:center;gap:18px;min-height:230px;padding:32px;background:white;border:2px solid #278577;border-radius:16px;text-decoration:none;box-shadow:0 12px 35px #1748360a}.presentation-choice-cards a:hover{background:#e7f4ee}.presentation-choice-cards strong{font-size:29px;color:#17634f}.presentation-choice-cards span{font-size:18px;line-height:1.5;color:#55746b}.presentation-choice-cards a:focus-visible{outline:3px solid #d79b55;outline-offset:5px}@media(max-width:700px){.presentation-choice-cards{grid-template-columns:1fr;gap:16px}.presentation-choice-cards a{min-height:160px;padding:24px}.presentation-choice-cards strong{font-size:26px}#choiceTitle{font-size:27px}}
